:root{
    --duration-fast: 80ms;
    --easing-easeInOut: cubic-bezier(0.65,0,0.35,1);
    --font-bold:siliguriBold;
}
.carousel_banner .carousel-item {

    transition: transform 2s ease-in-out; 

    /* Change the duration to your desired value */

}
.banner_box{
    right: 15%;
    bottom: 10%;
}


@font-face {
    font-family: siliguriBold;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Bold.ttf');
}
@font-face {
    font-family: siliguriLight;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Light.ttf');
}
@font-face {
    font-family: siliguriMedium;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Medium.ttf');
}
@font-face {
    font-family: siliguriRegular;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Regular.ttf');
}
@font-face {
    font-family: siliguriSemibold;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-SemiBold.ttf');
}
@font-face {
    font-family: King_font;
    src: url('./fonts/Kinghood.ttf');
}
@font-face {
    font-family: manrope;
    src: url('./fonts/Manrope-VariableFont_wght.ttf');
}
@font-face {
    font-family: anton;
    src: url('./fonts/Anton-Regular.ttf');
}

*{
    /*font-family: siliguriLight;*/
}
/* nav start */

.top_s_Nav_contact{
    background-color: black;
    border-bottom: 1px solid #3e3c3c;
    padding: 5px 0;
}
.contact_num_s a{
    font-size: 13px;
    text-decoration: none;
    color: white;

}
.location_num_s a{
    font-size: 13px;
    text-decoration: none;
    color: white;

}
.social_icons .col-1 a{
    color: white;

}
.social_icons .col-1{
    /*border-right: 1px solid grey;*/
    
    text-align: center;

}
.topcol{
    width:fit-content;
}
.topcol_img a{
        width: 17px;
    display: block;
    position: relative;
    bottom: 3px;
}
.topcol_img img{
    width:100%;
}

.gmbFttLnk{
         width: 25px;
    display: block;
    position: relative;
    bottom: 3px;
}

/* Navbar */


.navbar-box{
    /*background-color: #000;*/
    /* padding: 20px 0; */
    position: absolute;
    z-index:10 !important;
    border-bottom: 1px solid #3e3c3c;
   
}
.navbar-box ul li a{
    color: #fff !important;

}
.navbar-box ul li{
    padding: 0 12px;
}
.navbar-options_cas{
    display: flex;
    align-items: center;
    justify-content: end !important;
    margin-right: 0px;
}
.navbar_nav .navbar-nav{
    justify-content: end;

}
.navbar_nav{
    background: #000000ad;
    backdrop-filter: blur(3px);
}
.navbar_nav ul li a{
    border-bottom:1px solid rgb(255, 255, 255,0);
}
.navbar_nav ul li a:hover{
    border-bottom:1px solid rgb(255, 255, 255,1);
}

.navbar_nav{
    /* padding: 20px 0; */
}
.Book_now_s{
    padding: 6px 12px;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.596) !important;
    text-decoration: none;
    margin-left: 10px;
    /*font-weight: 600 !important;*/
    background: #c49351;
    transition:0.5s;
}
.Book_now_s:hover{
   background:white;
   color:#c49351 !important;
}



/* end */
.ft_bold{
    font-family: var(--font-bold);
}

/*button.all{   */
/*    position: relative;*/
/*    transition: 0.4s ease-in-out;   */
/*    padding: 7px 15px;   */
/*}*/
/*button.all::before{*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 35px;*/
/*    border-radius: 50%;*/
/*    background-color: #ffdd003e;*/
/*    height: 35px;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transition: 0.4s ease-in-out;*/
/*}*/
/*button.all:hover::before{*/
/*    width: 100%;*/
/*    clip-path: none;*/
/*    border-radius: 5px;*/
/*    background-color: #cbb000;*/
/*}*/
/*button.all:hover{*/
/*    color: #000;*/
/*}*/
.disco_btn{
    padding: 6px 15px;
    background-color: #c49351;
    text-decoration: none;
    color: white;
    margin-top:20px;
    border:1px solid #c49351;
}
.disco_btn:hover{
    border:1px solid #c49351;
    color:#c49351;
}
header .navbar-nav a{
    color: #fff;
    transition: 0.3s ease-in-out;
}
/* header .navbar-nav a.active, header .navbar-nav a:hover{
    color: #f9ff00 !important;
    font-weight: bold;
} */





/*****************/

.hm_bann_sec{
    border: 1px solid;
    padding-top: 115px;
    background: url(./images/hBan2.jpg);
    background-size: cover;
    background-position: center;
    margin-top: 30px;
}
.main_imgdiv{
    /* border: 2px solid red; */
    font-family: anton;
    font-style: italic;
    position: relative;
    padding-top: 450px;
    overflow: hidden;
}
.text_animation {
    position: absolute;
    text-align: center;   
    left: 21.5%;
}
.text_1 {
    left: 35%;
    bottom: 75%;
    opacity: 1;
    animation: motion_1 3s;
}

.text_1 h2{
    font-size: 60px;
    color: white;   
}
@keyframes motion_1 {
    0%{
        bottom: 0;
        opacity: 0;
    }
}

.text_2 {
    bottom: 38%;
    opacity: 1;
    animation: motion_2 4s;
    /* animation-delay: 1s; */
}
.text_2 h2 {
    font-size: 125px;
    color: rgb(218, 147, 110);   
    /* font-weight: bold; */
}
@keyframes motion_2 {
    
    0%{
        bottom: 0;
        opacity: 0; 
    }
}


.ban_png {
    width: 27.5%;
    position: absolute;
    bottom: 0;
    left: 45%;
    animation: motion_3 4s;
}

@keyframes motion_3 {
    0%{
        bottom: -50%;
        /* opacity: 0; */
        /* transition-duration: 5s; */
    }
}

.ban_png img{
    width: 100%;
}
.text_3 p{
    position: absolute;
    bottom: 100px;
    font-size: 38px;
    left: 27%;
    color: white;
    animation: motion_4 4s;
}
@keyframes motion_4 {
    0%{
        left: 60%;
    }
}






/*******/
.carousel_banner{
    height: 700px;
} 
.banner::before, .adv_sec::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #151418;
}
.adv_sec::before{
    background-color: #15141863;
}

.carousel_banner .carousel, .carousel_banner .carousel-item, .banner{
    height: 600px;
}

.carousel_banner .carousel-caption{
bottom: inherit;
top: 100px;
}
.carousel_banner .carousel-caption h5{
    font-family: siliguriBold;
    font-size: 95px;
    letter-spacing: 5px;
    font-variant-caps: small-caps;
    font-style: oblique;
    text-shadow: 1px 1px 3px #ffffff;
    color: transparent;
}
.welcome{
    /* border: 1px solid black; */
    border-radius: 15px;
    width: 80%;
}

.image_skew {
    transition: transform 0.3s ease;
  }
  .welcome_box::before{
    content: "";
    position: absolute;
    top: -55px;
    left: 5px;
    height: 150px;
    width: 150px;
    background: #ffc10769;
    z-index: -1;
    border-radius: 15px;
  }
  .welcome_box::after{
    content: "";
    position: absolute;
    bottom: -35px;
    right: 37px;
    height: 100px;
    width: 100px;
    background: #ffc10769;
    z-index: -1;
    border-radius: 15px;
  }

  ::-moz-selection { /* Code for Firefox */
    color: rgb(0, 0, 0);
    background: rgba(255, 255, 82, 0.786);
    }
    
    ::selection {
    color: rgb(0, 0, 0);
    background: rgba(255, 255, 82, 0.786);
    }
    .banner_bottom{
            z-index: 5;
    position: relative;
    }
    .banner_bottom h3{
        letter-spacing: 3px;
    }

    .welcome_section{
        margin-top: 150px;
    }
    
    
    
    
    .hair_card_bg{
        height: 450px;
        border-radius: 15px;
    }
    .hair_card_section {
        margin-top: 50px;
        margin-bottom: 75px;
    }
    .hair_card{
        background: #ffee7a;
        border-radius: 10px;
        position: absolute;
        border: 1px solid #7c7c7c66;
        height: 240px;
    }
    .hair_card:nth-child(1){
        top: 0;
    }
    .hair_card:nth-child(2){
        top: 60px;
    }
    .hair_card:nth-child(3){
        top: 120px;
    }
    .hair_card:nth-child(4){
        top: 180px;
    }
    .hair_card img{
        width: 200px;
        height: 100px;
        object-fit: cover;
        border-radius: 5px;
    }

    .product_card_below{
        border-radius: 8px 0 8px 8px;
        margin-top: -35px;
        width: 80%;
        margin-left: auto;
        border: 1px solid #636363;
    }
    /* .product_owl .owl-item.active .card{
        transform: scale(0.8) !important;
    } */
    .product_owl .card img{
        height: 300px;
        object-fit: cover;
        border-radius: 15px;
    }
 
    .footer_left_img{
        height: 500px;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    footer{
        background: url('./images/hair_only.jpg');
        position: relative;
    }
    footer::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000de;
    }
    .news_letter form input{
        width: 250px;
        border-radius: 15px 0 0 0;
    }
    .news_letter form button{
        border-radius: 0 0 15px 0;
    }
    footer li{
        list-style: none;
        margin-bottom: 7px;
    }
    footer h4{
        color: #a7b456;
    }
    footer li a{
        text-decoration: none;
        color: white;
    }
    footer ul{
        padding: 0;
    }
    .recent_posts img{
        width: 75px;
    }
    .recent_posts li{
        margin-bottom: 10px;
    }

    /* reviews */


/* end reviews */

/* footer start */
.icons a i{
    transition:0.5s;
}
.icons a i:hover{
        color:#c49351;
}

/* footer end */
.fixed_width{
    width: fit-content;
}
.footer_above_card:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #00000056;
}
.footer_above_card img{
    transition: 0.4s ease-in-out;
}
.footer_above_card:hover img{
    transform: scale(1.3) rotate(-10deg);
}

.welcome_section{
    overflow: hidden;
}

.adv_sec{
    background-image: url('./images/adv.jpg');
    background-attachment: fixed;
}

.anim_pab_left{
    opacity: 0;
    transition: 1s ease-in-out;
    transform: translateX(-200px);
}

.anim_pab_left.activated{
    opacity: 1;
    transform: translateX(0);
}
.anim_pab_right{
    opacity: 0;
    transition: 1s ease-in-out;
    transform: translateX(200px);
}
.anim_pab_right.activated{
    opacity: 1;
    transform: translateX(0);
}

.we_do_card{
    width: 60%;
    margin-left: auto;
    padding-right: 10%;
}

.we_do_card i{
    font-size: 60px;
} 
.we_do_single_card{
    position: relative;
}
.we_do_single_card::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 108px;
    background-color: #ffe599;
    z-index: -1;
    border-radius: 10px 0 0 10px;
    transition: 0.3s ease-in-out;
}
.we_do_single_card i::after{
    content: "";
    width: 1px;
    height: 100%;
    transform: scale(0);
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.3s ease-in-out;
}
.we_do_single_card:hover::before{
    width: 100%;
    border-radius: 10px;
}
.we_do_single_card:hover i::after{
    transform: scale(1);
}
.we_do_left_img{
    position: absolute;
    height: 100%;
    width: 42%;
    left: 0;
    top: 0;
    z-index: -1;
    object-fit: cover;
}

.member_left img{
    width: 45%;
}
.member_right img{
    height: 450px;
}
.member_right::after {
    position: absolute;
    height: 450px;
    content: "";
    right: 0;
    top: 0;
    width: 450px;
    background-color: #f9ff002e;
    z-index: -1;
    border-radius: 50%;

}
.intro_video{
    height: 450px;
}

.video-container {
    position: absolute;
    width: 100%;
    top: 0;
}
.video-container video{
    height: 450px;
    object-fit: cover;
}

.video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    cursor: pointer;
    height: 100%;
    width: 100%;
}


/******* About Us ********/


.welcome_s_section{
    /*background-image: url(./images/4.png);*/
   
    padding: 90px 0;
}
.welcome_s{
    font-family: "Dancing Script";
    font-weight: 500;
    text-transform:capitalize;
}

.welcome_s_section img{
    margin-left: 70px;
    /* margin-top: 50px;
    margin-bottom: 50px; */

}



.welcome_right_side_part_s{
    /* padding-top: 100px;
    padding-bottom: 100px; */
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto; */
}
.hair_s{
    font-family: king_font;
    padding-bottom: 10px;
    margin-bottom: 0px;
    /* color: #6a4031; */
    color: rgb(196, 147, 81);
    font-size: 45px;
    /*font-weight: 600;*/
    
}
.line_s{
    background: linear-gradient(90deg, #000, #ffffff);
    height: 5px;
    width: 26%;
    margin-bottom: 17px;

}

.welcome_dtls_s{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}
.View-more{
    padding: 8px 12px;
     background-color: #c49351; 
     border:1px solid #c49351;
    color: #fff;
    /*font-weight: 600;*/
    text-decoration: none;
    font-size: 16px;
    /* margin-top: 30px; */
    position: relative;
    top: 20px;
    transition :0.5s;
}
.View-more:hover{
    background:transparent;
    color: rgb(196 147 81) !important;
}

/* Our Services Start */

.our-Services{
    padding-top: 50px;

    background:linear-gradient(0deg, rgba(0,0,0,0.5)0%, rgba(0,0,0,0.5)100%), url(./images/parallax-offer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #00000057;
    color: white;
    padding-bottom: 50px;
}
.our-Services h2{
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0;
    font-family: king_font;
    /*font-weight: 600;*/
    letter-spacing: 5px;
}
.Services_s{

}
.Services_s h3{
    font-size: 95px;
    font-weight: 700;
}
#offers_S_l{
    font-weight: 600;
    color: rgb(245, 180, 0);
    font-family: "Dancing Script";


}
#per_S{
    font-size: 50px;
    /* font-weight: 700; */
    color: white;
    position: absolute;
    top: 5px;
    
} 
#Off_S{
    font-size: 40px;
    /* font-weight: 700; */
    color: rgb(255 186 93);
    position: absolute;
    bottom: 10px;

}
.offers_s{
    font-size: 25px;
    font-weight: 500;
    font-family: "Dancing Script";

}
.Services_s p{
    color: rgb(241 225 207);
    font-size: 18px;
}
.serv_num{
        padding: 8px 16px;
    /* background-color: #c49351; */
    border: 1px solid #eecea1;
    color: #eecea1;
    /* font-weight: 600; */
    text-decoration: none;
    font-size: 16px;
    /* margin-top: 30px; */
    position: relative;
    top: 20px;
    transition: 0.5s;
}

.serv_num i{
    margin-right:10px;
}
.serv_num:hover{
    background-color: #c49351;
    color:white;
}
.name-box_s{
    background-color: #0000008c;
    padding: 20px;
    text-align: center;
}

.name_s{
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    font-family:manrope;
}
.price_S{
    font-size: 18px;
    font-weight: 600;
    color: grey;
}

.view {
    font: 18px;
    /*font-weight:500;*/
    display: inline-block;
    padding:  6px 12px;
    text-align: center;
    color: white;
    background: #c49351; /* default color */

    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, rgb(196, 147, 81) 50%, rgb(255, 255, 255) 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    text-decoration: none;
}

.view:hover {
    background-position: left;
    color: #000;
    font-weight:500;
}


.owl-service .owl-nav{
    display: flex;
    justify-content: center;
}
.owl-service .owl-prev{
    height: 50px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 50px !important;
    border-radius: 50% !important;
    color: rgb(196 147 81) !important;
    transition: 0.5s;
    margin-top:10px !important;
}
.owl-service .owl-next{
    height: 50px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 50px !important;
    border-radius: 50% !important;
    color: rgb(196 147 81) !important;
    transition: 0.5s;
    margin-top:10px !important;

}
.owl-service .owl-prev:hover{
    background-color: rgb(196 147 81) !important;
    color: #fff !important;    
}
.owl-service .owl-next:hover{ 
    background-color: rgb(196 147 81) !important;
    color: #fff !important;
}

.owl-service .owl-prev span{
    font-size: 65px !important;
    position:relative;
    bottom:8px;
}
.owl-service .owl-prev span:hover{
    color: rgb(255, 255, 255) !important;
}
.owl-service .owl-next span{
    font-size: 65px !important;
    position:relative;
    bottom:8px;
}


/* product section */

.products_section{
    padding-bottom: 80px;
    padding-top: 50px;
}
.product_owl  .owl-nav{
    /*display:flex;*/
    justify-content:center;
    align-items:center;
    gap:76%;
    /*position: relative;*/
    /*bottom: 208px;*/
}
.product_owl  .owl-nav button{
    font-size:50px !important;
    height: 40px;
    width: 40px;
    background-color: rgb(196 147 81)!important;
    
}
.product_owl  .owl-nav .owl-prev{
    /*position: relative;*/
    /*right: -50px !important;*/
    border-radius:50% !important;
    left: -30px !important;
    position:absolute !important;
    bottom:45%;
}
.product_owl  .owl-nav .owl-next{
    /*position: relative;*/
    /* right: -18px; */
    /*left: -20px !important;*/
    border-radius:50% !important;
    right:-30px !important;
    position:absolute !important;
    bottom:45%;
}

.product_owl .owl-nav button:hover{
    color:black !important;
}
.product_owl  .owl-nav button span{
        bottom: 25px;
    /* margin-bottom: 50px; */
    position: relative;
    /*z-index:5 !important;*/
    color:white !important;
}


.before_after{
    padding-top: 60px;
}


.welcome_s_section iframe{
    margin-left: 150px;
}






.ceo-main-box{
    position: relative;
}
.our-ceo{
    background-color: #f5f5f5;
    padding: 50px 0;
    padding-bottom: 80px;
}
/* .boxxx_s{
    width: 105%;
    height: 200px;
    background-color: #fff;
    position: absolute;
    right: -50px;
    bottom: -50px;
} */
.learn_more{
    padding: 8px 15px;
    background-color: #c49351;
    text-decoration: none;
    color: white;
    padding-top: 4px;

}
.ceo-icon
{
    font-size: 25px;
    padding: 5px 0;
}

.ceo_S_card10{
    padding-top: 40px;
}
.card_s_2 h4{
    font-size: 18px;
}
.card_s_2:hover::after {
    top: -50px;
    right: -30px;

    /* transform: rotate(450deg); */

    /* font-size: 120px; */

}
.card_s_2:hover::before {
    /* font-size: 120px; */
    bottom: -50px;
    left: -30px;
}
/* .card_s_2:hover ::after::before{
    font-size: 120px;

} */
.card_s_2{
    position: relative;
    z-index: 5;

    padding: 15px 10px;
    background-color: #fff;
    transition: 0.5s;

}
.card_s_2::after{

    content: "L";
    position: absolute;
    font-size: 45px;
    color: #c49351;
    transform: rotate(180deg);
    right: -20px;
    transition: 0.5s;
    top: -30px;

}
.card_s_2::before{
    content: "L";
    position: absolute;
    font-size: 45px;
    color: #c49351;
    transform: rotate(360deg);
    left: -20px;
    transition: 0.5s;
    bottom: -30px;

}
.card_s_2 i{
    font-size:20px !important;
}

.about-ceo h2{
    font-size: 40px;
    /*font-weight: 600;*/
    font-family: king_font;
    color:rgb(196, 147, 81);
}


/* video_section */

.you_vid iframe{

     width: 100%;
    height: 380px; */

}




.carousel-item img{
    height: 503px;
    position: absolute;
    bottom: -20px;
    width: 50%;
}
.navbar-brand{
    width: 30%;

}
.navbar-brand img{
    width: 50%;
}



/* Animation */


.banner_images{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 5;
}
.banner_names{
    position: absolute;
    z-index: 2;
    /* color: white; */
    left: 200px;

}

.Footer_form{
    background-color:#c49351;
    color:white;
}

.banner_letter_box{
    position:absolute;
    z-index: 10 !important;
    right: 10% !important;

}
/*New CSS*/

.discover_s{
    font-family: king_font;
    color:rgb(196, 147, 81);
        /*font-weight: 600;*/
}
.banner_letter_box2{
    position:absolute;
    z-index: 10 !important;
    left: 50% !important;
        top: 130px;

}
.Discover_S{
    background-color: #c49351;
    color: #fff;
}
.Discover_S:hover{
    color: #c49351;
    background-color: #fff;
}
button.all:hover::before {
        background-color: #c49351;
}

.about-ceo p{
font-family: manrope;

}
.products_section p{
font-family: manrope;

}
.welcome_dtls_s p{
    font-family: manrope;
    font-size: 16px;
}
.ceo_S_card10 p{
    font-family: "Barlow", sans-serif;
    font-size:12px;
}


.modal-body img{
    width: 100%;
    height: 100%;
    
}
.form-input{
    
    padding: 5px;
    padding-left: 10px;

    outline: none;

    border: 1px solid grey;
    border-radius: 5px;
    width: 100%;

}
.form_submit{

 background-color: #c49351;
    color: #fff;
    border: 1px solid white;
    border-radius: 5px;
    padding: 6px 10px;

}

.modal_castom{
    width: 120%;
}

.form-part h2{
    font-family: 'King_font';
    font-weight: 600;
    color: white;
    letter-spacing: 2px;
}
.form-part{
    background-color:#c49351;
    padding:10px 10px;
     border-radius: 5px;
}
.form-part p{
    color: rgb(247 247 247);
}

/*Footer list*/

.Ft_s li a{
    transition: 0.5s;
}
.Ft_s li a:hover{
    
    color: #cbb000;
}

.fa-arrow-right{
    transition: 0.5s;
    margin-left: 5px;

}
.Ft_s li a:hover .fa-arrow-right{
    margin-left: 15px;
}

.footer_options a{
    text-decoration:none;
    color:#9d9d9d !important;
    transition:0.5s;
}
.footer_options a:hover{
    color:#c49351;
}



/*subha change footer part*/

.form_bar{
  width: 100%;
  padding: 10px 10px;
  margin-bottom: 10px;
  background-color: #262626;
  outline: none;
  box-shadow: none;
  border: none;
  color: white;
  /* border: 0.1px solid black; */
}
.footer_form{

  background-image: url(./images/pattern.png);
  background-size:contain ;
  padding: 100px 0px;
  background-color: #444444;
  background-repeat: repeat;
}
::placeholder{
  color: #9d9d9d );
}

.contact_address_company{
  text-align: center;
}
.contact_address_company a{
  text-decoration: none;
  color: white;
  font-size: 14px;
  padding-left: 10px;
}
#submit{
  background-color: transparent;
  border: 1px solid white;
  color: white;
  font-size: 16px;
  padding: 8px 25px;
  transition: 0.5s;
}

#submit:hover{
  background-color: black;

  border: 1px solid black;

}
.footer_form_part{
    padding-top:40px;
}



/* *-*-*-*-*-* */



.main_footer{
  background-image:url(./images/footer-bg.jpg);
}
.footer_overlays{
  padding: 50px 0;
    padding-top: 35px;
    padding-bottom: 8px;
  background-color: #0d0d0ede;
}
.footer_content ul li a:hover{
    color:white !important;
}
.subscribe_box_part{

  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
  top: -95px;
  z-index:0;
}


.subscribe_box_1{
  display: flex;
  /* justify-content: space-between;
   */
   justify-content: center;
  align-items: center;
  width: 52%;
  
  padding: 20px 15px;
  background-color: #353737;

  /*box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.123);*/
}
.subscribe_box_1 .d1{
  color: white;
  display: inline;
  text-align: center;
  
}
.Text_part{
  
}
.d1 span{
  font-size: 28px;
 font-family:king_font;
}
.d2{
  text-align: center;
}
.span2{
  /* font-size: 14px !important;
  text-align: left !important; */
}
.span2{
    font-family:manrope;
}

#footer_fname{
  padding: 5px 8px;
  outline: none;
  border: none;
  


}
#submit2{
  padding: 5px 12px;
  background-color: #252525;
  font-weight: 600;
  border: none;
  color: white;
  transition: 0.5s;
}

#submit2:hover{
  background-color: #444444;
}

.footer_content{
  display: flex;
  justify-content: space-between;
}

.footer_content ul li{
  list-style: none;
}

.footer_headline{
    font-size: 20px;
    font-family: king_font;
    letter-spacing: 3px;
    margin-bottom:20px;
}
.footer_options{
  padding: 4px 0;
}


.footer_options .fa-regular{
  /*padding: 10px;*/
  /*border-radius: 50%;*/
  /*border: 1px solid white;*/
  margin-right: 5px;
}

.foot_opt img{
    width:8%;
}
.foot_opt a{
    display:flex;
    align-items:center;
    gap:3%;
}
.fo_size img{
    width:7%;
}
.fo_lo a{
    align-items:start;
}


.footer_options p{
  width: 65%;
  color:#9d9d9d;
}

.f-1{
  width: 30%;
  margin-bottom: 20px;
}
.footer_content ul{
  padding-left: 0px;
  line-height: 22px;
}
.f_t_i{
  width: 198px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.footer_form_part h3{
    /*font-weight:600 !important;*/
    color:white;
    font-family:king_font;
        margin-bottom: 25px;
}

.footer_company_name{
    width:100%;
    border-top:0.1px solid #5e5c5c;
    padding-top: 10px;
}
.footer_company_name p{
    text-align:center;
    color:#9d9d9d;
}
.footer_company_name a{
    text-decoration:none;
}
.foot_c_row{
    align-items:center;
}
.foot_row_1t{
    font-size:13px;
}
#Kyle_Infotech{
    color:#c49351 !important;
    font-weight:600;
}
.icons .fa-brands{
    font-size:25px;
    color:white;
    /*padding:0 10px;*/
}
.icons .fa-solid{
    font-size:25px;
    color:white;
    padding:0 10px;
}

.icons {
        display: flex;
    justify-content: end;
        gap: 4%;
}

/*end*/
.carousel_banner .carousel-caption h5{
    color: white !important;
}


/************ CONTACT US CSS********/


@font-face {
    font-family: siliguriBold;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Bold.ttf');
}
@font-face {
    font-family: siliguriLight;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Light.ttf');
}
@font-face {
    font-family: siliguriMedium;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Medium.ttf');
}
@font-face {
    font-family: siliguriRegular;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-Regular.ttf');
}
@font-face {
    font-family: siliguriSemibold;
    src: url('./fonts/Hind_Siliguri/HindSiliguri-SemiBold.ttf');
}






*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* **Banner PArt  */

.bann_sec{
    /* border: 1px solid; */
    background: linear-gradient(to right,rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.1)), url("./images/hm_bannerback.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
        margin-top: 34px;
}
.bann_div{
    padding-top: 117px;
    padding-bottom: 13px;
    line-height: 55px;
}
.bann_div h1{
   font-family: 'King_font';
    letter-spacing: 2px;
    /* font-family: siliguriBold; */
    color: white;
    font-size: 48px;
    position: relative;
}
.bann_div h1::before{
    content: "";
    position: absolute;
    border: 2px solid #e9ae61;
    width: 10%;
    bottom: -10px;

}
.bann_div p{
    color: #c49351;
}
.bann_div p a{
    text-decoration: none;
    color: #e9ae61;
    font-size: 20px !important;
    /*font-weight: bold;*/
    letter-spacing: 3px;
}


/* **** Form Part *** */



.form_sec{
    /* border: 1px solid; */
    padding-top: 80px;
    padding-bottom: 80px;
}
.form_mainDiv{
    /* border: 1px solid red; */
}
.from_head h5{
    /* font-size: ; */
    /* font-style: italic; */
     font-family: king_font; 
    font-weight: bold;
    font-size: 25px;
}
.from_head h5 span{
    color: #c49351;
    font-family: king_font;  
}
.form_inner{
    /* border: 1px solid red; */
    padding-bottom: 20px;
    padding-right: 80px;
    
}
.form_inner form{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    /* background-color: #facc43; */
}
.input_1{
    width: 100%;
}
.input_1 input{
    width: 100%;
    padding: 8px 0;
    padding-left: 15px;
    border: 1px solid gray;
    outline: none;
}

.input_1{
    position: relative;
}
.input_1 i{
    position: absolute;
    /* right: 0; */
    right: 30px;
    top: 12px;
    color: #c49351;
}

textarea{
    margin-top: 15px;
    padding-top: 10px;
    padding-left: 10px;
    border: 1px solid gray;
    outline: none;
    width: 94%;
}

.form_btn{
    text-decoration: none;
    color: white;
    background-color: #c49351;
    padding: 8px 22px;
   position: relative; 
   top: 40px;
   border-radius: 5px;
   /* font-size: 18px; */
   font-weight: bold;
}
.contact_mainDiv{
    /* border: 1px solid; */
    line-height: 30px;
    padding-left: 20px;
}
.cont_1{
    display: flex;
    /* align-items: top; */
    /* justify-content: center; */
    gap: 5%;
    margin-top: 10px;
}
.cont_icon{
    font-size: 30px;
    color: #c49351;
}
.cont_txt h5{
    /* padding-top: px;*/
    font-family: king_font;
    font-size: 24px;
    letter-spacing: 1px;
}
.cont_txt p a{
    text-decoration: none;
    color: black;
    text-align: left;
    font-family: manrope;
    /* display: block; */
}
#ph_no{
    font-size: 18px;
}
.cont_txt p a:hover{
    color: gray;
}
.cont_social{
    display: flex;
    justify-content: start;
    gap: 5%;
    margin-top: 20px;
    /* border: 1px solid; */
    width: 100%;
    padding-left: 10px;
}
.cont_social a{
    font-size: 30px;
    /* color: gray; */
    color: #c49351;
    text-decoration:none;
}
.cont_social a:hover{
    color: gray;
    text-decoration:none;
}

/* ** Map Part ** */
.map_sec{
    margin-bottom: -5px;
    padding:0;
}
.map_sec iframe{
    width: 100%;
}



/********** ABOUT US CSS **********/



/* ** Banner Part **  */

.aboutBann_sec{
    /* border: 1px solid; */
    background: linear-gradient(to right,rgb(0, 0, 0,0.8),rgb(0, 0, 0,0.1)), url("./images/hm_bannerback.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top:34px;
}
.aboutBann_div{
    padding-top: 117px;
    padding-bottom: 13px;
    line-height: 55px;
}
.aboutBann_div h1{
   font-family: 'King_font';
    letter-spacing: 2px;
    /* font-family: siliguriBold; */
    color: white;
    font-size: 48px;
    position: relative;
}
.aboutBann_div h1::before{
    content: "";
    position: absolute;
    border: 2px solid #e9ae61;
    width: 10%;
    bottom: -10px;

}
.aboutBann_div p{
    color: #c49351;
}
.aboutBann_div p a{
    text-decoration: none;
    color: #e9ae61;
    font-size: 20px;
    /*font-weight: bold;*/
    letter-spacing: 3px;
}

/* **************************** About2nd Part ** */

.about_2ndSec{
    /* border: 2px solid; */
    padding-top: 70px;
}

.about2nd_ImgMain{
    /* border: 1px solid red; */
    position: relative;
    padding-bottom: 500px;
}
.about2nd_ImgMain::before{
    content: "";
    /* border: 1px solid; */
    position: absolute;
    width: 20%;
    height: 22%;
    border-radius: 50%;
    right: 30%;
    top: -30px;
    background-color: rgba(255, 221, 0, 0.243);
    z-index: 20;
}
.about2nd_ImgMain::after{
    content: "";
    /* border: 1px solid; */
    position: absolute;
    width: 18%;
    height: 20%;
    border-radius: 50%;
    bottom: -24px;
    left: 22%;
    background-color: rgba(255, 221, 0, 0.243);
}
.about2nd_imgA{
    width: 50%;
    position: absolute;
    left: 50px;
}

.about2nd_imgA img{
    width: 100%;
    border-radius: 8px;
    
}
.about2nd_imgB{
    width: 40%;
    position: absolute;
    top: 210px;
    left: 180px;
}
.about2nd_imgB img{
    width: 100%;
    border-radius: 8px;
}

.about2nd_txts h3{
    font-size: 40px;
    font-family: king_font;
    /* font-weight: bold; */
     font-family: king_font;
}
.about2nd_txts h3 span{
    color: #c49351;
}
.about2nd_txts p{
    font-size: 16px;
    font-family:manrope;
}
.about2nd_txts a{
    padding: 5px 15px;
    /* margin-left: 20px; */
    /*margin-top: 20px;*/
    position:relative;
    top: 16px;
    border: none;
    background-color: #c49351;
    color: white;
    /*border-radius: 5px;*/
    border: 1px solid #c49351;
    transition: 0.5s;
    text-decoration:none;
}
.about2nd_txts a:hover{
    background:transparent;
    color:#c49351;
}
/*.about2nd_txts button::before{*/
/*    content: "";*/
/*    position: absolute;*/
    /* border: 1px solid; */
/*    border: none;*/
/*    height: 100%;*/
/*    width: 30%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    border-radius: 50%;*/
/*    background-color: #ffdd003e;*/
/*    z-index: -1;*/
/*    transition: 0.5s;*/
/*}*/

.about2nd_txts button:hover{
    background-color: transparent;
    color: #c49351;
}



/*** About 3rd Part ***/

.about_3rdSec{
    background-color: #f5f5f5;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 60px;
}
.about_3rdDiv{
    text-align: center;
}
.about_3rdDiv h3{
    font-size: 48px;
    max-width: 70%;
    display: block;
    margin: 30px auto;
    font-family: king_font;
    font-weight: 400;
}
.about_3rdDiv h3 span{
    color: #c49351;
    font-style: italic;
}
.about_3rdDiv h5{
    color: black;
    font-size: 16px;
    letter-spacing: 5px;
    word-spacing: 10px;
}
.about_3rdDiv p{
    font-size: 16px;
    margin-top: 20px;
    font-family:manrope;
}



/* ** Fourth Part ** */

.abfourth_sec{
    /* border: 1px solid; */
    padding-top: 50px;
    padding-bottom: 70px;
    margin-top: 30px;
    position: relative;

}
.abfourthDiv_A{
    /* border: 2px solid red; */
}
.abfourthDiv_Aimg{
    padding: 0;
}
.abfourthDiv_Aimg img{
    width: 100%;
    border-radius: 10px;
}
.abfourthDiv_Atxt{
    padding-left: 40px;
}
.abfrth_txt_1{
    /* text-align: center; */
}
.abfrth_txt_1 span{
    font-size: 30px;
    /* font-weight: bold; */
    color: #c0730e;
    /* border: 1px solid #c0730e ; */
    /* padding: 5px 30px; */
    position: relative;
    
    font-family: king_font;
}
.abfrth_txt_1 span::before{
    content: "";
    border: 1px solid;
    position: absolute;
    width: 20%;
    right: 0;
    bottom: 15px;
    right: -100px;
}
.abfourthDiv_Atxt p{
    margin-top: 30px;
    font-size: 16px;
    font-family:manrope;
    /* padding-left: 20px; */
}
#abFour_btn{
    padding: 5px 15px;
    /* margin-left: 20px; */
    margin-top: 20px;
    border: none;
    background-color: #c49351;
    color: white;
    /*border-radius: 5px;*/
    border: 1px solid #c49351;
    transition: 0.5s;
}
#abFour_btn:hover{
    background-color: transparent;
    color: #c49351;
}
.just_SCimg{
    width: 7%;
    transform: rotate(20deg);
    top: 0px;
    right: 3%;
    position: absolute;
    opacity: 0.4;
}
.just_SCimg img{
    width: 100%;
}

.just_wigPng{
    width: 5%;
    /* transform: rotate(20deg); */
    right: 20%;
    /* top: 320px; */
    z-index: -1;
    position: absolute;
    opacity: 0.7;
}
.just_wigPng img{
    width: 100%;
}



/* Fifth Part About  */

.abType_sec{
    /* border: 1px solid; */
    padding-bottom: 120px;
    padding-top: 50px;
    background: rgb(245, 245, 245);
}
.abType_cardA{
    /* border: 1px solid red; */
}
.abT_1{
    background-image: url('./images/women_wig.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    /* padding: 50px 0; */
    padding-top: 300px;
    padding-bottom: 50px;
}
.abT_2{
    background-image: url('./images/men_wig.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    /* padding: 50px 0; */
    padding-top: 300px;
    padding-bottom: 50px;
}
.abT_3{
    background-image: url('./images/wig_access.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    /* padding: 50px 0; */
    padding-top: 300px;
    padding-bottom: 50px;
}
.abType_inner{
    background-color: white;
    padding: 20px 10px;
    text-align: center;
    box-shadow: 0px 0px 8px rgb(230 226 226);
}
.abType_inner h5{
    font-size: 25px;
    font-family:king_font;
    letter-spacing: 2px;
}
.abType_inner p{
    font-family:manrope;
}
.abType_inner button{
    padding: 5px 20px;
    background-color: #c49351;
    color: white;
    border: none;
    border:1px solid #c49351;
    transition:0.5s;
}
.abType_inner button:hover{
    /*box-shadow: 1px 1px 8px #c49351 ;*/
    background: transparent;
    color: #c0730e;
}






/* .abFifth_row{
    flex-direction: row-reverse;
}
.abfifth_txt_1{
    border-bottom: 1px solid gray;
    padding-top: 20px;
    width: 50%;
    margin-left: 385px;
  
}
.abfifth_txt_1 span{
    font-size: 23px;
    color: #c0730e;
    border: 1px solid #c0730e ;
    padding: 5px 30px;
    position: relative;
    top: 13px;
    left: -172px;
    font-family: "Prata", serif;
} */

/*** Service Part ***/
.servBann_sec{
        /* border: 1px solid; */
    background: linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.1)), url(./images/hm_bannerback.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 29px;
}
.serv_sec{
    padding-top:50px;
    padding-bottom:50px;
}
.serv_sec h2{
    text-align: center;
    font-family:king_font;
    font-size:40px;
}
.serv_sec h2 span{
    color: rgb(210, 171, 120);
}
.serv_sec p{
    margin-top: 20px;
    font-family:manrope;
    text-align:center;
}

.serv_cardsec{
    /*padding:50px 0;*/
    padding-bottom:50px;
}
.serv_card_1{
    border: 2px solid  rgb(210, 171, 120);
    text-align: center;
    padding: 5px 15px;
    padding-top: 20px;
    transition:0.5s;
}
.serv_card_1 h4{
    margin-top: 10px;
}
.serv_card_1 p{
    font-family:manrope;
}
.srvcard_img{
    width: 20%;
    margin: auto;
}
.srvcard_img img{
    width: 100%;
}
#sc_2{
    /*background: rgb(210, 171, 120);*/
}

#sc_1:hover{
    background:linear-gradient(to right, rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.7)),url("./images/servcardback_2.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    scale:0.9;
}
#sc_2:hover{
    background:linear-gradient(to right, rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.7)),url("./images/servcardback_3.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    scale:0.9;
}
#sc_3:hover{
    background:linear-gradient(to right, rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.7)),url("./images/servcardback_4.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    scale:0.9;
}
#sc_4:hover{
    background:linear-gradient(to right, rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.7)),url("./images/servcardback_5.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    scale:0.9;
}
#sc_5:hover{
    background:linear-gradient(to right, rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.7)),url("./images/servcardback_6.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    scale:0.9;
}
#sc_6:hover{
    background:linear-gradient(to right, rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.7)),url("./images/servcardback_1.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    scale:0.9;
}

/*Service accordian Part ******/



.serv_2ndhead{
    text-align: center;
    font-family:king_font;
}
.serv_2ndhead h2{
        font-size: 40px ;

}
.serv_2ndhead h2 span{
    color:rgb(210, 171, 120);
}
.acc_btn{
    border: 2px solid rgb(210, 171, 120) !important;
    border-radius: 0 !important;
    font-weight: bold;
    background-color: rgb(213 164 99) !important;
    color: rgb(255, 255, 255) !important;
    position: relative;
font-family:manrope;
}
.acc_btn:focus{
    outline: none !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed){
    color: white !important;
}
.accordion-button::after{
    display: none;
}
.acc_btn i{
    position: absolute;
    right: 20px;
    font-size: 17px;
}
.acc_btn:focus .acc_btn i{
   display: none;
    /* top: 0; */
}
.acc_bdy{
    font-family:manrope;
}
.arr_icon{
    transform: rotate(90deg);
}


/**** Service  Tesmonials  ****/

.test_sec{
    /*border: 1px solid;*/
        padding-top: 75px;
    background-color: rgb(245, 245, 245);
}
.test_div_1 h6{
    font-family:king_font;
    font-weight:bold;
    letter-spacing: 3px;
}
.test_div_1 h2{
    /*font-family:king_font;*/
        margin-top: 20px;
}
.test_div_1 h2 span{
    color: rgb(213 146 57);
}
.test_div_1 p{
    font-family:manrope;
}
.test_btn{
    text-decoration: none;
    color: white;
    background-color: rgb(210, 171, 120);
    border:1px solid rgb(210, 171, 120);
    padding: 4px 15px;
    padding-bottom: 7px;
    position: relative;
    top: 10px;
}
.test_btn:hover{
    background:transparent;
    color:rgb(210, 171, 120);
}
.test_div_2{
    /* border: 1px solid; */
}
.serv_carM{
    background-color: white !important;
    border: 1px solid rgb(210, 171, 120);
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom:10px;
}
.owl_servAno .owl-nav{
    display: none !important;
}
.owl_servAno .owl-dots{
    margin-top: 20px;
}
.serv_carM span{
    color: rgb(210, 171, 120);
}
.serv_carM h4{
    margin-top: 20px;
}
.owl_servAno p{
    font-family:manrope;
}






/* GALLERY */

.gall_sec{
    padding-bottom:85px;
}
.galBan_sec{
    /* border: 1px solid; */
    background: linear-gradient(to right,rgb(0, 0, 0,0.8),rgb(0, 0, 0,0.1)), url("./images/hm_bannerback.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top:34px;
}
.galDiv_main{
     padding-top: 117px;
    padding-bottom: 13px;
    line-height: 55px;
}
.galDiv_main h1{
    font-family: 'King_font';
    letter-spacing: 2px;
    /* font-family: siliguriBold; */
    color: white;
    font-size: 48px;
    position: relative;
}
.galDiv_main h1::before{
    content: "";
    position: absolute;
    border: 2px solid #e9ae61;
    width: 8%;
    bottom: -10px;

}
.galDiv_main p{
    color: #c49351;
}
.galDiv_main p a{
    text-decoration: none;
    color: #e9ae61;
    font-size: 20px;
    /*font-weight: bold;*/
    letter-spacing: 3px;
}
.close-btn{
    width: 35px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    background: rgb(33 32 31 / 61%);
    padding: 4px;
    padding-top: 7px;
}

.close-btn .bar{
    background: rgb(255 183 69) !important;
    
}

/* ****************************** */

.container__img-holder {
    /* max-width: 280px; */
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    margin-left: 16px;
    cursor: pointer;
    position: relative;
    transition: 0.5s;
    
  }
  .container__img-holder:hover{
    transform: scale(1.1);
  }

  .container__img-holder:hover span{
    position: absolute;
  }
  
  .container .container__img-holder:nth-child(3n+1) {
    margin-left: 0;
  }
  
  .container__img-holder img {
    width: 100%;
    /* height: 220px; */
    display: block;
    border-radius: 10px;
  }
   .gal_row2{
    /* margin-top: 2px; */
    padding-top: 15px;
   }
  
  /* Popup Styling */
  .img-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    
    z-index:100;
  }
  
  .img-popup img {
    /* max-width: 900px; */
    height: 650px;
    width: 40%;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  
  .close-btn {
    width: 35px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .close-btn .bar {
    height: 4px;
    background: #333;
  }
  
  .close-btn .bar:nth-child(1) {
    transform: rotate(45deg);
  }
  
  .close-btn .bar:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
  }
  
  .opened {
    display: flex;
  }
  
  .opened img {
    animation: animatepopup 1s ease-in-out .8s;
    -webkit-animation: animatepopup .3s ease-in-out forwards;
  }
  
  @keyframes animatepopup {
  
    to {
      opacity: 1;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
    }
  
  }
  
  @media screen and (max-width: 880px) {
  
    .container .container__img-holder:nth-child(3n+1) {
      margin-left: 16px;
    }
  
  }
  
  
  #fname-error,#fnumber-error,#femail-error{
      color:red !important;
  }


/*sujan start*/
.whatsapp-logo{
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10;
}
.fa-whatsapp{
    font-size: 30px;
    padding: 18px;
    background-color: #c49351;
    color: #ffffff;
    border-radius: 50%;
}
/*sujan end*/