@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');


*{
    margin: 0;
    padding: 0;
}

body{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: "Raleway", serif;
    color: #212529;
}

a{
    color: #212529;
    transition: all 0.4s ease-in-out;
}
a:hover{
    color: #29aae2;
}

a,
a:hover,
a:focus{
    text-decoration: none;
}

.filter_white{
    filter: brightness(0) invert(1);
}

.filter_black{
    filter: brightness(0);
}

.theme_btn {
    position: relative;
    display: inline-block;
    background-color: #C2116F;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    letter-spacing: 1px;
    border-radius: 50rem;
    padding: 20px 40px;
    transition: all 0.4s ease-in-out;
}
.theme_btn:hover,
.theme_btn:focus{
    background-color: #F1BF3B;
    color: #000;
}
.wishlist_btn, .cart_small_btn{
    position: relative;
    display: inline-block;
    background-color: #ffba00;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    font-family: "Raleway", serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 20px;
    transition: all 0.4s ease-in-out;
}
.wishlist_btn, .cart_small_btn:hover,
.wishlist_btn, .cart_small_btn:focus{
    background-color: #000;
    color: #ffba00;
}
.wishlist_btn.active{
    color: #000;
}
.wishlist_btn.active:hover{
    background-color: #000;
    color: #ffba00;
}
.wishlist_btn.active i:first-child{
    display: none;
}
.wishlist_btn.active i:last-child{
    display: block !important;
}
.heading_sec h3{
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
    font-family: "Playfair Display", serif;
    color: #141414;
    text-transform: capitalize;
}
.heading_sec p{
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    font-family: "Raleway", sans-serif;
    color: #141414;
}
.sec_heading{
    color: #141414;
}
.sec_heading::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3rem;
    height: 2px;
    background-color: #141414;
}


/* Pulse Button css  */
.pulse-button {
    cursor: pointer;
    animation: pulse 0.8s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
/* ----------------------------------------------- */


/* Topbar */
.header_sec{
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
}
.header_sec.fixed_header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: none;
    transition: all 0.2s ease-in-out;
}
.header_logo{
    width: 180px;
}
.mobile_menu li {
    font-size: 16px;
    font-weight: 500;
    padding: 8px 0;
}
.menu_icons a.header_btn{
    position: relative;
    display: inline-block;
    background-color: #C2116F;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50rem;
    padding: 10px 20px;
}
.menu_icons a.header_btn:hover{
    background-color: #F1BF3B;
    color: #000;
}
.search_wrap h3{
    font-size: 40px;
    font-weight: 700;
    line-height: 35px;
}
.search_wrap p{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #8e8e8e;
}
.search_box input{
    height: 70px;
    width: 100%;
    padding: 10px 75px 10px 25px;
    font-size: 18px;
    transition: all 0.4s ease-in-out;
}
.search_box input:focus{
    box-shadow: none;
    border: 1px solid #000;
}
.search_btn{
    display: inline-block;
    width: 55px;
    height: 55px;
    right: 10px;
    background-color: #29aae2;
    color: #fff;
    font-size: 18px;
}
.contact_icon{
    width: 50px;
    height: 50px;
}
.contact_text{
    flex: 1;
}
.contact_text p{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #999999;
}
.contact_text p span a{
    font-size: 18px;
    font-weight: 500;
    color: #111;
    transition: all 0.4s ease-in-out;
}
.contact_text p span a:hover{
    color: #70bc2f;
}
/* ----------------------------------------------- */



/* Menu Sec */
.menu_sec{
    background-color: #223288;
}
.menu_wrap>li>a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    font-family: "Raleway", serif;
    text-transform: capitalize;
    padding: 20px 25px;
    transition: all 0.4s ease-in-out;
}
.menu_wrap>li>a:hover,
.menu_wrap>li>a.active {
    color: #FFEA4C;
}
.menu_wrap li + li{
    margin-left: 10px;
    margin-right: 0 !important;
}
.menu_wrap .dropdown-menu{
    border: 0;
    border-radius: 0 0 10px 10px;
}
.menu_wrap .dropdown-menu li{
    padding: 10px 20px;
}
.menu_wrap .dropdown-menu li + li{
    margin: 0;
}
.menu_wrap .dropdown-menu li a{
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: #141414;
    font-family: "Raleway", serif;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
}
.list-inline-item:not(:last-child){
    margin-right: 0;
}
.menu_wrap li:hover a::after, 
.menu_wrap li.active a::after{
    width: 100%;
}
.menu_icons a{
    display: inline-block;
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
    color: #141414;
    font-family: "Raleway", serif;
    padding: 0 15px;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}
.menu_icons a img{
    width: 25px;
    height: 25px;
}
.menu_icon_count{
    position: absolute;
    top: -10px;
    right: -2px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1BF3B;
    color: #000;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    border-radius: 100%;
}
.offcanvas_btn{
    display: inline-block;
    position: relative;
    background-color: #ffba00 !important;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 15px !important;
    border-radius: 50rem;
    transition: all 0.4s ease-in-out;
}
.offcanvas.offcanvas-top{
    height: 300px;
}
.offcanvas.offcanvas-top .btn-close{
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    opacity: 1;
}
/* ----------------------------------------------- */



/* Cart Popup */
.cart_item {
    padding: 15px 0;
    border-top: 1px solid #eee;
}
.cart_item:first-child{
    padding-top: 0;
    border-top: none;
}
.cart_item .cart_img{
    width: 100px;
    height: 100px;
}
.cart_item .prod_name{
    font-size: 16px;
    font-weight: 600;
}
.cart_item .prod_price{
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #29aae2;
}
.quantity{
    border: 1px solid #efefef;
}
.quantity button{
    width: 25px;
    height: 25px;
    background-color: #efefef;
    color: #141414;
    font-size: 20px;
    line-height: 1;
}
.quantity input{
    width: 45px;
}
.cart_item .remove_btn{
    width: 20px;
    height: 20px;
    top: 10px !important;
}
/* ----------------------------------------------- */



/* Banner Section */
.banner_sec{
    padding: 50px 0 0;
}
.banner_text h1{
    font-size: 75px;
    font-weight: 800;
    line-height: 90px;
    font-family: "Playfair Display", serif;
    color: #141414;
}
.banner_text p{
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    font-family: "Raleway", sans-serif;
    color: #141414;
}
.banner_sec .theme_btn{
    font-size: 18px;
    padding: 20px 60px;
    border: 4px solid #f7f0dd;
}
.banner_img{
    margin-top: -40px;
}
.banner_shape.shape1{
    top: 150px;
}
/* ----------------------------------------------- */



/* Benefit Section */
.benefit_sec{
    padding: 60px 0;
}
.benefit_box{
    transition: all 0.4s ease-in-out;
}
.benefit_icon{
    width: 85px;
    height: 85px;
}
.benefit_text h4{
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    color: #212529;
    font-family: 'Raleway', sans-serif;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out;
}
.benefit_text p{
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    color: #212529;
    font-family: 'Raleway', sans-serif;
    transition: all 0.4s ease-in-out;
}
.benefit_box:hover .benefit_text h4{
    color: #fff;
}
.benefit_box:hover .benefit_text p{
    color: #eee;
}
/* ----------------------------------------------- */



/* How it helps sec */
.help_sec{
    padding: 0 0 60px;
}
.help_img{
    width: 220px;
}
.help_text h4{
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    color: #212529;
    font-family: 'Oswald', sans-serif;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out;
}
.help_text p{
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    color: #6c6c6c;
    font-family: 'Raleway', sans-serif;
    transition: all 0.4s ease-in-out;
}
/* ----------------------------------------------- */



/* Products Sec */
.product_sec{
    padding: 0 0 60px;
}
.prod_shape.shape1{
    left: -90px;
    scale: 0.7;
    rotate: 195deg;
}
.prod_img{
    height: 300px;
}
.prod_text h4 a{
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    font-family: 'Raleway', sans-serif;
    color: #212529;
    text-transform: capitalize;
}
.prod_text h6{
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
    color: #212529;
    text-transform: capitalize;
    letter-spacing: 0.05rem;
}
.prod_text h6 img{
    width: 16px;
    height: 16px;
}
.prod_text p{
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    font-family: 'Raleway', sans-serif;
    color: #212529;
}
/* ----------------------------------------------- */



/* FAQ Sec */
.faq_sec{
    padding: 20px 0 60px;
}
.accordion-item{
    background-color: #fff;
    border: 1px solid #DBCBD4;
    box-shadow: 0px 5px 10px 0px #0000001A;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button,
.accordion-button:not(.collapsed){
    /* border: 1px solid #DBCBD4;
    box-shadow: 0px 5px 10px 0px #0000001A; */
    background-color: transparent;
    box-shadow: none;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding: 20px;
    border-radius: 8px;
}
.accordion-collapse.show{
    border-top: 1px solid #eee;
}
.accordion-body {
    padding: 20px;
}
.accordion-body p{
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #6c6c6c;
    font-family: 'Raleway', sans-serif;
}
.accordion-button::after{
    content: '\2b';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: 1;
    color: #C2116F;
    background-image: none;
}
.accordion-button:not(.collapsed)::after{
    content: '\f068';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: 1;
    color: #C2116F;
    background-image: none;
}
.faq_wrap{
    background-color: #FFDEDF;
}
.faq_wrap p{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #6c6c6c;
    font-family: 'Raleway', sans-serif;
}
/* ----------------------------------------------- */



/* Footer Sec */
.footer_sec{
    background-color: #051773;
    padding: 60px 0 0;
}
.footer_logo_wrap{
    padding-bottom: 40px;
    border-bottom: 1px solid #323451;
}
.footer_logo{
    width: 200px;
}
.footer_links h5{
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #F8CD6D;
    font-family: 'Raleway', sans-serif;
}
.footer_links p, .footer_links a{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}
.footer_links p span{
    color: #eee;
}
/* .footer_links a{
    word-break: break-all;
} */
.footer_links a:hover{
    color: #29aae2;
}
.footer_links li + li {
    margin-top: 15px;
}
.footer_card {
    flex: 1;
}
.footer_card img {
    width: 220px;
}
.footer_wrap{
    border-bottom: 1px solid #323451;
}
.copyright_wrap p{
    font-size: 12px;
    line-height: 20px;
    color: #dddddd;
    font-family: 'Raleway', sans-serif;
}
/* ----------------------------------------------- */




/* Contact Page CSS */
.contact_wrap{
    background-color: #f0dacd;
}
.contact_icon{
    width: 3.5rem;
    height: 3.5rem;
    background-color: #2e368f;
    color: #fef8eb;
}
.contact_text{
    flex: 1;
}
.contact_details{
    border-right: 2px solid #d1e3e9;
}
.contact_form .form-control{
    height: 52px;
    border-radius: 50rem;
    border: none;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #141414;
}
.contact_form textarea.form-control{
    height: 150px;
    border-radius: 10px;
}
/* ----------------------------------------------- */



/* Policy Sec */
.policy_wrap{
    background-color: #f8f9fa;
}
.term-track p a{
    text-decoration: underline;
    font-weight: 500;
}
/* ----------------------------------------------- */



/* Thank You Page */
.order_wrap{
    background-color: #f0dacd;
}
.order_box table th, .order_box table td{
    padding: 1rem;
}
.order_box table th{
    font-size: 16px;
}
/* ----------------------------------------------- */




@media screen and (max-width: 1399px){
    .theme_btn{
        font-size: 15px;
    }
    .wishlist_btn, .cart_small_btn{
        font-size: 18px;
    }
    .heading_sec h3 {
        font-size: 42px;
        line-height: 52px;
    }
    .heading_sec p {
        font-size: 14px;
        line-height: 24px;
    }
    .header_logo {
        width: 160px;
    }
    .menu_wrap li + li{
        margin-left: 8px;
    }
    .menu_wrap li a{
        padding: 18px 25px;
        font-size: 15px;
    }
    .menu_icons a{
        font-size: 22px;
        padding: 0 12px;
    }
    .banner_sec{
        padding: 40px 0 0;
    }
    .banner_text h1{
        font-size: 70px;
        line-height: 85px;
    }
    .banner_text p{
        font-size: 16px;
        line-height: 28px;
    }
    .banner_sec .theme_btn{
        font-size: 16px;
        padding: 18px 50px;
    }
    .benefit_sec{
        padding: 50px 0;
    }
    .benefit_box{
        padding: 25px;
    }
    .benefit_icon{
        width: 70px;
        height: 70px;
    }
    .benefit_text h4{
        font-size: 22px;
    }
    .benefit_text p{
        font-size: 14px;
        line-height: 24px;
    }
    .help_img {
        width: 200px;
    }
    .help_text h4{
        font-size: 22px;
    }
    .help_text p{
        font-size: 14px;
        line-height: 24px;
    }
    .prod_img{
        height: 250px;
    }
    .prod_text h4 a{
        font-size: 25px;
    }
    .prod_text h6{
        font-size: 18px;
    }
    .prod_text p{
        font-size: 14px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1199px){
    .theme_btn{
        font-size: 14px;
        padding: 16px 30px;
    }
    .wishlist_btn, .cart_small_btn{
        font-size: 16px;
        padding: 15px 15px;
    }
    .header_logo {
        width: 150px;
    }
    .menu_wrap li a {
        font-size: 14px;
    }
    .menu_wrap li + li{
        margin-left: 3px;
    }
    .menu_icons a{
        font-size: 20px;
        padding: 0 10px;
    }
    .offcanvas.offcanvas-top {
        height: 250px;
    }
    .search_wrap h3{
        font-size: 30px;
        line-height: 1;
    }
    .search_wrap p{
        font-size: 16px;
        line-height: 26px;
    }
    .search_box input{
        height: 60px;
        padding: 10px 65px 10px 20px;
        font-size: 16px;
        transition: all 0.4s ease-in-out;
    }
    .search_btn{
        width: 48px;
        height: 48px;
        right: 8px;
        font-size: 16px;
    }
    .offcanvas.offcanvas-top .btn-close {
        bottom: -75px;
        width: 55px;
        height: 55px;
    }
    .banner_text h1{
        font-size: 65px;
        line-height: 80px;
    }
    .banner_sec .theme_btn{
        font-size: 15px;
    }
    .banner_shape.shape1{
        scale: 0.8;
        left: -15px !important;
    }
    .banner_shape.shape2{
        scale: 0.8;
        right: -40px !important;
    }
    .help_img {
        width: 180px;
    }
    .help_text h4{
        font-size: 20px;
    }
    .help_text p{
        font-size: 13px;
        line-height: 20px;
    }
    .prod_img{
        height: 200px;
    }
    .prod_text h4 a{
        font-size: 20px;
    }
    .prod_text h6{
        font-size: 15px;
    }
    .prod_text p{
        font-size: 13px;
        line-height: 20px;
    }
    .contact_icon {
        width: 3rem;
        height: 3rem;
    }
    .contact_icon i{
        font-size: 15px !important;
    }
    .accordion-button, .accordion-button:not(.collapsed){
        font-size: 18px;
    }
    .accordion-body p{
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    .list-inline-item:not(:last-child) {
        margin-right: 1rem;
    }
    .mobile_menu li a{
        font-size: 16px;
        font-weight: 500;
        padding: 5px 0;
    }
    .banner_sec {
        padding: 30px 0 0;
    }
    .banner_text h1{
        font-size: 60px;
        line-height: 75px;
    }
    .banner_text p {
        font-size: 15px;
        line-height: 26px;
    }
    .banner_sec .theme_btn{
        font-size: 14px;
        padding: 18px 45px;
    }
    .banner_shape.shape1 {
        top: 80px;
    }
    .help_img {
        width: 160px;
    }
    .help_text h4{
        font-size: 17px;
    }
    .faq_shape.shape1 {
        width: 120px;
        z-index: -1;
    }
    .footer_links2{
        border-right: none;
    }
    .contact_form .form-control {
        height: 48px;
        padding: 6px 15px;
        font-size: 13px;
        line-height: 22px;
    }
}

@media screen and (max-width: 767px){
    .heading_sec h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .heading_sec p {
        font-size: 13px;
        line-height: 20px;
    }
    .list-inline-item:not(:last-child) {
        margin-right: 0;
    }
    .menu_icon_count {
        width: 18px;
        height: 18px;
        font-size: 13px;
    }
    #mobile_menu_box a{
        font-size: 16px;
    }
    .banner_text h1 {
        font-size: 48px;
        line-height: 60px;
    }
    .banner_text p {
        font-size: 14px;
        line-height: 24px;
    }
    .banner_sec .theme_btn {
        font-size: 13px;
        padding: 16px 35px;
        border: 3px solid #f7f0dd;
    }
    .banner_img {
        margin-top: -30px;
    }
    .benefit_box {
        padding: 15px;
    }
    .benefit_icon {
        width: 55px;
        height: 55px;
    }
    .benefit_text h4 {
        font-size: 18px;
        line-height: 25px;
    }
    .benefit_text p {
        font-size: 13px;
        line-height: 20px;
    }
    .help_img {
        width: 200px;
    }
    .help_shape{
        width: 120px;
        transform: rotate(90deg);
        margin: 0 auto;
    }
    .help_text h4 {
        font-size: 20px;
    }
    .accordion-button, .accordion-button:not(.collapsed){
        font-size: 16px;
    }
    .footer_sec{
        padding: 20px 0 0;
    }
    .footer_links h5 {
        font-size: 16px;
    }
    .footer_links h5::after{
        width: 2rem;
    }
    .footer_links p, .footer_links a{
        font-size: 13px;
        line-height: 20px;
    }
    .footer_links li + li {
        margin-top: 8px;
    }
    .contact_details{
        border-right: none;
        border-bottom: 2px solid #dfc9bb;
    }
}

@media screen and (max-width: 575px) {
    .prod_img {
        height: 250px;
    }
    .prod_text h4 a{
        font-size: 22px;
    }
    .prod_text h6 {
        font-size: 16px;
    }
    .footer_links{
        border-right: none;
    }
}

/********Modal**********/
div#success-alert {
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    background: #0d6832;
    color: #fff;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    text-transform: capitalize;
    font-size: 15px;
    z-index: 99999;
    opacity: 0;
} 
#success-alert .close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
}