body{color: #2a303b;font-size: 15px}
h1, h2, h3, h4, h5, h6 {line-height: 1.4}
a{text-decoration: none;outline: none}
p{line-height: 1.6}
html{ scroll-padding-top: 40px;scroll-behavior: smooth}
.row>* { position: relative}

/* Navbar */
.navbar { transition: all 0.5s ease; padding: 20px 0px;}
.navbar .navbar-nav .nav-item .nav-link {color: black;font-size: 13px;letter-spacing: 0.05rem;font-weight: 500;text-transform: uppercase;background-color: transparent;margin: 0px 6px;transition: all 0.3s ease;}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:active, .navbar .navbar-nav .nav-item .nav-link.active { color: #FF7F51 !important}
.navbar .navbar-toggler{padding: 0px;border:none;font-size:24px}
.navbar .navbar-toggler:focus{box-shadow: none}
.navbar .navbar-brand .logo-light{display: inline-block} .navbar .navbar-brand .logo-dark{display: none}

.nav-sticky.navbar {background: #fff;padding: 15px 0px;margin-top: 0px;box-shadow: 0px 3px 10px 0px rgba(42, 48, 59, 0.08);}
.nav-sticky .navbar-brand .logo-dark {display: inline-block} .nav-sticky .navbar-brand .logo-light {display: none}

@media (max-width: 991.98px) { .navbar .navbar-brand .logo-light { display: none } .navbar .navbar-brand .logo-dark {display: block}}
@media (min-width: 992px) {
    .navbar-nav .nav-item .nav-link {color: rgba(255, 255, 255, 0.7); }
    .navbar-nav .nav-item .nav-link:hover,  .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active { color: #fff !important }
    .nav-sticky { background: #fff; }
    .nav-sticky .nav-item .nav-link { color: #2a303b}
    .nav-sticky .nav-item .nav-link:hover, .nav-sticky .nav-item .nav-link.active, .nav-sticky .nav-item .nav-link:active { color: #FF7F51 !important}
}
@media (max-width: 991px) { .navbar { padding: 12px 0px; background-color: #fff }}

.text-primary {color: #2558ab !important}                 .bg-primary {background-color: #2558ab !important}
.text-secondary {cursor:default;color:#FF7F51 !important} .bg-secondary {background-color: #FF7F51 !important}
.text-success {color: #1abc9c !important}                 .bg-success {background-color: #1abc9c !important}
.text-info {color: #49c6e5 !important}                    .bg-info {background-color: #49c6e5 !important}
.text-warning {color: #ffcd00 !important}                 .bg-warning {background-color: #ffcd00 !important}
.text-danger {color: #ef4b4b !important}                  .bg-danger {background-color: #ef4b4b !important}
.text-light {color: #f8f9fa !important}                   .bg-light {background-color: #f8f9fa !important}
.text-dark {color: #2a303b !important}                    .bg-dark {background-color: #2a303b !important}
.text-muted {color: #9da9bb !important}                   .bg-muted {background-color: #9da9bb !important}
.text-white {color: #fff !important}                      .bg-white {background-color: #fff !important}

.section {padding-top: 80px;padding-bottom: 80px;position: relative}
.fs-12 {font-size: 12px} .fs-13 {font-size: 13px} .fs-14 {font-size: 14px} .fs-15 {font-size: 15px} .fs-16 {font-size: 16px} .fs-17 {font-size: 17px} .fs-18 {font-size: 18px} .fs-19 {font-size: 19px} .fs-20 {font-size: 20px}
.fw-medium {font-weight: 500} .fw-semibold {font-weight: 600}
.box-shadow {box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 24px}
.form-control {padding: 10px 14px;font-size: 14px;border: 1px solid rgba(42, 48, 59, 0.2)}
.form-control:focus {box-shadow: none;border-color: rgba(42, 48, 59, 0.3)}
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {color: #ced4da} input::-moz-placeholder, .form-control::-moz-placeholder { color: #ced4da}
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #ced4da} input:-moz-placeholder, .form-control:-moz-placeholder {color: #ced4da}
#back-to-top {width: 30px;height: 30px;position: fixed;bottom: 20px;right: 30px;background: #2a303b;border-color: transparent;border-radius: 3px; color: #fff;transition: all 0.5s ease;display: none}
#back-to-top:hover {background-color: #2558ab}
.primary-link {color: #2a303b;transition: all 0.5s ease}
.primary-link:hover {color: #2558ab}
@media (min-width: 1200px) {.container { max-width: 1140px !important }}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to top left, #2558ab 0%, #49c6e5 100%);z-index: 9999999}
#preloader #status {position: absolute;left: 50%;top: 50%;transform: translateY(-50%)}
.spinner {margin: 100px auto;width: 40px;height: 40px;position: relative;text-align: center;animation: sk-rotate 2s infinite linear}
.dot1, .dot2 {width: 60%;height: 60%;display: inline-block;position: absolute;top: 0;background-color: #fff;border-radius: 100%;animation: sk-bounce 2s infinite ease-in-out}
.dot2 {top: auto;bottom: 0;animation-delay: -1s}
@keyframes sk-rotate { 100% { transform: rotate(360deg) }}
@keyframes sk-bounce { 0%, 100% { transform: scale(0)} 50% { transform: scale(1)}}
.bg-home {padding: 180px 0;background-color: rgba(37, 88, 171, 0.05)}
@media (max-width: 992px) { .bg-home { padding: 140px 0 95px}}
.home-center {display: table;width: 100%;height: 100%}
.home-desc-center {display: table-cell;vertical-align: middle}

/* Section1 */
.bg-overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0}
.bg-home4{padding:327px 0 215px 0;} 
@media (max-width: 992px){.bg-home4 {padding: 190px 0 95px 0}} 
.bg-home4 .bg-overlay{background-color:#f8f9fa;background:url("Images/LandingPage/FirstSection.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;min-height:1000px;overflow:hidden;}

.hero-slider {height: 100vh}
.hero-slider .swiper-slide {font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center}
.hero-slider .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover}
.hero-slider .swiper-pagination-bullet {width: 8px;height: 30px;background-color: #fff;border-radius: 5px}
.hero-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #FF7F51}

iframe {max-width: 100%;border: 9px solid rgba(255, 255, 255, 0.3);border-radius: 5px 5px 5px 5px }

.right-icon {line-height: 0;font-size: 22px}
.features-box .features-icon {background: #2558ab;height: 50px;width: 50px;line-height: 50px;text-align: center;color: #fff;border-radius: 6px;font-size: 30px;position: relative}
.features-box .features-icon::before {content: "";height: 60px;width: 60px;background: rgba(37, 88, 171, 0.1);position: absolute;left: 7px;top: -16px;transform: rotate(20deg);z-index: -1;border-radius: 6px}
.team-box {transition: all 0.4s ease;overflow: hidden}
.team-box .team-img {position: relative}
.team-box .team-img img {width: 100%;border-radius: 6px}
.team-box .team-overlay {background-color: rgba(0, 0, 0, 0.7);position: absolute;transition: all 0.5s ease-in-out 0s;top: 0px;left: 0px;bottom: 0px;right: 0px;opacity: 0;overflow: hidden;border-radius: 8px}
.team-box .team-overlay .team-content {position: absolute;bottom: -60px;left: 0px;right: 0px;padding-left: 30px;padding-right: 30px;transition: all 0.5s ease-in-out 0s;opacity: 0}
.team-box .team-overlay .team-social-icon a {height: 35px;width: 35px;display: inline-block;line-height: 33px;font-size: 14px;color: #fff;border: 1px solid #fff;background-color: transparent;border-radius: 50%;transition: all 0.5s}
.team-box .team-overlay .team-social-icon a:hover {color: #fff;background-color: #2558ab;border: 1px solid #2558ab}
.team-box:hover .team-overlay {opacity: 1;visibility: visible}
.team-box:hover .team-content {bottom: 50%;transform: translateY(50%);opacity: 1}
.subscribe-form input {padding: 14px 20px;width: 100%;font-size: 16px;color: #2a303b;border: none;outline: none;padding-right: 155px;padding-left: 30px;border-radius: 30px;box-shadow: 0 3px 8px rgba(42, 48, 59, 0.1)}
.subscribe-form .btn {position: absolute;right: 0px;outline: none;border-radius: 30px;padding: 13px 38px;border-top-left-radius: 0;border-bottom-left-radius: 0;font-size: 16px}
.counter-box .counter-icon {background: rgba(255, 255, 255, 0.03);height: 90px;width: 90px;border-radius: 50%;line-height: 100px;text-align: center;font-size: 46px;margin: 0 auto;box-shadow: 0 3px 0px rgba(255, 255, 255, 0.2)}
p .counters {padding: 20px;border-radius:10px}
.counter {letter-spacing: 0.125rem;line-height: 1;position: relative;display: flex;overflow: hidden;justify-content: center;height: 2.4rem;font-size: 2.4rem;font-weight: 400}
.counter>span {z-index: 1;display: flex;flex-direction: column;height: 100%; transition: transform 2s ease;transform: translateY(0);line-height: 1}
.counter>span span {flex: 0 0 100%; height: 100%}
.testi-box .testi-content {padding: 30px;box-shadow: 2px 2px 10px rgba(42, 48, 59, 0.08);border-radius: 6px;position: relative;background-color: #fff}
.testi-box .testi-content:after {content: "";width: 20px;height: 20px;background-color: #fff;position: absolute;bottom: -10px;left: 20%;transform: rotate(45deg);box-shadow: 16px 14px 17px rgba(42, 48, 59, 0.08)}
.testi-box .testi-user img {height: 48px;width: 48px}
.testi-slider .swiper-pagination-bullets {bottom: -10px}
.testi-slider .swiper-pagination-bullets .swiper-pagination-bullet {width: 14px;height: 5px;border: none;background-color: rgba(37, 88, 171, 0.8);margin: 5px 7px;border-radius: 20px}
.testi-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #2558ab}
.blog-box {border: none;box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 24px}
.blog-box .blog-img {position: relative;overflow: hidden;border-top-left-radius: .25rem;border-top-right-radius: .25rem}
.blog-box .blog-img img {transition: all 0.5s ease}
.blog-box .blog-img .blog-tag {position: absolute;bottom: 0;left: 0;background-color: #2558ab;padding: 5px 10px;color: #fff;transition: all 0.5s ease;z-index: 1}
.blog-box .blog-img::after {content: "";background-color: rgba(255, 127, 81, 0);position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all 0.5s ease}
.blog-box:hover .blog-img img {transform: scale(1.1)}
.blog-box:hover .blog-img .blog-tag {left: 24px}
.blog-box:hover .blog-img::after {background-color: rgba(255, 127, 81, 0.45)}
.Contact-info .icon {width: 35px;height: 35px;line-height: 35px;font-size: 18px;border-radius: 3px;text-align: center;color: #2558ab;background-color: rgba(37, 88, 171, 0.08)}
.footer { padding: 60px 0 45px; position: relative}
.footer .company-sub-menu li { padding: 8px 0}
.footer .company-sub-menu li a { transition: all 0.5s; color: #9da9bb}
.footer .company-sub-menu li a:hover { color: #2558ab; margin-left: 5px}
.footer-social-list a {border: 1px solid #d9dee5;height: 40px;width: 40px;display: inline-block;border-radius: 50%;line-height: 40px;text-align: center;color: #bbc3d0;font-size: 18px;transition: all 0.3s}
.footer-social-list a:hover {background: #2558ab;color: #fff;border-color: #2558ab;box-shadow: 0 0 2px 7px rgba(37, 88, 171, 0.15)}