/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100..900&display=swap');
:root{--f10:0.71428571rem;--f11:0.7857142857rem;--f12:0.85714285rem;--f13:0.92857142rem;--f14:1rem;--f15:1.071428571rem;--f16:1.1428571rem;--f17:1.21428571rem;--f18:1.28571428rem;--f19:1.35714285rem;--f20:1.42857142rem;--f21:1.5rem;--f22:1.57142857rem;--f23:1.64285714rem;--f24:1.71428571rem;--f25:1.78571428rem;--f26:1.85714285rem;--f27:1.92857142rem;--f28:2rem;--f29:2.071428571rem;--f30:2.1428571rem;--f31:2.21428571rem;--f32:2.28571428rem;--f33:2.35714285rem;--f34:2.42857142rem;--f35:2.5rem;--f36:2.57142857rem;--f37:2.64285714rem;--f38:2.71428571rem;--f39:2.78571428rem;--f40:2.85714285rem;--f41:2.92857142rem;--f42:3rem;--f43:3.071428571rem;--f44:3.1428571rem;--f45:3.21428571rem;--f46:3.28571428rem;--f47:3.35714285rem;--f48:3.42857142rem;--f49:3.5rem;--f50:3.571428571rem;--f51:3.642857142rem;--f52:3.714285714rem;--f53:3.785714285rem;--f54:3.85714285rem;--f55:3.928571428rem;--f56:4rem;--f57:4.07142857rem;--f58:4.142857142rem;--f59:4.214285714rem;--f60:4.28571428rem;--f62:4.42857142rem;--f64:4.5714285714rem;--f66:4.714285714rem;--f68:4.857142857rem;--f70:5rem;--f72:5.14285714rem;--f74:5.28571428rem;--f76:5.42857142rem;--f78:5.5714285714rem;--f80:5.714285714rem;
  --font:"Albert Sans", sans-serif;
}
.f10{font-size:var(--f10) !important;}.f11{font-size:var(--f11) !important;}.f12{font-size:var(--f12) !important;}.f13{font-size:var(--f13) !important;}.f14{font-size:var(--f14) !important;}.f15{font-size:var(--f15) !important;}.f16{font-size:var(--f16) !important;}.f17{font-size:var(--f17) !important;}.f18{font-size:var(--f18) !important;}.f19{font-size:var(--f19) !important;}.f20{font-size:var(--f20) !important;}.f21{font-size:var(--f21) !important;}.f22{font-size:var(--f22) !important;}.f23{font-size:var(--f23) !important;}.f24{font-size:var(--f24) !important;}.f25{font-size:var(--f25) !important;}.f26{font-size:var(--f26) !important;}.f27{font-size:var(--f27) !important;}.f28{font-size:var(--f28) !important;}.f29{font-size:var(--f29) !important;}.f30{font-size:var(--f30) !important;}.f31{font-size:var(--f31) !important;}.f32{font-size:var(--f32) !important;}.f33{font-size:var(--f33) !important;}.f34{font-size:var(--f34) !important;}.f35{font-size:var(--f35) !important;}.f36{font-size:var(--f36) !important;}.f37{font-size:var(--f37) !important;}.f38{font-size:var(--f38) !important;}.f39{font-size:var(--f39) !important;}.f40{font-size:var(--f40) !important;}.f41{font-size:var(--f41) !important;}.f42{font-size:var(--f42) !important;}.f43{font-size:var(--f43) !important;}.f44{font-size:var(--f44) !important;}.f45{font-size:var(--f45) !important;}.f46{font-size:var(--f46) !important;}.f47{font-size:var(--f47) !important;}.f48{font-size:var(--f48) !important;}.f49{font-size:var(--f49) !important;}.f50{font-size:var(--f50) !important;}.f51{font-size:var(--f51) !important;}.f52{font-size:var(--f52) !important;}.f53{font-size:var(--f53) !important;}.f54{font-size:var(--f54) !important;}.f55{font-size:var(--f55) !important;}.f56{font-size:var(--f56) !important;}.f57{font-size:var(--f57) !important;}.f58{font-size:var(--f58) !important;}.f59{font-size:var(--f59) !important;}.f60{font-size:var(--f60) !important;}.f62{font-size:var(--f62) !important;}.f64{font-size:var(--f64) !important;}.f66{font-size:var(--f66) !important;}.f68{font-size:var(--f68) !important;}.f70{font-size:var(--f70) !important;}.f72{font-size:var(--f72) !important;}.f74{font-size:var(--f74) !important;}.f76{font-size:var(--f76) !important;}.f78{font-size:var(--f78) !important;}.f80{font-size:var(--f80) !important;}

html,body{font-size: 14px;line-height: 1.2;font-family: var(--font), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-optical-sizing: auto;font-weight: 400;font-style: normal;}
p {
    font-weight: 300;margin-bottom: 1.2rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 600;}
:root { --background-color: #ffffff;--default-color: #3F586E;--heading-color: #009EB4;--light-color: #A2D6E1;--primary: #009EB4;--secondary: #3F586E;--warning:#F7ECD6;}
:root {scroll-behavior: smooth;}
/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {color: var(--default-color);background-color: var(--background-color);}
a {color: var(--secondary);text-decoration: none;transition: 0.3s;}
a:hover {color: color-mix(in srgb, var(--primary), transparent 25%);text-decoration: none;}
h1,h2,h3,h4,h5,h6 {color: var(--primary);font-weight: 700;}
.container{max-width: 1320px;margin: 0 auto;padding: 0 20px;--bs-gutter-x: 30px;}
.container .container{max-width: 1100px;margin: 0 auto;padding: 0 0px;}
/*Header*/
.header {color: var(--default-color);transition: all 0.5s;z-index: 997;background-color: var(--background-color);}
.header {min-height: 187px;}
.header .branding {min-height: 60px;padding: 34px 0;position: fixed;left: 0;top: 0;width: 100%;box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);z-index: 2;}
.header .logo {line-height: 1;}
.header .logo img {max-height: 119px;margin-right: 8px;transition: all ease-in-out 300ms;width: 100%;}
.header .container{padding: 0 68px;}
.header .cta-btn,
.header .cta-btn:focus {color: var(--background-color);background: var(--secondary);text-align: center;font-size: var(--f15);font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;padding: 9px 12px;margin: 0 0 0 23px;border-radius: 8px;transition: 0.3s;}
.header .cta-btn:hover,.header .cta-btn:focus:hover {color: var(--background-color);background: color-mix(in srgb, var(--primary), transparent 15%);}
@media (max-width: 767px) {
  .header .logo {order: 1;}
  .header .cta-btn {order: 2;margin: 0 15px 0 0;padding: 6px 12px;}
  .header .navmenu {order: 3;}
}
.scrolled .header .branding {box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}
.scrolled .header .branding {position: fixed;left: 0;top: 0;width: 100%;z-index: 100;background: #fff;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 992px) {
  .navmenu>ul>li {white-space: nowrap;padding: 0px 14px;}
}
@media (min-width: 768px) {
  .mobile-nav-toggle{display: none !important;}
  .navmenu {padding: 0;}
  .navmenu ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
  .navmenu li {position: relative;}
  .navmenu>ul>li {white-space: nowrap;padding: 0px 6px;}
  .navmenu>ul>li:last-child {padding-right: 0;}
  .navmenu a,.navmenu a:focus {color: var(--default-color);text-align: center;font-size: var(--f15);font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;display: flex;justify-content: space-between;white-space: nowrap;transition: 0.3s;position: relative;padding: 10px 9px;}
  .navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;}
  .navmenu>ul>li>a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: 0px;left: 0;background-color: var(--primary);visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
  .navmenu a:hover:before,.navmenu li:hover>a:before,.navmenu .active:before {visibility: visible;width: 100%;}
  .navmenu li:hover>a,.navmenu .active,.navmenu .active:focus {color: var(--primary);}
  .scrolled .header .branding{padding: 14px 0;}
  .scrolled .header .logo img {max-height: 64px;}
  .navmenu .dropdown ul {margin: 0;padding: 10px 0 10px;background: #F1F1F1;display: block;position: absolute;visibility: hidden;right: 0px;top: 130%;opacity: 0;transition: 0.3s;border-radius: 0 0 10px 10px;z-index: 99;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
  .navmenu .dropdown ul li {min-width: 200px;}
  .navmenu .dropdown ul a {padding: 10px 20px;font-size: var(--f15);text-transform: none;color: var(--secondary);}
  .navmenu > ul > li > a, .navmenu > ul > li > a:focus {padding: 15px 9px;}
  .navmenu .dropdown ul a i {font-size: 12px;}
  .navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a, .navmenu .dropdown ul a.active,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a.active {color: var(--primary);background: #ffffff;}
  .navmenu .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
  .navmenu .dropdown .dropdown ul {top: 0;left: -90%;visibility: hidden;}
  .navmenu .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: -100%;visibility: visible;}
}
/* Mobile Navigation */
@media (max-width: 767px) {
  .mobile-nav-toggle {color: var(--secondary);font-size: 24px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;}
  .navmenu {padding: 0;z-index: 9997;}
  .navmenu ul {display: none;list-style: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;overflow-y: auto;transition: 0.3s;z-index: 9998;}
  .navmenu a,.navmenu a:focus {color: var(--secondary);padding: 10px 20px;font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}
  .navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: color-mix(in srgb, var(--light-color), transparent 90%);}
  .navmenu a i:hover,.navmenu a:focus i:hover {background-color: var(--primary);color: var(--background-color);}
  .navmenu a:hover,.navmenu .active,.navmenu .active:focus {color: var(--primary);}
  .navmenu .active i,.navmenu .active:focus i {background-color: var(--light-color);color: var(--primary);transform: rotate(180deg);}
  .navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--background-color);transition: all 0.5s ease-in-out;}
  .navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}
  .navmenu .dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03);}
  .mobile-nav-active {overflow: hidden;}
  .mobile-nav-active .mobile-nav-toggle {color: #fff;position: absolute;font-size: 32px;top: 15px;right: 15px;margin-right: 0;z-index: 9999;}
  .mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;}
  .mobile-nav-active .navmenu>ul {display: block;}
}

/*Hero Section*/
.header-title{padding: 85px 48px 4px;text-align: center;min-height: 350px;}
.inner-page.header-title{padding: 0px 0px 0px;text-align: center;min-height: 350px;position: relative;display: flex;border-radius: 22px;overflow: hidden;}.inner-page.header-title img{object-fit: cover;}
#typewriter{max-width: 1075px;margin: 0 auto;text-align: right;color: var(--primary);font-size: 82px;font-style: normal;font-weight: 300;line-height: 1.2;}
#typewriter span{font-weight: 600;}
.inner-page.header-title #typewriter{position: absolute;left: 3%;top: 50%;transform: translateY(-50%);color: #fff;font-size: var(--f59);font-style: normal;font-weight: 600;line-height: 1.6;}
.fw-300{font-weight: 300 !important;}
.fw-600{font-weight: 600 !important;}
.normal-text {
  padding:0px 28px 50px;
  font-size: var(--f22);
  font-weight: 600;
  color: var(--primary);
}
.normal-text li{padding-bottom: 30px;font-weight: 600;}.normal-text li:last-child{padding-bottom: 0;}.normal-text li li{padding-bottom: 10px;font-weight: 300;color: var(--secondary);}
.normal-text li span{font-weight: 600;color: var(--primary);display: block;padding-bottom: 6px;}
ol ol{list-style-type: lower-alpha;}.normal-text ol ol{list-style-type: decimal;}.normal-text ol ol ol{list-style-type: lower-alpha;}.normal-text ol ol ol ol{list-style-type: lower-roman;}
/* .normal-text.tc-text ol li ol > li:before { content: counters(item, ".") " "; counter-increment: item } */
.normal-text ol li ol > li li:before { display: none;}
.normal-text ol ol{font-weight: 300;}
.pb-30 {padding-bottom: 30px;}
.pb-30 ol{padding-top: 5px;}
.normal-text p, .normal-text div{font-weight: 300;color: var(--secondary);}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.section.hero {width: 100%;min-height: 400px;display: flex;position: relative;overflow: hidden;border-radius: 22px;--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bottom:30px;--swiper-pagination-bullet-width:67px;--swiper-pagination-bullet-height:5px;--swiper-pagination-bullet-inactive-color:var(--light-color);--swiper-pagination-color:var(--primary);--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-bullet-border-radius:0;}
.section.hero .hero-item{overflow: hidden;border-radius: 22px;height: 100%;}
.hero img {display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;max-height: 561px;aspect-ratio: 430/187;}


/*About us*/
.row{--bs-gutter-x: 2.68rem;}
.about-row{--bs-gutter-x: 2.68rem;--bs-gutter-y:48px;margin-top: 0;}
.about-row.row>* {padding-top: 5px;padding-bottom: 5px;}
.welcome-txt{color: var(--primary);font-size: var(--f48);font-style: normal;font-weight: 400;line-height: normal;padding-bottom: var(--f52);}
.aboutImg{margin: 0 5px;position: relative;}
.aboutImg svg{max-width: 304px;width: 100%;margin-left: 0px;margin-top: -24px;margin-bottom: 0px;}
.content-title:after{content: "";position: absolute;left: calc(var(--bs-gutter-x)* .5);top: 0;height: 100%;width: 2px;background: var(--primary);}
.content-title{position: relative;}
.content-title .title{padding: 10px 10px 10px var(--f59);color: var(--primary);font-size: var(--f42);font-style: normal;font-weight: 700;line-height: normal;}
p{color: var(--secondary);font-size: var(--f22);font-style: normal;font-weight: 500;line-height: 140.909%;letter-spacing: 0.44px;margin-bottom: 1.8rem;}
p:last-child{margin-bottom: 0;}
.about-txt p{max-width: 690px;}

.about-primary-txt{padding: 32px 64px 46px 60px;border-radius: 22px;margin-top: 246px;}
.about-primary-txt h2{color: #FFF;font-size: var(--f42);font-style: normal;font-weight: 500;line-height: normal;margin: 0;padding: 0;}
.about-primary-txt ul{margin: 0;list-style-type: none;padding: 15px  0;}.about-primary-txt ul:last-child{padding-bottom: 0rem;}
.about-primary-txt li{color: #fff;position: relative;margin: 15px 0 0;padding: 0 0 15px 62px;font-size: var(--f22);font-style: normal;font-weight: 500;line-height: 140.909%;letter-spacing: 0.44px;}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--primary) !important;
}
.about-primary-txt li::after{content: "";position: absolute;left: 0;top: 5px;width: 31px;height: 25px;background: url(../img/ovtovoy-list-element.svg) left top no-repeat;}
.about-primary-img img{margin-top: -90px;aspect-ratio: 1 / 1;object-fit: cover;max-height: 400px;border-radius: 22px;}

.specialize-wrap{padding: 72px 19px 0 48px;}
.specialize-wrap .specialize-item{display: flex;flex-direction: column;gap: 40px;padding: 55px 0;}
.specialize-wrap .col-md-12:first-child .specialize-item{padding: 0 0 55px 0;}
.specialize-wrap .specialize-item .item-title{color: var(--secondary);font-size: var(--f32);font-style: normal;font-weight: 700;line-height: normal;}
.specialize-item-info{display: flex;gap: 40px;}
.specialize-wrap .icon{display: flex;align-items: center;justify-content: center;background-size: auto 100% !important;min-width: 220px;}
/* .specialize-wrap .icon.slot{background: url("../img/port.png") center center no-repeat;}
.specialize-wrap .specialize-item-info:hover .icon.slot{background: url("../img/port.gif") center center no-repeat;}
.specialize-wrap .icon.network{background: url("../img/route.png") center center no-repeat;}
.specialize-wrap .specialize-item-info:hover .icon.network{background: url("../img/route.gif") center center no-repeat;}
.specialize-wrap .icon.freight{background: url("../img/delivery-truck.png") center center no-repeat;}
.specialize-wrap .specialize-item-info:hover .icon.freight{background: url("../img/delivery-truck.gif") center center no-repeat;} */
#animated-icon-slot{margin-top: -4%;}
#animated-icon-freight{margin-top: -3%;}

.schedule-wrap{display: flex;text-decoration: none;padding: 62px 100px 60px 65px;background-color: var(--secondary);border-radius: 22px;border: 5px solid #A2D6E1;align-items: center;justify-content: space-between;gap: 48px;color: #fff;}
.schedule-info{display: flex;align-items: center;justify-content: space-between;gap: 0px;}.schedule-info svg{width: 120px;display: block;margin-right: 48px;}
.schedule-info .schedule-text h2{color: #FFF;font-size: var(--f42);font-style: normal;font-weight: 700;line-height: normal;margin: 0;}
.schedule-info .schedule-text p{color: #FFF;font-size: var(--f21);font-style: normal;font-weight: 500;line-height: normal;max-width: 455px;margin: 0;}
.schedule .container{padding-top: 60px;padding-bottom: 60px;position: relative;margin-bottom: 70px;}
.schedule .container:last-child{margin-bottom: 0px;}
.schedule-type {display: flex;flex-direction: column;gap: 15px;color: #FFF;text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;}
.schedule .container:before, .schedule .container:after {content: "";position: absolute;right: 16.2%;height: 40px;width: 2px;background: var(--secondary);}
.schedule .container:before{top: 0;}
.schedule .container:after {bottom: 0;}
.service-map .schedule-wrap{background: var(--warning);border: 5px solid #DCE6F2;color: var(--secondary);}
.service-map .schedule-info .schedule-text h2, .service-map .schedule-info .schedule-text p, .service-map .schedule-type{color: var(--secondary);}
.schedule .container.service-map:before, .schedule .container.service-map:after {right: auto;left: 12%;}

.container .container.contact-info-wrap{padding-top: 76px;padding-left: 60px;padding-right: 60px;}
.contact-info-item{padding: 0 0 2rem;max-width: 500px;}.contact-info-item:last-child{padding: 0;}
.contact-info-item h2{color: var(--primary);font-size: var(--f32);font-style: normal;font-weight: 600;line-height: normal;margin: 0;padding: 0 0 2rem;}
.contact-info-item h3{color: var(--secondary);font-size: var(--f32);font-style: normal;font-weight: 600;line-height: normal;padding: 0;margin: 0;}
.contact-info-item p{color: var(--secondary);font-size: var(--f22);font-style: normal;font-weight: 400;line-height: normal;padding: 0;margin: 0;max-width: 502px;}
.contact-info-item a{color: var(--secondary);text-decoration: underline;}
.contact-info-item a:hover{color: var(--primary);text-decoration: none;}
.map-wrapper{border-radius: 26px;max-height: 436px;overflow: hidden;}
/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {color: var(--background-color);background-color: var(--primary);font-size: var(--f16);position: relative;border-radius: 22px;padding: 25px 18px 18px;margin-bottom: 14px;}
.footer .footer-links {list-style-type: none;align-items: center;justify-content: center;}
.footer .footer-links a{font-size: var(--f16);color: #fff;transition: 0.3s;position: relative;font-weight: 500;}
.footer .footer-links a::after{content: "";position: absolute;right: -.5rem;width: 1px;height: 80%;background: var(--background-color);top: 10%;}
.footer .footer-links li:last-child a::after{display: none;}
.footer .footer-links {padding: 10px 0;}
.footer .footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer .copyright {padding: 0px;}
.footer .copyright p {color: #FFF;text-align: center;font-size: var(--f16);font-style: normal;font-weight: 500;line-height: 225%;margin-bottom: 0;}
.footer a{color: #fff;}
.footer a:hover{color: var(--secondary);}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {position: fixed;inset: 0;z-index: 999999;overflow: hidden;background: var(--background-color);transition: all 0.6s ease-out;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #ffffff;border-color: var(--accent-color) transparent var(--accent-color) transparent;border-radius: 50%;width: 60px;height: 60px;animation: animate-preloader 1.5s linear infinite;}
@keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  color: var(--default-color);
  background-color: var(--background-color);
  position: relative;
}

.page-title .heading {
  padding: 80px 0;
  border-top: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
}

.page-title .heading h1 {
  font-size: 38px;
  font-weight: 700;
}

.page-title nav {
  background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
  padding: 20px 0;
}

.page-title nav ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.page-title nav ol li+li {
  padding-left: 10px;
}

.page-title nav ol li+li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0;
  scroll-margin-top: 72px;
  overflow: clip;
}

@media (max-width: 1199px) {
  section,
  .section {
    scroll-margin-top: 60px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header{border: 0;}
.section-title {
  text-align: center;
  padding-bottom: 60px;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section-title h2:before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 1px;
  background: color-mix(in srgb, var(--default-color), transparent 60%);
  left: 0;
  right: 0;
  bottom: 1px;
  margin: auto;
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: var(--accent-color);
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.section-title p {
  margin-bottom: 0;
}
.modal-header{padding: 1.5rem 2rem;}
.modal-title{font-size: 1.8rem;}
.modal-body, .modal-footer{padding: var(--bs-modal-padding) 2rem;}
.route {position: relative;}
.route, .modal-header{max-width: 1375px;margin: 0 auto;width: 100%;}
.route .icon{width: 54px;height: 54px;transform: translateY(-50px) !important;opacity: 0 !important;}
.modal-open .route .icon{width: 54px;height: 54px;transform: translateY(0px) !important;opacity: 1 !important;}
.route .icon:nth-child(1){transition: all 600ms ease-in-out 300ms;}
.route .icon:nth-child(2){transition: all 900ms ease-in-out 300ms;}
.container .container.fooetrWrapp {
  max-width: 600px;
  margin: 0px auto;
}
.footer-link ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 18px;
}
.footer-link ul li a {
  text-transform: capitalize;
  display: block;
  color: rgb(255, 255, 255);text-align: left;line-height: 1.6;
}
.footer-link ul > li > a {
  color: rgb(255, 255, 255);
}
.footer-link ul li a {
  font-size: var(--f15);
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  text-transform: capitalize;
}
.footer-link ul li ul li a {
  font-weight: 400;
}
.footer-link ul li a:hover {color: var(--secondary);}
@media all and (min-width:992px){
  .about-row .col-md-8{flex: 0 0 auto;width: 70.76%;}
  .about-row .col-md-4{flex: 0 0 auto;width: 29.24%;}
  .about-primary-txt .col-md-7 {width: 56.555555556%;}
  .about-primary-txt .col-md-5 {width: 43.44444444444%;}
  .contact .col-md-7 {flex: 0 0 auto;width: 54.505%;}
  .contact .col-md-5 {flex: 0 0 auto;width: 45.495000%;}
  .pt-30{padding-top: 30px !important;}
  .pl-42 {padding-left: 22px !important;}
  .fooetrWrapp .col-md-3 {flex: 0 0 auto;width: 28%;}
  .fooetrWrapp .col-md-5 {flex: 0 0 auto;width: 41.66666667%;}
  .fooetrWrapp .col-md-4 {flex: 0 0 auto;width: 30.33333333%;}
}
@media all and (min-width:1100px){
  .about-row .col-md-8{flex: 0 0 auto;width: 65.76%;}
  .about-row .col-md-4{flex: 0 0 auto;width: 34.24%;}
  .about-primary-txt .col-md-7 {width: 56.555555556%;}
  .about-primary-txt .col-md-5 {width: 43.44444444444%;}
  .contact .col-md-7 {flex: 0 0 auto;width: 54.505%;}
  .contact .col-md-5 {flex: 0 0 auto;width: 45.495000%;}
}
@media (max-width: 1280px) {
  html,body{font-size: 12px;}
  .header .logo img {max-height: 90px;}
  #typewriter{font-size: 80px;max-width: 1000px;}
  .header .branding {min-height: 60px;padding: 20px 0;}
  .header {min-height: 130px;}
  .header .container {padding: 0 48px;}
  .aboutImg img{max-height: 180px;}
  .header-title {padding: 65px 48px 4px;min-height: 290px;}
  section, .section{padding: 50px 0;}
}
@media (max-width: 1100px) {
  #typewriter{font-size: 68px;max-width: 860px;}
  .header-title {
    padding: 45px 38px 4px;min-height: 240px;}
}
@media (max-width: 1024px) {
  #typewriter {font-size: 65px;}
  .welcome-txt{font-size: var(--f44);}
  p {font-size: var(--f20);}
  .aboutImg img {max-height: 140px;}
  .specialize-wrap .icon{height: 110px;}
  .specialize-wrap .icon svg{max-height: 100%;}
  .specialize-wrap .specialize-item{gap: 32px;}
  .specialize-wrap .specialize-item .item-title{font-size: var(--f30);}
  .schedule-type{white-space: nowrap;}
  .footer{margin-top: 40px;}
}
@media (max-width: 991px) {
  .header .container {padding: 0 38px;}
  .header .logo img {max-height: 70px;}
  .header-title {padding: 45px 28px 4px;min-height: 180px;}
  #typewriter{font-size: 52px;max-width: 650px;}
  .header .branding {min-height: 60px;padding: 15px 0;}
  .header {min-height: 100px;}
  .aboutImg img{max-height: 120px;}
  .section.hero{padding-bottom: 30px;}
  section, .section{padding: 50px 0;}
  .header .cta-btn, .header .cta-btn:focus{margin: 0 0 0 12px;}
}
@media (max-width: 767px) {
  .header .container {padding: 0 20px;}
  .header .logo img {max-height: 64px;}
  .header .branding {min-height: 60px;padding: 5px 0;background: #fff;}
  .header {min-height: 75px;}
  .header .cta-btn, .header .cta-btn:focus{margin: 0 10px 0 0px;}
  #typewriter {font-size: 40px;max-width: 540px;}
  .header-title {padding: 25px 0px 4px;min-height: 130px;}
}
@media (max-width: 520px) {
  .header-title {padding: 25px 0px 4px;min-height: 100px;}
  #typewriter {font-size: 30px;max-width: 360px;}
}

/* .service-map .schedule-wrap {
  flex-grow: 1;
  cursor: pointer;
  position: relative;
}
.service-map .schedule-wrap:before {
  content: "";
  position: absolute;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: calc(4px/-1);
  left: calc(4px/-1);
  background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%), linear-gradient(to top, var(--primary) 50%, transparent 50%), linear-gradient(to top, var(--primary) 50%, transparent 50%), linear-gradient(to right, var(--primary) 0%, var(--primary) 100%), linear-gradient(to left, var(--primary) 0%, var(--primary) 100%);
  background-size: 100% 4px, 4px 200%, 4px 200%, 0% 4px, 0% 4px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
  transform: scaleX(0) rotate(180deg);
  transition-delay: 0.4s, 0.2s, 0s;border-radius: 20px;
}
.service-map .schedule-wrap:hover:before {
  background-size: 200% 4px, 4px 400%, 4px 400%, 55% 4px, 55% 4px;
  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
  transform: scaleX(1) rotate(180deg);
  transition-delay: 0s, 0.2s, 0.4s;
} */