@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/2.4rem 'Lexend Deca', sans-serif; color: var(--text_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: 0px; margin: 0px;}
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; }


:root{
    --black: #000;
    --white: #ffff;
    --brand: #00bcd5;
    --text_color: #686a6f;
    --orange: #ff5f40;
    --blue: #253b6e;


}


@keyframes a-three{
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(0,35px);
    }
    100% {
        transform: translate(0,0);
    }
}

@keyframes a-two{
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(20px,20px);
    }
    100% {
        transform: translate(0,0);
    }
}


@keyframes icon-bounce{
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}


@keyframes toBottomFromTop{
    49% {
        -webkit-transform: translateY(100%);
    }
      50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
      51% {
        opacity: 1;
    }
}





em{font-style: normal;}
p{line-height: 2.7rem;}
h1,h2{font-size: 3rem; font-weight: 600; padding: 1rem 0; color: var(--blue); text-transform: capitalize; letter-spacing: .1rem; visibility: visible; animation-duration: 2000ms; animation-delay: 600ms; animation-name: flipInX;}
h3{font-size: 2.5rem; text-transform: capitalize;}
h4{font-weight: 600; line-height: 2.5rem; text-transform: capitalize;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
.hidden_sec{overflow: hidden; position: relative;}
.click_btn{color: var(--white); padding: 0 3rem; text-transform: uppercase; font-weight: 500; margin-top: 3rem; background: var(--blue); position: relative; box-shadow: none; display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); border: none; border-radius: 0; border-radius: .4rem; height: 5rem; line-height: 5rem; text-align: center;}
.click_btn::before{content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--brand); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: .4rem; color: var(--white);}
.click_btn:hover::before{-webkit-transform: scaleX(1); transform: scaleX(1);}
.click_btn:hover{color: var(--white);}
.heding{font-size: 1.8rem; position: relative; padding: 0 0 2rem; display: inline-block; width: 100%; font-weight: 700; letter-spacing: .1rem; color: var(--brand); text-transform: uppercase;}
.heding::before{content: ""; background: url(../images/heding.png) no-repeat center center; background-size: auto; background-size: auto; width: 2.5rem; height: 100%; position: absolute; background-size: 100%; left: 50%; top: 1.5rem; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.line{height: .1rem; background-color: var(--brand); position: absolute;}  
.line1{top: 70%; width: 15rem; right: 52%;}
.line2{top: 80%; width: 12rem; right: 52%;}
.line3{top: 70%; width: 15rem; left: 52%;}
.line4{top: 80%; width: 12rem; left: 52%;}








/*top_button*/
.top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
.top_btn i{font-size: 1.7rem; line-height: 4rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}






/*header*/
.header_sec{width: 100%; position: relative;}
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.navbar-brand img{width: 24rem;}
.heder_top{position: relative; z-index: 1; background-color: rgba(37, 59, 110, 0.9); padding: 1rem 0;}
.menu_sec{margin-right: 12rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--blue); font-weight: 500;}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--brand);}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.9rem; letter-spacing: .1rem;}
.hedder_rt_box li a{color: var(--white);}
.header_sec{position: relative;}
.header_sec ul li{display: inline-block;}
.top_lt ul li a{position: relative; color: var(--white); text-align: center; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.top_lt ul li:last-child a{padding-right: 0;}
.top_rt ul li{color: var(--white); border-right: .1rem solid rgba(220, 229, 232, 0.4); padding-right: 1.5rem; margin-right: 1.5rem;}
.top_rt ul li:last-child{border-right: none; padding-right: 0; margin-right: 0;}
.hedder_rt_box li i{font-size: 1.4rem;}
.hedder_rt_box li span{position: relative; display: block; font-weight: 600; text-transform: capitalize;}
.hedder_rt_box{position: relative;}
.header_menu{position: relative; padding: 2rem 0;}
.menu_sec{position: relative;}
.top_lt{position: relative;}
.top_rt{position: relative;}
.hedder_rt_box li:last-child{margin-right: 0;}
.heder_top ul li a:hover{color: var(--brand);}

.icon_bar{position: absolute; right: 0; top: 0; display: flex;}
.icon_bar img{width: 5rem; -webkit-animation: icon-bounce 0.8s ease-out infinite; animation: icon-bounce 0.8s ease-out infinite;}
.icon_bar ul li a{color: var(--blue); font-size: 1.7rem;}
.icon_bar ul li b{width: 100%; display: inline-block; text-transform: capitalize;}
.icon_bar ul li a:hover{color: var(--brand);}


/* @keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}} */
.header_sec.fixed{position: fixed; left: 0px; top: 0px; z-index: 99; background: var(--darkcolor1); background: var(--white); box-shadow: 0 0 7px 0px #ccc;}
.header_sec.fixed .header_top{display: none;}
.header_sec.fixed .heder_menu{padding: 0;}
.header_sec.fixed .nav_top .navbar-brand {margin-top: 0;}
.header_sec.fixed .heder_top{display: none;}
.header_sec.fixed::before{display: none;}
.header_sec.fixed .img_flud{padding: 0; margin-top: 0;}
.header_sec.fixed .header_menu{background: var(--white); margin-bottom: 0;}
.img_flud{position: relative;}
.icon_bar{position: absolute; right: 0; top: 0;}
.header_sec.fixed .header_menu .nav_top{padding-left: 0;}
.top_lt ul li{border-right: .1rem solid rgba(220, 229, 232, 0.4); padding-right: 1.5rem; margin-right: 1rem; color: var(--white); font-size: 1.4rem;}
.top_lt ul li:last-child{border-right: none; padding-right: 0; margin-right: 0;}
.top_lt ul li i{color: var(--brand); padding-right: 1rem;}
.header_sec .click_btn{margin-top: 0;}






   
/*banner*/  
.bannersec{width: 100%; position: relative; background-color: #E3EDFE;}
.banner_txt{position: relative; padding: 7rem 5rem 7rem 0;}
.banner_box{position: relative;}
.banner_box .row{align-items: center;}
.banner_txt strong{width: 100%; display: inline-block; color: var(--blue); font-size: 6rem; line-height: 7rem; text-transform: capitalize; font-weight: 600; letter-spacing: .1rem; padding-bottom: 1rem;}
.banner_txt strong b{color: var(--brand);}
.banner_txt p{color: var(--blue);}
.shap{position: absolute; top: 0; left: 30%; animation: a-three 5s infinite linear;}
.experience_dentist{position: absolute; right: 3rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2;}
.experience_dentist_line li{background-color: var(--white); padding: 3rem 2rem; box-shadow: 0 .5rem 3rem 0 rgba(0, 0, 0, 0.06); border-radius: .5rem; margin-bottom: 1rem;}
.experience_dentist_line li{color: var(--blue); text-transform: capitalize;}
.experience_dentist_line li span{width: 100%; display: inline-block; font-size: 3.5rem; font-weight: 600; color: var(--brand); padding-bottom: 1rem;}
.experience_dentist_line li span i{font-size: 2rem; color: var(--blue); padding-left: 1rem;}
.experience_dentist_line li:last-child{margin-bottom: 0;}
.shap2{position: absolute; top: 40%; left: 1rem;}
.shap2 img{width: 12rem; opacity: 0.25;}


.bannersec .carousel-indicators{bottom: 0; left: 45%; margin-right: 0; top: inherit; flex-direction: column; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 2rem; margin-bottom: 0; margin-left: 0;}
.bannersec .carousel-indicators [data-bs-target]:last-child{margin-bottom: 0;}
.bannersec .carousel-indicators{justify-content: center; display: inline-block;} 
.bannersec .carousel-indicators li{margin: 2rem 0 !important;}
.bannersec .carousel-indicators [data-bs-target]{pointer-events: all; margin: 0 1rem 1.5rem; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; position: relative; background: transparent; opacity: 1;}
.bannersec .carousel-indicators [data-bs-target]::before{display: block; top: 0; left: 0; content: ""; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1rem; height: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: border-box; background: var(--brand); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.bannersec .carousel-indicators [data-bs-target]::after{display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; width: 2rem; height: 2rem; border: .1rem solid var(--brand); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: border-box; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; position: absolute; left: .5rem; top: -.8rem;}
.bannersec .carousel-indicators [data-bs-target].active:before {background: var(--brand);}
.bannersec .carousel-indicators [data-bs-target].active:after {zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; border-color: var(--brand);}

  
.banner_img{position: relative; z-index: 1;}
.banner_img_shap{position: absolute; top: 1rem; right: 0; z-index: -1;}
.banner_point{margin-top: 1rem;}
.banner_point li{color: var(--blue); text-transform: capitalize; padding-top: 1rem;}
.banner_point li i{padding-right: 1rem; font-size: 2rem; color: var(--brand);}









/*search_form*/
.search_form{padding: 0 0 3rem 0;}
.search_box{width: 100%; box-shadow: 0 0 1rem 0 rgb(0 0 0 / 10%); border-radius: 1rem; background: var(--white); padding: 3.5rem 2.5rem; background: var(--white); position: relative; margin-top: -2rem; z-index: 1;}
.input_type select{background: url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; cursor: pointer; font-size: 1.5rem;}
.input_type .click_btn{margin-top: 3rem;}
.input_type button{border: none;}
.input_type input[type="text"], .input_type input[type="tel"], .input_type input[type="password"], .input_type input[type="date"], .input_type input[type="time"], .input_type input[type="email"], .input_type select, .input_type textarea{width: 100%; height: 5rem; border: 0.1rem solid rgba(118, 118, 120, 0.3); border-radius: 1rem; box-shadow: none; outline: none; padding: 0 1.5rem; color: var(--text_color); font-size: 1.5rem;} 
.input_type input[type="text"]:placeholder, .input_type input[type="tel"]:placeholder, .input_type input[type="email"]:placeholder, .input_type textarea:placeholder{color: grey; opacity: 1;}
.input_type input[type="text"]:focus, .input_type input[type="tel"]:focus, .input_type input[type="email"]:focus, .input_type select:focus, .input_type textarea:focus{border: .1rem solid var(--brand);}
.input_type textarea{height: 100px; resize: none; padding: 1.5rem;}
.input_type .form-select:focus{box-shadow: none;}
.search_box span{width: 100%; display: inline-block; text-transform: capitalize; font-size: 2rem; color: var(--blue); text-align: left; padding-bottom: 1rem;}






/* about_sec */
.about_icon i{background-color: rgba(0, 188, 213, 0.5); border-radius: 1rem; box-shadow: 0 .2rem 1rem 0 rgba(0, 0, 0, 0.1); padding: 2rem; margin-right: 1.5rem; color: var(--white); font-size: 3rem;}
.about_info{margin-top: 2rem;}
.about_info h4{font-size: 1.8rem; color: var(--blue); padding-bottom: .5rem;}
.about_img img{border-radius: 1rem;}
.about_img{text-align: center;}
.about_img{padding-left: 2rem;}
.about_sce .heding::before{left: 1.5rem;}
.about_sce .line3{left: 8%;}
.about_sce .line4{left: 8%;}








/* our_services */
.our_services_box{padding: 4rem 3rem; border-radius: .5rem; overflow: hidden; position: relative; border: .1rem solid #F2F2F2; margin-top: 3rem; background: var(--white);}
.our_services_box::before{position: absolute; content: ""; width: 0; height: .3rem; background-color: var(--brand); bottom: 0; left: 0; -webkit-transition: all .50s ease-in-out; transition: all .50s ease-in-out; overflow: hidden;}
.our_services_box:hover::before{width: 100%; border-radius: 0 0 2rem 2rem;}
.our_services_box:hover{box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.04);}
.our_services .row{text-align: left;}
.our_services_box h4{font-size: 2rem; color: var(--brand); padding: 2rem 0 .5rem 0;}
.our_services_box h4 a{color: var(--brand);}
.our_services_box h4 a:hover{color: var(--blue);}
.our_services  .row{align-items: center;}
.service_txt{padding-right: 2rem;}
.our_services .heding::before{left: 1.5rem;}
.our_services .line3{left: 8%;}
.our_services .line4{left: 8%;}
.service_img{box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.06); background: var(--white); width: 10rem; border-radius: .8rem;}
.service_img img{transform: rotate(0deg); padding: .8rem;}
.our_services_box:hover img{-webkit-animation: toBottomFromTop 0.5s forwards; -moz-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards;}





/* meet_doctors */
.doctors_box{background: var(--white); padding: 1rem; box-shadow: 0 .2rem .2rem 0 rgba(76, 76, 76, 0.1); border: 0.1rem solid rgba(0, 0, 0, 0.036); border-radius: 1rem; margin-top: 3rem;}
.doctor_txt{padding: 2rem 0;}
.doctor_txt h3{color: var(--blue);}
.adventure_icon{width: 8rem; height: 8rem; border-radius: 100%; font-size: 3rem; background: var(--orange); display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center; color: var(--white); position: absolute; bottom: -4rem; left: 35%; z-index: 9; text-align: center; padding-top: 2rem;}
.meet_doctors .owl-carousel .owl-item img{display: inline-block; width: auto !important; max-width: 100% !important; border-radius: .5rem;}
.meet_doctors .owl-nav, .instagram .owl-nav{display: none;}
.meet_doctors .item{padding: .5rem;}







/* offer_sec */
.offer_sec .heding::before{left: 1.5rem;}
.offer_sec .line3{left: 5%;}
.offer_sec .line4{left: 5%;}
.discount_gol{position: relative;}
.offer_txt h3{color: var(--blue); padding-left: 2.5rem; margin-top: 1.5rem;}
.discount_gol::after{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 1.5rem; width: 1.5rem; border-radius: 100%; background: var(--brand); -webkit-transition: all .2s; transition: all .2s;}
.offer_txt{padding-right: 2rem;}

.rescntSec{width: 100%; padding: 8rem 0;}
.rescntLft{width: 100%;}
.rescntLft .ba-slider .handle{background: var(--brand);}
.rescntLft .ba-slider .handle::after{width: 4rem; height: 4rem; background: var(--white); line-height: 4.1rem; border: none; margin: -2rem 0 0 -1.8rem; box-shadow: inherit; content: " \f0d9  \f0da"; font-family: 'FontAwesome'; font-size: 2.3rem; font-weight: normal; color: var(--brand);}
.batxt{position: absolute; top: 3rem; background: var(--brand); padding: .4rem 1.4rem; font: normal 2rem/3rem 'Lora', serif; z-index: 1; color: var(--white); left: 2rem; border-radius: .5rem;}
.batxt1{left: inherit; right: 2rem; top: inherit; bottom: 3rem;}
.ba-slider img{width: 100%; display: block; height: 40rem; object-fit: cover; border-radius: 1rem;}
.rescntrt .leftlest{margin-top: 2.2rem;}
.cals span{color: var(--brand); font: normal 1.4rem/1.5rem 'Lora', serif;}
.rescntrt .leftlest ul{display: flex; align-items: center;}
.therapy_box .d-flex{flex-direction: column; margin-top: 2rem;}
.therapy_box .d-flex strong{display: block; color: var(--brand); text-transform: capitalize; font-size: 2rem; margin: 1.5rem 0 .5rem; font-weight: 500;}
.therapy_img img{width: 8rem;}







/*counter_sec*/
.counter_txt span{display: inline-block; color: var(--white); font-size: 3.5rem; font-weight: 600;}
.counter_txt h5{color: var(--white); padding-top: 2rem; font-size: 1.7rem;}
.counter_datils{position: relative;}
.counter_datils{background-color: rgba(0, 188, 213, 0.5); padding: 4rem 3rem; border-radius: 1rem;}
.counter_img i{font-size: 5rem; color: var(--white); padding-bottom: 3rem;}







/* our_blog */
.our_blog .row{text-align: left;}
.blog_txt{padding: 4rem 3rem;}
.blog_txt .d-flex{align-items: center; justify-content: space-between;}
.blog_txt ul li{text-transform: capitalize; font-weight: 700;}
.blog_txt ul li i{padding-right: 1rem; color: var(--blue); font-weight: 600;}
.blog_txt h4{color: var(--blue); padding: 1rem 0; font-size: 2rem;}
.blog_txt h4 a{color: var(--blue);}
.blog_txt h4 a:hover{color: var(--brand);}
.blog_img{position: relative;}
.blog_img img{border-radius: 1rem 1rem 0 0;}
.blog_time{position: absolute; top: 1rem; right: 1rem; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background: var(--brand); padding: .8rem 2rem; border-radius: 1rem; text-align: center; color: var(--white); text-transform: capitalize;}
.blog_time h4{color: var(--black);}
.bolg_box{overflow: hidden; border-radius: 1rem; position: relative; z-index: 1; box-shadow: 0 1rem 3rem 0 rgba(0,0,0,0.1); margin-top: 3rem; height: 60rem;}
.blog_img{overflow: hidden; position: relative;}
.bolg_box:hover .blog_img img{transform: scale3d(1.1, 1.1, 1.1);}
.blog_img img{transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.our_blog{position: relative;}
.blog_txt ul li{display: inline-block; padding-right: 1rem;}
.blog_txt ul li:last-child{padding-right: 0;}
.blog_txt_thd ul li{display: inline-block; padding-right: 1rem; color: var(--white);}
.blog_txt_thd ul li:last-child{padding-right: 0;}
.blog_txt_thd h4{color: var(--white); padding: 1rem 0; font-size: 2rem;}
.blog_txt_thd h4 a{color: var(--white);}
.blog_txt_thd h4 a:hover{color: var(--brand);}
.blog_txt_thd ul li i{padding-right: 1rem; font-weight: 600;}
.blog_txt_thd h4 a:hover{color: var(--blue);}
.blog_img_thd{position: relative;}
.blog_img_thd::before{width: 100%; height: 100%; bottom: 0; left: 0; position: absolute; content: ""; background-image: -moz-linear-gradient(90deg, rgb(35, 181, 185) 0%, rgba(35, 181, 185, 0.5) 70%, rgba(35, 181, 185, 0) 100%); background-image: -webkit-linear-gradient(90deg, rgb(35, 181, 185) 0%, rgba(35, 181, 185, 0.5) 70%, rgba(35, 181, 185, 0) 100%); background-image: -ms-linear-gradient(90deg, rgb(35, 181, 185) 0%, rgba(35, 181, 185, 0.5) 70%, rgba(35, 181, 185, 0) 100%);}
.blog_txt_thd{position: absolute; bottom: 0; left: 0; padding: 0 3rem 4rem 3rem;}
.blog_txt .click_btn{color: var(--brand); padding: 0; background-color: rgba(0, 188, 213, 0.1); border-radius: 100%; width: 5rem; padding-top: 1.5rem;}
.blog_txt_thd .click_btn{color: var(--brand); padding: 0; background-color: rgba(255, 255, 255, 0.9); border-radius: 100%; width: 5rem; padding-top: 1.5rem;}
.blog_txt .click_btn:hover{color: var(--white);}
.blog_txt_thd .click_btn:hover{color: var(--white);}








/* faq_sec */
.faq_box h3{color: var(--blue);}
.faq_box .accordion-button{background: #f9f9f9; padding: 1.5rem; border-radius: .5rem !important; overflow: hidden;}
.faq_box  .accordion-item {border-color: transparent; margin-top: 1rem;}
.faq_box .accordion-button:not(.collapsed) {box-shadow: none; color: var(--brand); background: var(--brand);}
.faq_box .accordion-button:not(.collapsed) h4{color: var(--white);}
.faq_box .accordion-body{padding: 1.5rem;}
.faq_box .accordion-button h4{font-size: 1.7rem; color: var(--blue);}
.faq_box .accordion-button:not(.collapsed)::after, .faq_box .accordion-button::after {background-image: none; content: "\f067"; font: normal 14px/1 FontAwesome; color: var(--brand); position: absolute; right: 2rem; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.faq_box .accordion-button:not(.collapsed)::after{content: "\f068"; color: var(--white);}
.faq_box .accordion-button:focus {border-color: var(--green); box-shadow: 0 0 0 .2rem var(--green);}
.ask_box h4{color: var(--blue); padding-bottom: .5rem;}
.ask_box .input_fld textarea{font-size: 1.7rem;}
.faq_box{background: var(--white); box-shadow: 0 0 4rem 0 rgba(0,0,0,.1); padding: 5rem 3rem; border-radius: .8rem;}
.accordion{padding-top: 3rem;}

.contact_info{padding-right: 2rem;}
.contact_info_box{margin-top: 3rem;}
.contact_info_no li a{font-size: 2.5rem; color: var(--blue);}
.contact_info_box h4{color: var(--brand); font-size: 2rem; padding-bottom: 1rem;}
.contact_info_img img{border-radius: 100%;}
.contact_info_img{padding-right: 1.5rem;}
.time_list{margin-top: 1.5rem;}
.time_list li{color: var(--black);}
.time_list li{padding-top: .5rem;}






/*footer_sec*/
.footer_sec{position: relative; background: var(--blue);}
.footer_top{position: relative; padding: 5rem 0;}
.footer_top .collum:nth-child(2) .footer_txt{padding-left: 6rem;}
.footer_sec p{color: rgba(255, 255, 255, 0.8);}
.footer_bootom .d-flex{justify-content: space-between;}
.footer_sec ul li a{color: rgba(255, 255, 255, 0.8);}
.footer_sec ul li a:hover{color: var(--white);}
.footer_bootom a{color: var(--white);}
.footer_bootom p a:hover{color: var(--blue);}
.footer_txt{position: relative;}
.gol li{position: relative; width: 100%; padding-left: 2.5rem; margin-bottom: 1rem; font-size: 1.7rem; text-transform: capitalize;}
.gol li::before{content: "+"; position: absolute; left: 0; top: 0; color: var(--white); font-size: 1.5rem; font-weight: 600;}
.footer_txt{padding-top: 5rem;}
.contact_icon li i{width: 2.7rem; height: 2.7rem; color: var(--white); background-color: var(--brand); border-radius: 0.5rem; text-align: center; position: absolute; left: 0; top: 0; line-height: 2.5rem;}
.contact_icon li{position: relative; padding-left: 4rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 1.7rem; font-size: 1.5rem;}
.contact_icon li:last-child{margin-bottom: 0;}
.ft_logo{width: 25rem; filter: brightness(100);}
.footer_sec::after{content: ""; background: url(../images/ft_shap.png) no-repeat top center; background-size: auto; width: 35rem; height: 100%; position: absolute; background-size: 100%; left: 0; top: 0;}
.footer_sec::before{content: ""; background: url(../images/ft_shap2.png) no-repeat top center; background-size: auto; background-size: auto; width: 40rem; height: 100%; position: absolute; background-size: 100%; right: 0; top: 0;  z-index: 1;}
.ft_bt_in{background-color: var(--brand); padding: 1.5rem 1rem; border-radius: .5rem;}
.footer_txt .heding::before{display: none;}
.footer_txt .heding .line3{left: 0;}
.footer_txt .heding .line4{left: 0;}
.footer_txt .heding{font-size: 2rem; color: var(--white); margin-bottom: 1rem;}







/* inner_banner */
.inner_banner .banner_txt{padding: 0;}
.inner_banner .banner_box{padding: 5rem 0;}
.inner_banner .breadcrumb-item + .breadcrumb-item::before{padding: .1rem 1rem 0; font-family: "Font Awesome 6 Pro"; content: "+"; color: var(--blue); font-weight: 600;}
.inner_banner .breadcrumb_sec .breadcrumb-item.active{color: var(--brand); text-transform: capitalize;}
.inner_banner .breadcrumb_sec .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before{color: var(--blue);}
.inner_banner .breadcrumb{margin-bottom: 0; position: absolute; right: 0; top: 2rem;}
.breadcrumb_sec li{font-size: 1.8rem;}
.inner_banner .heding::before{display: none;}
.inner_banner .heding .line3{left: 0;}
.inner_banner .heding .line4{left: 0;}
.inner_banner .heding{font-size: 3rem; color: var(--blue); margin-bottom: 1rem;}
.inner_banner h1{padding: 0;}







/* blog_page */
.our_blog .pegination_sec{margin-top: 3rem;}
.our_blog .pegination_sec ul li{display: inline-block; margin-top: 2rem;}
.our_blog .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.our_blog .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.our_blog .page_number{color: var(--black); padding: 3px; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: 0.1rem; border-style: solid; margin: 0 0.3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: .5rem;}






/* services_page */
.our_services .pegination_sec{margin-top: 3rem;}
.our_services .pegination_sec ul li{display: inline-block; margin-top: 2rem;}
.our_services .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.our_services .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.our_services .page_number{color: var(--black); padding: 3px; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: 0.1rem; border-style: solid; margin: 0 0.3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: .5rem;}









/* contact_page */
.contact_form .input_type{margin-top: 2rem; position: relative;}
.contact_form_icon{position: absolute; top: 0; right: 2rem; margin: 1.5rem 0 1.5rem}
.contact_form_icon i{color: var(--brand);}
.map_sec{padding-left: 2rem;}
.map_sec iframe{width: 100%; height: 40rem; border-radius: 1rem;}
.contact_form h3{color: var(--blue);}

.need_help_box{background-color: var(--brand); display: flex; position: relative; border-radius: .7rem;}
.need_help_box::before{content: ""; height: 100%; width: 17rem; background: rgba(0,188,213,0.3); position: absolute; bottom: 0; right: 65%; transform: rotate(360deg); clip-path: polygon(17% 0,29% 0,100% 100%,69% 100%); z-index: 5;}
.need_help_box::after{content: ""; height: 100%; width: 20rem; background: rgba(0,188,213,0.5); position: absolute; bottom: 0; z-index: 5; left: 30rem; transform: rotate(360deg); clip-path: polygon(17% 0,29% 0,100% 100%,69% 100%);}
.need_help_img{clip-path: polygon(0 0,80% 0,100% 100%,0% 102%);}
.need_help_img img{border-radius: .7rem 0 0 .7rem;}

.need_help_txt{padding: 5rem 0 0 7rem;}
.need_help_ad ul li{color: var(--white);}
.need_help_ad ul li a{color: var(--white);}
.need_help_ad ul li span{width: 100%; display: inline-block; text-transform: capitalize; font-size: 2rem;}
.need_help_ad i{color: var(--white); font-size: 3rem; padding-right: 1rem;}
.need_help_txt h3{color: var(--white); padding-bottom: 2rem;}








/* services_detalis */
.services_detalis_box{padding-right: 2.5rem;}
.services_detalis_box img{border-radius: 1rem;}
.ser_de_inner_box{padding: 3rem 0;}
.ser_de_inner_txt{padding-left: 1.5rem;}
.ser_de_inner_txt h4{font-size: 1.8rem; color: var(--blue); padding-bottom: .6rem;}
.services_detalis_box h3{padding-bottom: 1.5rem; color: var(--blue);}
.services_detalis_boxsnd h4{color: var(--blue); font-size: 2rem; padding-bottom: 2rem;}
.services_detalis_boxsnd{padding: 4rem 3rem; background-color: #f8f8f8; position: relative; margin-bottom: 3rem; border-radius: 1rem;}
.services_detalis_boxsnd::before{content: ''; position: absolute; top: 0; left: 3rem; right: 3rem; height: .4rem; background: var(--brand);}
.services_other li a{display: flex; justify-content: space-between; padding:  1.5rem 2rem; position: relative; border: .1rem solid #E3E3E3; border-radius: .5rem; margin-top: 1.5rem; font-weight: 500; color: var(--black);} 
.services_other li:hover a{background-color: var(--brand); color: var(--white);}
.services_de_time li{display: flex; justify-content: space-between; border-bottom: .1rem solid #C8C8C8; padding: 1.5rem 1rem;}
























@media (min-width: 992px) 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 #ccc; 
        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: 30rem;opacity: 1; visibility: visible; }

}

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

}

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

@media only screen and (max-width: 991px){
    
    .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(--black); 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;}
    
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    
    
}


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

    

    
}

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

}