@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Teko:wght@300..700&display=swap');
body { margin: 0; padding: 0; font-family: "Open Sans", sans-serif;}
p {color: #252525;font-size: 16px;letter-spacing: .4px;line-height: 1.6;margin: 0 0 10px 0;font-family: "Open Sans", sans-serif;}
.main-table li {color: #252525;font-size: 16px;letter-spacing: .4px;line-height: 1.5;margin: 0 0 10px 0; font-family: "Open Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5 { font-family: "Teko", sans-serif;}

h3 { font-size: 28px; color: #252525;}
section.testimonial-section img {
    border: 6px solid #b68e68;
    width: 360px;
}
.heading { margin: 0 0 48px 0;}
.heading h2 {color: #252525; font-size: 48px; text-transform: uppercase; font-weight: 500; letter-spacing: 5px; text-align: center;}
.heading h5 { color: #252525; font-size: 28px; letter-spacing: .8px; font-weight: 450; text-align: center;}
.heading1 h4 { text-transform: uppercase; color: #b78d65; letter-spacing: 5px; font-size: 27px;}
.heading1 h2 {font-size: 50px;margin: 0 0 20px 0;font-weight: 600;color: #252525;}
.custom-btn { display: inline-block; background: #b78d65; color: #fff; padding: 16px 48px; font-size: 16px; font-weight: 500; transition: .5s;} 
.custom-btn:hover { background: #c29e7c; color: #fff;}
.border-primary { border-color: #b78d65 !important;}
.text-color { color: #b78d65;}
.sub-heading {font-size: 54px;text-align: left;margin: 30px 0;position: relative;padding: 12px 0;}
.sub-heading::after {content: '';position: absolute;width: 550px;height: 5px;bottom: 0;left: 0;/* right: 0; */margin: 0 auto;background: #b78d65;}


.tm img{border-radius:10px;box-shadow:2px 2px 8px #b0916e;}
.top-header { padding: 8px 0; background: #252525;}
.top-header p a, .top-header p { color: #f0f0f0; font-size: 13px;}
.top-header .social-icon a{ display: inline-block; background: #b78d65; color: #fff; width: 28px; height: 28px; font-size: 14px; text-align: center; border-radius: 50%; line-height: 2; transition: all .2s ease-in-out;}
.top-header .social-icon a:hover { background: #c29e7c;}

header {background: #252525;position: relative;height: 100px;}

#carouselExampleCaptions .carousel-item{position:relative;}
#carouselExampleCaptions .carousel-item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0000008a;}

.body-fx #HeaderControl{
  height: 80px;
  float: Left;
  position: fixed;
  width: 35%;
  padding: 0;
  padding-left: 0;
  background-color: #252525 !important;
  z-index: 99;
  text-align: left;
  height: 80px !important;
  top: 0;
}

.body-fx #MenuControl_C{height: 80px !important;}


.body-fx #MenuControl {
  height: 80px;
  float: Right;
  position: fixed;
  right: 0;
  width: 66%;
  padding: 0;
  padding-right: 0;
  background-color: #252525 !important;
  top: 0px;
  height: 80px !important;
}
#MenuControl, #MenuControl_C{background-color: #252525 !important;}
#HeaderControl, #HeaderControl_C{background-color: #252525 !important;height:80!important;}


.banner-section .carousel-caption { text-align: left; top: 28%; width: 48%; left: 10%;}
.banner-section .carousel-caption h1 { font-size: 85px; line-height: 1.1; font-weight: 600; margin: 0 0 20px 0;}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 10%;}

.services-section { padding: 6% 0;}
.services-section .service-item .service-text { transition: .5s;}
.services-section .service-item:hover .service-text { background: #b78d65;}
.services-section .service-item * { transition: .5;}
.services-section .service-item:hover * { color: #FFFFFF;}
.services-section .service-item p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.services-section .service-item .btn { width: 40px; height: 40px; display: inline-flex; align-items: center; color: #252525; background: #FFFFFF; white-space: nowrap; overflow: hidden; transition: .5s;}
.services-section .service-item:hover .btn { width: 140px; }
.services-section .service-text { padding: 30px;}
.services-section .service-text .btn i { color: #b78d65;}
.services-section .section-title { font-weight: 600; letter-spacing: 5px; text-transform: uppercase; }
.services-section .service-text:hover .icon-show{ padding: 1rem; border-radius: 50% !important; background: #ffffff; transition: .5s ease-out; }

.registration-steps { padding: 0 0 6% 0;}
.registration-steps .fact-item .fact-icon { width: 120px; height: 120px; margin-top: -40px; margin-bottom: 1.5rem; display: inline-flex; align-items: center; justify-content: center; background: #FFFFFF; border-radius: 120px; border:3px solid #3e2309; transition: .5s; }
.registration-steps .fact-item:hover .fact-icon { background: #b78d65;}
.registration-steps .fact-item .fact-icon i {transition: .5;}
.registration-steps .fact-item a{color:#b78d65;}

.meet-expert{ margin-top:50px;}
.meet-expert .hm-head{ color:#273c4f; font-size:36px; text-align:center;}
.meet-expert .hm-head::after{ left:0; right:0; margin: 0 auto; background: #b78d65;}
.meet-expert p{ text-align:center;}
.meet-bx{position:relative;height: 300px;background: #b78d65;display: flex;align-items: center;justify-content: center;border-radius: 15px;}
.meet-bx img{border-radius: 16px;width: 150px;object-fit: cover;aspect-ratio: 1/1;border-radius: 50%;margin-bottom: 70px;border: 5px solid white;}
.name-bx{ width:90%; left:5%; position: absolute; background: #fff; bottom:-30px; z-index:99; padding:10px; text-align:center; border-radius: 16px;}
.name-bx h4{ font-size:25px; color:#000; text-align:center; font-weight: 700;}
.name-bx h4 span{ display:block; font-size:14px; color:#888;}
.name-bx i{background: #b78d65; padding:10px; line-height:10px; width:30px; height:30px; border-radius:100%;}
.name-bx .fa{ color:#fff; font-size:17px; font-weight: 300;}

.box-white a{color:#b78d65;display:flex; align-items:center;gap:5px;}

.slider { padding: 0 0 6% 0;}
.slider .carousel { padding: 40px 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.slider .carousel-control-next, .slider .carousel-control-prev { width: 3.5%; filter: brightness(0);}
.slider .carousel h4 { font-size: 34px; color: #252525; line-height: 1.4; margin: 0;}
.slider .carousel h4 i { color: #b78d65; font-size: 30px; animation: fa-beat 1s infinite;}

.Calculators i{font-size:60px;color:black;width:60px;text-align:center;}

@keyframes fa-beat {
    0% { transform: scale(.9)}
    50% {
        transform: scale(1.3)
    }
    100% { transform: scale(.9);}
}

.about-section { padding: 2% 0 6% 0;}
.about-section p{ text-align:justify;}
.about-img, .feature-img { position: relative; height: 100%; min-height: 400px;}
.about-img img, .feature-img img { position: absolute; width: 60%; height: 80%; object-fit: cover; }
.about-img img:last-child, .feature-img img:last-child { margin: 20% 0 0 40%;}
.about-img::before, .feature-img::before { position: absolute; content: ""; width: 60%; height: 80%; top: 10%; left: 20%; border: 5px solid #b78d65; z-index: -1; }

.team-section { padding: 4% 0 7% 0;}
.team-items { margin: -.75rem;}
.team-item { padding: .75rem;}
.team-item::after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; background: #FFFFFF; transition: .5s; z-index: -1;}
.team-item:hover::after { height: 100%; background: #b78d65;}
.team-item .team-social { position: absolute; width: 100%; bottom: -20px; left: 0;}
.team-item span {color: #b78d65;font-size: 15px;}

.contact-section {padding: 8% 0 8% 0;}
.contact-section .icon i { color: #b78d65; font-size: 40px;}
.contact-section h4 a { color: #252525; font-size: 27px; font-family: "Teko", sans-serif;}
.contact-section .contact-form{margin-top: 24px;width: 80%;box-shadow: rgb(183, 141, 101) 12px 10px 26px 0px;border: 3px solid #b78d65;padding: 40px;outline: 1px solid #252525ed;outline-offset: -4px;}
.contact-section .contact-form .form-control { margin: 0 0 15px 0; padding: 18px 12px; border: none; border-bottom: 2px solid #b78d65; border-radius: 0;}
.contact-section .contact-form .form-control:focus { box-shadow: 0 0 0 .25rem rgb(183 141 101 / 32%);}
.contact-section .contact-form .form-control::placeholder { color: #444444;}
.contact-section .contact-form input[type='button'] { background: #b78d65; border: none; outline: 1px solid #25252591; outline-offset: -1px; width: 100%; padding: 18px; color: #fff;}

.testimonial-section .carousel-control-next, .testimonial-section .carousel-control-prev { width: 5%; filter: brightness(0);}
.testimonial-section .carousel-item p { font-size: 18px; margin: 0 0 18px 0;}

.client-section { padding: 6% 0;}
.client-section .item { display: inline-block; margin:0 0 0 45px;}

footer {background: #252525;background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));}
footer h5 { color: #fff; text-transform: uppercase; margin: 50px 0 20px 0; font-size: 27px; letter-spacing: 5px;}
footer ul { list-style-image: url('image/next.png'); } 
footer ul a { color: #e4e4e4; margin: 0 0 10px 0; display: inline-block; font-size: 15px;}
footer ul a:hover, footer a:hover { color: #fff;}
footer p, footer a { color: #e4e4e4; font-size: 15px;}
footer p i { color: #b78d65; margin: 5px 5px 0 0;}
footer .social-icon a { display: inline-block; background: #b78d65; color: #fff; width: 40px; height: 40px; font-size: 16px; text-align: center; line-height: 2.5; transition: all .2s ease-in-out;}
footer .social-icon a:hover { background: #c29e7c;}
footer .left-text {/* background-image: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0)); */padding: 50% 8%;}
footer .left-text p { font-size: 16px;}

.about-header {padding: 7% 0 5% 0;background-image: linear-gradient(rgb(0, 0, 0) 0%, rgba(194, 151, 103, 0.836));}
.about-header h1 {color: #fff;font-size: 76px;margin: 0;font-weight: 600;text-align: center;}

.service-page { padding: 3% 0;}
.service-page .list-group-item { padding: 12px 10px; font-family: "Teko", sans-serif; font-size: 23px; font-weight: 400;}
.service-page .list-group-item.active { background: #b78d65; border-radius: 0; border: 0;}

.why-choose i { font-size: 52px; margin: 0 0 10px 0;}

@media (min-width: 320px) and (max-width: 768px) { 
    .body-fx #HeaderControl{
 position:relative;
}

.body-fx #MenuControl_C{height: 82px !important;}


.body-fx #MenuControl {
  position:relative;
}
    p {font-size: 15px; letter-spacing: .2px;}
    .main-table li {font-size: 15px; letter-spacing: .2px;}
    
    h3 { font-size: 24px;}
    .heading { margin: 0 0 48px 0;}
    .heading h2 {font-size: 30px; margin: 0; letter-spacing: 3px;}
    .heading h5 {font-size: 20px; letter-spacing: .8px;}
    .heading1 h4 { letter-spacing: 3px; font-size: 21px; margin: 0;}
    .heading1 h2 { font-size: 30px; margin: 0 0 10px 0;}
    .custom-btn { padding: 10px 24px; font-size: 14px;} 

    .banner-section .carousel-item img { height: 240px; object-fit: cover;}
    .banner-section .carousel-caption { top: 12%; width: 80%; left: 10%;}
    .banner-section .carousel-caption h1 { font-size: 42px; font-weight: 500; margin: 0 0 10px 0;}

    .registration-steps { padding: 0;}
    .registration-steps .fact-item .fact-icon { margin-top: 0;}

    .slider { padding: 0 0 6% 0;}
    .slider .carousel { padding: 25px;}
    .slider .carousel-control-next, .slider .carousel-control-prev { width: 7%;}
    .slider .carousel h4 { font-size: 24px; margin: 20px 0 0 0;}
    .slider .carousel h4 i { color: #b78d65; font-size: 26px; animation: fa-beat 1s infinite;}

    .contact-section { padding: 0 0 12% 0;}
    .contact-section .icon i { font-size: 30px;}
    .contact-section h4 a { font-size: 21px;}
    .contact-section .contact-form{box-shadow: none; padding: 30px; margin: 20px 0 0 0;}
    .contact-section .contact-form .form-control { margin: 0 0 10px 0; padding: 12px;}
    .contact-section .contact-form input[type='button'] { margin: 15px 0 0 0; padding: 12px;}

    .testimonial-section .carousel-item p { font-size: 15px; margin: 0 0 10px 0;}

    footer h5 { margin: 25px 0 12px 0; font-size: 21px; letter-spacing: 3px;}
    footer .left-text { padding: 10% 5%;}
    footer .left-text p { font-size: 15px;}

    .about-header { padding: 10% 0;}
    .about-header h1 { color: #fff; font-size: 32px; margin: 0; font-weight: 500;}

    .service-page .list-group-item { padding: 10px 7px; font-size: 18px;}

    .why-choose i { font-size: 27px;}
}
#form_wrap{ border: 3px solid #b78d65; padding: 30px; position: sticky; position: -webkit-sticky;top: 20px;}
#form_wrap #errmsg{font-size: 13px !important;}
#HomepagecontentControl_C{overflow: initial !important;}
#HomepagecontentControl{overflow: initial !important;}
#HomepagecontentControl_C > center >table{margin-top: 0 !important;}
#inner_pg_tab_wrap{top: 80px;}
.map-hm-rht .form-control { margin: 0 0 15px 0; padding: 12px; border: none; border-bottom: 2px solid #8b8b8b; border-radius: 0;}
.map-hm-rht input[type='button'] { background: #b78d65; border: none; width: 100%; padding: 15px; color: #fff; font-size: 16px}

.service-page .ser-box { padding: 20px 20px 10px 20px; border-left: 5px solid #3e2309; box-shadow: 3px 3px 3px 3px gray; margin: 0 0 20px 0;}
.service-page .ser-box p { font-weight: 500;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #b78d65;
    padding: 15px;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
}

.top .fa {
    display: block !important;
}


/*--------------------------------------------------------------
# counter-section
--------------------------------------------------------------*/
.counter-section{position: relative; padding: 100px  0 300px;background: url(./Image/counter_bg.jpg) no-repeat fixed center top/cover ;}
.counter-section::before{position: absolute;content: '';left: 0px;top: 0px;right: 0px;bottom: 0px;opacity: 0.80;z-index: 0;background-color: #b78d65;}
.counter-section > .container{position: relative; z-index: 999;}
.counter-section .hm_heading{color: #fff;}
.counter-section p{color: #fff;}
.fact-counter{position:relative;}
.fact-counter .counter-column{position:relative;z-index:3;margin-bottom:30px;}
.fact-counter .counter-column .inner{position:relative;text-align:left;padding:40px 20px;border:1px solid rgba(255,255,255,0.15);background-color: #0000005e;transition:all 300ms ease;}
.fact-counter .counter-column .inner:hover{border-color:#b78d65;}
.fact-counter .counter-column .inner .content{position:relative;padding-left:64px;}
.fact-counter .counter-column .count-box{position:relative;color:#ffffff;font-size:45px;line-height:1em;}
.fact-counter .counter-column .count-box sup{position:relative;color:#ffffff;font-family: "Teko", sans-serif;font-size: 50px;}
.fact-counter .counter-column .icon{position:absolute;left:0px;top:0px;color: #c5c5c5;font-size:44px;line-height:1em;transition: all 600ms ease;transition: all 600ms ease;}
.fact-counter .counter-column .inner:hover .icon{transform: scale(-1) rotate(180deg);}
.fact-counter .counter-column .count-text{display:inline-block;color:#ffffff;line-height:1em;font-family: "Teko", sans-serif;font-size: 55px;}
.fact-counter .counter-column .count-outer{position:relative;font-size:48px;line-height:1em;}
.fact-counter .counter-column .counter-title{margin-top:10px;color:#ffffff;font-size: 20px;}
.fact-counter.style-two .counter-column .inner{background:none;border:0px;padding:40px 0px;}
/*--------------------------------------------------------------
# counter-btm-section
--------------------------------------------------------------*/
.counter-btm-section{margin-top: -250px;    position: relative;z-index: 9;}