body { margin: 0px 0px; font-family: 'Noto Sans Tangsa', sans-serif; }
a, button, .accordion-button:focus { outline: none; box-shadow: none; }
.bdr-btm { border-bottom: 1px solid #ccc; }
.bdr-rgt { border-right: 1px solid #ffffff21; }
.bg-grey { background: #F6F8FC; }
#header { margin: 0px 0px; padding: 0px 0px; position: relative; }
.top-part { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; background: #000; }
.social-part { margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; position: relative; /*border-right: 1px solid #ffffff29;*/ display: inline-block; }
.social-part li { display: inline-block; margin: 0px 0px 0px 0px; }
.social-part li a { display: block; padding: 15px 5px; color: #fff; transition: all ease 0.5s; transform: scale(1.1); }
.social-part li a:hover { color: #9d98ca; transform: scale(1); }
.timezone { display: inline-block; margin: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; position: relative; border-right: 1px solid #ffffff29; }
.timezone li { list-style: none; color: #fff; font-size: 16px; }
.callus { display: inline-block; margin: 0px 0px; padding: 0px 20px; }
ul.callus i {
    color: #fff;
}
/*.callus li:first-child{ padding-left:0; border:none;}*/
/*.callus li { color:#fff; display:inline-block; list-style: none; margin: 0px 0px; padding: 0px 5px;}*/
.callus li a { color: #fff; text-decoration: none; padding: 15px 0px; font-size: 16px; }
.book-appointment-black { margin: 0px 0px 0px 0px; position: fixed; right: 0 !important; top: 25%; z-index: 11; max-width: 54px; width: 54px; }
.book-appointment-black a { text-transform: uppercase; font-weight: 600; color: #fff; background: #000; padding: 30px 15px; font-size: 15px; writing-mode: vertical-rl; text-decoration: none; letter-spacing: 2px; border-radius: 0px 10px 10px 0px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.header-menu { margin: 0px 0px; padding: 0px 20px; position: relative; }
.header-menu .navbar { margin: 0px 0px; padding: 0px 0px; position: relative; }
.appointment { margin: 0px 0px; padding: 0px 20px 0px 15px; position: relative; }
.appointment li { list-style: none; margin: 0px 0px; }
.appointment li a { display: block; padding: 10px 20px; border: 2px solid #707070; color: #333; border-radius: 50px; text-decoration: none; position: relative; overflow: hidden; font-weight: 600; font-size: 17px; transition: all ease 0.6s; }
.appointment li a:hover { color: #fff; border-color: #000; }
.header-menu .navbar-nav { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
/*.header-menu .navbar-nav .nav-link {margin: 0px 0px 0px 0px;padding: 45px 45px;display: block;color: #000;font-size: 17px;font-weight: 600;text-transform: uppercase;transition: all ease 0.3s;position: relative;}*/
.header-menu .navbar-nav .nav-link::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 0; background: #9d98ca; transition: all ease 0.3s; }
.header-menu .navbar-nav .nav-item:hover .nav-link::before { height: 5px; }
/*.header-menu .navbar-nav .nav-item {border-right: 1px solid #DCDCDC;}*/
.header-menu .navbar-nav .nav-item:last-child { border-right: 1px solid #DCDCDC; }
.header-menu .navbar-nav .dropdown-menu li a { transition: all ease 0.5s; }
.header-menu .navbar-nav .dropdown-menu li a:hover { background: #fff; transform: translate(10px, 0px); }
.dropdown-item.active, .dropdown-item:active { background: #fff; color: #444; }
.appointment li a span { position: absolute; width: 50%; height: 100%; background-color: #000; transform: translateY(150%); border-radius: 50%;  left: calc((var(--n) - 1) * 25%);
transition: 0.5s;  transition-delay: calc((var(--n) - 1) * 0.1s);
z-index: -1; }
.appointment li a:hover span { transform: translateY(0) scale(2); }
.appointment li a span:nth-child(1) {  --n: 1;
}
.appointment li a span:nth-child(2) {  --n: 2;
}
/* .appointment li a span:nth-child(3) { --n: 3;}
.appointment li a span:nth-child(4) {--n: 4;} */
.offcanvas-end { max-width: 300px; }
.offcanvas-end .offcanvas-body { padding: 0px 0px; background: #ffffff; }
.mobile-logo { margin: 0px 0px; padding: 20px 20px; background: #fff; border-bottom: 1px solid #445b96; }
.modal-backdrop { display: none; }
.mobile-menu { padding: 15px 0px; background: #ffffff; }
.mobile-menu .navbar-nav .nav-item { border-bottom: 1px solid #ededed; }
.mobile-menu .navbar-nav .nav-link { font-size: 15px; color: #333; font-weight: 500; padding: 10px 25px; }
.mobile-menu .dropdown .nav-link:after { content: "\f067"; font-family: 'FontAwesome'; border: none; vertical-align: 0px; position: absolute; margin-left: 0.4em; transition: 0.2s all; display: inline-block; font-weight: normal; font-size: 10px; margin-top: 0.5em; right: 25px; }
.mobile-menu .navbar-nav .dropdown-menu { position: static !important; transform: translate(0px, 0px) !important; padding: 10px 25px; border: none; background: #ffffff; border-radius: 0; }
.mobile-menu .navbar-nav .dropdown-menu li a { color: #555; font-size: 14px; font-weight: 400; padding: 6px 0px; display: inline-block; text-decoration: none; }
.mobile-menu .navbar-nav .nav-item:last-child { border-bottom: none; }
#nav-icon2 { /*display: none;*/ width: 36px; height: 15px; position: relative; margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.header-menu .navbar button.nav-tgl { border: none; background: no-repeat; min-height: 35px;/* position: absolute;*/ top: -60px; left: 0px; }
#nav-icon2 span { display: block; position: absolute; height: 3px; width: 50%; background: #ffffff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#nav-icon2 span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; }
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 10px; }
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 20px; }
#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon2.open span:nth-child(1) { left: 5px; top: 7px; }
#nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 6px; }
#nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; }
#nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; }
#nav-icon2.open span:nth-child(5) { left: 5px; top: 15px; }
#nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 15px; }
 @keyframes fadeInRight {  from {
 opacity: 0;
 transform: translateX(500px);
}
to { opacity: 1; }
}
.canvas-timing { margin: 0px 0px 0px 0px; padding: 34px 20px; position: relative; border-top: 2px solid #ffffff; background: #9a91c1; }
.canvas-timing h3 { font-size: 20px; color: #fff; font-weight: 600; letter-spacing: 2px; }
ul.mobile-timing { margin: 0px 0px; padding: 0px 0px; }
ul.mobile-timing li { list-style: none; font-size: 16px; color: #fff; font-weight: 500; line-height: 26px; }

#mainslider .carousel-caption{bottom: 10%;z-index: 9;transform: translateY(10%);left: 5%;}
#mainslider .carousel-caption h5{font-weight: 600;font-size: 40px;margin-top: -3px;margin-bottom: 26px;line-height: 112%;white-space: pre-line;}
#mainslider .carousel-caption h5 span{font-weight: 400;  }
#mainslider .carousel-caption a{color: #fff;box-shadow: 0px 0px 0px 1px #ffffff;font-size: 13px;letter-spacing: 1px;padding: 14px 42px;}
#mainslider .carousel-caption a{-webkit-animation-name: slideInUp; animation-name: slideInUp;}
#mainslider .carousel-caption h5, #mainslider .carousel-caption h6{-webkit-animation-name:fadeInUp;animation-name:fadeInUp; }
#mainslider .carousel-caption h5, #mainslider .carousel-caption h6, #mainslider .carousel-caption a{-webkit-animation-duration: 1s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;backface-visibility: hidden;}
#mainslider .carousel-item>img { min-height: 220px; object-fit: cover; object-position: center; -webkit-animation: zoompic 12s; animation: zoompic 12s; }
#mainslider .slidetext {max-width: 650px;text-align: left;padding: 40px 25px;}
#mainslider .carousel-indicators {flex-direction: column;left: 2%;top: 50%;right: auto;bottom: auto;width: 20px;margin: 0;overflow: hidden;align-items: center;transform: translateY(-50%);}
#mainslider .carousel-indicators button{color: #fff;width: 7px;height: 7px;border-radius: 50%;opacity: 1;-webkit-transition: all 350ms ease-in-out;transition: all 350ms ease-in-out;}
#mainslider .carousel-indicators button.active{color: #fff;font-size: 15px;width: auto;height: auto;text-indent: 0;background-color: transparent;}


@-webkit-keyframes zoompic {from {-webkit-transform: scale(1, 1); transform: scale(1, 1); } to {-webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } }
@keyframes zoompic {from {-webkit-transform: scale(1, 1); transform: scale(1, 1); } to {-webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } }

#welcome { margin: 0px 0px 0px 0px; padding: 35px 0px 35px 0px; position: relative; }
.services {margin: 0px 0px;padding:0px 0px;height: 100%;position: relative;z-index: 1;overflow: hidden;transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-webkit-transition: all ease 0.3s;}
.services h3 {font-size: 18px;color: #44609A;font-weight: 600;margin: 0px 0px 0px 20px;transition: all ease 0.5s;white-space: pre-line;line-height: 1.3; transition: all ease 0.3s;}
.services p { font-size: 14px; font-weight: 500; color: #444; letter-spacing: 1px; line-height: 25px; text-transform: uppercase; transition: all ease 0.5s; }
.service-img { position: relative; margin: 0px 0px 20px 0px; transition: all ease 0.5s; width: 100%; height: 100%; }
.service-img img {height: 100%;object-fit: cover;object-position: center;width: 100%;max-height: 160px;border-radius: 15px;}
.services a{ display: block; position: relative; padding: 0px 0px 30px 0px; text-decoration: none;}
.services a::after{ content: 'know more'; display: block; position: absolute; bottom: 0; left: 20px; font-size: 15px; color: #333; font-weight: 500; transition: all ease 0.3s; transform: translateY(15px); opacity: 0;}
.services a:hover::after{ opacity: 1; transform: translateY(-15px);}
.services a:hover h3{ transform: translateY(-10px);}

.explore-service { display: block; margin: 45px auto; text-align: center; }
.explore-service a { display: inline-block; padding: 10px 45px; border: 2px solid #b4b4b4; color: #000; border-radius: 50px; letter-spacing: 1.5px; text-decoration: none; font-size: 15px; text-transform: uppercase; font-weight: 500; overflow: hidden; position: relative; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.explore-service a:hover { border-color: #000; color: #fff; }
.explore-service a span { position: absolute; width: 50%; height: 100%; background-color: #000; transform: translateY(150%); border-radius: 50%;  left: calc((var(--n) - 1) * 25%);
transition: 0.5s;  transition-delay: calc((var(--n) - 1) * 0.1s);
z-index: -1; }
.explore-service a:hover span { transform: translateY(0) scale(2); }
.explore-service a span:nth-child(1) {  --n: 1;}
.explore-service a span:nth-child(2) {  --n: 2;}
.explore-service a span:nth-child(3) {  --n: 3;}
.explore-service a span:nth-child(4) {  --n: 4;}
.home-service-slider { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; display: block; }
.service-head {margin: 0px auto 25px auto;padding: 0px 0px;position: relative;max-width: 1300px;}
.service-head h6 { font-size: 15px; color: #44609A; letter-spacing: 2px; text-transform: uppercase; }
.service-head h2 { font-size: 35px; color: #000; font-weight: 600; line-height: 44px; }
.home-service-slider .owl-stage {padding: 15px 0px 20px 0px;}
.home-service-slider .explore-service { margin: 0px 0px 30px 0px; }
#why-scsn { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
.why-sandip { margin: 0px 0px 0px 0px; padding: 35px 10px 35px 10px; position: relative; background: linear-gradient(to right, rgba(68,97,154,1) 0%, rgba(117,111,168,1) 100%); z-index: 1; }
.why-sandip::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/why-img.webp) no-repeat fixed; background-size: cover; opacity: .10; z-index: -1; background-position: center; }
.why-title { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.why-title small { font-size: 15px; color: #FFD501; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin: 0px 0px 0ppx; }
.why-title h2 { font-size: 35px; color: #fff; font-weight: 600; white-space: pre-line; line-height: 40px; }
.why-counter { padding: 25px 30px 50px 30px; margin: 0px 0px 0px 0px; position: relative; }
.why-counter h3 { font-size: 45px; color: #fff; font-weight: 600; margin: 0px 0px 10px 0px; position: relative; display: inline-block; }
.why-counter h3:before { content: '+'; float: right; position: absolute; right: -15px; top: -12px; font-size: 24px; color: #FFD501; font-weight: 400; }
.why-counter h5 { font-size: 25px; color: #FFD501; margin: 0px 0px 5px 0px; font-weight: 600; }
.why-counter p { font-size: 13px; color: #fff; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; text-transform: uppercase; position: relative; letter-spacing: 1.3px; }
.why-counter p:after { content: ''; display: block; position: absolute; bottom: 0; width: 25px; height: 3px; border-bottom: 3px solid #FFD501; }
#message-part { width: 100%; margin: 0px 0px 0px 0px; padding: 40px 0px; position: relative; }
.message-info { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; text-align: center; }
.doctor-img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: sticky; z-index: 1; top: 100px; border-bottom: 5px solid #fff; }
.doctor-img::before { content: ''; display: block; position: absolute; left: 135px; top: 155px; background: url(../images/dots.png) no-repeat; width: 115px; height: 165px; z-index: -1; animation: dots 2s infinite; }
.doctor-img:after { content: ''; display: block; position: absolute; right: 15px; bottom: 155px; background: url(../images/dots.png) no-repeat; width: 115px; height: 165px; z-index: -1; animation: dots 2s infinite; }
.doctor-details { margin: -210px 0px 0px 0px; padding: 20px 20px 35px 20px; position: relative; background: #fff; z-index: 2; }
.doctor-details::before { content: ''; display: block; position: absolute; top: -2px; left: 0; width: 100%; height: 3px; background: radial-gradient(ellipse at center, rgb(18 18 18) 0%, rgb(86 86 86 / 12%) 50%, rgb(0 0 0 / 0%) 100%); background-size: contain; }
.doctor-details h1 { font-size: 37px; color: #000; font-weight: 400; }
.doctor-details img { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.degree { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.degree li { list-style: none; font-size: 17px; color: #676767; font-weight: 500; padding: 7px 15px; position: relative; }
.degree li::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background: radial-gradient(ellipse at center, rgb(18 18 18 / 29%) 0%, rgb(86 86 86 / 12%) 50%, rgb(0 0 0 / 0%) 100%); }
.degree li:last-child::after { background: none; }
 @keyframes dots {  0% { opacity: 1;}
 50% {opacity: 0.75;}
 100% {opacity: 0.5;}
}
.message-details { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 20px; position: relative; }
.message-details small { font-size: 15px; color: #44609A; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin: 0px 0px 10px 0px; display: inline-block; }
.message-details .large-para { font-size: 35px; font-weight: 600; color: #333; line-height: 44px; margin: 0px 0px 25px 0px; text-align: left; }
.message-details p { font-size: 16px; color: #333; font-weight: 400; line-height: 1.6; margin: 0px 0px 20px 0px; }
.message-explore { margin: 25px 0px 20px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; }
.message-explore li { display: inline-block; margin: 0px 15px 10px 0px; }
.message-explore li a { display: inline-block; padding: 10px 35px; font-size: 15px; font-weight: 500; border: 2px solid #ccc; color: #000; border-radius: 50px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; position: relative; overflow: hidden; transition: all ease 0.5s; }
.message-explore li a.book-app { background: #44609A; color: #ffffff; border-color: #44609A; }
.message-explore li a.book-app:hover { background: #000; border-color: #000; }
.message-explore li a:hover { color: #fff; border-color: #000; }
.message-explore li a span { position: absolute; width: 50%; height: 100%; background-color: #000 !important; transform: translateY(150%); border-radius: 50%;  left: calc((var(--n) - 1) * 25%);
transition: 0.5s;  transition-delay: calc((var(--n) - 1) * 0.1s);
z-index: -1; }
.message-explore li a:hover span { transform: translateY(0) scale(2); }
.message-explore li a span:nth-child(1) {  --n: 1;}
.message-explore li a span:nth-child(2) {  --n: 2;}
.message-explore li a span:nth-child(3) {  --n: 3;}
.message-explore li a span:nth-child(4) {  --n: 4;}
#testimonial-part { margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative; background: #EEE7E9; z-index: 1; }
#testimonial-part::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/testimonial-bg.webp) no-repeat fixed; background-size: cover; opacity: .20; z-index: -1; background-position: center; }
.client-testimonial { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.client-testimonial small { font-size: 15px; color: #44609A; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin: 0px 0px 10px 0px; display: inline-block; }
.client-testimonial h3 { font-size: 35px; font-weight: 600; color: #333; line-height: 44px; margin: 0px 0px 25px 0px; }
.client-testimonial .explore-service { margin: 0 auto; }
.testimonial-slider { margin: 50px 0px 0px 0px; padding: 0px 0px; }
.testimonial-slider .owl-stage-outer { padding: 50px 0px 50px 0px; }
.testimonial-slider .item { background: #fff; padding: 35px 60px 45px 60px; border-radius: 10px 10px 0px 0px; box-shadow: 0px 0px 25px -15px rgb(0 0 0 / 29%); }
.testimonial-slider .item:before { content: '\f10d'; font-size: 30px; color: #D5D5D5; font-family: 'FontAwesome'; display: block; position: absolute; top: -35px; left: 35px; width: 70px; height: 70px; text-align: center; line-height: 70px; background: #fff; border-radius: 100%; }
.testimonial-slider .item span small { text-transform: capitalize; }
.client-testimonial .testimonial-slider .own-nav{ display:none;}
.testimonial-content { position: relative; margin: 0px 0px 0px 0px; }
.testimonial-content p { font-size: 16px; color: #333; font-weight: 400; margin: 0px 0px 25px 0px; }
.testimonial-content h5 { font-size: 21px; font-weight: 600; color: #44609A; margin: 0px 0px 5px 0px; }
.testimonial-content span { font-size: 15px; color: #44609A; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; }
#surgical-part { padding: 50px 0px; margin: 0px 0px; position: relative; }
.surgical-video-scsn { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
.surgical-video-scsn small { font-size: 15px; color: #44609A; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin: 0px 0px 10px 0px; display: inline-block; }
.surgical-video-scsn h3 { font-size: 35px; font-weight: 600; color: #333; line-height: 44px; margin: 0px 0px 25px 0px; }
.youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer }
.youtube img { width: 100%; top: -16.82%; left: 0; opacity: .7; }
.youtube .play-button { width: 47px; height: 34px; background-color: #FF0000; box-shadow: 0 0 30px rgba(0,0,0,.6); z-index: 1; opacity: .95; border-radius: 6px }
.youtube .play-button:before { content: ""; border-style: solid; border-width: 6px 0 9px 14px; border-color: transparent transparent transparent #fff }
.youtube .play-button, .youtube img { cursor: pointer }
.youtube .play-button, .youtube .play-button:before, .youtube iframe, .youtube img { position: absolute }
.youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) }
.youtube iframe { height: 100%; width: 100%; top: 0; left: 0 }
#latest-blog { padding: 50px 0px; margin: 0px 0px 0px 0px; position: relative; background: #F6F6F6; }
.blog-section { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
.blog-section small { font-size: 15px; color: #44609A; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin: 0px 0px 10px 0px; display: inline-block; }
.blog-section h3 { font-size: 35px; font-weight: 600; color: #333; line-height: 44px; margin: 0px 0px 15px 0px; }
.blog-slider { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.blog-slider .owl-stage-outer { padding: 25px 0px 25px 0px; }
.blog-slider .item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #fff; position: relative; box-shadow: 0px 0px 39px -15px rgb(0 0 0 / 29%); }
/* .blog-slider .blog-img { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } */
/* .blog-slider .blog-img img { width: 100%; object-fit: cover; } */
/* .blog-slider .blog-details { margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; position: relative; } */
/* .blog-slider .blog-details span { font-size: 14px; color: #999; padding: 10px 20px; margin: 0px 0px 0px 0px; display: inline-block; } */
/* .blog-slider .blog-details span i { font-size: 18px; color: #44609A; margin: 0px 5px 0px 0px; } */
/* .blog-slider .blog-details .blog-content { padding: 20px 20px; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; min-height: 200px; } */
/* .blog-slider .blog-details .blog-content h4 { font-size: 20px; color: #444; font-weight: 600; line-height: 31px; }
.blog-slider .blog-details .blog-content p { font-size: 16px; color: #333; font-weight: 400; margin: 0px 0px 0px 0px; line-height: 28px; }
.blog-slider .blog-btn { margin: 0px 0px 0px 0px; position: relative; z-index: 1; overflow: hidden; } */
.blog-slider .blog-btn a { color: #44609A; font-size: 13px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; display: block; padding: 15px 35px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; }
.blog-slider .blog-btn a:hover { color: #fff; }
/* .blog-slider .blog-btn span { position: absolute; width: 50%; height: 100%; background-color: #9D98CA; transform: translateY(150%); border-radius: 50%;  left: calc((var(--n) - 1) * 25%); transition: 0.5s;  transition-delay: calc((var(--n) - 1) * 0.1s); z-index: -1; } */
/* .blog-slider .blog-btn:hover span { transform: translateY(0) scale(2); } */
/* .blog-slider .blog-btn span:nth-child(1) {--n: 1;}
.blog-slider .blog-btn span:nth-child(2) {--n: 2;}
.blog-slider .blog-btn span:nth-child(3) {--n: 3;}
.blog-slider .blog-btn span:nth-child(4) {--n: 4;} */
#footer-section { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background: #44609A; }
.footer-details { padding: 25px 30px; margin: 0px 0px 0px 0px; position: relative; }
.footer-details h5 { font-size: 16px; font-weight: 600; color: #fff; margin: 0px 0px 20px 0px; }
.footer-details p { font-size: 15px; font-weight: 400; color: rgba(255,255,255,.70); margin: 0px 0px 20px 0px; white-space: pre-line; }
.footer-details .connect-us { margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; }
.footer-details .connect-us li { list-style: none; }
.footer-details .connect-us li a { font-size: 15px; color: rgba(255,255,255,.70); text-decoration: none; }
.footer-details .connect-us li a i { margin: 0px 5px 0px 0px; }
.footer-details .ft-social { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: inline-block; }
.footer-details .ft-social li { display: inline-block; margin: 0px 0px 0px 0px; }
.footer-details .ft-social li a { display: block; padding: 15px 20px 15px 5px; color: rgba(255,255,255,.70); transition: all ease 0.3s; transform: scale(1.05); }
.footer-details .ft-social li a:hover { transform: scale(1); color: #000; }
.working { margin: 0px 0px; padding: 0px 0px; }
.working li { list-style: none; font-size: 15px; color: rgba(255,255,255,.70); line-height: 25px; }
.footer-details .ft-menu { margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; }
.footer-details .ft-menu li { list-style: none; }
.footer-details .ft-menu li a { font-size: 15px; color: rgba(255,255,255,.70); text-decoration: none; padding: 5px 0px; display: inline-block; position: relative; }
.footer-details .ft-menu li a:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 50%; height: 1px; background: #fff; opacity: 0; transition: all ease 0.3s; }
.footer-details .ft-menu li a:hover::before { width: 100%; opacity: 1; }
.footer { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.footer-content { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.footer-content p { font-size: 14px; color: #444; margin: 0px 0px 0px 0px; padding: 15px 0px; }
.footer-content p a { color: #444; text-decoration: none; transition: all ease 0.3s; }
.footer-content p a:hover { text-decoration: underline; color: #000; }
.footer-links { margin: 0px 0px 0px 0px; padding: 15px 0px; position: relative; }
.footer-links li { display: inline-block; font-size: 14px; color: #444; padding: 0px 5px; border-left: 1px solid #444; }
.footer-links li a { display: inline-block; color: #444; font-size: 14px; text-decoration: none; }
.footer-links li:first-child { border-left: none; padding-left: 0px; }
#map-icon { background: #fff; position: fixed; bottom: 23%; right: 0; z-index: 111; border: none; border-radius: 0; margin: 0; max-width: 85px; width: 100%; transform: translateX(100%); transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%); border-radius: 10px 0px 0px 10px; opacity: 1;}
#map-icon a { font-size: 30px; color: #44609A; padding: 15px 25px 15px 25px; display: block; }
/*top-to-bottom*/
a#top-bottom { display: inline-block; text-align: center; position: fixed; bottom: 400px; right: 30px; opacity: 0; visibility: hidden; z-index: 2; cursor: pointer; color: #fff; width: 55px; height: 55px; background: #201e1e; line-height: 55px; border-radius: 50%; transition: 0.5s all; font-size: 19px; border: none; }
a#top-bottom.show { opacity: 1; visibility: visible; bottom: 30px; }
a#top-bottom:after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); }


/* ======== review(12-06-2023) */
.footer-details ul.review {
    padding: 0;
    list-style-type: none;
    margin-top: 8px;
  }
  .footer-details ul.review li {
    border-top: 1px solid rgb(255 255 255 / 13%);
    padding: 15px 0;
    text-align: center;
  }
  .footer-details ul.review li:first-child {
    border: none;
  }
  .footer-details ul.review li img {
    max-width: 120px;
  }

  /* ========= whatsapp chat ====== */
  a.whatsapp-chat {
    position: fixed;
    display: inline-block;
    width: 58px;
    height: 58px;
    z-index: 12;
    left: 32px;
    bottom: 35px;
  }
a.whatsapp-chat:after {
  content: "";
  position: absolute;
  height: calc(100% + 28px);
  width: calc(100% + 28px);
  left: -14px;
  top: -14px;
  background-image: url(../images/whatsapp-chat-up.png);
  background-size: cover;
  background-repeat: no-repeat;
  animation: whatsappchat 12s infinite linear;
  background-position: center;
}
@keyframes   whatsappchat{
  from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
    }
}
@-webkit-keyframes whatsappchat {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

/* ======== close button ======= */


/* ====== blog css  ===== */
.blog-section{ margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative;}
.blog-section .blog-img, .blog-slider .blog-img{margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}
.blog-section .blog-img img, .blog-slider .blog-img img{ width: 100%; object-fit: cover; min-height:250px; max-height:250px;} 
.blog-section .blog-details, .blog-slider .blog-details{ margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; position: relative;}
.blog-section .blog-details span, .blog-slider .blog-details span{font-size: 14px;color: #999;padding: 10px 20px;margin: 0px 0px 0px 0px;display: inline-block;}
.blog-section .blog-details span i, .blog-slider .blog-details span i{ font-size: 18px; color: #44609A; margin: 0px 5px 0px 0px;}
.blog-section a.blog-content {
    text-decoration: auto;
  }
.blog-section .blog-details .blog-content,  .blog-slider .blog-details .blog-content{padding: 20px 20px;border-top: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;min-height: 200px;}
.blog-section .blog-details .blog-content h4, .blog-slider .blog-details .blog-content h4{font-size: 20px;color: #444;font-weight: 600;line-height: 31px;}
.blog-section .blog-details .blog-content p, .blog-slider .blog-details .blog-content p{font-size: 16px;color: #333;font-weight: 400;margin: 0px 0px 0px 0px;line-height: 1.5;}
.blog-section .blog-btn, .blog-slider .blog-btn{margin: 0px 0px 0px 0px;position: relative;z-index: 1;overflow: hidden;}
.blog-section .blog-btn small{color:#44609A;font-size: 13px;font-weight: 500;letter-spacing: 2px;text-transform: uppercase; margin-bottom: 0; text-decoration: none;display: block;padding: 15px 35px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s;}
.blog-section .blog-content:hover small, .blog-slider .blog-btn a:hover{ color: #fff;}
.blog-section .blog-btn span, .blog-slider .blog-btn span { position: absolute; width: 50%; height: 100%; background-color: #9D98CA; transform: translateY(150%); border-radius: 50%; left: calc((var(--n) - 1) * 25%); transition: 0.5s; transition-delay: calc((var(--n) - 1) * 0.1s); z-index: -1;}  
.blog-section .blog-content:hover .blog-btn>span, .blog-slider .blog-btn:hover span { transform: translateY(0) scale(2);}
.blog-section .blog-btn span:nth-child(1), .blog-slider .blog-btn span:nth-child(1) { --n: 1;}
.blog-section .blog-btn span:nth-child(2), .blog-slider .blog-btn span:nth-child(2) { --n: 2;}
.blog-section .blog-btn span:nth-child(3), .blog-slider .blog-btn span:nth-child(3) { --n: 3;}
.blog-section .blog-btn span:nth-child(4), .blog-slider .blog-btn span:nth-child(4) { --n: 4;}


.blog-section .blog-details .service-content, .blog-slider .blog-details .service-content {
    padding: 20px 20px;
    /* border-top: 1px solid #D8D8D8; */
    border-bottom: 1px solid #D8D8D8;
    /* min-height: 200px; */
}
.blog-section .blog-details .service-content h4, .blog-slider .blog-details .service-content h4 {
    font-size: 20px;
    color: #444;
    font-weight: 600;
    line-height: 31px;
}


/* 10-10-2023 */

/* home page popup */ 
div#homePopup {
  top: 0;
  bottom: 0px;
  left: 0px;
  padding: 15px !important;
}  
div#homePopup .modal-dialog .modal-body {
  padding: 5px;
  border-radius: 0;
  display: flex;
    justify-content: center;
    align-items: center;
}
div#homePopup .modal-dialog .modal-header button.btn-close {
  position: absolute;
  cursor: pointer;
  right: -10px;
  top: -10px;
  background: #000000;
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  z-index: 2;
  opacity: 1;
  color: #ffffff;
  text-shadow: none;
  font-weight: lighter;
  line-height: 35px;
  border-radius: 50px;
  border: 2px solid #ffffff;
  display: flex;
    align-items: center;
    justify-content: center;
}
div#homePopup .modal-dialog .modal-header .btn-close:focus{
  box-shadow: none;
}
div#homePopup .modal-dialog .modal-header button.btn-close span {
  font-size: 24px;
}

div#homePopup.modal.show .modal-dialog {
  -webkit-transform: translate(0,0%);
  transform: translate(0,0%);
} 
#map-icon{
  bottom: 14%;
}
.book-appointment-black{
  top: 20%;
}
div#homePopup .modal-dialog .modal-header{padding:0px !important;}

/* ====== 27-10-2023 ======= */
 
div#homePopup .card {
  margin: 0 !important;
  border: none;
}
div#homePopup .card .blog-option span i {
  margin-right: 5px;
}
div#homePopup .card .card-body p {
  	white-space: pre-line;
	display: inline-block;
    color: #333;
}
 

/* ====== 30-10-2023 ======== */
div#homePopup::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
div#homePopup .modal-dialog {
  transition: -webkit-transform .4s ease-out;
  transition: transform .4s ease-out;
  transition: transform .4s ease-out,-webkit-transform .4s ease-out;
  -webkit-transform: translate(0,100%);
  transform: translate(0,100%);
  margin: 30px auto 30px;
  max-width: 900px;
  width: 100%;
  align-items: flex-start;
  /* max-height: 100%; */
  min-height: auto;
  /* padding-left: 15px; */
}

/* ====== archivement ===== */
/*section.archivement-top .card .card-title {
  font-size: 30px;
  margin-bottom: 0;
  font-weight: 600;
  padding: 15px 15px 8px 15px;
}
section.archivement-top .blog-option {
  padding-top: 0;
  padding: 0px 15px 5px 15px;
  text-align: center;
}
section.archivement-top .main-achievement-img img {
  box-shadow: 0px 0px 15px #00000024;
  border: 3px solid #ffffff;
  margin-bottom: 25px;
  width: 100%;
  object-fit: cover;
  max-width: 440px;
}

section.archivement-top .card-body p {
  white-space: pre-line;
}
section.archivement-top .card-body p:last-child {
  margin-bottom: 0;
}
section.archivement-top .card-body h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  margin-top: 24px;
}

section.archivement-top .blog-option span {
  color: #212529;
  font-weight: 400;
}
section.archivement-top .card-body {
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
}*/


/* ===== 30-10-2023 ==== */
.achievement-content {
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 50px 0px;
  position: relative;
}
.achievement_block {
  position: relative;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 10%);
  padding: 22px 25px;
  margin-bottom: 35px;
}
.achievement_block:last-child {
  margin-bottom: 0;
}
.achievement_block .achievement_img img {
  box-shadow: 0px 3px 10px rgb(0 0 0 / 12%);
  border: 3px solid #ffffff;
  width: 100%;
  object-fit: cover;
}
.achievement_title {
  position: relative;
  display: flex;
  gap: 30px 30px;
  padding: 18px 22px;
}

.achievement_date {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  background: linear-gradient(to right, rgba(68,97,154,1) 0%, rgba(117,111,168,1) 100%);
  padding: 7px;
}

.date_no {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
} 
.achievement_year {
  color: #ffffff;
  font-size: 26px;
  font-weight: 600;
}

span.achievement_month {
  font-size: 13px;
  letter-spacing: 0.5px;
}

.date_no:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #ffffff;
  right: 0;
}
/* === */
h3.achievement_title_name {
  color: #44609a;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 22px;
  border-bottom: 1px solid rgb(0 0 0 / 8%);
  line-height: 1.2;
  padding-bottom: 10px;
}
.achievement_details {
  position: relative;
  gap: 30px 30px;
  display: flex;
  /* flex-wrap: wrap; */
  align-content: flex-start;
  align-items: flex-start;
  min-height: 250px;
  justify-content: flex-start;
}
.achievement_img {
  position: relative;
  max-width: 25%;
  margin-top: 12px;
  width: 100%;
}

.achievement_content {
  position: relative;
  /* width: 70%; */
}

.achievement_text p {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 1.5;
}

.achievement_link {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  margin: 12px 0 15px 0;
}

.achievement_link a {
  color: #44609a;
}
ul.service-points.achievement_list {
  margin: 12px 0 15px 0;
}
.achievement_text {
  margin: 12px 0 15px;
  position: relative;
}
h4.achievement_sub_title {
  font-size: 20px;
  font-weight: 600;
  margin: 24px 0 12px 0;
}

/*====== 31-10-2023 home_model ======*/
div#homePopup .card h5.card-title {
    color: #44609a;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 8px;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    line-height: 1.2;
    text-align: left;
    padding: 8px 15px 15px 15px;
}
div#homePopup .card-body {
    padding-top: 8px;
}
div#homePopup .card .card-body .main-achievement-img img {
    margin: 10px 0 25px 0;
    max-width: 500px;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 12%);
    border: 3px solid #ffffff;
	width: 100%;
    object-fit: cover;
}
div#homePopup .main-achievement-img {
    text-align: center;
}
div#homePopup a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    margin: 7px 7px;
    max-width: fit-content;
    word-break: break-all;
    color: #44609a;
}
div#homePopup p a{    display: inline;}
div#homePopup a:hover {
    color: rgba(0,0,0,.7);
}
.achievement_img a {
    display: block;
    position: relative;
    overflow: hidden;
}

.achievement_img a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgb(68 97 154 / 82%) 0%, rgb(117 111 168 / 91%) 100%);
    transform: scale(2.5);
    transition: all ease 0.5s;
    opacity: 0;
}

.achievement_img a:after {
    content: '\f06e';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center;
    transform: translateY(106%) scale(2.5);
    font-size: 30px;
    font-family: 'FontAwesome';
    color: #fff;
    transition: all ease 0.5s;
    vertical-align: middle;
    opacity: 0;
}

.achievement_img a:hover::after {
    opacity: 1;
    transform: translateY(50%) scale(1.2);
}

.achievement_img a:hover:before {
    opacity: 1;
}

/* ===== 30-10-2023 ==== */
.achievement-content {
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 50px 0px;
  position: relative;
}
.achievement_block {
  position: relative;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 10%);
  padding: 22px 25px;
  margin-bottom: 35px;
}
.achievement_block:last-child {
  margin-bottom: 0;
}
.achievement_block .achievement_img img, .achievement_block .achievement_img iframe {
  box-shadow: 0px 3px 10px rgb(0 0 0 / 12%);
  border: 3px solid #ffffff;
  width: 100%;
  object-fit: cover;
  max-width: 350px;
}
h3.achievement_title_name {
  color: #44609a;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 22px;
  border-bottom: 1px solid rgb(0 0 0 / 8%);
  line-height: 1.2;
  padding-bottom: 10px;
}
.achievement_details {
  position: relative;
  gap: 30px 30px;
  display: flex; 
  align-content: flex-start;
  align-items: flex-start;
  min-height: 80px;
  justify-content: flex-start;
}
.achievement_img {
  position: relative;
  margin-top: 12px;
  min-width: 350px;
  width: 100%;
  max-width: fit-content;
}
.achievement_content {
  position: relative; 
}
.achievement_content p {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  line-height: 1.5;
  margin: 12px 0 12px;
  white-space: pre-line;
}
 
.achievement_content a {
  color: #44609a;
}
.achievement_content ul {
  margin: 12px 0 22px 0;
}
.achievement_text {
  margin: 12px 0 15px;
  position: relative;
}
.achievement_content h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 24px 0 12px 0;
}
.achievement_content ul li:before {
  content: "\f046";
  display: block;
  font-size: 14px;
  font-family: 'FontAwesome';
  color: #44609A;
  position: absolute;
  left: 0;
  margin: 3px 0px 0px 3px;
}
.achievement_content ul li {
  list-style-type: none;
  margin: 7px 0;
}
.achievement_content a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  margin: 7px 0;
  max-width: fit-content;
  word-break: break-all;
}
.achievement_content a:hover {
  color: rgba(0,0,0,.7);
}
.achievement_content p a {
  display: inline;
}


/*//////////////// 28-12-2023 ///////////////////*/
 @keyframes blink {
    0% {
      transform:scale3d(1,1,1);
      opacity: 0.8;
    }
    100% {
      transform:scale3d(1.1,1.3,1.1);
      opacity:0;
    }
  }
.top-part {margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;background: #f6f6f6;display: flex;justify-content: space-between;align-items: center;}
.top-left{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; padding-left: 10px; display: flex; align-items: center;}
.social-part { margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; position: relative;  /* border-right: 1px solid #ffffff29;  */ display: inline-block; }
.social-part li a {display: block;padding: 15px 12px;color: #333;transition: all ease 0.5s;transform: scale(1.1);font-size: 14px;}
.appointment-btn{margin: 0px 27px 0px 5px;padding: 5px 0px;position: relative;display: inline-block;}
.appointment-btn li{list-style: none;margin: 0px 0px;padding: 0px 0px; display: inline-block;}
.appointment-btn li:first-child{ margin-right: 3px;}
.appointment-btn li:first-child a{ background: #181818; color: #fff; }
.appointment-btn li a{font-size: 14px;color: #181818;text-decoration: none;padding: 6px 20px;font-weight: 600;display: flex;border-radius: 40px;transition: all ease 0.5s;background: #fff;position: relative;z-index: 1;border: 1px solid #181818;}
.appointment-btn li a:hover {background: #181818;color: #fff;}

.appointment-btn li:first-child a::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #181818; border-radius: 40px;
  animation-name: blink;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  // animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); z-index: -1;}
.callus {display: inline-block;margin: 0px 0px;padding: 9px 5px;}
.callus li {list-style: none;margin: 0px 0px;padding: 0px 0px;color: #333; font-weight: 600; font-size: 15px;}
.callus li a {color: #333;text-decoration: none;padding: 15px 0px;font-size: 15px;white-space: nowrap; font-weight: 600;}
.header-menu .navbar {margin: 0px 0px;padding: 0px 0px;position: relative;flex-wrap: nowrap;}
.header-menu .navbar button.nav-tgl {border: none;background: no-repeat;min-height: 35px;/* position: absolute; */top: -60px;left: 0px;margin: 0px 12px;}
.header-menu .navbar-nav .nav-link {margin: 0px 0px 0px 0px;padding: 14px 24px 21px;display: block;color: #000;font-size: 15px;font-weight: 600;text-transform: uppercase;transition: all ease 0.3s;position: relative;}
#nav-icon2 {/* display: none; */width: 36px;height: 15px;position: relative;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon2 span {display: block;position: absolute;height: 3px;width: 50%;background: #838383;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

/* NEW UPDATION 15.12.2023 */
ul.top-nav {
  margin: 18px 0px 4px 0px;
  padding: 0px 0px;
  position: relative;
}
ul.top-nav li {
  display: inline-block; list-style: none;
}
ul.top-nav li a {
  padding: 1px 15px;
  color: #333;
  font-size: 14px;
  display: block;
  font-weight: 500;
  text-decoration: none;
  border-right: solid 1px #cbcbcb;
}
ul.top-nav li:last-child a{border-right: none; }

.consultation-data{ margin: 0px 0px; padding: 0px 0px;}
.consultation-data .offcanvas{height: 100%;border-bottom: none;}
.btn-close{ position: absolute; right: 20px; top: 10px;}
.consultation-data .offcanvas-body{padding: 0px 0px;background-color: #ebf2f9;overflow: hidden;overflow-y: auto;}
.consult-data{width: 100%;height: 100%;padding: 50px 50px;position: relative;z-index: 1;background: #445b96;overflow: hidden;}
.consult-data h2{ font-size: 55px; color: #fff; font-weight: 600;}
.consult-data h6{ font-size: 35px; color: #fff; font-weight: 600;}
.consultant-img{max-width: 750px;margin: 56px auto 48px auto;padding: 0px 0px;position: relative;margin-bottom: 1vw;}
.consult-data::after{top: 0;left: 0;content: '';width: 100%;height: 100%;padding: 50px 50px;position: absolute;z-index: -1;mix-blend-mode: soft-light;background-size: cover;background-position: center;}

/* .consultation-form{ max-width: 750px; margin: 0px auto; padding: 50px 50px;}
.consultation-form select{font-size: 15px;color: #201e1e;padding: 12px 16px;width: 100%;height: 52px;border: 1px solid #ccc;outline: none;box-shadow: none;border-radius: 4px;}
.consultation-form h2{font-size: 35px;color: #000;font-weight: 600;margin: 0px 0px 20px 0px;}
.consultation-form .form-group{ margin: 0px 0px 0px 0px; padding: 0px 0px;}
.consultation-form input.form-control, .consultation-form textarea{font-size: 15px;color: #201e1e;padding: 12px 16px;width: 100%;height: 52px;border: 1px solid #ccc;outline: none;box-shadow: none;border-radius: 4px;}
.consultation-form textarea{resize: none;height: 86px;margin-bottom: -6px;} */

.consultation-form{max-width: 840px;margin: 32px auto;padding: 24px 42px 36px 42px;background: #fff;border-radius: 8px;position: relative;box-shadow: 0px 0px 42px rgb(0 0 0 / 10%);}
.consultation-form h2{font-size: 35px;color: #000;font-weight: 600;margin: 0px 0px 20px 0px;} 

.consultation-form .form-group{margin: 0px 0px 0px 0px;position: relative;width: 100%;}
.consultation-form .form-group>label{display: inline-block;font-size: 14px;color: #444;font-weight: 500;position: relative;top: 12px;padding: 0px 10px;left: 10px;z-index: 11;background: #fff;}
.consultation-form .form-group input.form-control{padding: 15px 25px 15px 20px;font-size: 15px;color: #444;height: 50px;border: 1px solid #ccc !important;box-shadow: none;width: 100%;outline: none;}
.consultation-form .form-group textarea{padding: 15px 25px 15px 20px;font-size: 15px;color: #444;height: 100px;border: 1px solid #ccc !important;border:none;width: 100%;outline: none;resize: none;border-radius: 0.25rem;}
.consultation-form .form-group select{padding: 15px 25px 10px 20px;font-size: 15px;color: #444;height: 50px;border: 1px solid #ccc !important;border:none;width: 100%;outline: none;border-radius: 0.25rem;}
.consultation-form .form-group input::placeholder, .consultation-form .form-group textarea::placeholder, .consultation-form .form-group select::placeholder{ color: #ccc; font-size: 12px;}
.consultation-form .form-group select option:disabled { color: #ccc; font-size: 12px;}
.consultation-form .input-group { display: table; border-collapse: separate; }
.consultation-form .input-group input {display: table-cell;width: 100%;border-radius: 0;}
.consultation-form .input-group input:focus{ outline: none; box-shadow: none; }
.consultation-form .input-group span.input-group-btn { display: table-cell; vertical-align: middle; }
.consultation-form .form-group p{ white-space: pre-line; font-size: 17px;}

.consultation-form  select {
  -webkit-appearance: none;
  appearance: none;
  background: inherit;
  background-image: linear-gradient(45deg, transparent 50%, grey 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc0, #ccc0);
  background-position: calc(100% - 20px) calc(1em + 7px),
    calc(100% - 15px) calc(1em + 7px),
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.grayselect {
  color: #ccc !important; font-size: 12px !important; 
}

.blackselect {
  color: #444 !important;
} 

.form-checkbox .form-check-input:focus{box-shadow: none; }
.form-checkbox label.form-check-label {
  font-size: 12px;
  color: #ccc;
}
.form-checkbox .form-check-input {
  width: 13px;
  height: 13px;
  margin-top: 7px;
}
.form-checkbox .form-check-input:checked[type=radio]+.form-check-label{font-size: 15px; color: #444; }
.form-checkbox .form-check-input:checked[type=radio] {
  width: 15px;
  height: 15px;
  margin-top: 6px;
}

.consultation-form .form-checkbox {
  border: solid 1px #ccc;
  height: 50px;
  border-radius: 4px;
  padding: 12px 16px;
  background: white;
}
.consultation-form .submit{padding: 15px 64px;border-radius: 5px;}

.close-container {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 2px;
  right: -7px;
  cursor: pointer;
  z-index: 7;
}

.close-container .leftright {
  height: 3px;
  width: 32px;
  position: absolute;
  margin-top: 24px;
  background-color: #35679f;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in;
}

.close-container .rightleft {
  height: 3px;
  width: 32px;
  position: absolute;
  margin-top: 24px;
  background-color: #35679f;
  border-radius: 2px;
  transform: rotate(-45deg);
  transition: all 0.3s ease-in;
}

.close-container .close {
  color: #444444;
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.3s ease-in;
  opacity: 0;
  margin: 44px 0 0 0px;
  position: absolute;
}

.close-container:hover .leftright {
  transform: rotate(-45deg);
  background-color: #44619a;
}

.close-container:hover .rightleft {
  transform: rotate(45deg);
  background-color: #44619a;
}

.close-container:hover .close {
  opacity: 1;
}
.navbar-brand{margin-right: 0; }
.header-menu .navbar-nav li:first-child .nav-link, ul.top-nav li:first-child a {
  padding-left: 0;
}
#field, #bookfield {
  text-align: right;
  margin-bottom: -22px;
}
#field button.btn, #bookfield button.btn {
  margin-top: -78px;
  box-shadow: none;
  font-size: 26px;
  color: #333;
}
#field .remove-me+.form-control {margin-top: -12px; }
#field input[type="date"]::-webkit-inner-spin-button,
#field input[type="date"]::-webkit-calendar-picker-indicator,
#field input[type="time"]::-webkit-inner-spin-button,
#field input[type="time"]::-webkit-calendar-picker-indicator  {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}


/*----------------------------------------------------09-01-2024---------------------------------------------------------------------------*/

.bdr-dashed {
  border-right: 1px dashed #adadadbf;
}
button.dropdown-toggle.btn{display: none;}
.megamenu .nav,.megamenu .collapse,.megamenu .dropup,.megamenu .dropdown {
  position: static;
}

/* 37  */
.megamenu .dropdown-menu {
  left: auto;
}

/* 38  */
.megamenu .megamenu-content {
  margin: 0px 0px 0px 0px;
}

/* 39  */
.megamenu-list {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
}

/* 40  */
.megamenu-list li {
  list-style: none;
  margin: 0px 0px;
  border-bottom: 1px dashed #d3d3d3;
}

/* 41  */
.megamenu-list li:last-child {
  border: none;
}

/* 42  */
.megamenu-list li a {
  padding: 12px 15px;
  font-size: 15px;
  color: #444;
  font-weight: 500;
  display: block;
  position: relative;
  transition: all ease 0.5s; text-decoration: none;
}

/* 43  */
.megamenu-list li a::before {
  content: "\f101";
  font-family: 'FontAwesome';
  display: block;
  position: absolute;
  left: 0px;
  font-size: 15px;
  color: #35679f;
  top: 13px;
  opacity: .075;
  transition: all ease 0.5s;
  transform: scale(1.5);
}

/* 44  */
.megamenu-list li a:hover {
  transform: translateX(10px);
}

/* 45  */
.megamenu-list li a:hover::before {
  opacity: 1;
  transform: scale(1);
}

.service-listening{ margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative;}
.service-listening p{ font-size: 16px;color: #333;font-weight: 400;line-height: 1.6;margin: 0px 0px 25px 0px;}
.services-data{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.service-list{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative;}
.service-list a{ display: block; position: absolute; width: 100%; height: 100%; z-index: 11;}
.serve-img{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; transition: all ease 0.5s;  overflow: hidden; border-radius: 15px; z-index: 1;}
.serve-img::before{ content: ''; display: block; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.55); border-radius: 15px; transition: all ease 0.5s; opacity: 0; z-index: 1;}
.serve-img::after{content: 'View More';padding: 10px 0px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 14px;text-transform: uppercase;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;display: inline-table;color: #fff;z-index: 1;width: 120px;opacity: 0;transition: all ease 0.5s;text-align: center;}
.serve-img img{ margin: 0px 0px 0px 0px; border-radius: 15px; transition: all ease 0.7s; min-height:265px; max-height:265px; width:100%; object-fit:cover; }
.service-list h3{ font-size: 18px; color: #181818;}
.service-list:hover img{ transform: scale(1.1); }
.service-list:hover .serve-img::before{ opacity: 1;}
.service-list:hover .serve-img::after{ opacity: 1;}




#inquiry-part{ margin: 0px 0px; padding: 70px 0px; position: relative; background: #f5f5f5;}
.inquiry-text{ position: sticky; top: 0; margin: 0px 0px; padding:25px 25px; text-align: left; border: 1px solid #e6e8f0; box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.05);}
.inquiry-text h3{ font-size: 22px; color: #445b96 !important; font-weight: 600; text-transform: uppercase; margin: 0px 0px 15px 0px; padding: 0px 0px;}

.inquiry-form .form-group{ margin: 0px 0px 15px 0px; padding: 0px 0px; position: relative;}
.inquiry-form input{ width: 100%; height: 50px; padding: 10px 15px; font-size: 15px; color: #666; font-weight: 500; border: 1px solid #e6e8f0; outline: none; box-shadow: none !important;}
.inquiry-form textarea{ width: 100%; height: 100px; padding: 10px 15px; font-size: 15px; color: #666; font-weight: 500; border: 1px solid #e6e8f0; outline: none; resize: none;}
.inquiry-form input::placeholder, .inquiry-form textarea::placeholder{ font-size: 14px; font-weight: 400; color: #ccc;}
.inquiry-form .book-now{ padding: 12px 25px; display: inline-block; font-size: 15px; color: #fff; font-weight: 600; background: #000; border: none; border-radius: 5px; transition: all ease 0.5s;}
.inquiry-form .book-now:hover{ background: #44609A;}
.inquiry-form .form-checkbox .form-check-input:focus{box-shadow: none; }
.inquiry-form .form-checkbox label.form-check-label {font-size: 15px;color: #ccc;}
.inquiry-form .form-checkbox .form-check-input {width: 16px;height: 16px;margin-top: 5px; padding: 0px 0px;}
.inquiry-form .form-checkbox .form-check-input:checked[type=radio]+.form-check-label,.inquiry-form .form-checkbox input:checked[type=radio]+.wpcf7-list-item-label{font-size: 15px; color: #444; }
.inquiry-form .form-checkbox .form-check-input:checked[type=radio] {width: 15px;height: 15px;margin-top: 6px;}
.inquiry-form .consultation-form .form-checkbox {border: solid 1px #ccc;height: 50px;border-radius: 4px;padding: 12px 16px;background: white;}


/* August 07,2025 */
#src-section { background: #F6F6F6; padding: 70px 0px 0px 0px; margin: 0px 0px;}
.src-data{ margin: 0px 0px 20px 0px; padding: 0px 0px 35px 0px; position: relative;}
.src-data small { font-size: 15px; color: #44609A; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin: 0px 0px 10px 0px; display: inline-block;}
.src-data h2 { font-size: 35px; font-weight: 600; color: #333; line-height: 44px; margin: 0px 0px 25px 0px; text-align: left;}
.src-seal {text-align: center;padding: 35px 35px;height: 100%;position: relative;z-index: 1;max-width: 350px;margin: 0 auto;}
.src-seal::before{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: #fff;z-index: -1;border-radius: 200px 200px 0 0;}

/* 24-12-2025 */
.blog-section .blog-details .media-content{padding: 20px 20px;border-top: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;}
.blog-section .blog-details .media-content h4{font-size: 20px;color: #444;font-weight: 600;line-height: 31px;}

.blog-section .blog-img img+img {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 98px;
    height: auto;
    z-index: 2;
    min-height: auto;
    max-height: none;
}
.blog-section .blog-img  {
    position: relative;
}