*{font-family: 'Karla', sans-serif;}
body{overflow-x: hidden !important;}
.back-to-top {visibility: hidden;opacity: 0;right: 15px;bottom: 16px;z-index: 999;background: #557895;width: 40px;height: 40px;opacity:0.8;border-radius: 50%;transition: all 0.4s;}
.back-to-top i {font-size: 24px;}
.back-to-top:hover {background:  #a0a1a0;color: #fff;}
/* .bi-arrow-up-short:hover{color: #000 !important;} */
.back-to-top.active {visibility: visible;opacity: 1;}
#header {transition: all 0.5s; z-index: 99; transition: all 0.5s;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
.navbar a { font-size: 16px;font-weight:600;white-space: nowrap;transition: 0.3s;}
.navbar li:hover > a {color:#557895;}
.navbar .active{color: #557895; border-radius: 1rem;}
.mobile-nav-toggle {color: #5a7794;font-size: 28px;transition: 0.5s;}
@media only screen and  (max-width: 991px) {.navbar ul { display: none;}} 
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: #65819b1c; transition: 0.3s;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display: block;position: absolute;top: 55px;right: 15px;left: 15px;padding: 12px 0;background-color: #fff;overflow-y: auto;transition: 0.3s;}
.navbar-mobile a {padding: 10px 20px;font-size: 15px;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #557895 !important;}
@-webkit-keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}
@keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}
h1 {font-size: 40px;}
h2 { font-size: 30px; font-weight: 700; letter-spacing:-1px;}
h3{ font-size:20px; font-weight:600 !important;}
p, a,li { font-size: 16px !important;}
li {line-height: 28px;}
.link{transition: all 0.1s; color: #60829c !important;}
.link:hover{color:#b1b5b4 !important;transition: all .1s !important;}
.link:focus{color:#b1b5b4;}                                                    
.banner{padding-top:170px !important; padding-bottom:100px !important;}
.bg-banner{background-image: repeating-linear-gradient(45deg, #d7ede2 20%, #014871c7);}
.bg-button{background-color: #60829c; transition: all 0.5s !important; border: 3px solid #60829c;}
.bg-button:hover{color:#000 !important ; background-color:#fff !important; transition: all 0.4s !important; border: 3px solid #60829c;}
#footer p, #footer a{font-size: 14px !important;}
.w-90px {width: 90px;}
.h-90px{height: 90px;}
.w-40px{width: 40px;}
.translate-middle-75 {transform: translate(-50%,-57%)!important;}
.bg-green-30{background-color: #23b3b40a;}
.content{background-color: #fff;  clip-path: polygon(25% -90%, 77% 7%, 95% 50%, 75% 95%, 25% 95%, 0% 50%);}
.img-shadow{box-shadow: 0px 5px 0px 0px #014871c7, 0px 0px 3px 0px #014871c7;}
.step-outer-bg{background-color: #a5aba8;  clip-path: polygon(25% 5%, 78% 5%, 97% 50%, 77% 95%, 25% 95%, 5% 50%);}
.text-blue{color: #60829c;}
.text-light-green{color: #b1b5b4 !important;}
.lh-26px{line-height: 26px;}
.start-26{left: 26%;}
.top-10{top: 10%;}
.bg-blue-gradient{background-color: #a5aba8;}
.bg-green-90{background-color: #4d524f;}
.border-blue{border-color: #60829c !important;} 
.p-5rem{padding:5rem;}
#faq ul li::before{content:  url(../img/list-point.png) !important; position: absolute !important; left: -27px; top: 0; position: absolute;}
.line::before {content: ' '; background: #000; display: inline-block; position: absolute; left: -23px; width: 1px; height: 94%; top: 33px;}
.line h3::before {content: ' '; background: #d7ede2; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #65819b; left: -31px; width: 18px; height: 50%; z-index: 98; top: 16px;}
.steps-bg{background-image: linear-gradient(45deg, #5a779430, #a5aba82e); z-index: -222 !important;}
.top-57{top: 57%;}
.start-38{left:38%;}
/* .next-arrow::after{content: ''; background: url(../img/next-arrow.png); background-size: cover; position: absolute; top:90%; left:50%; z-index: 100 !important; width: 1rem; height: 1rem;} */