@font-face { font-family: 'DM Sans'; src: url("../fonts/dmsans/DMSans-Bold.eot"); src: local("DM Sans Bold"), local("DMSans-Bold"), url("../fonts/dmsans/DMSans-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/dmsans/DMSans-Bold.woff2") format("woff2"), url("../fonts/dmsans/DMSans-Bold.woff") format("woff"), url("../fonts/dmsans/DMSans-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'DM Sans'; src: url("../fonts/dmsans/DMSans-Medium.eot"); src: local("DM Sans Medium"), local("DMSans-Medium"), url("../fonts/dmsans/DMSans-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/dmsans/DMSans-Medium.woff2") format("woff2"), url("../fonts/dmsans/DMSans-Medium.woff") format("woff"), url("../fonts/dmsans/DMSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'DM Sans'; src: url("../fonts/dmsans/DMSans-Regular.eot"); src: local("DM Sans Regular"), local("DMSans-Regular"), url("../fonts/dmsans/DMSans-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/dmsans/DMSans-Regular.woff2") format("woff2"), url("../fonts/dmsans/DMSans-Regular.woff") format("woff"), url("../fonts/dmsans/DMSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

*{
    padding: 0;
    margin: 0;
    outline: 0;
}
ol,
ul{
    list-style-type: none;
    margin: 0;
}
ul li{
	color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
i,
span,
input{
    padding: 0;
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,h6{
  color: #000;
}
body{
   font-family: 'DM Sans', sans-serif;
    background-color: #1B1A1D;
}
a,
a:hover{
    color: #000;
    text-decoration: none;
}
img{
    vertical-align: middle;
}

/* header css start */
.header_section{
    padding-bottom: 5px;
    padding-top: 5px;
}
.header_section .navbar-nav .nav-item .nav-link{
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    font-feature-settings: 'salt' on, 'liga' off;
    color: #FFFFFF;
    margin: 0 8px;
    transition: all linear .2s;
}
.header_section .navbar-nav .nav-item .nav-link:hover{
    color: #622CBF;
}
.header_section .form-inline a:first-child{
    background: rgba(127, 56, 221, 0.1);
    border-radius: 6px;
    padding: 10px 14px;
    margin-right: 15px;
}
.header_section .form-inline a:nth-child(2){
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    font-feature-settings: 'salt' on, 'liga' off;
    color: #FFFFFF;
    padding: 10px 30px;
    transition: all linear .2s;
    background: rgba(127, 56, 221, 0.25);
    border-radius: 6px;
    margin-right: 15px;
}
.header_section .form-inline{
    margin-left: 70px;
}
.header_section .form-inline a:nth-child(3){
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    font-feature-settings: 'salt' on, 'liga' off;
    color: #FFFFFF;
    padding: 10px 30px;
    transition: all linear .2s;
    background: #622CBF;
    border-radius: 6px;
}
.header_section .form-inline a:nth-child(2):hover{
    background: #622CBF;
}
.header_section .form-inline a:nth-child(3):hover{
    background: rgba(127, 56, 221, 0.25);
}
.hero_section{
    padding-top: 50px;
    padding-bottom: 60px;
}
.hero_txt {
    padding-top: 40px;
}
.hero_txt h6{
    background: #622CBF;
    border: 0.640476px solid #622CBF;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 108.34%;
    letter-spacing: -0.005em;
    color: #FFFFFF;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 12px;
    position: relative;
    margin-bottom: 15px;
}
.hero_txt h6::before {
	position: absolute;
	content: "";
	left: -9px;
	top: 0;
	width: 23%;
	height: 100%;
}
.hero_txt h2{
    font-style: normal;
    font-weight: 700;
    font-size: 66px;
    line-height: 72px;
    color: #FFFFFF;
    padding-bottom: 20px;
}
.hero_txt h2 span{
    color: #622CBF;
}
.hero_txt p{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    font-feature-settings: 'liga' off;
    color: #fff;
    padding-bottom: 25px;
    width: 90%;
}
.hero_txt .btn_custom{
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 27px;
    font-feature-settings: 'liga' off;
    color: #fff;
    padding: 8px 35px;
    transition: all linear .2s;
    background: #622CBF;
    border-radius: 6px;
    border: 1px solid #622CBF;
    margin-right: 15px;
}
.about_head .btn_custom:hover,
.hero_txt .btn_custom:hover{
    background: transparent;
    border-color: #fff;
}
.hero_txt .btn_custom_2{
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 27px;
    font-feature-settings: 'liga' off;
    color: #fff;
    padding: 8px 35px;
    transition: all linear .2s;
    background: transparent;
    border-radius: 6px;
    border: 1px solid #fff;
    margin-right: 15px;
}
.hero_txt .btn_custom_2:hover{
    background: #622CBF;
    border-color: #622CBF;
}
.hero_img img{
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-top: 0px;
}
.hero_txt ul {
    margin-top: 20px;
}
.hero_txt ul li{
    display: inline-block;
}
.hero_txt ul li a{
    display: block;
    margin-right: 25px;
}
.hero_btm_icon{
    text-align: center;
}
.hero_btm_icon a img{
    width: 25px;
}
/* header css end */

/* feat css start */
.featured_section{
    padding: 70px 0px;
}
.feat_head {
    text-align: center;
    margin-bottom: 60px;
}
.feat_head h5{
    background: rgba(183, 186, 0, 0.25);
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #FFB800;
    display: inline-block;
    padding: 3px 60px;
    margin-bottom: 10px;
}
.feat_head h2{
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 56px;
    color: #FFFFFF;
}
.feat_box{
    border: 3px solid #622CBF;
    box-sizing: border-box;
    border-radius: 25px;
    padding: 20px;
}
.feat_box img{
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.feat_box h6{
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.feat_box p{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.44);
}
.feat_box h5{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
}
.feat_box button{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-feature-settings: 'salt' on, 'liga' off;
    color: #FFFFFF;
    padding: 8px 21px;
    transition: all linear .2s;
    background: #622CBF;
    border-radius: 6px;
    margin-top: 5px;
    appearance: none;
}
.feat_box button:hover{
    background: rgba(127, 56, 221, 0.25);
}
/* feat css end */

.navbar-brand img,
.ftr_logo a img{
    height: 2.5rem;
    max-height: 2.5rem;
}

/* product css start */
.product_section{
    padding: 70px 0px;
}
.product_head {
    text-align: center;
    margin-bottom: 30px;
}
.product_head h6{
    font-style: normal;
    font-weight: bold;
    font-size: 19.5596px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 6.51988px;
    color: #622CBF;
}
.product_head h2{
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 56px;
    color: #FFFFFF;
}
.product_all_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  flex-wrap: wrap;
}
.product_box{
    width: 18%;
    margin: 0 auto;
    border: 2.90145px solid rgba(229, 229, 229, 0.25);
    padding: 15px;
    margin-bottom: 30px;
}
.product_box p{
    font-size: 10px;
}
.product_box h5{
    font-size: 20px;
}
.product_box button{
    padding: 5px 12px;
}
.product_filtr_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 30px;
    padding-left: 15px;
}
.product_filtr_list h6{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 0.479977px;
    font-feature-settings: 'liga' off;
    color: #FFFFFF;
    margin-right: 15px;
}
.product_filtr_list ul li{
    display: inline-block;
}
.product_filtr_list ul li a{
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    border-radius: 7.12479px;
    line-height: 22px;
    padding: 3px 10px;
    margin-right: 10px;
}
.product_filtr_list ul li:nth-child(1) a{
    color: #D81F26;
    background: rgba(216, 31, 38, 0.1);
}
.product_filtr_list ul li:nth-child(2) a{
    color: #31D249;
    background: rgba(49, 210, 73, 0.1);
}
.product_filtr_list ul li:nth-child(3) a{
    color: #148AE9;
    background: rgba(20, 138, 233, 0.1);
}
.product_filtr_list ul li:nth-child(4) a{
    color: #FC752E;
    background: rgba(252, 117, 46, 0.1);
}
.product_filtr_list ul li:nth-child(5) a{
    color: #8620E3;
    background: rgba(134, 32, 227, 0.1);
}
.product_filtr_list ul li:nth-child(6) a{
    color: #E320CF;
    background: rgba(227, 32, 207, 0.1);
}
.product_search_box{
    position: relative;
    padding-right: 15px;
}
.product_search_box input{
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: 0.445841px;
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    border: 1.33784px solid #335DEE;
    box-sizing: border-box;
    border-radius: 8.91894px;
    padding: 9px 13px;
    padding-left: 45px;
    width: 90%;
    margin-left: 10%;
}
.product_search_box img {
	position: absolute;
	left: 44px;
	top: 50%;
	transform: translatey(-50%);
}
.product_paggi ul{
    justify-content: center;
    margin-top: 30px;
}
.product_paggi ul li a{
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 31px;
    color: #FFFFFF;
    background: transparent;
    border: none;
    border: 1.33784px solid transparent;
    border-radius: 5px;
}
.product_paggi ul li a i{
    margin-left: 5px;
    margin-right: 5px;
}
.product_paggi ul li a:hover{
    background: transparent!important;
    border: 1.33784px solid #335DEE!important;
}
/* product css end */

/* review css start */
.review_section{
    padding: 60px 0px;
}
.review_box{
    width: 90%;
    margin: 0 auto;
}
.review_box p{
    background: #622CBF;
    font-style: normal;
    font-weight: 500;
    font-size: 18.7474px;
    line-height: 145%;
    font-feature-settings: 'liga' off;
    color: #FFFFFF;
    padding: 20px 30px;
    border-radius: 15px;
    position: relative;
}

.review_box .media{
    margin-top: 30px;
}
.review_box .media h6{
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 170%;
    font-feature-settings: 'liga' off;
    color: #FFFFFF;
}
.review_box .media img{
    margin-right: 15px;
    margin-top: 5px;
}
.review_box .media ul li{
    display: inline-block;
}
.review_box .media ul li i{
    margin-right: 6px;
    font-size: 20px;
    color: #fff;
}
/* review css end */

/* footer css start */
.footer_section{
    background: #151515;
    padding: 30px 0px;
}
.ftr_logo{
    text-align: center;
}
.ftr_menu{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.ftr_menu ul {
    text-align: center;
    margin-top: 25px;
}
.ftr_menu ul li {
    display: inline-block;
}
.ftr_menu ul li a{
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    /* identical to box height, or 162% */
    font-feature-settings: 'salt' on, 'liga' off;
    color: #FFFFFF;
    margin: 0 10px;
}
.ftr_copy a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    font-feature-settings: 'salt' on, 'liga' off;
    color: #D9DBE1;
}
.ftr_social ul{
    text-align: right;
}
.ftr_social ul li {
    display: inline-block;
}
.ftr_social ul li a{
    background: rgba(255, 255, 255, 0.1);
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
}
.slide_arrw img{
    cursor: pointer;
}
.slidNext_1{
     position: absolute;
	top: 120px;
	right: -50px;
	color: #000;
	font-size: 44px;
	z-index: 99;
	cursor: pointer;
	 transition: all linear .3s;
	 
}
.slidPrv_1{
    position: absolute;
	top: 120px;
	left: -50px;
	color: #000;
	font-size: 44px;
	z-index: 99;
	cursor: pointer;
	 transition: all linear .3s;
}
.feat_slider .slick-dots{
    text-align: center;
}
.feat_slider .slick-dots li {
	display: inline-block;
    width: 13px;
    z-index: 9999;
	height: 13px;
	border-radius: 10px;
	background: rgba(56, 75, 221, 0.45);
	margin: 0px 3px;
	margin-top: 30px;
    transition: all linear .3s;
}
.feat_slider .slick-dots li.slick-active{
    background: #622CBF;
    width: 28px;
}
.feat_slider .slick-dots li button{
    opacity: 0;
    font-size: 0;
}
/* footer css end */

/* Back to top btn part Start */
.back-top-btn{
    position: fixed;
    bottom: 0px;
    right: 20px;
   display: none;
     width: 40px;
    height: 40px;
    background: #622CBF;
    border-radius: 10% 10% 0 0;
    text-align: center;
    z-index: 9999;
}
.back-top-btn i {
    color: #fff;
    line-height: 40px;
    font-size: 25px;
}
/* Back to top btn part End */
/* Extra small devices (portrait phones, less than 576px) */ 
@media(min-width: 320px) and (max-width: 575px) {    
    .navbar-light .navbar-toggler{
        border-color: transparent;
    }
    .navbar-light .navbar-toggler:focus{
        outline: inherit;
    }
    .navbar-light .navbar-toggler span{
        font-size: 30px;
        color: #fff;
    }
    .header_section .navbar-nav .nav-item .nav-link{
        margin: 0;
        margin-top: 5px;
        text-align: center;
    }
    .header_section .form-inline{
        width: 100%;
        margin-left: 0;
    }
    .header_section .form-inline a{
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
        text-align: center;
        margin-right: 0!important;
    }
    br{
        display: none;
    }
    .hero_txt{
        padding-top: 30px;
    }
    .hero_txt h2{
        font-size: 30px;
        line-height: 40px;
    }
    .hero_txt p{
        font-size: 15px;
        line-height: 22px;
    }
    .hero_img{
        margin-top: 0px;
    }
    .hero_txt .btn_custom{
        margin-bottom: 10px;
    }
    .product_head h2,
    .feat_head h2{
        font-size: 26px;
        line-height: 32px;
    }
    .feat_head h5{
        font-size: 12px;
    }
    .product_filtr_list ul li a {
        font-size: 12px;
        margin-right: 4px;
    }
    .product_search_box input{
        margin-left: 0;
        width: 100%;
        margin-bottom: 25px;
    }
    .product_search_box img {
        left: 15px;
        top: 34%;
        transform: translatey(-50%);
    }
    .product_all_wrap{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .product_box{
        width: 100%;
        margin-bottom: 25px;
    }
    .review_box{
        margin-top: 30px;
    }
    .ftr_social ul{
        text-align: center;
    }
    .ftr_copy a{
        display: block;
        text-align: center;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
      .navbar-light .navbar-toggler{
        border-color: transparent;
    }
    .navbar-light .navbar-toggler:focus{
        outline: inherit;
    }
    .navbar-light .navbar-toggler span{
        font-size: 30px;
        color: #fff;
    }
    .header_section .navbar-nav .nav-item .nav-link{
        margin: 0;
        margin-top: 5px;
        text-align: center;
    }
    .header_section .form-inline{
        width: 100%;
        margin-left: 0;
    }
    .header_section .form-inline a{
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
        text-align: center;
        margin-right: 0!important;
    }
    br{
        display: none;
    }
    .hero_txt{
        padding-top: 30px;
    }
    .hero_txt h2{
        font-size: 30px;
        line-height: 40px;
    }
    .hero_txt p{
        font-size: 15px;
        line-height: 22px;
    }
    .hero_img{
        margin-top: 0px;
    }
    .hero_txt .btn_custom{
        margin-bottom: 10px;
    }
    .product_head h2,
    .feat_head h2{
        font-size: 26px;
        line-height: 32px;
    }
    .feat_head h5{
        font-size: 12px;
    }
    .product_filtr_list ul li a {
        font-size: 12px;
        margin-right: 4px;
    }
    .product_search_box input{
        margin-left: 0;
        width: 100%;
        margin-bottom: 25px;
    }
    .product_search_box img {
        left: 15px;
        top: 34%;
        transform: translatey(-50%);
    }
    .product_all_wrap{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .product_box{
        width: 100%;
        margin-bottom: 25px;
    }
    .review_box{
        margin-top: 30px;
    }
    .ftr_social ul{
        text-align: center;
    }
    .ftr_copy a{
        display: block;
        text-align: center;
    }
}

/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) and (max-width: 991px) {
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
       
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}