@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/3rem 'Roboto', sans-serif; color: var(--boby_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0; margin: 0; font-family: "Barlow Condensed", sans-serif;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: "Roboto", sans-serif; */
/* font-family: "Barlow Condensed", sans-serif; */

:root{
    --black: #0e0e0e;
    --gradient: linear-gradient(195deg, #076ad9 0%, #42b9ff 100%);
    --brand: #0765ce;
    --yellow: #ffaa17;
    --white: #fff;
    --boby_txt_color: #4c4d56;
   }
   
   
 /* top_button */
.top_btn {background: var(--brand); border-radius: 100%; bottom: 1rem; color: var(--white); height: 5rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 5rem; z-index: 9999;  text-align: center; display: inline-block;}
.top_btn i{font-size: 2rem; line-height: 5rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover {bottom: .3rem; opacity: 1; color: var(--white);}


em{font-style: normal;}
.ptb{padding: 8rem 0;}
.inner_ptb{padding: 5rem 0 8rem 0;}
.rating li {display: inline-block !important; margin: 0 .2rem 0 0 !important;padding: 0 !important; border: none !important; width: auto !important; float: none !important; }
.bold_icon::before, .liner_icon::before { font: normal 1.4rem / 1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before { content: "\f005"; }

.as_btn{display: inline-block; padding: 0 3.5rem; height: 4.5rem; color: var(--white); background: var(--gradient); line-height: 4.5rem; border-radius: .5rem; text-transform: capitalize; font-weight: 600; margin-top: 3rem; letter-spacing: .1rem; position: relative; overflow: hidden; z-index: 1; transition: all 0.5s ease 0s; font-size: 1.6rem;}
.as_btn::before{content: ""; background: var(--black); height: 50%; width: 0; position: absolute; top: 0; left: 0; right: auto; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1;}
.as_btn::after{content: ""; background: var(--black); height: 50%; width: 0; position: absolute; bottom: 0; right: 0; left: auto; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1;}
.as_btn:hover::before{width: 100%;  right: 0; left: auto;}
.as_btn:hover::after{width: 100%; left: 0; right: auto;}
.as_btn:hover{color: var(--white);}
h4{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
h3{font-size: 3rem; line-height: 3.5rem; text-transform: capitalize; color: var(--black); font-weight: 700;}
h1, h2{font-size: 4.8rem; font-weight: 600; line-height: 5.4rem; color: var(--black);}
h1 span , h2 span{ color: var(--brand); text-transform: uppercase; font-size: 1.6rem; line-height: 1.4rem; display: block; letter-spacing: .1rem;}
h6{font-size: 2rem; line-height: 2.5rem; text-transform: capitalize; color: var(--black);}
.top_sub_heading{font-size: 2.2rem; line-height: 2.4rem; display: block; padding-bottom: .5rem;}




/*header*/
.header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 999;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
/* .drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec li{ position: relative;}
.nav_top .navbar-brand img{width: 22rem;}
.header_sec.fixed {box-shadow: 0 0 .7rem 0 #ccc}  
/* .header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 999; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;} */
.header_sec.fixed .heder_top{display: none;}
.top_lt li{margin-right: 2rem; font-size: 1.5rem; font-weight: 300;}
.top_lt ul li i{color: var(--icon); padding-right: 1rem; font-weight: 600;}
.header_sec{width: 100%;}
.heder_top{background: var(--black); padding: 1rem 0;}
.heder_top .d-flex{align-items: center; justify-content: end;}
.heder_top ul li{color: var(--text_color);}
.heder_top ul li a{color: var(--white);}
.heder_top ul li a:hover{color: var(--icon);}
.heder_top ul li{display: inline-block; position: relative;}
.navbar-brand img{width: 22rem;}
.header_menu{position: relative; padding: .5rem 0; background: #0073a2;}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.5rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--black);}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: #E8B90F;;}
.heder_top ul li{display: inline-block; position: relative;}
.top_rt .click_btn{margin-top: 0; height: 4rem; line-height: 4rem; padding: 0 2rem;}
.drop-arw::after{border: none; font-family: "Font Awesome 6 Pro"; content: "\f107"; color: #353535; font-size: 1.4rem; vertical-align: middle;}
.nav_top .dropdown-menu li{font-size: 1.5rem;}
.nav_top .dropdown-menu li a{padding: 1.5rem; border-bottom: .1rem solid #ccc; display: block; width: 100%; color: var(--black);}
.nav_top .dropdown-menu li:last-child a{border-bottom-color: transparent;}
.nav_top .dropdown-menu li a:hover{background: #0C487E; color: var(--white);}
.menu_sec li a{display: inline-block; padding: 1rem 1.4rem; color: var(--white); text-transform:uppercase; }
.drop-arw::after{color: var(--white);}
/*.heder_top .container-fluid{padding: 0 8rem;}*/
/*.header_menu .container-fluid{padding: 0 21rem 0 24rem;}*/
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0; position: relative;}
.log_btn{height: 2.8rem; width: 11rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-flex; font-family: "Roboto", sans-serif; font-size: 1.5rem; font-weight: 500; background: #50A1E9; color: var(--white); padding: 1.5rem 3rem; border-radius: .4rem;}
.log_btn:hover{color: var(--white);}
.log_btn:focus {outline: solid .1rem !important;}
   
   
   
 /*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 23rem 0 15rem; overflow: hidden; position: relative; z-index: 1;}
/*.banner_box::before {position: absolute; content: ""; width: 100%; height: 100%; inset-inline-start: 0; inset-block-start: 0; background: -webkit-gradient(linear, left top, right top, from(#001c29), color-stop(20%, rgba(28,41,204, 0.5)), color-stop(48%, rgba(0, 28, 41, 0.7)), color-stop(61%, rgba(0, 28, 41, 0.4)), color-stop(80%, rgba(0, 28, 41, 0.2)));*/
/*    background: linear-gradient(to right, #001c29 0%, rgba(0, 28, 41, 0.5) 20%, rgba(0, 28, 41, 0.7) 48%, rgba(0, 28, 41, 0.4) 61%, rgba(0, 28, 41, 0.2) 80%); z-index: -1;}*/
.left_shape{background-color: transparent; background-image: linear-gradient(280deg, #46B3FA 0%, #6E48B6 87%); height: 63rem; width: 80rem; border-radius: 10rem; position: absolute; left: -14.9rem; top: -32.4rem; display: block; transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);}
.left_shape_brdr{background-color: #46B3FA00; height: 72rem;  width: 72rem; border: .1rem solid #FFFFFF70; border-radius: 10rem; position: absolute; display: block; left: 15.4rem; top: -51.2rem; transform: rotate(-40deg); -webkit-transform: rotate(-40deg);}
.banner_cotent strong{font-size: 3rem; line-height: 4rem; text-transform: capitalize; color: var(--white); font-weight: 500; display: block;}
.banner_cotent strong span{color: #FEC32B;}
.banner_sub_title{text-align: left; font-size: 1.6rem; font-weight: 500; text-transform: uppercase; line-height: 3rem; letter-spacing: .1rem; color: var(--white); display: block;}
/*.banner_cotent{position: relative; z-index: 1; max-width: 65rem; background-color: rgba(0, 0, 0, 0.6); padding: 2.5rem; border-radius: .5rem;}*/
.banner_cotent{position: relative; z-index: 1; max-width: 66rem;}
/*.banner_cotent::before { position: absolute; left: 0; top: 50%; background: var(--yellow); width: .5rem; height: 50%; content: ""; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}*/
.banner_cotent p{font-size: 2.2rem; line-height: 2.8rem; padding-top: 2rem;}
.btm_shape{left: inherit; right: -14.2rem; top: inherit;  bottom: -46.5rem;  transform: rotate(40deg);  -webkit-transform: rotate(133deg);  width: 54rem;}
.btm_rt_shape_brdr{left: inherit !important; right: -31.5rem; top: inherit; bottom: -135px; transform: rotate(40deg); -webkit-transform: rotate(40deg); width: 55rem;}
.banner_rt_panel{position: absolute; width: 10%; top: 51%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; right: 0;}
.banner_right {background: rgba(255, 255, 255, 1); padding: 3rem; width: 40.8rem; border-radius: .5rem; float: left;}

/* .banner_right{background: var(--white); padding: 2.5rem; border-radius: .5rem; box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.08); position: relative; margin-top: -16rem;} */
.banner_right .input_fld button{margin: 1.5rem 0 0 0;}
.banner_right h4{border-bottom: .1rem dashed #ccc; padding-bottom: 1rem;}
.banner_right .input_fld input[type="date"]{height: 4rem;}
/* .bannersec .carousel-indicators { left: 3rem; bottom: 35%; right: inherit; margin-left: 0; flex-direction: column; top: inherit;}
.bannersec .carousel-indicators [data-bs-target]{border: none; width: 1.6rem; height: 1.6rem; border-radius: 100%; border: .2rem solid var(--white); background: transparent; position: relative; display: block; margin: 1rem 0;}
.bannersec .carousel-indicators [data-bs-target]::before{content: ''; position: absolute; left: .4rem; top: .4rem; right: .4rem; bottom: .4rem; background: var(--white); border-radius: 50%; z-index: 1;}
.bannersec .carousel-indicators .active, .bannersec .carousel-indicators [data-bs-target]::before .active{opacity: 1;} */
.frm_label_txt{font-size: 1.4rem; text-transform: capitalize; color: var(--black);display: block; padding-bottom: .2rem;}
/*.banner_box .container{max-width: 100%;}*/
.of_btn{font-size: 2rem; cursor:pointer;}









/* feature_sec */
.feature_box{background: var(--white); border-radius: 1rem; padding: 3rem;  position: relative;  transform: translate3d(0, 0, 0); transition: all 0.3s linear; margin-top: -5rem; position: relative; z-index: 1;}
.feature_icon img{width: 5rem; margin-bottom: 1.5rem;}
.red_icon{ vertical-align: middle; display: inline-flex;  width: 4rem;  height: 4rem; justify-content: center; align-items: center; background: #ebebeb; border-radius: 100%; margin-right: .5rem; color: var(--brand); transition: all 0.3s linear;}
.as_read_more{color: var(--black); font-weight: 400; text-transform: capitalize; margin-top: 2rem; display: inline-block;}
.as_read_more i, .as_read_more{transition: all 0.3s linear;}
.as_read_more:hover{color: var(--brand);}
.feature_txt h3 a{color: var(--black);}
.feature_txt h3 a:hover{color: var(--brand);}
.feature_txt h3{font-size: 2.5rem; line-height: 3rem;}
.feature_sec{padding-bottom: 6rem;}
.feature_box:hover{transform: translateY(-5px) translate3d(0, -5px, 0);}
.feature_box:hover .as_read_more i{transform: rotate(90deg);}
.feature_txt p{font-size: 1.5rem; line-height: 2.5rem;}


/* client_sec */
.client_sec{padding:5rem 0;}
.marquee {margin:auto; --duration: 10s; display: flex; overflow: hidden; user-select: none; gap: 1rem;}
.marquee__group { flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: 2rem; min-width: 100%; animation: scroll var(--duration) linear infinite;}
.marquee__group img {max-width: clamp(22rem, 5rem + 20vmin, 13rem); object-fit: contain;}
.marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
.marquee_info{-webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent); mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent); margin-top: 3rem;}
.client_heading{font-size: 2.7rem; font-weight: 600; line-height: 3.5rem; color: var(--black); text-transform: capitalize; z-index: 1; position: relative;}
.client_heading span{padding: 0 2rem; background: var(--white); display: inline-block; font-size: 2.8rem; font-weight: 600; line-height: 3.4rem; color: var(--black);}
.client_heading::after{position: absolute; left: 0; top: 61%; width: 100%; height: .1rem; background: #ccc; content: ""; z-index: -1; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


@keyframes scroll {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(calc(-100%));
    }
}
@-moz-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.sub_client_heading{display:flex; align-items:center; justify-content: center;}
.sub_client_heading p{padding-left:1rem;}
.marquee.gallery_grup:hover .marquee__group{animation-play-state: paused;}

/* choose_sec */
.feature_box.choose_box{margin-top: 3rem; box-shadow: 0px 0px 139px 0px rgba(0, 0, 0, 0.06); border: .1rem solid transparent; padding: 1.5rem;}
.feature_boxes{margin-top: 4rem;}
.feature_box.choose_box:hover{border-color: var(--brand);}
.choose_sec  h1{font-size: 4.5rem; line-height: 5rem;}

/* main_contact_sec */
.main_caonat_txt span{color: var(--white); font-size: 1.8rem; font-weight: 400; line-height: 2rem; display: block; margin: 2rem 0 1.2rem 0;}
.main_caonat_txt h3{font-size: 3.6rem; font-weight: 700; line-height: 4.2rem;}
.main_caonat_txt h3 a{color: var(--white);}
/* .main_contact_rt_txt  img{margin-bottom: 2rem;} */
.main_contact_lt_txt h2{position: relative; padding-left: 3.5rem; max-width: 41rem;}
.main_contact_lt_txt h2::before{height: 100%; width: 5px; background-color: transparent; background-image: linear-gradient(180deg, #43BAFF 0%, #7141B1 100%); position: absolute; left: 0; top: 0; content: "";}

/* success_sec */
.exprice_box{background-color: transparent; background-image: linear-gradient(208deg, #43BAFF 0%, #7141B1 100%); padding: 1rem 3rem 2rem 3rem;}
.exprice_box strong{font-size: 7rem; font-weight: 600; line-height: 1; color: var(--white); display: block;}
.exprice_box span{text-align: left; color: var(--white); font-size: 1.8rem; font-weight: 400; line-height: 2.4rem;}
.exprice_box_rt, .exprice_box{margin-top: 3rem;}
.as_more_btn{font-size: 1.6rem; line-height: 3rem; color: var(--brand); font-weight: 600; display: inline-block; margin-top: 2rem; text-transform: capitalize; letter-spacing: .1rem;}
.as_more_btn svg{fill: var(--brand); vertical-align: unset; transition: all 0.3s linear; color: var(--brand); height: 1.5rem; position: relative; top: .3rem;}
.exprice_box_rt{margin-left: 1rem;}
.success_rt{margin-left: 5rem;}
.oth_ph_icon{width: 5.5rem; height: 5.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--brand); color: var(--white); position: absolute; left: 1rem;
    top: 1.1rem; font-size: 2rem;}
.oth_ph_icon i{ -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}
.oth_ph_txt em{display: block; color: var(--boby_txt_color); font-size: 1.4rem; line-height: 1.4rem; padding-bottom: .5rem;}
.oth_ph_txt{color: var(--black); font-size: 2.5rem; font-weight: 600;}
.phon_box{position: relative; margin-top: 5rem;  border: .1rem dashed #ccc;  padding: 1.5rem 3rem;  border-radius: 5.55rem;  max-width: 32rem; padding-left: 8.5rem;}





/* #first-sec { height:100vh; background-color:#283c86;}
#second-sec { height:100vh;background-color:#45a247;}
#third-sec {} */
  
  /*====Skill Bar=====*/
/*.success_rt .progress-bar { margin: 20px 0 10px; overflow: hidden; background: transparent;}*/
/*.success_rt .progress-title-holder { padding-bottom: .7rem;  position: relative; margin: .5rem 0; font-weight: 400;  color: var(--black); text-align: left;}*/
/*.success_rt .progress-title {z-index: 100; font-weight: bold;}*/
/*.success_rt .progress-number-wrapper { width: 100%; z-index: 10;}*/
/*.success_rt .progress-number-mark { margin-bottom: .4rem; border-radius: .3rem; background: var(--brand);  padding: 0 .8rem;  position: absolute;  bottom: .4rem;  -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);}*/
/*.success_rt .progress-number-wrapper, .success_rt .progress-number-mark {font-size: 1.1rem; line-height: 2.4rem;  height: 2.4rem;  letter-spacing: 0px;  font-weight: 600;  font-style: normal; text-transform: none; color: var(--white);}*/
/*.success_rt .down-arrow {  border-left: .3rem solid transparent; border-right: .3rem solid transparent; border-top: .3rem solid var(--brand); position: absolute; left: 50%;  top: 100%;  -moz-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);  -ms-transform: translateX(-50%);  -webkit-transform: translateX(-50%);}*/
/*.success_rt .progress-content-outter { height: 1.2rem; background-color: #E1E1E0;}*/
/*.success_rt .progress-content { height: 2.1rem; background-color: var(--brand); width: 0%;}*/

.skills {width: 100%;}
.skill-name { font-size: 1.8rem; font-weight: 700; text-transform: uppercase; margin: 2rem 0 1rem 0;}
.skill-bar { height: 1rem; background: #cacaca; border-radius: .8rem;}
.skill-per {height: 1rem; background-color: var(--brand); border-radius: .8rem; width: 0; position: relative; transition: 1s linear;}
.skill-per::before { content: attr(per); position: absolute; padding: .4rem .6rem; background-color: var(--black); color: #fff; font-size: 1.2rem; border-radius: .4rem; top: -3.5rem; right: 0; transform: translateX(40%);}
/*.skill-per::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 10px;*/
/*  height: 10px;*/
/*  background-color: #000;*/
/*  top: -16px;*/
/*  right: 0;*/
/*  transform: translateX(50%) rotate(45deg);*/
/*  border-radius: 2px;*/
/*}*/


  

    

/* counter_sec */
.counter_sec{position: relative; background-attachment: fixed !important; padding: 0px 0px 29rem;}
.counter_sec::before{position: absolute;  background: #1c1e22; left: 0; top: 0; width: 100%; height: 100%; content: ""; opacity: .8;}
.counter_box{width: 100%; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.15); padding: 120px 0px 0px; position: relative;}
.count_number sub{font-size: 3rem; color: var(--white); bottom: 25px;}
.counter_box::after{position: absolute; content: ""; left: -15px; right: -15px; top: 0; min-width: 100%; border-top: .4rem solid var(--yellow); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.counter_box strong{font-weight: 800; font-size: 5rem; line-height: 6rem; color: var(--white); font-family: "Barlow Condensed", sans-serif; letter-spacing: .1rem;}
.counter_box:hover::after{-webkit-transform: scaleX(1); transform: scaleX(1);}
.counter_box span{position: relative; font-size: 1.8rem; font-weight: 400; color: var(--white); letter-spacing: .1rem; text-transform: uppercase; display: block;}
/* .counter_box sup{color: var(--brand); top: -2.5rem; font-size: 2.5rem; } */
.counter_contet{position: relative;}
.counter_contet .coll:last-child .counter_box{border-right-color: transparent;}


/* trusted_sec */
.trusted_sec{position: relative; margin-top: -34.2rem; z-index: 1;}
.trusted_sec::after{position: absolute; right: 0; bottom: 0; background: var(--white); width: 50%; height: 90.8%; content: ""; z-index: -1;}
.trusted_lt_top_box{background: var(--yellow); padding: 5rem; position: relative; border-radius: .7rem .7rem 0 0; line-height: 1.2em;}
.trusted_lt_top_box::before{content: ""; position: absolute; left: 0; bottom: -3.9rem; width: 5rem; height: 4rem; background: url(../images/curve_down_left.webp) left top no-repeat;}
.trusted_lt_top_box h2{position: relative; text-transform: uppercase; font-size: 4rem;}
.trusted_rt{position: relative; display: block; padding: 5.5rem 0 0 8rem; background: var(--white); border-radius: .7rem 0 0 0;}
.trust_list li{display: block; border-bottom: .1rem solid #e9ebee; padding: 3.5rem 0px 3.5rem 9rem; position: relative;}
.trust_list li:last-child{border-bottom: transparent; padding-bottom:0;}
.list_number{width: 6rem; height: 6rem; background: rgba(255, 170, 23, 0.2); color: var(--yellow); display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 2.3rem; transition: all 500ms ease; border-radius: 100%; font-size: 3rem; font-family: "Barlow Condensed", sans-serif; font-weight: 600;}
.trust_list li:hover .list_number{background: var(--black); color: var(--white);}
.trusted_rt_btm_lt img{display: block; width: 100%; border-radius: .7rem;}
.list_txt li{position: relative; margin-bottom: 1.2rem; padding-left: 3rem;}
.list_txt li:last-child{margin-bottom: 0;}
.list_txt li::before{font-family: "Font Awesome 6 Pro";  content: "\f00c"; color: var(--yellow); position: absolute; left: 0; top: 0;}
.trusted_rt_btm_lt, .trusted_rt_btm_rt{margin-top: 5rem;}
.trusted_rt_btm_rt{margin-left: 1rem;}
.trust_list{margin-top: 2rem;}
.trusted_para{padding-top: 5rem;}


/* faq_sec */
.faq_img{position: relative; padding-left: 23rem; margin-top: 3rem;}
.faq_img_lt{position: absolute; left: 0; top: 0;  width: 20rem; height: 100%;}
.faq_img_lt img{display: block;  border-radius: .7rem; height: 100%;
  object-fit: cover; }
.faq_lt{padding-right: 6.7rem;}
.faq_img_txt{display: inline-block; max-width: 27rem;}
.faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem;}
.faq_number{font-size: 2rem; color: var(--yellow); font-weight: 700; line-height: 1; margin-right: 2rem;}
.faq_content .accordion-button:not(.collapsed){background: transparent; padding: 2rem 1.25rem 0 1.25rem;}
.faq_content .accordion-button {padding: 2rem 1.25rem; box-shadow: none;}
.faq_content .accordion-button:focus { box-shadow: none;}
.faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; color: var(--black);}
.faq_content .accordion-button::after{color: var(--yellow); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
.faq_content .accordion-body { padding: 2rem 1.5rem;}
.lt_faq{margin-right: 5rem;}
.faq_content .accordion-item , .faq_content .accordion-button{background-color: transparent;}
.faq_content .accordion-item{ margin-top: 1.6rem; background-color: var(--white); -ms-box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.05); border: none; border-radius: .7rem;}
.faq_content .accordion-item:first-of-type{margin-top: 0;}
.fixe_rt{position: -webkit-sticky; position: sticky; top: 6.4rem; bottom: 0; z-index: 2; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100%;}


/* frm_sec */
.frm_lt{background: rgba(212,212,212,0.8); padding: 4rem; border-radius: .5rem;}
.frm_lt .input_fld input[type="text"], .frm_lt .input_fld input[type="email"], .frm_lt .input_fld input[type="tel"], .frm_lt .frm_lt .input_fld input[type="password"], .frm_lt .input_fld textarea, .frm_lt .input_fld input[type="date"], .frm_lt .input_fld .form-select{background: var(--white); border: none;}
.con_rt_list li{position: relative; margin-top: 1.5rem; font-weight: 700; padding-left: 2.8rem;}
.con_rt_list i{position: absolute; left: 0; top: .7rem; color: var(--yellow);}
.con_rt_list li, .con_rt_list li a{color: var(--black);}
.frm_rt{margin-left: 2rem;}

/* feed_back_sec */
.feed_back_top{align-items: center; margin-bottom: 1.5rem;}
.person_img img{width: 7rem !important; height: 7rem; border-radius: 100%; object-fit: cover; margin-right: 2rem;}
.feed_back_box{margin-top: 3rem; position: relative; display: block; padding: 3rem; background: var(--white);  border-radius: 7px; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.04);  -webkit-transition: all 500ms ease;  transition: all 500ms ease;}
.person_txt{font-family: "Barlow Condensed", sans-serif; font-size: 2rem; text-transform: capitalize; color: var(--black); font-weight: 600; line-height: 2rem; text-transform: capitalize;}
.person_txt em{display: block; color: var(--yellow); font-size: 1.4rem; line-height: 1.4rem; padding-top: .4rem;}
/*.qution_img{position: absolute; right: 5rem; top: 3rem;  font-weight: 700;  font-size: 10rem; line-height: 1em; color: var(--yellow);  -webkit-transition: all 500ms ease; transition: all 500ms ease;}*/
.feed_back_box:hover{background: var(--yellow);}
/*.feed_back_box:hover .qution_img{color: var(--black);} */
.feed_back_box:hover .person_txt em{color: var(--black);}
.feed_back_box:hover p {color: var(--white);}


/* trust_sec */
/* .trust_sec h2{color: var(--brand);} */
.trust_sec .owl-carousel .owl-nav .owl-prev, .trust_sec .owl-carousel .owl-nav .owl-next, .trust_sec .owl-carousel .owl-dot{display: none;}
.trust_sec .owl-carousel .owl-item img{width: auto;}
.trust_img{margin-top: 3rem;}



/* start_box */
.start_box{position: relative; background-color: transparent; background-image: linear-gradient(90deg, #43BAFF 0%, #7141B1 100%); padding: 5rem 6rem; border-radius: .7rem;}
.start_box::before{background: url(../images/shape_img_4.png)no-repeat center center/cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: "";}
.ft_call_box{position: absolute; left: 4rem; top: -4.8rem; width: 10rem; height: 10rem; background: var(--black); border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.start_txt{position: relative; padding-left: 16rem;}
.start_txt_rt .as_btn{background: var(--white); color: var(--brand); margin-top: 0;}
.start_txt_rt .as_btn:hover{color: var(--white);}



/* footer_sec */
.ft_icon li{display: inline-block; margin: 1.5rem .8rem 0 0;}
.ft_icon li a{width: 4rem; height: 4rem; border-radius: 100%; background: var(--white); display: flex; align-items: center; justify-content: center; color: var(--brand);}
.ft_icon li a:hover{background: var(--brand); color: var(--white);}
.footer_sec{padding-top: 15rem; margin-top: -7rem;}
.ft_txt{padding-bottom: 3rem;}
.ft_txt p{color: var(--white);}
.ft_img img{width: 30rem; margin-bottom: 2.5rem;}
.ft_heading{font-size: 2.5rem; line-height: 3rem; color: #FFD500;;  display: block; padding-bottom: 1.5rem; letter-spacing: .1rem; text-transform: capitalize;} 
.ft_link_list li{text-transform: capitalize;}
.ft_link_list li a{color: var(--white); display: inline-block; margin-bottom: 1rem; transition: all 0.5s ease;}
/*.ft_link_list li:first-child a{margin-top:0;} */
/*.ft_link_list li:first-child a{padding-top: 1rem;}*/
.ft_link_list li a:hover{margin-left: .5rem; color: var(--brand); transition: all 0.5s ease;}
.ft_con_list li {  position: relative;  margin-top: 1.1rem;}
.ft_con_list li i {  margin-right: 1rem;}
.ft_con_list li, .ft_con_list li a{color: var(--white);}
/*.footer_sec .cummll:nth-child(2) .ft_txt{padding-left: 4rem;}*/
/*.footer_sec .cummll:nth-child(3) .ft_txt{padding-left: 2rem;}*/
.ft_btm{text-align: center; color: var(--white); border-top: .1rem solid #FFFFFF1A; padding: 1.5rem 0; margin-top: 2rem;}
.ft_srv_list li a {padding-top: 1.5rem;}
.ft_srv_list li b{width: 100%; display: inline-block; color: var(--white);  font-size: 2rem; line-height: 1.5rem;}
.ft_srv_list li p{color: rgba(255, 255, 255, .7); line-height: 2.5rem;}

/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select, .input_fld input[type="number"]{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder, .input_fld input[type="date"]::placeholder{color: #999; opacity: .5;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
.input_fld .form-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
.input_fld .as_btn{border: none;}
/* .search_box .input_fld button a{color: #555 !important;} */
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-bottom: 1.5rem; position: relative;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}

/* cm_sec */
.cm_sec{position: relative;}
.cm_lt{margin-left: 8rem;}
/*.cm_con_txt{border-top: .1rem dashed #ccc; padding: 5rem 0;}*/
.para_ph_box{position: relative; box-shadow: 0px 0px 3rem 0px rgba(0, 0, 0, 0.2), 0px 0rem 1rem 0px rgba(0, 0, 0, 0.2); background: var(--white); padding: 3rem 2rem 2rem 2rem; margin-top: 6rem; border-radius: .5rem; border-top: .4rem solid var(--brand);}
.para_ph_box .oth_ph_icon {top: -.6rem;}
.para_ph_sec{position: relative; display: inline-block; padding-left: 8rem;}
.offer_popup{position: fixed; right: -100rem; top: 50%; text-align: center; z-index: 999; max-width: 50rem; border-radius: .5rem; overflow: hidden; box-shadow: .4rem 1.6rem 1.8rem -1.3rem rgba(0,0,0,0.5);}
.offer_popup_top{background: var(--brand); padding: 1.5rem .5rem 1rem .5rem; display: block; color: var(--white);}
.offer_popup_txt{background: var(--white); padding: 2rem 0 1.5rem 0;}
.offer_popup_discount {color: var(--black); text-transform: capitalize; border-bottom: .2rem dotted #ccc; padding: 0 1rem 1.5rem 1rem; margin-bottom: 1rem; display: block;}
.offer_popup_discount strong{font-size: 7rem; color: #f56f00; display: block; padding-bottom: .5rem; line-height: 5rem;}
.offer_popup p b{color: #f56f00; text-transform: uppercase; display: block; border-bottom: .2rem dotted #ccc; padding: 0 1.5rem; padding-bottom: .6rem; font-family: "Barlow Condensed", sans-serif; font-size: 2rem; letter-spacing: .1rem;}
.offer_popup_top h4{color: var(--white); text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 2rem; line-height: 2.5rem;}
.offer_popup_footer{ display: block;}
.offer_popup_footer .dtls_btn{margin-top: 2rem;}
.show-offer-box{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s; right:1.7rem;}
.close_btn {position: absolute; right: .5rem; top: 2rem; -ms-transform: translateY(-50%);  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  background: transparent;  border: none; color: var(--white) !important; opacity: 1 !important; padding:1rem;
}

.offer_popup_txt .as_btn {margin-top: 2rem;}


/*21-10-24*/
.btn_grp{text-align: center; margin-top: 2rem;}
/*.box__scrollbar {max-height: 32.9rem;}*/

/*.simplebar-scrollbar::before {border-radius: .5rem; background: #CCB26E;}*/



.blog_content{height: 33rem; overflow-y: auto; margin-top: 1rem;}
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: var(--brand);}
.blog_content .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgba(0,103,54,1);}
.blog_content .mCSB_inside > .mCSB_container {margin-right: 2rem;}

.faq_rt .blog_content {height: 32rem;}
.faq_rt .blog_content .mCustomScrollBox  .mCSB_scrollTools.mCSB_3_scrollbar.mCS-dark.mCSB_scrollTools_vertical{display: block !important;}

.watch_btn{background: var(--white); color: var(--brand);}
.watch_btn i{color: #f60000; font-size: 3rem; vertical-align: -.6rem; margin-right: .5rem;}

.scrollbar-2{height: 9rem; overflow-y: scroll;}
.scrollbar-2 {scrollbar-width: thin; scrollbar-color: var(--brand) #ccc;}
.scrollbar-2::-webkit-scrollbar {width: .5rem; height: .5rem; border-radius: 1.2rem;}
.scrollbar-2::-webkit-scrollbar-track {background-color: #ccc;}
.scrollbar-2::-webkit-scrollbar-thumb {background-color: var(--brand);}
.scrollbar-2::-webkit-scrollbar-track, .scrollbar-2::-webkit-scrollbar-thumb {border-radius: 1.2rem;}
 

/*.ft_con_list li a{display: block;}*/

.frst_ft_link_list li{line-height: 2.2rem; position: relative; padding-left: 2rem;}
.frst_ft_link_list li::before{position: absolute; left: 0; top: -.1rem; content: "\f054"; font-family: "Font Awesome 6 Pro"; color: var(--brand); font-size: 1.4rem;}
/* .other_ft_heading{color: #FFD500;} */

.accordion_box{margin-top:1.5rem;}
.accordion_box button.course-accordion {background-color: var(--white);
  -ms-box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.05); cursor: pointer; padding: 1.5rem; width: 100%; border: none; 
  text-align: left transition: 0.4s; text-transform: none; text-align: left; position: relative;}

/*When the button is active or mouse hovers*/
.accordion_box button.course-accordion.active, .accordion_box button.course-accordion:hover {background: var(--gradient);}

/*button not active*/
.accordion_box button.course-accordion:after {content: '\002B'; color: var(--yellow); float: right; margin-left: .5rem; position: absolute; right: 1.5rem; top: 1.5rem; font-size: 2.8rem;}

.accordion_box button.course-accordion.active h4.faq_heading, .accordion_box button.course-accordion:hover h4.faq_heading, .accordion_box button.course-accordion.active::after, .accordion_box button.course-accordion:hover::after{color: var(--white);}

/* minus button */
.accordion_box button.course-accordion.active:after {content: "\2212";}
.accordion_box div.course-panel {padding: 0 1.8rem; background-color: transparent; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.accordion_box div.course-panel p{padding-top:1.5rem;}


/* new */
.img_slider_sec{display: flex; align-items: center; justify-content: right; background: #add8e0;}
.img_slider_rt{width: 55%; position: relative;}
.img_slider_lt{width: 30%;}
.img_slider_lt img{max-width: 100%; margin-left: 5rem; width: 70%;}
.dem_btn_buttn{position: absolute; left: 27%; top: 45%; -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); background: #005f75;}


.main_feature_box{padding: 2rem;}



.new_txt{position:absolute; left:0; top: -.9rem; color: var(--white); font-size: 1rem; padding: .2rem .5rem .3rem .5rem; transform: translateX(100%); background: #fe4e4f;  text-transform: uppercase;  font-weight: 400;  border-radius: 0; line-height: 1.1; display: inline-block; -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;}
.new_txt::before { content: "";  position: absolute;  bottom: -.4rem;  left: 0;  border-top: .4rem solid transparent;  border-bottom: .4rem solid transparent;  border-left: .4rem solid #fe4e4f;
}
.header_sec.fixed .new_txt{top: -.4rem;}
@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.feed_back_top img{width: 5rem;}
.feed_back_top{display: flex; align-items: center;}


/*----------------------------------------------------------25-10-24------------------------------------------------------------*/
/* fixed_icon */
.fixed_icon{position: fixed; left: 0; top: 50%; z-index: 1;}
.fixed_icon li{margin-top: 1rem;}
.fixed_icon li i{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; background: var(--brand);}
.fixed_icon li a{color: var(--white); transition: all .5s;}
.fixed_icon li:first-child i{color: rgb(224,224,224) !important; background: rgb(39,178,41) !important; transition: all .5s;}
.fixed_icon li:first-child:hover i{color: rgb(39,178,41) !important; background: rgb(224,224,224) !important;}
.fixed_icon li:first-child .sb_label{color: rgb(39,178,41); background: rgb(224,224,224);}
.sb_label{height: 4rem; line-height: 4rem; font-size: 1.5rem; border-radius: 0; position: absolute; padding: 0 1rem; cursor: pointer; visibility: hidden; opacity: 0; white-space: nowrap; z-index: 3; top: 1rem; left: 5rem;}
.sb_label::before{content: ""; display: block; position: absolute; top: 50%; left: -7.075px; width: 14.15px; height: 14.15px; border-radius: 0 .3rem 0 0; transform: translateY(-7.075px) rotate(45deg); background-color: inherit;}
.fixed_icon li a:hover .sb_label{visibility: visible; opacity: 1;}
.fixed_icon li:nth-child(2) .sb_label{color: rgb(0,115,162); background: rgb(255,255,255); top: 6rem;}
.fixed_icon li:nth-child(2):hover i{background: var(--white); color: var(--brand); transition: all .5s;}
.ft_last_col_txt {padding-top: 5rem;}



/*------------------------------------------------------------------------------------------------------7-11-24----------------------------------------------------------------------------------*/
.popup_box {background: rgba(52, 58, 65, 0.600000); backdrop-filter: blur(1.5rem); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.popup_box .modal-dialog {display: flex; align-items: center; justify-content: center; height: 100%;}
.popup_box .modal-content { position: relative;  display: flex;  flex-direction: column;  width: 100%;  pointer-events: auto; background: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; position: relative;}
.popup_box .modal-content::before{position:absolute; left:0; top:0; width:100%; height:100%; background: url("https://www.bookingmaster.in/offer/wp-content/uploads/2024/11/offer_bg_img_7.png")no-repeat center center/cover; content:"";}
.popup_box .btn-close {color: var(--brand); background: transparent; opacity: 1; float: right; font-size: 2.2rem; padding: 1rem 2rem 0 1rem; position: absolute; right: 0; top: 0;}
.popup_box .btn-close:focus{box-shadow: none;}
.popup_box .modal-body {padding: 1rem 2.5rem 2.5rem 2.5rem;}
.popup_heading {border-bottom: .1rem dashed #ccc; padding-bottom: 1rem; margin-bottom: 2rem; font-size: 2.7rem; font-weight: 600; line-height: 3.5rem; text-transform: capitalize;}
.frm_icon { position: absolute; right: 1.7rem; top: 4.5rem; color: var(--brand);}
.input_fld span {width: 100%; display: inline-block; padding-bottom: .6rem; color: var(--black);}
.popup_box .input_fld textarea {height: 5rem; resize: none; padding: .5rem 1.5rem;}
.popup_box .input_fld .as_btn{margin-top:0;}
.btn_top{position: relative; margin-bottom: 1.5rem; z-index: 1;}


@keyframes unfoldIn {
	 0% {
		 transform: scaleY(0.005) scaleX(0);
	}
	 50% {
		 transform: scaleY(0.005) scaleX(1);
	}
	 100% {
		 transform: scaleY(1) scaleX(1);
	}
}
 @keyframes unfoldOut {
	 0% {
		 transform: scaleY(1) scaleX(1);
	}
	 50% {
		 transform: scaleY(0.005) scaleX(1);
	}
	 100% {
		 transform: scaleY(0.005) scaleX(0);
	}
}

.modal_shape_1{position:absolute; left: .5rem; top: 1.2rem;}
.modal_shape_1 img{width: 14%;}
.popup_box .input_fld input[type="text"], .popup_box .input_fld input[type="email"], .popup_box .input_fld input[type="tel"], .popup_box .input_fld input[type="password"], .popup_box .input_fld textarea, .popup_box .input_fld input[type="date"], .popup_box .input_fld .form-select, .popup_box .input_fld input[type="number"]{background: var(--white);}



/*--------------------------------------------------------9-11-24-----------------------------------------------*/

/* #app { display: flex; justify-content: start; align-items: start; padding: 1.5rem 0 0 0;}
.o-countdown { position: relative; width: 12rem; height: 12rem;}
.o-countdown__text { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-align: center;}
.o-countdown__text-time { font-size: 4rem; line-height: 2rem; font-weight: 800; color: var(--white); display: block; padding-bottom: 1.2rem;}
.o-countdown__text-small { font-size: 1.6rem; font-weight: 400; color: var(--white); line-height:1.6rem; display:block; text-align:center;}
.txt_small_top{padding-bottom: 1.5rem; font-size: 2.2rem;}  */

.countdown{
  --number-color: hsl(0 0% 100%);
  --text-color: hsl(0 0% 25%);
  --dot-color: hsl(0 0% 10%);
  --dot-color-remaining: hsl(182, 100%, 66%);
  --dot-color-active: hsl(0 100% 50%);
  font-family: system-ui, sans-serif;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  width: min(60rem, 100%);
  margin-inline: auto;
  container: inline-size;
  > .part {
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
	  width: 14rem;
    > .remaining {
      grid-area: 1/1;
      color: hsl(0 0% 100%);
      display: grid;
      text-align: center;
      text-align: center;
      font-size: 6rem;
      >.number {
        color: var(--number-color);
      }
      >.text {
        color: #fff;
        text-transform: uppercase;
        font-size: 2rem;
        display: block;
        padding-top: 2rem;
      }
    }
    > .dot-container {
      grid-area: 1/1;
      height: 100%;
      width: 4%;
      rotate: calc(360deg / var(--dots) * var(--dot-idx));
      > .dot {
        width: 100%;
        aspect-ratio: 1/1;
        background-color: #fff;
        border-radius: 50%;
        transition: background-color .25s;
        &[data-active=true]{
          background-color: #01e200;
          &[data-lastactive=true]{
            background-color: var(--dot-color-active);
          }
        }
      }
    }
  }
}

/* * { box-sizing: border-box }
html, body { height: 100% }
body {
  margin: 0;
  padding: 2rem;
  background-color: hsl(0 0% 0%);
  display: grid;
  gap: 1rem;
  align-content: center;
}
h1 {
  font-family: system-ui, sans-serif;
  color: hsl(0 0% 100%);
  text-align: center;
  >span:last-of-type{
    color: hsl(182 100% 66%)
  }
} */
.txt_small_top{padding-bottom: 2rem; font-size: 2.2rem;  font-weight: 400; color: var(--white); line-height:1.6rem; display:block;} 
.banner_count_down{margin-top: 1.5rem;}




/* pricing_page */
.rom_tab_flex{align-items: center; justify-content: space-between; margin-top: 4rem;}
.room_choose.input_type input[type="number"]{border-radius: 2.5rem;}
.proces_boxes { -webkit-box-shadow: 0 .4rem 1.6rem .3rem rgba(213,221,234,0.5); -moz-box-shadow: 0 .4rem 1.6rem .3rem rgba(213,221,234,0.5); box-shadow: 0 .4rem 1.6rem .3rem rgba(213,221,234,0.5); border-radius: 1rem; padding: 0 3rem 3rem 3rem; border: .1rem solid var(--border_color);  background: var(--white); margin-top: 4rem;}
.price_box{border: .1rem solid #ececec; margin-top: 3rem; border-radius: .5rem; position: relative;}
.price_top{border-bottom: .1rem solid #ececec; padding: 2rem 1rem;}
.price_txt del{color: var(--black);}
.price_txt strong{font-size: 4rem; font-weight: 500; color: #111;}
.price_txt{display: block; padding-top: 2rem;}
.price_txt em{font-size: 1.3rem; display: block; text-transform: capitalize;}
/* .pric_btn_grp li{padding-right: 1rem;}
.pric_btn_grp .click_btn{padding: 0 2.5rem; height: 4rem; line-height: 4rem; margin-top: 1.5rem; font-size: 1.5rem;}
.pric_btn_grp li:last-child{margin-right: 0;} */
.pricing_txt{padding: 1.5rem 1.5rem;}
.price_list li{position: relative; padding: 1rem 0 1rem 2rem; border-bottom: .1rem dashed #ccc;}
.price_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f058"; color: var(--brand); position: absolute; left: 0; top: 1rem; font-size: 1.4rem;}
.price_list li:last-child{border-bottom-color: transparent; padding-bottom: 0;}

/* a.showMore{display:block; font-size:1.6rem; font-weight:700; text-transform:uppercase; margin-top:2rem; color:#0077C8;}
a.showMore::after{content:'+ VIEW MORE';}
a.showLess::after{content:'- VIEW LESS';} */

.shw_lwe_btn{ display: block; padding-top: 1.5rem; text-align: center;  text-transform: capitalize; font-weight: 600; cursor: pointer; color: var(--black);}   
#profile-description .show-more-height { height: 58.5rem; overflow:hidden;}


.tab_list.nav-tabs {border-bottom-color: transparent;}
.tab_list.nav-tabs .nav-item{margin-right: 1rem; font-weight: 600;}
.tab_list.nav-tabs .nav-link{padding: 1rem 1.5rem; border: .1rem solid #dee2e6; border-radius: .5rem; color: var(--black); width: 11rem; font-size: 1.8rem;}
.tab_list.nav-tabs .nav-item:last-child{margin-right: 0;}
.tab_list.nav-tabs .nav-item.show .nav-link, .tab_list.nav-tabs .nav-link.active, .tab_list.nav-tabs .nav-link:hover{background: #0073a2; color: var(--white);}
.room_title{display: block; font-weight: 600; color:#111; padding: 0 1rem 0 0;}
.label_content {background: var(--brand); color: var(--white); display: block; padding: .2rem 5rem; text-transform: uppercase; letter-spacing: .2rem; font-size: 1.2rem; font-weight: 500; line-height: 2.4rem; border-radius: 0 0 .5rem .5rem; text-align: center;}

.new_rm_chs.input_type input[type="number"]{width: 12rem; font-weight: 600; height: 4rem; text-align: center; font-size: 2rem; color:#111;}
.new_rm_chs.input_type input[type="number"]::placeholder{color:#111;}
.new_rm_chs {display: flex; align-items: center; margin: 0;}
.mew_prci_flex {justify-content: center; gap: 5rem;}
.pms_txt {  position: absolute; top: 2rem !important; display: inline-block; padding: .5rem; background: red; right: 6.4rem;
  font-size: 1.2rem; line-height: 1.2rem; border-radius: .5rem; font-weight: 600; color: var(--white);}
.price_box h4 {font-size: 3.5rem; line-height: 4rem;}
.pric_btn_grp li{padding-right: 1rem; display: inline-block;}
.pric_btn_grp .click_btn{padding: 0 2.5rem; height: 4rem; line-height: 4rem; margin-top: 1.5rem; font-size: 1.5rem;}
.pric_btn_grp li:last-child{padding-right: 0;}
.pric_btn_grp .click_btn {padding: 0 2.5rem; height: 4rem; line-height: 4rem; margin-top: 1.5rem; font-size: 1.5rem;}
.br_btn li:first-child .click_btn {background: #fff0; border: .1rem solid #707070; color: #343434;}
.br_btn li:first-child .click_btn:hover {background: #6ec1e4; color: var(--white); border-color: #6ec1e4;}
.click_btn{position: relative; display: inline-block; height: 5.7rem; text-transform: capitalize; line-height: 5.7rem; margin-top: 3rem; letter-spacing: .1rem; padding: 0 6rem; font-size: 1.7rem; text-align: center; color: var(--white); background: #0073a2; border: none; border-radius: .8rem; box-shadow: .3rem 1.5rem 2.4rem -2.1rem #000000; font-family: "Roboto", sans-serif;}
.click_btn:hover{background: var(--icon); color: var(--white);}
.popular_txt { color: var(--white); background: var(--brand); text-transform: capitalize; padding: .5rem 1.5rem; display: inline-block; text-align: center; border-radius: .8rem; background: linear-gradient(#3caee7,#0088cc); letter-spacing: .5rem; font-size: 1.4rem; margin-top: 1.5rem; position: absolute; left: 1.2rem; top: -3.3rem;}

.price_popular_box {background: #FFFCD6;}

.price_list li::before {font-family: "Font Awesome 6 Pro"; content: "\f058"; color: var(--brand); position: absolute; left: 0; top: 1rem; font-size: 1.4rem;}
.price_other_con_list {color: #ccc;}
.price_content_txt h4{font-size: 2rem; line-height: 3rem;}
.rt_panr_maenu_list li{display: inline-block;}
.rt_panr_maenu_list li a{color: #003c81; text-transform: capitalize; position: relative; padding: 1.5rem 3.5rem 0 0; display: inline-block; font-weight: 600;}
.rt_panr_maenu_list li a:before{font-family: "Font Awesome 6 Pro"; content:"\f061"; color: #003c81; position: absolute; right: 1.2rem; top: 1.5rem;} 
.cards_box{flex: 2 1 calc(50% - 24px); max-width: 100%; min-width: 250px; border-radius: 16px;position: relative;overflow: hidden;display: flex; flex-wrap: wrap; margin-bottom: 2.2rem;}
.cards_txt h4{font-weight: 700; font-size: 28px; color: #333; margin: 0 0px 3px; line-height: 40px;}
.cards_txt p {margin-bottom: 0; font-size: 17px !important; text-transform: capitalize;}
.cards_txt{display: flex; flex-direction: column; max-width: 100%; padding: 15px 20px; flex: 1 1 calc(80% - 100px); min-width: 180px;}
.cards_img{display: flex; flex: 1 1 20%; align-items: flex-end; justify-content: flex-end;}
.technology_content h3{font-size: 15px; font-weight: 700; color: #333; margin: 0 0px 3px; line-height: 40px;}
.technology_flex_box_card{background: linear-gradient(0deg, rgba(204, 228, 255, .3) 0%, rgba(204, 228, 255, .3) 100%), #FFF; border-radius: 16px; width: 100%; padding: 1rem 3rem 3rem 3rem; margin-top: 1rem;}
.new_para_ph_box{margin-top: 2rem;}
.busines_track_rt{margin-left: 3rem;}
.ovr_link_lay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} 
.new_start_sec{margin-top: 7rem;}
.log_flex{display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 1rem;
  align-items: center;}
/* .log_img_box{width: 33.333%; float: left; display: block; padding: 0 .5rem; text-align: center; margin-top: 1rem;} */
.log_img_box img{height: 4.1rem;}
.log_img_box{display: block; margin-top: 1rem;}
.new_bant_txt strong span {font-size: 8rem; line-height: 9rem;}
.new_bant_txt strong h1{font-size: 3rem; line-height: 4rem; text-transform: capitalize; color: var(--white); font-weight: 500; font-family:'Roboto', sans-serif;}
.new_bant_txt .banner_sub_title { font-size: 2rem; line-height: 3rem;}
.new_trust_info_sec .trust_img {margin-top: 1rem;}
.busines_track_lt .trusted_para {padding-top: 2rem;}
.busines_track_lt .trusted_rt_btm_lt, .busines_track_lt .trusted_rt_btm_rt {margin-top: 3rem;}
.feed_back_box .blog_content {height: 9rem;}



/*---------------------------------------------------------------------------------------------------13-5-25---------------------------------------------------------------------*/
	.manager_offer_choose_sec .top_sub_heading{text-transform: capitalize; padding: .5rem 0 0 0;}
	.new_trust_info_sec .sub_client_heading p {font-size: 2.2rem; line-height: 3.8rem;}
	.busines_track_rt{margin-top: 2rem;}
	.new_frm_lt{padding: 3rem;}
	.new_exprice_box{padding: 6rem 3rem 7rem 3rem;}
	.new_of_btn{margin-top: 5rem;}
	.new_blog_content{ height: 43rem;}
	.cards_img img{max-width: 100%;}
	.new_success_rt .skill-name {margin: 3rem 0 2rem 0;}


/*--------------------------------------------------------------------------------15-5-25-----------------------------------------------------------------------------------------------*/
.ofr_vadin_txt .blinking {font-size:2.2rem; padding-top:2rem; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:blink 1.5s infinite; -moz-animation:blink 1.5s infinite; -o-animation:blink 1.5s infinite; animation:blink 1.5s infinite; display:block; color: var(--black); letter-spacing: .2rem; font-weight: 600; position: absolute; left: 2.6rem; top: 1.4rem; width: 100%; display: block; rotate: -5deg; max-width: 22rem; text-align: center; margin: 0 auto;}

@-webkit-keyframes blink {
	0%,50%,100% {
		opacity:1;
	}
	
	25%,75% {
		opacity:0;
	}
}

@keyframes blink {
	0%,50%,100% {
		opacity:1;
	}
	
	25%,75% {
		opacity:0;
	}
}

/* .ofr_vadin_txt em{background: linear-gradient( 100deg, #ffffaf00 1%, #ffffaf 2.5%, #ffffaf80 5.7%, #ffffaf1a 93%, #ffffafb4 95%, #ffffaf00 98% ), linear-gradient(182deg, #ffffaf00, #ffffaf4d 8%, #ffffaf00 15%); display:inline-block;}
 */
.ofr_vadin_txt{position: relative; display: block;}
.ofr_vadin_txt  img{max-width: 72%;}














@media (min-width: 1200px) and (max-width: 9000px) 
{
    .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid var(--brand); background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit;}
  
    .nav_top .dropdown:hover .dropdown-menu{max-height: 47rem;opacity: 1; visibility: visible;}
/*     .nav_top .dropdown-menu{max-height: 30rem !important; overflow-y: auto;} */
  
  
    .nav_top .dropdown .dropdown-menu{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden; margin: 0; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; width: 28rem; padding: 0; border-radius: .5rem; left: 0; right: inherit; padding: 0; box-shadow: 0 0 1rem rgb(0 0 0 / 28%); overflow: hidden;}
}

/* responsive */
@media (min-width: 4000px) and (max-width: 6999px) {
    .banner_rt_panel { width: 44.6%;}
}

@media (min-width: 2500px) and (max-width: 3999px) {
    .banner_rt_panel {width: 41%;  top: 54%;}
 
}

@media (min-width: 2000px) and (max-width: 2499px) {
    .banner_rt_panel {width: 38%; top: 55%;}
}

@media (min-width: 1700px) and (max-width: 1999px) {
    .banner_rt_panel { width: 28.5%;}
    .banner_cotent {max-width: 39rem;}
}

@media (min-width: 1500px) and (max-width: 1699px) {
    .banner_rt_panel {width: 30.8%; top: 55%;}
	.banner_rt_panel {top: 54%;}
}

@media only screen and (max-width: 1699px) {
    .banner_cotent {max-width: 39rem;}
    .banner_rt_panel .input_fld input[type="text"], .banner_rt_panel .input_fld input[type="email"], .banner_rt_panel .input_fld input[type="tel"], .banner_rt_panel .input_fld input[type="password"], .banner_rt_panel .input_fld textarea, .banner_rt_panel .input_fld input[type="date"], .banner_rt_panel .input_fld .form-select {height: 4rem;}
/*     .banner_box {padding: 14rem 0 14rem;} */
	.banner_rt_panel {top: 52%;}
    .main_feature_box{padding: 2rem;}
}

@media (min-width: 1300px) and (max-width: 1499px) {
    .banner_rt_panel {width: 28.7%; top: 53%;}
    /*.banner_box {padding: 17rem 0 15rem 0;}*/
    .trusted_sec::after {height: 91.6%;}
	.banner_right {width: 34.8rem;}
}


@media only screen and (max-width: 1499px){
    /*.header_menu .container-fluid {padding: 0 15rem 0 4rem;}*/
    .trusted_sec {margin-top: -34.2rem;}
    /*.trusted_sec::after {height: 64.4rem;}*/
    .qution_img { right: 3rem; font-size: 5rem;}
/*     .banner_cotent {max-width: 42rem; } */
    .feature_txt h3 {font-size: 2.2rem; line-height: 3rem;}
     .banner_rt_panel {top: 47%;}
	
/*-----------------------------------------------------------------------------------------------------------10-5-25-----------------------------------------------------------------------------*/
	banner_box {padding: 20rem 0 20rem;}
}

@media only screen and (max-width: 1399px){	
	
	/*--------------------------------------------------------------------------------------------------------10-5-25-------------------------------------------------------------------------------*/
	.pms_txt {top: 1rem !important; right: 2.5rem;}
	.cards_txt {min-width: 148px;}
}

@media only screen and (max-width: 1299px){
    .banner_rt_panel {width: 33.6%;}
    .banner_right {width: 35.8rem; padding: 2rem;}
    /*.header_menu .container-fluid {padding: 0 8rem 0 4rem;}*/
    .trusted_sec::after {height: 91.7%;}
    .trusted_sec {margin-top: -34.2rem;}
    /*.heder_top .container-fluid {padding: 0 2rem;}*/
    .feature_box {padding: 3rem;}
    /*.feature_txt h3{font-size: 2.5rem; line-height: 3rem;}*/
    /*.banner_box {padding: 17rem 0 15rem 0;}*/
    .banner_cotent strong, .new_bant_txt strong h1 {font-size: 2.5rem; line-height: 3rem;}
    .banner_cotent {max-width: 31rem;}
/*     .banner_box {padding: 25rem 0 20rem;} */
    .banner_right .input_fld button {margin-top: .5rem;}
    .qution_img { right: 1.5rem; top:1.5rem;}
	.feature_txt h3 {font-size: 2rem; line-height: 2.5rem;}
	
	
/*----------------------------------------------------------------------------------------------15-5-25-------------------------------------------------------------*/
	.ofr_vadin_txt .blinking { font-size: 1.8rem; line-height: 2.2rem; left: -.2rem; top: 3rem; padding-top: 0;}
}



@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 1199px){
    .banner_rt_panel { position: inherit; right: inherit; top: inherit; transform: inherit; width: 100%; padding: 5rem 3rem;}
    .banner_right { background: var(--white);  padding: 3rem; width: 100%; border-radius: .5rem; float: none; box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.07);}
    .feature_box {margin-top: 3rem;}
    .feature_sec {padding: 3rem 0 6rem 0;}
    .feature_txt h3{font-size: 2.5rem; line-height: 3rem;}
    .exprice_box strong {font-size: 5rem;}
    .trusted_lt_top_box {padding: 4rem;}
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--white); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 22.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--brand);}
    .nav_top .navbar-collapse.show {left: 0;}
    .header_menu .container-fluid {padding: 0 1.5rem;}
    .menu_sec li a {color: var(--black); padding: 1rem; display: block; border-bottom: .1rem dashed var(--brand); width: 100%;}
    .nav_top .dropdown-menu {display: block !important;}
    .nav_top .dropdown-menu li a {padding: 1rem .5rem; font-size: 1.3rem;}
    /*.banner_cotent {max-width: 100%;}*/
    /*.banner_cotent strong {font-size: 5rem; line-height: 5.5rem;}*/
    .banner_box {padding: 20rem 0 8rem 0;}
    .trusted_rt {padding: 5.5rem 0 0 5rem;}
    /* .trusted_sec::after {height: 91.6%; height: 66.5rem;} */
    .trusted_sec::after {height: 93.7%;}
    .footer_sec .cummll:nth-child(2) .ft_txt, .footer_sec .cummll:nth-child(3) .ft_txt {padding-left: 0;}
    .start_txt_lt h3{font-size: 2.5rem; line-height: 3rem;}
    .trusted_sec {margin-top: -26rem;}
    .btm_rt_shape_brdr {width: 44rem;}
    .btm_shape {width: 40rem;}
    .ptb{padding: 6rem 0;}
    .inner_ptb{padding: 3rem 0 6rem 0;}
    .trust_sec {margin-bottom: 3rem;}
    .faq_img {padding-left: 22rem;}
    .faq_lt {padding-right: 2rem;}
    .faq_img_txt {max-width: 100%;}
    .feature_txt h3 {font-size: 1.8rem; line-height: 2.2rem;}
    .trusted_lt_top_box h2 {font-size: 3rem; line-height: 4rem;}
    .ft_icon li {margin: 1.5rem .5rem 0 0;}
    .ft_icon li a {width: 3.5rem; height: 3.5rem;}
    
    .choose_sec h1 {font-size: 3.5rem; line-height: 4rem;}
	
	
	
/*------------------------------------------------------------------------------------------------------------10-5-25-------------------------------------------------------------------------------*/
	.pms_txt {top: 1rem !important; right: 1.4rem;}
	.pric_btn_grp .click_btn {padding: 0 1.5rem;}
	.busines_track_rt {margin: 3rem 0 0 0;}
	
/*-----------------------------------------------------------------------------------------------------------10-5-25-------------------------------------------------------------------------------*/
	   .new_bant_txt strong span {font-size: 7rem;}
}

@media only screen and (max-width: 991px){
    .banner_cotent strong, .new_bant_txt strong h1 {font-size: 2.5rem; line-height: 3rem;} 
    .banner_box {padding: 15rem 0 6rem 0;}
    .marquee {gap: 3rem;}
    h1, h2 {font-size: 4rem; line-height: 4.5rem;}
    .success_rt {margin: 3rem 0 0 0;}
    .trusted_sec {margin-top: 0;}
    .trusted_rt {padding: 3rem 0 0 0;}
    .trusted_para {padding-top: 2rem;}
    .trusted_rt_btm_lt, .trusted_rt_btm_rt {margin-top: 3rem;}
    .faq_lt {padding: 0 0 3rem 0;}
    .faq_img_txt {max-width: 100%;}
    .faq_img {margin: 3rem 0 2rem 0; margin-bottom: 7rem;}
    .frm_rt {margin: 3rem 0 0 0;}
    .start_txt {padding: 2rem 0 0 0;}
    .counter_sec {padding: 0;}
    .counter_box {padding: 5rem 0;}
    .counter_box span {font-size: 1.6rem; text-transform: capitalize;}
    .qution_img { right: 2rem; font-size: 7rem;}
    .feature_sec { padding: 2rem 0 5rem 0;}
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem 0;}
    .left_shape {width: 44rem;}
    .left_shape_brdr { width: 57rem; left: -0.6rem;}
    .btm_rt_shape_brdr{width: 46rem;}
    .cm_lt {margin: 5rem 0 0 0;}
    .feature_boxes {margin-top: 2rem;}
    .trust_list li:last-child {padding-bottom: 3.5rem;}
    /*.choose_sec h1 {font-size: 4.5rem; line-height: 5rem;}*/
    .banner_cotent {padding-left: 3rem;}
    
    /* new */
    .dem_btn_buttn{padding: 0 1.5rem; margin-top: 2rem;}
    .img_slider_lt {width: 35%;}
    .img_slider_lt img {margin-left: 0rem;}
    .img_slider_rt {width: 58%;}
	
	
/*----------------------------------------------------------------------------------------------15-5-25-----------------------------------------------------------------------------*/
	.ofr_vadin_txt .blinking {font-size: 1.7rem; line-height: 2.2rem; left: -1.3rem; top: 2.4rem; padding-top: 0;}
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .banner_cotent {padding-left: 1.5rem;}
    .banner_cotent strong , .new_bant_txt strong h1{font-size: 2rem; line-height: 2.8rem;}
    .banner_cotent p {font-size: 1.6rem; line-height: 2.2rem; padding-top: 1.5rem;}
    .left_shape {height: 48rem;}
    .left_shape_brdr { height: 60rem; left: -1.6rem;}
    .btm_rt_shape_brdr {width: 33rem;}
    .main_contact_lt_txt h2 { max-width: 100%;}
    .main_contact_rt_txt {padding: 0 0 2rem 0;}
    h1, h2 {font-size: 3.5rem; line-height: 4rem;}
    .exprice_box{text-align: center;}
    .counter_box {padding: 3rem 0 0 0;}
    .counter_sec{padding: 1rem 0 4rem 0;}
    .counter_box{border-right-color:transparent;}
    .counter_box::after{display: none;}
    .start_txt { text-align: center;}
    .start_box {padding: 5rem 3rem 3rem 3rem;}
    .start_txt_lt h3 {margin-bottom: 1rem;}
    .feature_sec {padding: 1rem 0 4rem 0;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .faq_img {margin-bottom: 5rem;}
    .choose_sec h1 {font-size: 2.5rem; line-height: 3rem;}
    .top_sub_heading {font-size: 1.8rem; line-height: 2.2rem;}
    .banner_cotent .as_btn {font-size: 1.6rem;}
	.ft_last_col_txt {padding-top: 0; margin-top: -3rem;}
	
	/*-----------------------------------------------------------------------------------------29-10-24--------------------------------------------------------------*/
	.banner_box{background: url(https://www.bookingmaster.in/offer/wp-content/uploads/2024/10/BMS_offer_hero_banner_mobile.webp)no-repeat center center/cover !important;}
	.main_contact_sec .row{flex-direction: column-reverse;}
	.para_ph_box {margin-top: 3rem;}
	.main_contact_lt_txt{text-align: center;}
	.watch_btn {width: 100%;}
	.main_contact_lt_txt h2::before{display: none;}
	.start_txt_rt .as_btn {margin-top: 1rem;}
	
	
	/*---------------------------------------------------------------------------------------------------------10-5-25-------------------------------------------------------------------------------*/
    	.mew_prci_flex {gap: 3rem; flex-direction: column;}
		.tab_list.nav-tabs .nav-link {padding: .5rem 1.5rem;}
	
	
/*----------------------------------------------------------------------------------------------------15-5-25-------------------------------------------------------------------*/
	.ofr_vadin_txt .blinking {left: -.7rem; top: 2.7rem;}
}


@media only screen and (max-width: 575px){
.top_lt{display: none;}
.left_shape {width: 60rem;}
.banner_sub_title { font-size: 1.3rem; line-height: 2rem;}
.banner_box{padding: 12rem 0 2rem 0;}
.banner_cotent strong, .new_bant_txt strong h1 {font-size: 1.8rem; line-height: 2.6rem; max-width: 24rem;}
.left_shape_brdr{display: none;}
.banner_rt_panel {padding: 4rem 1.5rem;}
.banner_right{padding: 2rem;}
.feature_box {margin-top: 2rem; padding: 2rem;}
.feature_sec {padding: 2rem 0 4rem 0;}
.sub_client_heading {flex-direction: column; margin-top: 1.5rem; text-align: center;}
.marquee__group img {max-width: clamp(15rem, 5rem + 20vmin, 13rem);}
h1, h2 {font-size: 2.5rem; line-height: 3rem;}
.trusted_lt_top_box {padding: 3rem;}
.trusted_lt_top_box h2 {font-size: 3rem; line-height: 3.5rem;}
.trust_list li {padding: 3.5rem 0px 4.5rem 8rem;}
.faq_img_lt {position: inherit; left: inherit; top: inherit;  width: 100%; margin-bottom: 1.5rem;}
.faq_img {padding-left: 0;}
.faq_img.d-flex{flex-direction: column;}   
.faq_heading {margin-right: 2rem; font-size: 1.6rem; line-height: 2.2rem;}
.frm_lt {padding: 2rem;}
.feed_back_box {margin-top: 2rem; padding: 2rem;}
.qution_img {right: 1.5rem; font-size: 4rem;}
.ft_img img { width: 25rem; margin-bottom: 1.5rem;}
.ft_heading {padding-bottom: 0.5rem;}
.ft_link_list li a {padding-top: 1rem;}
.start_box {padding: 4rem 2rem 2rem 2rem;}
.counter_box strong {font-size: 3rem; line-height: 4rem;}
.counter_box span {font-size: 1.2rem;}
.counter_sec {padding: 2rem 0 4rem 0;}
.counter_box {padding: 2rem 0 0 0;}
.inner_ptb{padding: 2rem 0 4rem 0;}
.faq_img {margin-bottom: 1rem;}
.oth_ph_txt {font-size: 2rem;}
.feature_boxes {margin-top: 1rem;}
.banner_cotent .as_btn{padding: 0 1.5rem;}
/*.banner_cotent{padding: 1.5rem;}*/
.choose_sec h1 { font-size: 2rem; line-height: 2.5rem;}
.top_sub_heading {font-size: 1.8rem; line-height: 2.2rem;}
.feature_box.choose_box {margin-top: 2rem;}
.banner_cotent {padding-left: 0;}

.banner_cotent .as_btn{margin-top: 2rem;}
.top_sub_heading {font-size: 1.4rem; line-height: 2rem;}

/* new */
.img_slider_lt img {width: 55%;}
.img_slider_sec {flex-direction: column;}
.img_slider_lt, .img_slider_rt {width: 100%; text-align: center;}
.dem_btn_buttn {font-size: 1.4rem; line-height: 3rem; height: 3rem; margin-top: 1.5rem;}
.img_slider_lt{padding-top: 4rem;}

.watch_btn {padding: 0 2.5rem; padding: 0 1.5rem; font-size: 1.4rem;}

.btn_grp {margin-top: 0;}
.person_img img {width: 5rem !important; height: 5rem;}
.ft_srv_list li b {font-size: 1.8rem;}
.footer_sec {padding-top: 10rem;}
.ft_heading {font-size: 2.2rem; line-height: 2.8rem;}
.feed_back_box p{font-size: 1.5rem; line-height: 2.2rem;}
.start_txt_rt.text-end{text-align: center !important;}
	
	/*---------------------------------------------------------------------------------------------------------10-5-25-------------------------------------------------------------------------------*/
	
		.proces_boxes { padding: 0 1.5rem 2rem 1.5rem; margin-top: 3rem;}
		.pric_btn_grp li {padding-right: .5rem;}
	
/*---------------------------------------------------------------------------------------------------10-5-25-------------------------------------------------------------------------------*/
	 .new_bant_txt strong span {font-size: 5rem; line-height: 6rem;}
	.tab_list.nav-tabs .nav-link {width: 9rem; padding: .5rem 1rem;}
	.rom_tab_flex { margin-top: 3rem; gap: 2rem;}
	
	
/*---------------------------------------------------------------------------------------------13-5-25--------------------------------------------------------------------------------*/
    .log_img_box {margin-top: .5rem;}
	.log_img_box img {height: 2.2rem;}
	.technology_flex_box_card {padding: 1rem 2rem 2rem 2rem;}
	.log_flex { row-gap: 0rem;}
	.technology_content h3 {line-height: 2rem;}
	.new_trust_info_sec  .client_heading span {padding: 0;}
	.new_trust_info_sec .client_heading::after{display: none;}
	.new_trust_info_sec .sub_client_heading p {font-size: 2rem; line-height: 3rem;}
}

@media only screen and (max-width: 480px){
  
  

}