* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Lato", sans-serif;
}



/* header */
header { position: unset; left: 0; right: 0; top: 0; z-index: 99; }
header .header-top{background:linear-gradient(90deg,#054f5c 0%,#087d90 55%,#0a9db3 100%);padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12)}
header .header-top .top-info li,header .header-top .top-info li a{color:#fff;font-size:13px;text-decoration:none}
header .header-top .top-info li a:hover { color: #b8f0f9; }
header .header-top .top-info li:last-child a{display:inline-flex;align-items:center;justify-content:center;height:28px;width:28px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);transition:.3s;font-size:12px}
header .header-top .top-info li:last-child a:hover{background:rgba(255,255,255,.25);border-color:#fff;transform:translateY(-2px)}
#myHeader { background: #fff; box-shadow: 0 2px 16px rgba(0,0,0,0.08); }
#myHeader .headermn .navbar { padding: 13px 0 !important; }
#myHeader .headermn .navbar .navbar-brand { width: 20%; }
#myHeader .nav-link{color:#1c1c1c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;position:relative;padding:4px 0!important;transition:color .3s}
#myHeader .nav-link::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:#087d90;border-radius:2px;transition:width .3s ease}
#myHeader .nav-link:hover { color: #087d90; }
#myHeader .nav-link:hover::after { width: 100%; }
#myHeader .navbar-nav { gap: 32px; position: relative; align-items: center; }
#myHeader .navbar-toggler{border:none;color:#087d90;font-size:26px;border-radius:0}
#myHeader .navbar-toggler:focus { box-shadow: none; }
#myHeader .offcanvas-title img { width: 34%; }
#myHeader .navbar .whatsapp li a{display:inline-flex;align-items:center;gap:8px;padding:9px 22px;background:#e63946;color:#fff;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:.3s;box-shadow:0 4px 12px rgba(8,125,144,.35);border:none}
#myHeader .navbar .whatsapp li a:hover{background:#065f6e;transform:translateY(-2px);box-shadow:0 6px 18px rgba(8,125,144,.45);color:#fff}
header .dropdown-menu{border-radius:6px;border:0;padding:10px 0;box-shadow:0 8px 24px rgba(0,0,0,.1)}
header .dropdown-menu li .dropdown-item{padding:8px 20px;font-size:14px;font-weight:500}
header .dropdown-menu li .dropdown-item:hover{background-color:#087d90;color:#fff}
.sticky{position:fixed!important;top:0;left:0;right:0;z-index:999;background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.12);animation:slideDown .4s ease-out}
.sticky .headermn .navbar .navbar-brand { width: 20%; }
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}



/* slider */
#slider{position:relative;overflow:hidden}
#slider .owl-item img{width:100%;height:100vh;object-fit:cover;display:block;transition:transform 6s ease}
#slider .owl-item.active img{transform:scale(1.04)}
#slider button.owl-prev,#slider button.owl-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background-color:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.25);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .35s ease;padding:0;line-height:1}
#slider button.owl-prev { left: 20px; }
#slider button.owl-next { right: 20px; }
#slider button.owl-prev:hover,#slider button.owl-next:hover{background-color:#087d90;border-color:#087d90;transform:translateY(-50%) scale(1.08)}
#slider button.owl-prev span,#slider button.owl-next span{position:relative;bottom:0;line-height:1}
#slider::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,transparent,#087d90,transparent);z-index:5;pointer-events:none}
#slider .owl-theme .owl-dots .owl-dot{display:none}



/* about-sec */
#about-sec {padding:90px 0;background:#f8fbff;font-family:'Segoe UI',sans-serif;position:relative;overflow:hidden}
#about-sec::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(8,125,144,.07) 0%,transparent 70%);pointer-events:none}
#about-sec .about-sec__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#087d90;background-color:rgba(8,125,144,.10);border:1px solid rgba(8,125,144,.30);padding:5px 16px;border-radius:50px;margin-bottom:20px}
#about-sec .about-sec__body h2{font-size:clamp(26px,4vw,36px);font-weight:700;color:#087d90;margin-bottom:24px;line-height:1.25;position:relative;padding-bottom:16px}
#about-sec .about-sec__body h2::after{content:'';width:56px;height:4px;background:linear-gradient(to right,#e63946,#087d90);position:absolute;bottom:0;left:0;border-radius:10px}
#about-sec .about-sec__body p{font-size:15px;color:#555;line-height:1.85;margin-bottom:14px}
#about-sec .about-sec__body h4{font-size:16px;font-weight:600;color:#087d90;margin-bottom:10px}
#about-sec .about-sec__body ul{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:10px}
#about-sec .about-sec__body ul li{display:flex;align-items:center;gap:12px;font-size:15px;color:#444;font-weight:500;background-color:#fff;border:1px solid rgba(8,125,144,.15);padding:11px 16px;border-radius:10px;transition:all .30s ease}
#about-sec .about-sec__body ul li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;font-size:11px;color:#087d90;background-color:rgba(8,125,144,.12);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#about-sec .about-sec__body ul li:hover{border-color:#087d90;background-color:#edf7f9;transform:translateX(5px)}
#about-sec .about-sec__btn.red-btn{display:inline-flex;align-items:center;padding:12px 30px;background:#e63946;color:#fff;font-weight:600;border-radius:50px;text-decoration:none;transition:all .35s ease;margin-top:20px;font-size:15px;box-shadow:0 6px 20px rgba(230,57,70,.30)}
#about-sec .about-sec__btn.red-btn:hover{background:#c1121f;transform:translateY(-3px);box-shadow:0 10px 28px rgba(230,57,70,.35)}
#about-sec .about-sec__imgs.imgs{position:relative;text-align:center}
#about-sec .about-sec__imgs.imgs img{width:100%;max-width:420px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.13);transition:transform .45s ease;position:relative;z-index:2}
#about-sec .about-sec__imgs.imgs img:hover{transform:scale(1.03)}
#about-sec .about-sec__img-border{position:absolute;bottom:-16px;right:calc(50% - 226px);width:420px;height:calc(100% - 0px);border:3px solid #087d90;border-radius:20px;z-index:1;opacity:.25;pointer-events:none}
#about-sec .about-sec__img-dots{position:absolute;top:-20px;left:calc(50% - 230px);width:90px;height:90px;background-image:radial-gradient(#087d90 1.5px,transparent 1.5px);background-size:14px 14px;opacity:.25;z-index:0;pointer-events:none}
#about-sec .about-sec__badge{position:absolute;bottom:24px;right:calc(50% - 230px);z-index:5;background-color:#e63946;color:#fff;padding:10px 18px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;box-shadow:0 6px 20px rgba(230,57,70,.40)}


/* service */
#service{padding:90px 0;background:#f8fbff}
#service .service__header{text-align:center;margin-bottom:52px}
#service .service__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#087d90;background-color:rgba(8,125,144,.08);border:1px solid rgba(8,125,144,.25);padding:5px 18px;border-radius:50px;margin-bottom:14px}
#service .service__heading{font-size:clamp(26px,4vw,38px);font-weight:800;color:#0a2a5e;line-height:1.2;margin:0 0 12px}
#service .service__heading span{color:#e63946}
#service .service__subtext{font-size:15px;color:#888;max-width:460px;margin:0 auto;line-height:1.7}
#service .iner.service__card{background-color:#fff;height:100%;transition:all .35s ease;position:relative;overflow:hidden;border:1px solid #ff00005c;border-radius:20px}
#service .service__top{position:relative;overflow:hidden}
#service .imgs.service__img-wrap{overflow:hidden;height:230px}
#service .imgs.service__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
#service .iner.service__card:hover .imgs.service__img-wrap img{transform:scale(1.06)}
#service .service__number{position:absolute;bottom:-14px;left:24px;width:44px;height:44px;border-radius:10px;background-color:#087d90;color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(8,125,144,.40);z-index:2;transition:background-color .35s ease}
#service .iner.service__card:hover .service__number{background-color:#e63946}
#service .conteint.service__body{padding:28px 15px 10px;text-align:left}
#service .conteint.service__body h3{font-size:18px;font-weight:700;color:#238593;margin-bottom:10px;transition:color .3s ease}
#service .iner.service__card:hover .conteint.service__body h3{color:#087d90}
#service .conteint.service__body .text{font-size:14px;color:#777;line-height:1.80;margin-bottom:18px}
#service .read-more.service__btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#e63946;text-decoration:none;letter-spacing:.3px;transition:gap .3s ease,color .3s ease}
#service .read-more.service__btn i{font-size:11px;transition:transform .3s ease}
#service .read-more.service__btn:hover{color:#087d90;gap:14px}
#service .read-more.service__btn:hover i{transform:translateX(4px)}


/* ve-proved-sec */
#ve-proved-sec{background-image:url(../images/ve-proved-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:80px 0;position:relative;z-index:1;overflow:hidden}
#ve-proved-sec::before{position:absolute;content:'';left:0;right:0;top:0;bottom:0;background:linear-gradient(120deg,rgba(6,95,110,.94) 0%,rgba(8,125,144,.88) 100%);z-index:-1}
#ve-proved-sec .ve-proved__ecg-wrap{position:absolute;bottom:0;left:0;width:100%;height:102px;pointer-events:none;z-index:0}
#ve-proved-sec .ve-proved__ecg{position:absolute;bottom:0;left:0;width:100%;height:102px}
#ve-proved-sec .ve-proved__ecg--1 { opacity: 0.22; }
#ve-proved-sec .ve-proved__ecg-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:veCTAecg 3.2s ease-in-out infinite}
#ve-proved-sec .ve-proved__ecg-path--delay{animation-delay:1.6s}
@keyframes veCTAecg{0%{stroke-dashoffset:1200;opacity:0}8%{opacity:1}62%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
#ve-proved-sec .container{position:relative;z-index:1}
#ve-proved-sec .content.ve-proved__left{text-align:left}
#ve-proved-sec .ve-proved__top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
#ve-proved-sec .ve-proved__pulse-icon{width:52px;height:52px;border-radius:50%;background-color:rgba(230,57,70,.18);border:2px solid rgba(230,57,70,.40);color:#e63946;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:vePulse 1.6s ease-in-out infinite}
@keyframes vePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(230,57,70,.45)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(230,57,70,0)}}
#ve-proved-sec .ve-proved__tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#e63946;background-color:rgba(230,57,70,.14);border:1px solid rgba(230,57,70,.35);padding:5px 14px;border-radius:50px}
#ve-proved-sec .content h3{font-size:clamp(20px,3.5vw,32px);font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3;letter-spacing:-.3px}
#ve-proved-sec .content .text{color:rgba(255,255,255,.75);font-size:15px;font-weight:400;margin-bottom:0;line-height:1.7}
#ve-proved-sec .ve-proved__phone{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);transition:border-color .3s ease}
#ve-proved-sec .ve-proved__phone:hover{border-bottom-color:#fff}
#ve-proved-sec .read-more.ve-proved__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background-color:#e63946;color:#fff;font-size:15px;font-weight:600;border-radius:50px;text-decoration:none;border:2px solid #e63946;box-shadow:0 6px 22px rgba(230,57,70,.40);transition:all .35s ease;margin-bottom:12px}
#ve-proved-sec .read-more.ve-proved__btn:hover{background-color:transparent;color:#fff;box-shadow:none;transform:translateY(-2px)}
#ve-proved-sec .ve-proved__call-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background-color:transparent;color:#fff;font-size:15px;font-weight:600;border-radius:50px;text-decoration:none;border:2px solid rgba(255,255,255,.45);transition:all .35s ease;margin-left:12px}
#ve-proved-sec .ve-proved__call-btn:hover{background-color:#fff;color:#087d90;border-color:#fff;transform:translateY(-2px)}



/* gallery */
#gallery{background-color:#f8fbff;padding:90px 0 70px;overflow:hidden}
#gallery .gallery__header{text-align:center;margin-bottom:50px}
#gallery .gallery__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#087d90;background-color:rgba(8,125,144,.10);border:1px solid rgba(8,125,144,.28);padding:5px 18px;border-radius:50px;margin-bottom:14px}
#gallery h2{font-size:clamp(26px,4vw,38px);font-weight:800;color:#0a2a5e;text-align:center;margin-bottom:12px;letter-spacing:-.3px}
#gallery h2 span{color:#087d90}
#gallery .gallery__subtext{font-size:15px;color:#888;max-width:460px;margin:0 auto;line-height:1.7}
#gallery .img-wrapper.gallery__card{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-top:0;background-color:#000}
#gallery .img-wrapper.gallery__card img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .5s ease,opacity .5s ease}
#gallery .img-wrapper.gallery__card:hover img{transform:scale(1.07);opacity:.75}
#gallery .img-overlay.gallery__overlay{background:linear-gradient(to top,rgba(8,125,144,.80) 0%,rgba(10,42,94,.40) 100%);width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease}
#gallery .img-wrapper.gallery__card:hover .img-overlay.gallery__overlay{opacity:1}
#gallery .gallery__plus{width:52px;height:52px;border-radius:50%;background-color:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.70);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transform:scale(.6) rotate(-45deg);transition:transform .4s ease}
#gallery .img-wrapper.gallery__card:hover .gallery__plus{transform:scale(1) rotate(0deg)}
#overlay{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#overlay img{margin:0;width:80%;height:auto;object-fit:contain;padding:5%}
@media screen and (min-width:768px){#overlay img{width:60%}}
#nextButton i{color:#fff;font-size:2em;transition:opacity .8s}
#nextButton:hover { opacity: 1; }
#prevButton i{color:#fff;font-size:2em;transition:opacity .8s}
#prevButton:hover { opacity: 0.7; }
#exitButton i{color:#fff;font-size:2em;transition:opacity .8s;position:absolute;top:15px;right:15px}
#exitButton:hover { opacity: 0.7; }




/* counter  */
#counter{background:linear-gradient(135deg,#065f6e 0%,#087d90 50%,#096b7d 100%);background-attachment:fixed;padding:80px 0;position:relative;overflow:hidden}
#counter::before{content:'';position:absolute;top:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none}
#counter .counter__wave{position:absolute;bottom:0;left:0;width:200%;height:227px;background-repeat:repeat-x;background-size:348px 102px;pointer-events:none;z-index:0}
#counter .counter__wave--solid{background-image:url("data:image/svg+xml,%3Csvg width='348' height='102' viewBox='0 0 348 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00001 57.2888H65.2408C65.4499 57.2888 65.6347 57.4247 65.697 57.6241L71.0736 74.8752C71.22 75.3451 71.8967 75.3126 71.9974 74.8308L81.5093 29.3108C81.6141 28.8095 82.3285 28.8028 82.4427 29.3021L88.5906 56.1739C88.6852 56.5871 89.2321 56.6812 89.4596 56.3233L91.3957 53.2782C91.5973 52.9612 92.0698 52.9903 92.2307 53.3298L95.1285 59.4394C95.3244 59.8524 95.9335 59.7806 96.0277 59.3334L98.6735 46.7822C98.7817 46.2689 99.5194 46.2805 99.6114 46.797L105.454 79.6196C105.551 80.1667 106.348 80.1339 106.4 79.5807L111.866 21.4823C111.915 20.9587 112.652 20.8882 112.8 21.3928L123.194 56.8377C123.254 57.0413 123.441 57.1812 123.654 57.1807L193.828 57.0242C194.014 57.0238 194.183 56.9151 194.261 56.7457L195.656 53.7035C195.85 53.28 196.475 53.357 196.56 53.8151L198.646 65.0308C198.741 65.5439 199.474 65.5536 199.582 65.0432C200.996 58.4133 204.935 39.9599 205.112 39.431C205.285 38.9139 209.332 58.5745 210.93 66.3926C211.04 66.9299 211.822 66.8873 211.874 66.3412L212.808 56.4762C212.859 55.9406 213.62 55.8848 213.748 56.4074C214.658 60.1317 216.275 66.5167 217.169 68.6755C218.261 71.3105 223.658 18.0082 225.304 1.42971C225.361 .855903 226.199 .85717 226.255 1.43107L235.939 100.569C235.994 101.132 236.81 101.149 236.888 100.589L245.919 35.6883C245.99 35.1755 246.714 35.1274 246.852 35.6262L254.225 62.1355C254.364 62.6354 255.09 62.5858 255.159 62.0716L257.16 47.2521C257.227 46.7525 257.924 46.6852 258.086 47.1627L261.197 56.3275C261.263 56.5211 261.445 56.6514 261.649 56.6514H347' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");opacity:.28;animation:waveScroll 6s linear infinite reverse}
#counter .counter__wave--faded{background-image:url("data:image/svg+xml,%3Csvg width='348' height='102' viewBox='0 0 348 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00001 57.2888H65.2408C65.4499 57.2888 65.6347 57.4247 65.697 57.6241L71.0736 74.8752C71.22 75.3451 71.8967 75.3126 71.9974 74.8308L81.5093 29.3108C81.6141 28.8095 82.3285 28.8028 82.4427 29.3021L88.5906 56.1739C88.6852 56.5871 89.2321 56.6812 89.4596 56.3233L91.3957 53.2782C91.5973 52.9612 92.0698 52.9903 92.2307 53.3298L95.1285 59.4394C95.3244 59.8524 95.9335 59.7806 96.0277 59.3334L98.6735 46.7822C98.7817 46.2689 99.5194 46.2805 99.6114 46.797L105.454 79.6196C105.551 80.1667 106.348 80.1339 106.4 79.5807L111.866 21.4823C111.915 20.9587 112.652 20.8882 112.8 21.3928L123.194 56.8377C123.254 57.0413 123.441 57.1812 123.654 57.1807L193.828 57.0242C194.014 57.0238 194.183 56.9151 194.261 56.7457L195.656 53.7035C195.85 53.28 196.475 53.357 196.56 53.8151L198.646 65.0308C198.741 65.5439 199.474 65.5536 199.582 65.0432C200.996 58.4133 204.935 39.9599 205.112 39.431C205.285 38.9139 209.332 58.5745 210.93 66.3926C211.04 66.9299 211.822 66.8873 211.874 66.3412L212.808 56.4762C212.859 55.9406 213.62 55.8848 213.748 56.4074C214.658 60.1317 216.275 66.5167 217.169 68.6755C218.261 71.3105 223.658 18.0082 225.304 1.42971C225.361 .855903 226.199 .85717 226.255 1.43107L235.939 100.569C235.994 101.132 236.81 101.149 236.888 100.589L245.919 35.6883C245.99 35.1755 246.714 35.1274 246.852 35.6262L254.225 62.1355C254.364 62.6354 255.09 62.5858 255.159 62.0716L257.16 47.2521C257.227 46.7525 257.924 46.6852 258.086 47.1627L261.197 56.3275C261.263 56.5211 261.445 56.6514 261.649 56.6514H347' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");opacity:.10;bottom:14px;animation:waveScroll 10s linear infinite}
@keyframes waveScroll{0%{transform:translateX(0)}100%{transform:translateX(-348px)}}
#counter .container{position:relative;z-index:1}
#counter .counter__item{text-align:center;padding:36px 20px;border-radius:16px;background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px);transition:all .35s ease;position:relative;overflow:hidden}
#counter .counter__item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,#e63946,transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
#counter .counter__item:hover{background-color:rgba(255,255,255,.12);transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.20)}
#counter .counter__item:hover::after{transform:scaleX(1)}
#counter .counter__icon{width:64px;height:64px;border-radius:50%;background-color:rgba(230,57,70,.15);border:2px solid rgba(230,57,70,.30);color:#e63946;font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:all .35s ease}
#counter .counter__item:hover .counter__icon{background-color:#e63946;border-color:#e63946;color:#fff;transform:scale(1.10) rotate(5deg)}
#counter .counter__number{font-size:clamp(32px,5vw,46px);font-weight:800;color:#fff;margin-bottom:8px;line-height:1;letter-spacing:-1px}
#counter .counter__suffix{font-size:.65em;font-weight:700;color:#e63946;vertical-align:super}
#counter .counter__label{font-size:14px;font-weight:500;color:rgba(255,255,255,.70);letter-spacing:.5px;text-transform:uppercase;margin:0}
#counter .col-md-3:not(:last-child) .counter__item::before{content:'';position:absolute;right:-1px;top:20%;height:60%;width:1px;background:rgba(255,255,255,.12)}



/* testimonial */
#testimonial{padding:90px 0 70px;background-color:#f8fbff;overflow:hidden}
#testimonial .testi__header{text-align:center;margin-bottom:50px}
#testimonial .testi__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#087d90;background-color:rgba(8,125,144,.10);border:1px solid rgba(8,125,144,.28);padding:5px 18px;border-radius:50px;margin-bottom:14px}
#testimonial h2{font-size:clamp(26px,4vw,36px);font-weight:800;color:#0a2a5e;margin-bottom:10px;letter-spacing:-.3px}
#testimonial h2 span{color:#087d90}
#testimonial .testi__subtext{font-size:15px;color:#888;max-width:440px;margin:0 auto;line-height:1.7}
#testimonial .testi__row{background-color:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(8,125,144,.10);overflow:hidden}
#testimonial .iner.testi__left{background:linear-gradient(160deg,#065f6e 0%,#087d90 100%);padding:40px 24px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
#testimonial .testi__google{width:100px;margin-bottom:6px;filter:brightness(0) invert(1)}
#testimonial .testi__stars-main{margin:0}
#testimonial .testi__stars-main li{font-size:20px;color:#f4c430}
#testimonial .testi__rating-num{font-size:42px;font-weight:800;color:#fff;line-height:1;margin:4px 0}
#testimonial .testi__excellent{font-size:13px;font-weight:700;letter-spacing:3px;color:rgba(255,255,255,.90);margin:0}
#testimonial .testi__based{font-size:13px;color:rgba(255,255,255,.60);margin:0}
#testimonial .testi__write-btn{display:inline-flex;align-items:center;margin-top:8px;padding:10px 20px;border-radius:50px;background-color:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.35);color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s ease}
#testimonial .testi__write-btn:hover{background-color:#fff;color:#087d90}
#testimonial .testi__right{padding:30px 24px}
#testimonial .testi__card{background-color:#f8fbff;border:1px solid #e4eef5;border-radius:14px;padding:22px 20px 20px;height:290px;overflow-y:visible;display:flex;flex-direction:column;gap:10px;transition:box-shadow .3s ease,border-color .3s ease;position:relative}
#testimonial .testi__card:hover{border-color:#087d90;box-shadow:0 6px 24px rgba(8,125,144,.12)}
#testimonial .testi__quote{position:absolute;top:14px;right:16px;font-size:22px;color:rgba(8,125,144,.12)}
#testimonial .testi__card-stars{margin:0}
#testimonial .testi__card-stars li{font-size:13px;color:#f4c430}
#testimonial p{font-size:13.5px;color:#555;line-height:1.75;margin:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#087d90 #e4eef5}
#testimonial .testi__card::-webkit-scrollbar { width: 3px; }
#testimonial .testi__card::-webkit-scrollbar-track { background: #e4eef5; }
#testimonial .testi__card::-webkit-scrollbar-thumb { background: #087d90; border-radius: 4px; }
#testimonial .testi__profile.profile{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #e8f0f7}
#testimonial .testi__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#087d90,#065f6e);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#testimonial .testi__profile-info h5{font-size:14px;font-weight:700;color:#0a2a5e;margin:0 0 2px}
#testimonial .testi__verified{font-size:11px;color:#087d90;font-weight:600}
#testimonial .owl-theme .owl-dots{margin-top:20px;text-align:left}
#testimonial .owl-theme .owl-dots .owl-dot span{background-color:#cde4e8;width:8px;height:8px;border-radius:50%;transition:all .3s ease}
#testimonial .owl-theme .owl-dots .owl-dot.active span,#testimonial .owl-theme .owl-dots .owl-dot:hover span{background-color:#087d90;width:22px;border-radius:4px}
#testimonial .owl-carousel{display:block;}
#testimonial .owl-carousel .owl-nav button.owl-next,#testimonial .owl-carousel .owl-nav button.owl-prev,#testimonial .owl-carousel button.owl-dot{display:none}



/* contact */
#contact{padding: 45px 0px; background-color: #c9724c; overflow: hidden;}
#contact h2{text-align: center; margin-bottom: 40px; color: #fff; font-weight: 600;}
#contact .iner{text-align: center; border: 1px solid #fff; padding: 15px;}
#contact h3{font-size: 30px; margin-bottom: 25px; font-weight: 600; color: #fff;}
#contact ul{margin-bottom: 20px;}
#contact h5{position: relative; margin-bottom: 18px; color: #fff;}
#contact h5::before{position: absolute; content: ''; height: 1px; width: 30px; top: 32px; background-color: #fff; left: 0px;
right: 0px; text-align: center; margin: auto;}
#contact .text, #contact .text a{color: #fff;}

/* footer */
#footer{background:linear-gradient(160deg,#061428 0%,#083244 100%);position:relative;overflow:hidden}
#footer .footer__ecg-wrap{position:absolute;top:0;left:0;width:100%;height:102px;pointer-events:none;z-index:0}
#footer .footer__ecg{width:100%;height:102px;opacity:.18}
#footer .footer__ecg-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:footerEcg 3.5s ease-in-out infinite}
@keyframes footerEcg{0%{stroke-dashoffset:1200;opacity:0}8%{opacity:1}65%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
#footer .footertop,#footer .footerboo,#footer .footer__bottom{position:relative;z-index:1}
#footer .footertop{padding:90px 0 40px}
#footer .footer__widget-title{font-size:17px;font-weight:700;color:#fff;margin-bottom:22px;padding-bottom:12px;position:relative}
#footer .footer__widget-title::after{content:'';position:absolute;bottom:0;left:0;width:36px;height:3px;background:linear-gradient(to right,#087d90,#087d90);border-radius:4px}
#footer .footer__logo{width:250px;margin-bottom:5px}
#footer .footer__about p{color:rgba(255,255,255,.55);font-size:14px;line-height:1.85;margin-bottom:20px;width:90%}
#footer .footer__social{display:flex;gap:10px}
#footer .footer__social-link{width:38px;height:38px;border-radius:50%;background-color:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.14);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .35s ease}
#footer .footer__social-link:hover{background-color:#087d90;border-color:#087d90;transform:translateY(-3px)}
#footer .footer__links{margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
#footer .footer__links li a{color:rgba(255,255,255,.60);font-size:14px;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .30s ease}
#footer .footer__links li a i{font-size:10px;color:#087d90;transition:transform .30s ease}
#footer .footer__links li a:hover{color:#fff;padding-left:6px}
#footer .footer__links li a:hover i{transform:translateX(4px)}
#footer .footer__contact{display:flex;flex-direction:column;gap:16px;margin:0;padding:0}
#footer .footer__contact li{display:flex;align-items:flex-start;gap:14px;color:rgba(255,255,255,.60);font-size:14px;line-height:1.6}
#footer .footer__contact-icon{width:36px;height:36px;border-radius:8px;background-color:rgba(8,125,144,.15);border:1px solid rgba(8,125,144,.28);color:#087d90;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#footer .footer__contact li a{color:rgba(255,255,255,.60);text-decoration:none;transition:color .3s ease}
#footer .footer__contact li a:hover{color:#087d90}
#footer .footer__map-wrap{overflow:hidden;filter:grayscale(30%);transition:filter .3s ease}
#footer .footer__map-wrap:hover{filter:grayscale(0%)}
#footer .footer__bottom{border-top:1px solid rgba(8,125,144,.25);padding:20px 0}
#footer .footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
#footer .footer__copy{color:rgba(255,255,255,.45);font-size:13px;margin:0}
#footer .footer__copy .fa-heart{color:#e63946;font-size:11px}
#footer .footer__gdi img{width:170px;background-color:rgba(255,255,255,.07);padding:4px 12px 6px;border-radius:100px;transition:background-color .3s ease}
#footer .footer__gdi:hover img{background-color:#087d90}


/* quickcontact */
.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}



/* modal */
.modal form.row{row-gap:20px}
.modal .form-control{border-radius:0;border:none;box-shadow:none;background-color:#f1f1f1}
.modal .form-control:focus{border-color:#000}
.modal .submit{background-color:#087d90;color:#fff;font-weight:500px;padding:10px;border:0;transition:.5}
.modal .submit:hover{background-color:#000}


/* ===================================================== */

/* inner upper section css  */
.inner-page-banner{position:relative;width:100%;min-height:280px;background:linear-gradient(135deg,#061a2e 0%,#083244 50%,#087d90 100%);display:flex;align-items:center;overflow:hidden;padding:100px 0 60px}
.inner-page-banner .overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(6,26,46,.55) 0%,rgba(8,125,144,.10) 100%);z-index:0}
.inner-page-banner::before{content:'';position:absolute;top:20px;left:20px;width:160px;height:160px;background-image:radial-gradient(rgba(255,255,255,.10) 1.5px,transparent 1.5px);background-size:16px 16px;z-index:0}
.inner-page-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,transparent,#087d90,#e63946,transparent);z-index:2}
.inner-page-banner .container{position:relative;z-index:1}
.banner-content{text-align:left}
.banner-content h1{color:#fff;font-size:clamp(28px,5vw,48px);font-weight:800;margin-bottom:14px;letter-spacing:-.5px;line-height:1.15}
.breadcrumb{display:inline-flex;align-items:center;gap:10px;list-style:none;padding:10px 20px;margin:0;background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);border-radius:50px}
.breadcrumb li{font-size:13px;color:rgba(255,255,255,.55);font-weight:500}
.breadcrumb li a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}
.breadcrumb li a:hover{color:#87d8e0}
.breadcrumb li::after{content:'/';margin-left:10px;color:rgba(255,255,255,.30);font-size:12px}
.breadcrumb li:last-child{color:#087d90;font-weight:600}
.breadcrumb li:last-child::after{display:none}

/* ======================================================= */

/* blog page css  */
#blog-section{padding:90px 0 70px;background:#f8fbff}
#blog-section .blog-section__header{text-align:center;margin-bottom:52px}
#blog-section .blog-section__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#087d90;background-color:rgba(8,125,144,.10);border:1px solid rgba(8,125,144,.28);padding:5px 18px;border-radius:50px;margin-bottom:14px}
#blog-section h2{font-size:clamp(26px,4vw,38px);font-weight:800;color:#0a2a5e;margin-bottom:10px;letter-spacing:-.3px}
#blog-section h2 span{color:#087d90}
#blog-section .blog-section__header p{font-size:15px;color:#888;max-width:460px;margin:0 auto;line-height:1.7}
#blog-section .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
#blog-section .blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(8,125,144,.08);border:1px solid #e8f0f7;transition:all .38s ease;display:flex;flex-direction:column}
#blog-section .blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(8,125,144,.14);border-color:transparent}
#blog-section .blog-card__img-wrap{position:relative;overflow:hidden;height:220px;flex-shrink:0}
#blog-section .blog-card__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
#blog-section .blog-card:hover .blog-card__img-wrap img{transform:scale(1.07)}
#blog-section .blog-card__date{position:absolute;top:14px;left:14px;background:#087d90;color:#fff;border-radius:10px;padding:8px 12px;text-align:center;line-height:1;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px rgba(8,125,144,.40)}
#blog-section .blog-card__day{font-size:20px;font-weight:800}
#blog-section .blog-card__month{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
#blog-section .blog-content.blog-card__body{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1}
#blog-section .blog-card__meta{display:flex;gap:14px;margin-bottom:10px}
#blog-section .blog-card__meta span{font-size:12px;color:#087d90;font-weight:600;display:flex;align-items:center;gap:5px}
#blog-section .blog-card__body h3{font-size:17px;font-weight:700;color:#0a2a5e;margin-bottom:10px;line-height:1.4;transition:color .3s ease}
#blog-section .blog-card:hover .blog-card__body h3{color:#087d90}
#blog-section .blog-card__body p{font-size:14px;color:#777;line-height:1.75;margin-bottom:18px;flex:1}
#blog-section .read-more.blog-card__btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#e63946;text-decoration:none;transition:gap .3s ease,color .3s ease;margin-top:auto}
#blog-section .read-more.blog-card__btn i{font-size:11px;transition:transform .3s ease}
#blog-section .read-more.blog-card__btn:hover{color:#087d90;gap:12px}
#blog-section .read-more.blog-card__btn:hover i{transform:translateX(4px)}




/* ======================================================== */
/* section-aa  */

#section-aa{background:linear-gradient(135deg,#054f5c 0%,#087d90 60%,#065f6e 100%);padding:70px 0;position:relative;overflow:hidden}
#section-aa .section-aa__ecg-wrap{position:absolute;bottom:0;left:0;width:100%;height:270px;pointer-events:none;z-index:0}
#section-aa .section-aa__ecg{width:100%;height:102px;opacity:.15}
#section-aa .section-aa__ecg-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:saaEcg 3.2s ease-in-out infinite}
@keyframes saaEcg{0%{stroke-dashoffset:1200;opacity:0}
8%{opacity:1}
65%{stroke-dashoffset:0;opacity:1}
88%{stroke-dashoffset:0;opacity:1}
100%{stroke-dashoffset:0;opacity:0}
}
#section-aa .container{position:relative;z-index:1}
#section-aa .section-aa__card{text-align:center;padding:40px 28px 32px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);transition:all .40s ease;position:relative;overflow:hidden;height: 230px;
}
#section-aa .section-aa__card:hover{background:rgba(255,255,255,.12);transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.20)}
#section-aa .section-aa__line{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,#e63946,rgba(230,57,70,0));transform:scaleX(0);transform-origin:left;transition:transform .40s ease}
#section-aa .section-aa__card:hover .section-aa__line{transform:scaleX(1)}
#section-aa .section-aa__icon-wrap{position:relative;width:80px;height:80px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center}
#section-aa .section-aa__icon-wrap i{font-size:28px;color:#fff;position:relative;z-index:2;transition:transform .4s ease}
#section-aa .section-aa__icon-wrap::before{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(8,125,144,.15);border:2px solid rgb(230 57 70);transition:all .4s ease;z-index:1}
#section-aa .section-aa__icon-ring{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(230,57,70,.20);animation:saaRing 2s ease-out infinite}
@keyframes saaRing{0%{transform:scale(.85);opacity:.6}
100%{transform:scale(1.20);opacity:0}
}
#section-aa .section-aa__card:hover .section-aa__icon-wrap::before{background:#e63946;border-color:#e63946}
#section-aa .section-aa__card:hover .section-aa__icon-wrap i{transform:scale(1.15) rotate(8deg)}
#section-aa .section-aa__card h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:.2px}
#section-aa .section-aa__card p{font-size:14px;color:rgba(255,255,255,.65);margin:0;line-height:1.65}
#section-aa .section-aa__card p a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .3s ease}
#section-aa .section-aa__card p a:hover{color:#fff}


/* ══════════════════════════════════════
   #contact-page — Main Contact Section
   ══════════════════════════════════════ */
#contact-page{padding:90px 0 80px;background-color:#f8fbff}
#contact-page .contact-page__header{text-align:center;margin-bottom:52px}
#contact-page .contact-page__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#087d90;background-color:rgba(8,125,144,.10);border:1px solid rgba(8,125,144,.28);padding:5px 18px;border-radius:50px;margin-bottom:14px}
#contact-page .contact-page__header h2{font-size:clamp(26px,4vw,38px);font-weight:800;color:#097c98;margin-bottom:10px;letter-spacing:-.3px}
#contact-page .contact-page__header h2 span{color:#e63946}
#contact-page .contact-page__header p{font-size:15px;color:#888;max-width:440px;margin:0 auto;line-height:1.7}
#contact-page .contact-page__wrapper {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
#contact-page .contact-page__form{background-color:#fff;border-radius:16px;padding:40px 36px;box-shadow:0 8px 40px rgba(8,125,144,.09);height: 630px;}
#contact-page .contact-page__form h3{font-size:20px;font-weight:700;color:#097c98;margin-bottom:28px;padding-bottom:14px;border-bottom:2px solid #eaf3f5;position:relative}
#contact-page .contact-page__form h3::after{content:'';position:absolute;bottom:-2px;left:0;width:48px;height:2px;background:#087d90}
#contact-page .contact-page__field{position:relative;margin-bottom:18px}
#contact-page .contact-page__field>i{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#087d90;font-size:14px;pointer-events:none;z-index:1}
#contact-page .contact-page__field:has(textarea)>i{top:18px;transform:none}
#contact-page .contact-page__field input,#contact-page .contact-page__field textarea{width:100%;padding:13px 16px 13px 44px;font-size:14px;color:#333;background-color:#f5f8fa;border:1.5px solid #e4eef5;border-radius:10px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}
#contact-page .contact-page__field textarea{resize:vertical;min-height:120px}
#contact-page .contact-page__field input:focus,#contact-page .contact-page__field textarea:focus{border-color:#087d90;box-shadow:0 0 0 3px rgba(8,125,144,.10);background-color:#fff}
#contact-page .contact-page__submit{width:100%;padding:14px;background-color:#e63946;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .35s ease;box-shadow:0 6px 20px rgba(8,125,144,.30);margin-top:6px}
#contact-page .contact-page__submit:hover{background-color:#065f6e;transform:translateY(-2px);box-shadow:0 10px 28px rgba(8,125,144,.35)}
#contact-page .contact-page__info{background-color:#fff;border-radius:16px;padding:40px 36px;box-shadow:0 8px 40px rgba(8,125,144,.09)}
#contact-page .contact-page__info h3{font-size:20px;font-weight:700;color:#097c98;margin-bottom:28px;padding-bottom:14px;border-bottom:2px solid #eaf3f5;position:relative}
#contact-page .contact-page__info h3::after{content:'';position:absolute;bottom:-2px;left:0;width:48px;height:2px;background:#087d90}
#contact-page .contact-page__info-list {display:flex;flex-direction:column;gap:18px;margin-bottom:24px}
#contact-page .contact-page__info-list li{display:flex;align-items:flex-start;gap:16px}
#contact-page .contact-page__info-icon{width:42px;height:42px;border-radius:10px;background-color:rgba(8,125,144,.10);border:1px solid rgba(8,125,144,.20);color:#087d90;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}
#contact-page .contact-page__info-list li:hover .contact-page__info-icon{background-color:#087d90;color:#fff}
#contact-page .contact-page__info-list li div{display:flex;flex-direction:column;gap:3px}
#contact-page .contact-page__info-list li strong{font-size:12px;font-weight:700;color:#097c98;text-transform:uppercase;letter-spacing:.5px}
#contact-page .contact-page__info-list li span{font-size:14px;color:#666;line-height:1.5}
#contact-page .contact-page__info-list li span a {color:#666;text-decoration:none;transition:color .3s ease}
#contact-page .contact-page__info-list li span a:hover{color:#087d90}
#contact-page .contact-page__map{border-radius:12px;overflow:hidden;border:2px solid rgba(8,125,144,.20);filter:grayscale(20%);transition:filter .3s ease}
#contact-page .contact-page__map:hover{filter:grayscale(0%)}



/*service-detail*/
#service-detail{padding:70px 0 60px;background-color:#f8fbff}
#service-detail .service-wrapper{display:flex;gap:28px;align-items:flex-start;margin-bottom:40px}
#service-detail .service-content{flex:3;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 30px rgba(8,125,144,.08)}
#service-detail .service-content__img-wrap{position:relative;overflow:hidden}
#service-detail .service-content__img-wrap img{width:100%;height:100%;display:block;transition:transform .5s ease}
#service-detail .service-content:hover .service-content__img-wrap img{transform:scale(1.03)}
#service-detail .service-content__body{padding:30px}
#service-detail .service-content__label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#087d90;background-color:rgba(8,125,144,.10);border:1px solid rgba(8,125,144,.25);padding:4px 14px;border-radius:50px;margin-bottom:12px}
#service-detail .service-content h2{font-size:clamp(20px,3vw,28px);font-weight:800;color:#066171;margin-bottom:14px;letter-spacing:-.3px}
#service-detail .service-content__divider{width:56px;height:3px;background:linear-gradient(to right,#087d90,#e63946);border-radius:4px;margin-bottom:20px}
#service-detail .service-content__body h3{font-size:18px;font-weight:700;color:#0a2a5e;margin:28px 0 10px}
#service-detail .service-content__body h1{font-size:26px;color:#066171}
#service-detail .service-content__body p{font-size:15px;color:#555;line-height:1.82;margin-bottom:14px}
#service-detail .service-content__body ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
#service-detail .service-content__body ul li{display:flex;align-items:center;gap:10px;font-size:14px;color:#444;padding:10px 14px;background:#f5f9fb;border:1px solid #e4eef5;border-radius:8px;transition:all .3s ease}
#service-detail .service-content__body ul li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;color:#087d90;background:rgba(8,125,144,.12);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#service-detail .service-content__body ul li:hover{border-color:#087d90;background:#edf7f9;transform:translateX(4px)}
#service-detail .appointment-btn.service-content__btn{display:inline-flex;align-items:center;margin-top:24px;padding:13px 28px;background-color:#e63946;color:#fff;font-size:14px;font-weight:700;border-radius:50px;text-decoration:none;letter-spacing:.3px;box-shadow:0 6px 20px rgba(230,57,70,.30);transition:all .35s ease}
#service-detail .appointment-btn.service-content__btn:hover{background-color:#c1121f;transform:translateY(-2px);box-shadow:0 10px 28px rgba(230,57,70,.35)}
#service-detail .service-sidebar{flex:1;display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}
#service-detail .sidebar-box{background:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 4px 30px rgba(8,125,144,.08)}
#service-detail .sidebar-box__title{font-size:15px;font-weight:700;color:#087d90;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #eaf3f5;position:relative}
#service-detail .sidebar-box__title::after{content:'';position:absolute;bottom:-2px;left:0;width:36px;height:2px;background:#087d90}
#service-detail .sidebar-box a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#555;font-size:14px;font-weight:500;padding:11px 14px;border-radius:10px;margin-bottom:6px;border:1px solid #e8f0f7;background-color:#f8fbff;transition:all .30s ease}
#service-detail .sidebar-box a i{font-size:10px;color:#087d90;transition:transform .3s ease}
#service-detail .sidebar-box a:hover,#service-detail .sidebar-box a.active{background-color:#087d90;color:#fff;border-color:#087d90;padding-left:18px}
#service-detail .sidebar-box a:hover i,#service-detail .sidebar-box a.active i{color:#fff;transform:translateX(3px)}
#service-detail .sidebar-contact{background:linear-gradient(135deg,#065f6e 0%,#087d90 100%);border-radius:16px;padding:28px 22px;text-align:center;box-shadow:0 8px 30px rgba(8,125,144,.25)}
#service-detail .sidebar-contact__icon{width:56px;height:56px;border-radius:50%;background-color:rgba(230,57,70,.18);border:2px solid rgba(230,57,70,.35);color:#e63946;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;animation:sdPulse 1.8s ease-in-out infinite}
@keyframes sdPulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,.40)}
50%{box-shadow:0 0 0 10px rgba(230,57,70,0)}
}
#service-detail .sidebar-contact h5{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}
#service-detail .sidebar-contact p{color:rgba(255,255,255,.65);font-size:13px;line-height:1.6;margin-bottom:16px}
#service-detail .sidebar-contact__btn{display:inline-flex;align-items:center;padding:10px 20px;background-color:#fff;color:#087d90;font-size:14px;font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px rgba(0,0,0,.15)}
#service-detail .sidebar-contact__btn:hover{background-color:#e63946;color:#fff}
#service-detail .cta-section{position:relative;background:linear-gradient(135deg,#065f6e 0%,#087d90 60%,#096b7d 100%);border-radius:16px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;box-shadow:0 10px 40px rgba(8,125,144,.25)}
#service-detail .cta-section__ecg-wrap{position:absolute;bottom:0;left:0;width:100%;height:102px;pointer-events:none;z-index:0}
#service-detail .cta-section__ecg{width:100%;height:102px;opacity:.14}
#service-detail .cta-section__ecg-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:ctaEcg 3.2s ease-in-out infinite}
@keyframes ctaEcg{0%{stroke-dashoffset:1200;opacity:0}
8%{opacity:1}
65%{stroke-dashoffset:0;opacity:1}
88%{stroke-dashoffset:0;opacity:1}
100%{stroke-dashoffset:0;opacity:0}
}
#service-detail .cta-content{position:relative;z-index:1;display:flex;align-items:center;gap:16px}
#service-detail .cta-section__icon{width:56px;height:56px;border-radius:50%;background-color:rgba(230,57,70,.18);border:2px solid rgba(230,57,70,.35);color:#e63946;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:sdPulse 1.8s ease-in-out infinite}
#service-detail .cta-content h3{color:#fff;font-size:clamp(16px,2.5vw,22px);font-weight:700;margin:0 0 4px}
#service-detail .cta-content p{color:rgba(255,255,255,.65);font-size:14px;margin:0}
#service-detail .cta-section__btn{position:relative;z-index:1;display:inline-flex;align-items:center;padding:13px 28px;background-color:#e63946;color:#fff;font-size:15px;font-weight:700;border-radius:50px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 20px rgba(230,57,70,.35);transition:all .35s ease}
#service-detail .cta-section__btn:hover{background-color:#fff;color:#e63946;transform:translateY(-2px)}



/*blog-detail*/
.blog-detail-page{padding:70px 0 60px;background:#f8fbff}
.blog-detail-wrapper{display:flex;gap:28px;align-items:flex-start}
.blog-detail-content{flex:3;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 30px rgba(8,125,144,.08)}
.blog-detail__img-wrap{position:relative;overflow:hidden;height:360px}
.blog-main-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.blog-detail-content:hover .blog-main-img{transform:scale(1.03)}
.blog-detail__body{padding:32px 36px}
.blog-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.blog-meta span{font-size:13px;color:#888;display:flex;align-items:center;gap:5px;font-weight:500}
.blog-meta span i{color:#087d90}
.blog-detail__body h1{font-size:clamp(22px,3.5vw,32px);font-weight:800;color:#076575;margin-bottom:14px;line-height:1.25;letter-spacing:-.3px}
.blog-detail__divider{width:56px;height:3px;background:linear-gradient(to right,#087d90,#e63946);border-radius:4px;margin-bottom:24px}
.blog-detail__body h2{font-size:clamp(18px,2.5vw,24px);font-weight:700;color:#0a2a5e;margin:28px 0 12px}
.blog-detail__body h3{font-size:18px;font-weight:700;color:#0a2a5e;margin:24px 0 10px}
.blog-detail__body p{font-size:15px;color:#555;line-height:1.85;margin-bottom:16px}
.blog-detail__body ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}
.blog-detail__body ul li{display:flex;align-items:center;gap:10px;font-size:14px;color:#444;padding:10px 14px;background:#f5f9fb;border:1px solid #e4eef5;border-radius:8px;transition:all .3s ease}
.blog-detail__body ul li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;color:#087d90;background:rgba(8,125,144,.12);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-detail__body ul li:hover{border-color:#087d90;background:#edf7f9;transform:translateX(4px)}
.blog-detail__body blockquote{background:#edf7f9;border-left:4px solid #087d90;padding:20px 24px;font-style:italic;margin:28px 0;color:#444;border-radius:0 10px 10px 0;font-size:15px;line-height:1.75}
.blog-detail__body a{color:#087d90;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(8,125,144,.30);transition:all .3s ease}
.blog-detail__body a:hover{color:#065f6e;border-bottom-color:#065f6e}
.blog-sidebar{flex:1;display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}
.blog-sidebar__box{background:#fff;border-radius:16px;padding:24px 22px;box-shadow:0 4px 30px rgba(8,125,144,.08)}
.blog-sidebar__title{font-size:15px;font-weight:700;color:#066676;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #eaf3f5;position:relative}
.blog-sidebar__title::after{content:'';position:absolute;bottom:-2px;left:0;width:36px;height:2px;background:#087d90}
.blog-sidebar__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0}
.blog-sidebar__list li a{display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:#555;font-size:14px;font-weight:500;padding:10px 12px;border-radius:8px;border:1px solid #e8f0f7;background-color:#f8fbff;transition:all .30s ease;line-height:1.5}
.blog-sidebar__list li a i{font-size:10px;color:#087d90;margin-top:3px;flex-shrink:0;transition:transform .3s ease}
.blog-sidebar__list li a:hover{background-color:#087d90;color:#fff;border-color:#087d90;padding-left:16px}
.blog-sidebar__list li a:hover i{color:#fff;transform:translateX(3px)}
.blog-sidebar__cta{background:linear-gradient(135deg,#065f6e 0%,#087d90 100%);border-radius:16px;padding:28px 22px;text-align:center;box-shadow:0 8px 30px rgba(8,125,144,.25)}
.blog-sidebar__cta-icon{width:56px;height:56px;border-radius:50%;background-color:rgba(230,57,70,.18);border:2px solid rgba(230,57,70,.35);color:#e63946;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;animation:blogPulse 1.8s ease-in-out infinite}
@keyframes blogPulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,.40)}
50%{box-shadow:0 0 0 10px rgba(230,57,70,0)}
}
.blog-sidebar__cta h5{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}
.blog-sidebar__cta p{color:rgba(255,255,255,.65);font-size:13px;line-height:1.6;margin-bottom:16px}
.blog-sidebar__cta-btn{display:inline-flex;align-items:center;padding:10px 20px;background-color:#e63946;color:#fff;font-size:13px;font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px rgba(230,57,70,.35)}
.blog-sidebar__cta-btn:hover{background-color:#fff;color:#e63946;transform:translateY(-2px)}