@import url('https://cdn-uicons.flaticon.com/2.4.0/uicons-solid-rounded/css/uicons-solid-rounded.css');

@font-face {
    font-family: "Helvetica Neue W23 for SKY REG";
    src: url("../fonts/Helvetica_Neue_W23_for_SKY_Reg.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "HeptaSlab";
    src: url("../fonts/HeptaSlab-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "HermeneusOne";
    src: url("../fonts/HermeneusOne-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-Regular.ttf");
    font-weight: 400;
}


body {
    font-family: var(--ff_Helvetica_Neue_W23);
    line-height: 1.6;
    color: var(--c_gray);
    background: var(--bg_light);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--c_primaryDark);
    font-weight: 500;
}

.c_primary {
    color: var(--c_primary);
}

.c_primaryDark {
    color: var(--c_primaryDark);
}

.c_black {
    color: var(--c_black);
}

.c_blackLt {
    color: var(--c_blackLt);
}

.c_dark {
    color: var(--c_dark);
}

.c_pink {
    color: var(--c_pink);
}

.c_gray {
    color: var(--c_gray);
}

.c_light {
    color: var(--c_light);
}

.c_white {
    color: var(--c_white);
}

.c_violet {
    color: var(--c_violet) !important;
}

.bg_primary {
    background-color: var(--bg_primary);
}

.bg_primaryGrd {
    background: var(--bg_primaryGrd);
}

.bg_success {
    background-color: var(--bg_success);
}

.bg_skyblue {
    background-color: var(--bg_skyblue);
}

.bg_skyblue2 {
    background-color: var(--bg_skyblue2);
}

.bg_light {
    background-color: var(--bg_light);
}

.bg_white {
    background-color: var(--bg_white);
}

.bg_violet {
    background-color: var(--bg_violet);
}

.bg_violetLt {
    background-color: var(--bg_violetLt);
}

.fs_12 {
    font-size: var(--fs_12);
}

.fs_14 {
    font-size: var(--fs_14);
}

.fs_15 {
    font-size: var(--fs_15);
}

.fs_16 {
    font-size: var(--fs_16);
}

.fs_18 {
    font-size: var(--fs_18);
}

.fs_20 {
    font-size: var(--fs_20);
}

.fs_22 {
    font-size: var(--fs_22);
}

.fs_24 {
    font-size: var(--fs_24);
}

.fs_26 {
    font-size: var(--fs_26);
}

.fs_32 {
    font-size: var(--fs_32);
}

.fs_36 {
    font-size: var(--fs_36);
}

.fs_40 {
    font-size: var(--fs_40);
}

.fs_48 {
    font-size: var(--fs_48);
}

.fs_64 {
    font-size: var(--fs_64);
}

.fw_extrabold {
    font-weight: 800;
}

.mb_18 {
    margin-bottom: var(--m_18);
}

.mb_24 {
    margin-bottom: var(--m_24);
}

.mb_28 {
    margin-bottom: var(--m_28);
}

.mb_30 {
    margin-bottom: var(--m_30);
}

.mb_32 {
    margin-bottom: var(--m_32);
}

.mb_40 {
    margin-bottom: var(--m_40);
}

.mb_66 {
    margin-bottom: var(--m_66);
}

.mb_80 {
    margin-bottom: var(--m_80);
}

.mb_107 {
    margin-bottom: var(--m_107);
}

.mb_136 {
    margin-bottom: var(--m_136);
}

.btn_lg {
    font-size: var(--fs_22);
    font-weight: 300;
    padding: 0.4545em 1.0909em;
}

.btn_primary {
    color: var(--bs-white);
    background-color: var(--bg_primary);
}

.btn_primary:hover {
    color: var(--bs-white);
    background-color: var(--bg_primaryDark);
}

.btn_success {
    color: var(--bs-white);
    background-color: var(--bg_success);
}

.btn_success:hover {
    color: var(--bs-white);
    background-color: var(--bs-success);
}

.btn_primaryLt {
    color: var(--c_primary);
    background-color: var(--bg_light);
    border: 1px solid var(--c_primary);
}

.btn_primaryLt:hover {
    color: var(--bs-white);
    background-color: var(--bg_primaryDark);
}

.btn_translate {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn_translate:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn_hover_ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn_hover_ripple.btn_primary:hover {
    background-color: var(--bg_primary);
}

.btn_hover_ripple.btn_primaryLt:hover {
    background-color: transparent;
}

.btn_hover_ripple.btn_primaryLt:hover .btn_ripple {
    background-color: var(--bg_primaryDark);
}

.btn_hover_ripple:hover,
.btn_hover_ripple:focus,
.btn_hover_ripple:active {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn_hover_ripple .btn_content {
    z-index: 2;
    position: relative;
    -webkit-transition: color 0s;
    -o-transition: color 0s;
    transition: color 0s;
}

.btn_hover_ripple .btn_ripple {
    line-height: 0;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.17);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
}

.btn_hover_ripple:hover .btn_ripple,
.btn_hover_ripple:focus .btn_ripple,
.btn_hover_ripple:active .btn_ripple {
    width: 225%;
    height: 562.5px;
}

.btn_violetLt {
    color: var(--c_white);
    background-color: var(--bg_violetLt);
    border: 1px solid var(--bg_violetLt);
}

.btn_violetLt:hover {
    color: var(--bs-white);
    background-color: var(--bg_violetLt);
}

i.fi::before {
    line-height: 1;
    vertical-align: middle;
}

i.fi.rotated::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}

.hover_underline {
    text-decoration: none;
}

.hover_underline:hover {
    text-decoration: underline;
}

.dir_ltr {
    direction: ltr;
}

.dir_rtl {
    direction: rtl;
}

/*  */
.header .nav-link .cart_icon{
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 50%;
    padding: 0.3em !important;
    display: grid;
    place-items: center;
    position: relative;
}

.header {
    padding: 0.8rem 0rem;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: sticky;
    top: 0px;
    z-index: 1100;
    background-color: var(--bg_white);
}

.header.active__header {
    padding: 0.8rem 0rem;
    background-color: var(--bg_white);
    border-bottom: 1px solid var(--c_violet);
}

.header_logo {
    height: 4.875rem;
    width: 4.875rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.header .navbar-nav {}

.header .nav-item {
    margin: 0rem 0.2rem;
}

.header .nav-link {
    font-size: var(--fs_22);
    padding: 0.4em 0.4em !important;
}

.header .nav-link:hover,
.header .nav-link.active {
    color: var(--c_primary);
}

.header .dropdown-menu {
    min-width: 13rem;
    border: none;
    padding: 8px;
    border-radius: 1rem;
    -webkit-box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.1);
    box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.1);
}

.header .dropdown-toggle::after {
    content: "\f8d7";
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    vertical-align: middle;
    border: none;
}

.header .dropdown-toggle.arrow_none::after {
    content: none;
}

.header .dropdown-item {
    color: var(--c_gray);
    font-size: var(--fs_20);
    border-radius: 0.3636em;
    padding: 0.4em 0.8em;
}

.inline_icon {
    height: 1em;
}

.header .inline_icon {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.search_inp_wrap {
    width: 50%;
}

.py_method>input {
    vertical-align: middle;
    margin-top: 0px;
}

.py_method img {
    width: 5rem;
}

.sub_header{
    position: relative;
    z-index: 100;
}

.sub_header .dropdown{position:relative;}
.sub_header .dropdown-toggle{white-space:nowrap;}
.sub_header .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;}
.sub_header .dropdown-toggle:empty::after{margin-left:0;}
.sub_header .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
.sub_header .nav-link{display:block;padding:.5rem 1rem;}
.sub_header .nav-link:focus,.nav-link:hover{text-decoration:none;}
.sub_header .navbar .container{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;}
.sub_header .navbar-nav .nav-link{padding-right:0;padding-left:0;}
.sub_header .navbar-nav .dropdown-menu{position:static;float:none;}
@media (min-width:992px){
    .sub_header .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute;}
    .sub_header .navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;}
}
.sub_header .navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5);}
.sub_header .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75);}

.sub_header .dropdown .dropdown-menu{background:#fff;border-radius:18px;-webkit-box-shadow:0 4px 14px 0 #00000017;box-shadow:0 4px 14px 0 #00000017;position:absolute;-webkit-transform:translate3d(556px,46px,0);transform:translate3d(556px,46px,0);top:8px!important;left:0;will-change:transform;right:auto;bottom:auto;padding-top:20px;padding-bottom:15px;border:none;}
.sub_header .dropdown .dropdown-menu:after{content:"";}
.sub_header .dropdown .dropdown-toggle::after{border:none;}
.sub_header .navbar-nav .nav-link{color:var(--c_primaryDark);;padding:12px 16px 12px 18px;font-weight:600;font-size:16px;}
.sub_header .navbar-nav .nav-link:hover{color:var(--bg_violet);}
.sub_header .navbar-nav .nav-link img.cat-icon{margin-left:2px;max-width:20px;margin-bottom:5px;}
.sub_header .dropdown:hover .dropdown-menu{display:block;margin-top:0;}
.sub_header .dropdown .dropdown-toggle::after{border:none;}
.sub_header .dropdown .dropdown-menu.megamenu{padding:0!important;padding-bottom:35px;top:50px!important;border:none;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;will-change:none;width:100%;border-radius:0;-webkit-transition:all 1s cubic-bezier(0,.18,.15,1.05);-o-transition:all 1s cubic-bezier(0,.18,.15,1.05);transition:all 1s cubic-bezier(0,.18,.15,1.05);-webkit-box-shadow:none;box-shadow:none;right:-19px !important;background: transparent;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container{border-radius:11px;background:#fff;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;width:200px;overflow: hidden;border:1px solid var(--bs-border-color)}
.sub_header .dropdown .dropdown-menu.megamenu:after{display:none;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu{width:175px;padding:5px;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu .list-unstyled{}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li{margin:10px 0;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a{line-height:2.4em;color:#454565;font-size:14px;border-radius:8px;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;padding:4px 15px 7px;display:inline-block;position:relative;width:185px;text-decoration: none;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a img.prod-icon{width:22px;margin-left:7px;border-radius:30px;-webkit-filter:invert(52%) sepia(60%) saturate(3003%) hue-rotate(220deg) brightness(93%) contrast(90%);filter:invert(52%) sepia(60%) saturate(3003%) hue-rotate(220deg) brightness(93%) contrast(90%);}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a img.arrow{left:13px;top:13px;position:absolute;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a:hover{background:rgba(224,224,250,.29);color:#8271e2;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a:hover img.arrow{-webkit-filter:invert(60%) sepia(60%) saturate(5116%) hue-rotate(222deg) brightness(94%) contrast(88%);filter:invert(60%) sepia(60%) saturate(5116%) hue-rotate(222deg) brightness(94%) contrast(88%);}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes{width:auto;max-width:840px;display:-webkit-box;display:-ms-flexbox;display:flex;background:white}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes li a:hover{background:0 0;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes li a:hover img{opacity:.85;}
.sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes li a img{width:28px;margin-left:5px;border-radius:30px;}
.sub_header .navbar-dark .navbar-nav .nav-link:focus,header .navbar-dark .navbar-nav .nav-link:hover{color:#8272e2;}
.sub_header .hide{display:none!important;}
.sub_header .list-unstyled{padding-right:0;padding-left:initial;}
.sub_header .dropdown-menu{right:0;left:auto;float:left;text-align:right;}
@media only screen and (max-width:1199.98px){
    .sub_header .dropdown .dropdown-menu.open{display:block;margin-top:0;}
}
@media (min-width:768px){
    .sub_header .navbar-nav>li{float:right!important;}
}
@media all and (min-width:992px){
    .sub_header .navbar .has-megamenu{position:static!important;}
    .sub_header .navbar .megamenu{left:0;right:0;width:100%;}
}

@media only screen and (max-width:991.98px){
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-width: 500px;
        max-height:690px;
        overflow:scroll;
    }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu .list-unstyled {
        width: 50%;
    }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a {
        min-width: 185px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}
@media only screen and (max-width:767px){
    /* .sub_header .dropdown .dropdown-menu.megamenu{padding:0!important;}
    .sub_header nav.navbar .dropdown .dropdown-menu,
    .sub_header nav.navbar .dropdown:hover .dropdown-menu{display:none;margin-top:0;} */

    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes {
        max-width: 200px;
    }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu .list-unstyled {
        width: 100%;
    }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a {
        min-width: 185px;
        width: 185px;
    }
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .sub_header nav.navbar .dropdown .dropdown-menu,
    .sub_header nav.navbar .dropdown:hover .dropdown-menu{display:none;margin-top:0;}
    .sub_header .dropdown .dropdown-menu.megamenu{padding:0!important;}
}
@media only screen and (max-width: 575.98px) {
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes {
        max-height:500px;
    }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu li a {
        min-width: 160px;
        width: 160px;
      }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-classes {
      max-width: 170px;
    }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container .col-megamenu {
        /* width: 170px; */
    }
    .sub_header .dropdown .dropdown-menu.megamenu .megamenu-container {
        width: 190px;
    }
}
.hide{display:none!important;}

/* .................. start landing page .................. */
.main {}

.hero_sec {
    padding: 3rem 0rem;
}

.hero_slider {}

.hero_sliderItem {
    color: var(--c_white);
    background-color: var(--bg_violet);
    border-radius: 2.1875rem;
    padding: 2.5rem 5.625rem;
}

.hero_slider .owl-dots {
    margin-top: -1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 2;
}

.hero_slider .owl-dot {
    width: 1.5rem;
    height: 0.25rem;
    margin: 0rem 0.3125rem;
    background: var(--bg_violetLt) !important;
    display: block;
}

.hero_slider .owl-dot.active {
    background: var(--bg_white) !important;
}

.prd_card {
    position: relative;
    overflow: hidden;
}

.prd_actBtns {
    position: absolute;
    z-index: 1;
    top: 0.8rem;
    right: 0.8rem;
}

.prd_actBtns .btn {
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.prd_actBtns .btn:nth-of-type(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.prd_actBtns .btn:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.prd_actBtns .btn:nth-of-type(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.prd_actBtns .btn.selected {
    color: var(--c_primary);
}

.prd_actBtns .btn.selected .fi-rr-heart::before {
    content: "\f775";
    font-family: uicons-solid-rounded !important;
}

.prd_card:hover .prd_actBtns .btn {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);

}

.prd_cardBox {
    display: block;
    text-decoration: none;
}

.color_box {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid var(--border_gray2);
    margin-right: 0.3rem;
}

.prd_cardImgBox {
    position: relative;
    height: 0px;
    padding-bottom: 137.93%;
    margin-bottom: 0.5rem;
    border-radius: 1.25rem;
    overflow: hidden;
    display: block;
    text-decoration: none;
}

.prd_card2 .prd_cardImgBox {
    padding-bottom: 65.02%;
    border-radius: 1rem;
}

.prd_cardImg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: var(--bg_skyblue);
}

.feature_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    list-style-type: none;
}

.feature_list li {
    font-size: var(--fs_22);
    text-wrap: nowrap;
    padding: 0em 1.4em 0em 0.6em;
    background-image: url("../img/home/check_icon.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1em;
    margin-bottom: 0.5em;
}

.sec_py {
    padding: 6.25rem 0rem;
}

.ps_secImg {
    margin-right: -15%;
}

[dir="ltr"] .ps_secImg {
    margin-right: 0%;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    color: var(--c_primary) !important;
    position: absolute;
    font-size: var(--fs_24) !important;
    top: 50%;
    width: 1.6667em;
    height: 1.6667em;
    display: -ms-grid;
    display: grid;
    place-items: center;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid var(--c_primary) !important;
    background: var(--bg_white) !important;
}

.owl-carousel .owl-prev {
    left: -0.8333em;
}

.owl-carousel .owl-next {
    right: -0.8333em;
}

.owl-carousel,
.bx-wrapper {
    direction: ltr;
}

.owl-carousel .owl-item {
    direction: rtl;
}

.app_features {
    max-width: 50rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0rem auto 4.125rem;
}

.app_btn {
    width: 11.25rem;
}

.subscribe_formBox {
    text-align: center;
    padding: 2rem 2.5rem 2.5rem;
    background-color: var(--bg_pinkLt);
    border-radius: 2rem 2rem 0rem 0rem;
}


.footer {
    background-color: var(--bg_skyblue);
    border-top: 1px solid var(--border_gray);
    padding: 6.25rem 0rem 3.5rem;
}

.footer_top {
    margin-bottom: 3.5rem;
}

.footer_logo {
    width: 4.875rem;
    height: 4.875rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.header_backDrop {
    display: none;
}

.footer_nav {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer_nav li {
    font-size: var(--fs_16);
    margin-bottom: 1em;
}

.footer_navLink {
    color: var(--c_dark);
    text-decoration: none;
}

.footer_navLink:hover {
    color: var(--c_primary);
    text-decoration: underline;
}

.footer_socialNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.footer_socialNavLink {
    display: inline-block;
    font-size: var(--fs_40);
    line-height: 1;
}

.footer_socialNavLink:hover {
    background: var(--bg_light);
}

.footer_socialNavLink img {
    width: 1em;
}

/*  */
[dir="ltr"] .navbar-brand {
    margin-left: initial !important;
    margin-right: var(--bs-navbar-brand-margin-end);
}

[dir="ltr"] .header .navbar-nav {
    padding-left: 0px;
}

[dir="ltr"] .header .nav-link {
    margin-left: initial;
}

[dir="ltr"] .dropdown-menu {
    text-align: left;
    left: 0px;
}

[dir="ltr"] .dropdown-toggle::after {
    margin-right: 0px;
    margin-left: .255em;
}

[dir="ltr"] .ms-auto {
    margin-right: initial !important;
    margin-left: auto !important;
}

[dir="ltr"] .ms-1 {
    margin-right: initial !important;
    margin-left: 0.25rem !important;
}

[dir="ltr"] .ms-3 {
    margin-right: initial !important;
    margin-left: 1rem !important;
}

[dir="ltr"] .ms-5 {
    margin-right: initial !important;
    margin-left: 3rem !important;
}

[dir="ltr"] .me-2 {
    margin-left: initial !important;
    margin-right: .5rem !important;
}

[dir="ltr"] .me-3 {
    margin-left: initial !important;
    margin-right: 1rem !important;
}

[dir="ltr"] .text-end {
    text-align: right !important;
}

[dir="ltr"] .text-start {
    text-align: left !important;
}

[dir="ltr"] i.fi.rotated::before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

[dir="ltr"] .feature_list li {
    padding: 0em 0.6em 0em 1.4em;
    background-position: left center;
}

[dir="ltr"] .def_group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="ltr"] .def_group input {
    text-align: left;
}


/*  */
.select2-container .select2-selection--single {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
}

.input-group .select2-container .select2-selection--single {
    border-radius: var(--rounded_6) 0px 0px var(--rounded_6);
}

[dir="ltr"] .input-group .select2-container .select2-selection--single {
    border-radius: 0px var(--rounded_6) var(--rounded_6) 0px;
}

.input-group>*:first-child .select2-container .select2-selection--single {
    border-radius: 0px var(--rounded_6) var(--rounded_6) 0px;
}

[dir="ltr"] .input-group>*:first-child .select2-container .select2-selection--single {
    border-radius: var(--rounded_6) 0px 0px var(--rounded_6);
}

.select2-selection--single .select2-selection__rendered {
    font-size: var(--fs_14) !important;
    padding: 0.62em 0.8em !important;
    line-height: 1.5em !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 30px !important;
}

[dir="ltr"] .select2-container .select2-selection--single .select2-selection__rendered {
    text-align: left !important;
    padding-left: 8px !important;
    padding-right: 30px !important;
    direction: ltr;
}

.select2-selection__arrow {
    height: 100% !important;
    width: 30px !important;
    display: -ms-grid !important;
    display: grid !important;
    place-items: center !important;
}

[dir="ltr"] .select2-selection__arrow {
    left: initial !important;
    right: 0px !important;
}

.select2-selection__arrow b {
    border: none !important;
    height: 1em !important;
    width: 1em !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    line-height: 1em;
}

.select2-selection__arrow b::before {
    content: "\f13c";
    vertical-align: sub;
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.input-group .select2-container--default {
    /* flex-grow: 1; */
}

.select2-dropdown {
    border: 1px solid var(--bs-border-color);
    -webkit-box-shadow: 0px 5px 20px -10px rgba(28, 39, 49, 0.25);
    box-shadow: 0px 5px 20px -10px rgba(28, 39, 49, 0.25);
}

.select2-results__option {
    font-size: var(--fs_14) !important;
}

[dir="ltr"] .select2-results__option {
    text-align: left !important;
    direction: ltr;
}

.results__option.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--bg_primary3) !important;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 4px !important;
}

@media (min-width: 1200px) {
    [dir="ltr"] .ms-xl-4 {
        margin-right: initial !important;
        margin-left: 1.5rem !important;
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 88.375rem;
        /* 1390px */
    }

    .container_md {
        max-width: 86.5rem;
        /* 1360px */
    }

    .container_sm {
        max-width: 80.25rem;
        /* 1260px */
    }

    .container_full {
        max-width: 109rem;
        /* 1720px */
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /*  */
    .header .navbar-nav .dropdown-menu {
        display: block;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin-top: 0px;
        -webkit-transform: translateY(16px) !important;
        -ms-transform: translateY(16px) !important;
        transform: translateY(16px) !important;
        opacity: 0;
        pointer-events: none;
        border-top-right-radius: 0rem;
    }

    [dir="ltr"] .header .navbar-nav .dropdown-menu {
        border-top-right-radius: 1rem;
        border-top-left-radius: 0rem;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }

    .header .dropdown-toggle {
        border-radius: 1rem 1rem 0rem 0rem;
        position: relative;
        z-index: 2;
    }

    .header .dropdown:hover .dropdown-toggle {
        background-color: var(--bg_white);
        -webkit-box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.1);
        box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.1);
    }

    .header .dropdown:hover .dropdown-menu {
        -webkit-transform: translateY(0px) !important;
        -ms-transform: translateY(0px) !important;
        transform: translateY(0px) !important;
        opacity: 1;
        pointer-events: initial;
    }

    .header .dropdown .dropdown-menu.dropdown-menu-end,
    .header .dropdown .dropdown-menu.dropdown-menu-xl-end {
        border-top-right-radius: 1rem;
        border-top-left-radius: 0rem;
        right: auto !important;
        left: 0px !important;
    }

    [dir="ltr"] .header .dropdown .dropdown-menu.dropdown-menu-end,
    [dir="ltr"] .header .dropdown .dropdown-menu.dropdown-menu-xl-end {
        border-top-left-radius: 1rem;
        border-top-right-radius: 0rem;
    }
}

@media(max-width:1799.98px) {
    html {
        font-size: 14px;
    }
}

@media(max-width:1399.98px) {
    html {
        font-size: 12px;
    }
}

@media (max-width: 1199.98px) {
    .header {
        padding: 0.8rem 0rem;
    }

    .header_logo {
        height: 4rem;
        width: 4rem;
    }

    .header_navContent {
        position: fixed;
        z-index: 1000;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-color: var(--bg_white);
        width: 320px;
        padding: 20px 16px;
    }

    .header .header_navContent {
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        overflow-y: auto;
    }

    .header.active_header .header_navContent {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .header_navContent .navbar-toggler {
        display: block;
        margin-left: auto;
    }

    .header .navbar-nav {
        padding-right: 0px;
        padding-top: 16px;
    }

    .header .nav-item {
        margin-bottom: 12px;
    }

    .header .dropdown-item {
        white-space: wrap;
    }

    .header .nav-link {
        margin-left: 0px;
        padding: 8px !important;
        border-radius: 5px;
        text-align: right;
    }

    [dir="ltr"] .header .nav-link {
        text-align: left;
    }

    [dir="ltr"] .header .nav-link {
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
    }

    .header .nav-link.dropdown-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header .nav-link.dropdown-toggle::after {
        margin-right: auto;
    }

    [dir="ltr"] .header .nav-link.dropdown-toggle::after {
        margin-right: 0px;
        margin-left: auto;
    }

    .header .nav-link:hover {
        background-color: var(--bg_light);
    }

    .header.active_header .header_backDrop {
        display: block;
        position: fixed;
        z-index: 999;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #00000080;
    }

    .navbar-nav_2 .dropdown-menu {
        position: absolute;
    }

    .navbar-nav_2 .nav-item {
        margin-bottom: 0px;
    }
}

@media (max-width:991.98px) {
    .footer .fs_18 {
        font-size: var(--fs_22);
    }

    .footer .footer_navLink,
    .footer .fs_16 {
        font-size: var(--fs_20);
    }
}

@media(max-width:767.98px) {
    html {
        font-size: 12px;
    }

    br {
        display: none;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ps_secImg {
        margin-right: 0px;
    }

    .search_inp_wrap {
        width: 100%;
    }
}

@media(max-width:575.98px) {
    .feature_list li {
        text-wrap: wrap;
    }

    .sm_none {
        display: none;
    }

    .header .dropdown-menu {
        min-width: 18rem;
    }

    .hero_sliderItem {
        padding: 2.5rem 3rem;
    }

}

/* .................. end landing page .................. */

/* .................. start pricing + user agent + error page .................. */
.hero_sec2 {
    padding-bottom: 15.625rem;
}

.pkg_features {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 2.125rem;
}

.pkg_features li {
    font-size: var(--fs_16);
    margin-bottom: 1.2em;
    position: relative;
    padding-right: 2em;
}

.pkg_features li::before {
    color: var(--c_light);
    content: "\f34b";
    font-size: 1.2em;
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    right: 0px;
    top: 0.2em;
}

.pkg_features li.included::before {
    color: var(--c_primary);
}

[dir="ltr"] .pkg_features li {
    padding-right: initial;
    padding-left: 2em;
}

[dir="ltr"] .pkg_features li::before {
    right: initial;
    left: 0px;
    top: 0.2em;
}

.features_table {
    font-size: var(--fs_20);
}

.features_table thead th {
    position: sticky;
    top: 104px;
}

.features_table th,
.features_table td {
    padding: 0.8rem 0.5rem;
    color: var(--c_gray);
    text-align: center;
}

.features_table th:first-child,
.features_table td:first-child {
    text-align: right;
}

[dir="ltr"] .features_table th:first-child,
[dir="ltr"] .features_table td:first-child {
    text-align: left;
}

.ua_sec {
    padding-top: 12.5rem;
}

.err_sec {
    display: -ms-grid;
    display: grid;
    place-items: center;
}

.err_secIcon {
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media(min-width:992px) {
    .pkg_sec .row>div {
        margin-top: -13.125rem;
    }
}

@media(max-width:1199.98px) {
    .features_table thead th {
        top: 73px;
    }
}

@media(max-width:991.98px) {
    .hero_sec2 {
        padding-bottom: 9.375rem;
    }
}

@media(max-width:767.98px) {
    .hero_sec2 {
        padding-bottom: 4rem;
    }

    .features_table thead th {
        top: 68px;
    }

    .ua_sec {
        padding-top: 8rem;
    }

    .ua_sec br {
        display: initial;
    }
}

/* .................. end pricing + user agent + error page .................. */

/* .................. start login page .................. */
.form_pgMain {
    min-height: 100vh;
    display: -ms-grid;
    display: grid;
    place-items: center;
    background-color: #F6F9FC;
}

.form_pgLogo {
    width: 7.5rem;
    height: 7.5rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.form_boxShadow {
    -webkit-box-shadow: 0px 17px 33px -2px rgba(28, 39, 49, 0.05);
    box-shadow: 0px 17px 33px -2px rgba(28, 39, 49, 0.05);
}

.form_pgMain input {
    direction: rtl;
}

.form_pgMain input.ltr {
    direction: ltr;
}

[dir="ltr"] .form_pgMain input {
    direction: ltr;
}

.pwd_inpWrapper {
    position: relative;
}

.pwd_inpWrapper input {
    padding-left: 3rem;
}

[dir="ltr"] .pwd_inpWrapper input {
    padding-left: .75rem;
    padding-right: 3rem;
}

.pwd_inpTglBtn {
    font-size: var(--fs_def);
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2.8rem;
    border: none;
    color: var(--c_gray3);
    text-align: center;
}

[dir="ltr"] .pwd_inpTglBtn {
    left: initial;
    right: 0px;
}

.pwd_inpWrapper input[type="text"]~.pwd_inpTglBtn .fi-rr-eye,
.pwd_inpWrapper input[type="password"]~.pwd_inpTglBtn .fi-rr-eye-crossed {
    display: none;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none !important;
}

div.error {
    font-size: var(--fs_14);
    padding-top: 0.5rem;
    color: var(--bs-danger);
}

.phoneNumber_inpItem .iti {
    width: 100%;
}

.intl_telNumberInp {
    direction: ltr !important;
}

.phoneNumber_inpItem .iti--allow-dropdown .iti__country-container {
    right: auto;
    left: 0px;
}

.phoneNumber_inpItem .iti--allow-dropdown input.iti__tel-input,
.phoneNumber_inpItem .iti--allow-dropdown input.iti__tel-input[type="text"],
[dir="rtl"] .iti--allow-dropdown input.iti__tel-input[type="tel"] {
    padding-right: var(--iti-input-padding);
    padding-left: var(--iti-selected-country-arrow-padding);
}

.phoneNumber_inpItem .iti--inline-dropdown .iti__dropdown-content {
    left: 0px;
    direction: ltr;
}

.phoneNumber_inpItem .iti--inline-dropdown input {
    direction: ltr;
}

.phoneNumber_inpItem .iti__selected-country-primary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.phoneNumber_inpItem .iti__arrow {
    margin-left: 0.2em;
}

.pincode-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="ltr"] .pincode-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.pincode-input-container .form-control {
    font-size: var(--fs_20);
    margin: 0px 0.4em;
    border-radius: 0px;
    padding: 0.5em 0.2em;
    text-align: center;
}

@media(max-width:767.98px) {
    .form_pgMain {
        min-height: 100vh;
        display: block;
    }

    .form_pgMain .fs_14 {
        font-size: var(--fs_18);
    }

    .form_pgMain .fs_16 {
        font-size: var(--fs_20);
    }

    .form_pgMain .fs_18 {
        font-size: var(--fs_22);
    }

    .form_pgMain .fs_20 {
        font-size: var(--fs_24);
    }
}

/* .................. end login page .................. */

/* .................. start product details page .................. */
[dir="ltr"] .ltr_reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.inp_varients {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inp_varients input {
    display: none;
}

.inp_varients label,
.inp_varients span {
    display: block;
    cursor: pointer;
}

.inp_varients span {
    width: 3.5rem;
    height: 3.5rem;
    border: 1px solid var(--c_light);
    margin: 0.25rem;
    display: -ms-grid;
    display: grid;
    place-items: center;
}

.inp_varients input:checked~span {
    border-color: var(--c_primary);
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--c_primary);
    box-shadow: inset 0px 0px 0px 2px var(--c_primary);
}

.product_slider2 .owl-nav,
.product_slider2 .owl-next.disabled,
.product_slider2 .owl-prev.disabled {
    visibility: hidden;
}

.product_slider2:hover .owl-nav {
    visibility: visible;
}

.product_slider2 .owl-item {
    opacity: 44%;
}

.product_slider2 .selected {
    opacity: 100%;
}

/* .................. end product details page .................. */

/* .................. start cart page .................. */
.form_stps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    padding: 0px;
}

.form_stps::before {
    position: absolute;
    top: 1.875rem;
    content: "";
    display: block;
    width: 100%;
    height: 0.4rem;
    background-color: var(--bg_light);
}

.form_stpIconBox {
    font-size: var(--fs_26);
    width: 2em;
    height: 2em;
    display: -ms-grid;
    display: grid;
    place-items: center;
    background-color: var(--bg_light);
    border-radius: 0.3em;
}

.form_stp.active .form_stpIconBox {
    color: var(--c_white);
    background-color: var(--bg_primary);

}

.form_stp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--bg_white);
    position: relative;
    z-index: 1;
    padding: 0.3rem 0.5rem;
}

.prdList_table {
    margin-bottom: 0px;
}

.prdList_table th,
.prdList_table td {
    vertical-align: middle;
    padding: 0.8rem 0.6rem;
}

.prdList_table tr:last-child td {
    border: none;
}

.prdList_imgBox {
    display: block;
    text-decoration: none;
    width: 5rem;
    height: 4.375rem;
    border: 1px solid var(--bs-border-color);
}

.prdList_imgBox img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.num_inpGrp {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.num_inpGrp .num_input {
    width: 1.5rem;
    min-width: 1.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    direction: ltr;
}

.num_input[type=number]::-webkit-inner-spin-button,
.num_input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.num_input[type=number] {
    -moz-appearance: textfield;
}

.shipping_iconBox {
    color: var(--c_white);
    font-size: var(--fs_24);
    width: 3.125rem;
    height: 3.125rem;
    display: -ms-grid;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: var(--bg_primary);
}

.payment_brandLogo {
    width: 7.5rem;
    min-width: 7.5rem;
    height: 4.375rem;
    padding: 0.625rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
    -o-object-fit: contain;
       object-fit: contain;
}

.details__btn {
    margin-bottom: -1.5rem;
}

.stp__num {
    color: var(--c_white);
    font-size: var(--fs_26);
    font-weight: 700;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    background: var(--c_primaryDark);
}
.form-switch .form-check-input:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}
.prf_imgBox {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 1px solid var(--c_border1);
    cursor: pointer;
}
.prf_imgBox .prf_img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 4px solid var(--c_white);
}
@media (max-width:767.98px) {
    .prdList_table td {
        vertical-align: top;
    }

    .num_inpGrp .num_input {
        width: 3rem;
        min-width: 3rem;
    }
}

@media (max-width:575.98px) {
    .prdList_table {
        display: block;
    }

    .prdList_table thead {
        display: none;
    }

    .prdList_table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid var(--bs-border-color);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .prdList_table td {
        border: none;
        display: block;
    }

    .prdList_table td:nth-last-of-type(2) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

/* .................. end cart page .................. */