/* 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: #000000;--heading-color: #009EB4;--light-color: #A2D6E1;--primary: #c92127;--secondary: #000000;--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 .branding {min-height: 60px;padding: 24px 67px 17px;position: fixed;left: 0;top: 0;width: 100%;z-index: 2;background: #fff;}
.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;margin-left: 0;}
  .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;}

.pb-30 {padding-bottom: 30px;}
.pb-30 ol{padding-top: 5px;}

.main{padding: 98px 67px 60px;min-height: 100vh;}.about{display: block;background: var(--primary);padding: 98px 62px 100px 116px;color: #fff;min-height: calc(100vh - 158px);overflow: auto;display: flex;justify-content: center;flex-direction: column;}
.fixed-title {
  position: fixed;
  width: 180px;
  height: 67px;
  top: 50%;
  left: 0%;
  margin-top: 115px;display: flex;align-items: center;justify-content: center;
  font-size: var(--f20);
  text-transform: uppercase;
  margin-left: 0px;
  text-align: center;
  cursor: default;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  z-index: 12;
}
.fixed-title span, .fixed-title a {
  position: relative;
  z-index: 3;font-weight: 500;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  color: #fff;
}
.fixed-title:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
  width: 100%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  height: 67px;
  background: #000000;
}
.fixed-title:hover:after {
  height: 0;
}
.fixed-title:hover span, .fixed-title a {
  color: #000;
}
p{font-size: var(--f14);font-style: normal;font-weight: 400;line-height: 120%;margin-bottom: 1.5rem;}
.row{--bs-gutter-x: 30px;--bs-gutter-y:0px;margin-top: 0;}
.about-row.row>* {padding-top: 5px;padding-bottom: 5px;}
.welcome-txt p{color: #fff;font-size: var(--f17);font-style: normal;font-weight: 300;line-height: 1.2;padding: 0;max-width: 565px;}
.content{padding: 40px 0px 34px 0;} .content p{max-width: 562px;}
.welcome-txt h1, .welcome-txt h2, .welcome-txt h3, .welcome-txt h4, .welcome-txt h5, .welcome-txt h6{color: #fff;margin: 0;font-weight: 400;}
.welcome-txt h1{font-size: var(--f30);}
.welcome-txt h6{font-size: var(--f18);}
.welcome-txt h3{font-size: var(--f20);}
.welcome-txt p.bigFont{font-size: var(--f22);font-weight: 300;}
.welcome-txt .expirience p{font-size: var(--f14);line-height: 1.4;padding-top: 5px;}
p:last-child{margin-bottom: 0;}
.about-txt p{max-width: 690px;}

.profile-btn{display: flex;align-items: center;justify-content: center;position: relative;}
.profile-btn:before{content: "";left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 80%;background: rgba(255, 255, 255, 0.5);position: absolute;}
.profile-btn .btn{padding: 14px 22px;line-height: 30px;font-size: var(--f21);font-weight: 500;text-transform: uppercase;color: #fff;background: #000;border-radius: 16px;margin: 20px 0;transition: all 0.5s;}
.profile-btn .btn:hover{color: #000;background: #fff;}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--primary) !important;
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {color: var(--secondary);background-color: #fff;font-size: var(--f13);position: fixed;padding: 14px 67px 26px;left: 0;bottom: 0;width: 100%;}
.footer .copyright {padding: 0px;}
.footer .copyright p {color: var(--secondary);font-size: var(--f13);font-style: normal;font-weight: 500;line-height: 125%;margin-bottom: 0;}
.footer a{color: var(--secondary);}
.footer a:hover{color: var(--primary);}
/*--------------------------------------------------------------
# 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: 99;
  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;
  }
}

@media (max-width: 1280px) {
  .header .logo img {max-height: 90px;}
  .about {padding: 68px 42px 80px 76px;}
}
@media (max-width: 1024px) {
  .about {padding: 42px 30px 50px 52px;}
}
@media (max-width: 991px) {
  html,body{font-size: 13px;}
  .header .logo img {max-height: 50px;max-width: 50px;}
  .about {padding: 30px 24px 20px 32px;min-height: calc(100vh - 125px);}
  .header .branding{padding: 16px 47px 9px;}
  .main {padding: 75px 47px 50px;}
  .footer{padding: 10px 47px 16px;}
  .fixed-title{height: 47px;margin-top: 75px;}
}
@media (max-width: 767px) {
  html,body{font-size: 13px;}
  .footer{padding: 10px 20px 10px;}
  .main {padding: 75px 0px 50px;}
  .header .branding{padding: 12px 20px 12px;}
  .fixed-title{display: none;}
  .about {padding: 20px 20px;}
  .profile-btn{justify-content: flex-start;padding-top: 20px;}
  .profile-btn:before{display: none;}
  .profile-btn .btn{padding: 10px 22px;line-height: 24px;font-size: var(--f16);border-radius: 6px;}
}
@media (max-width: 460px) {
}