@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');;
body {  font-family: 'Inter', sans-serif;color: #474b50;position: relative;}
a {color:  #2486f3;}
a:hover{ color:#f26c20; }
a.text-dark:hover{color: white !important;}
h1, h2, h3, h4, h5, h6, .font-primary {font-family: 'Inter', sans-serif;}
h3{font-size:20px;}
.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 16px;z-index: 99999;background: #f26c20;;;width: 40px;height: 40px;opacity:0.8;border-radius: 50%;transition: all 0.4s;}

.btn-primary:hover{border: 2px solid #2486f3;background: #ffffff;color: #f26c20 !important;} 
.btn-primary:focus{border: 2px solid #2486f3 !important;background: #ffffff;color: #f26c20 !important;box-shadow: 0 0 0 0 rgba(49,132,253,.5) !important;}
.btn-secondary{border: 2px solid #2486f3;background: #ffffff;color: #2486f3 !important;padding: 12px 18px !important;border-radius: 50px;
font-size: 16px;display: inline-block;font-weight: 600;font-family: 'Inter', sans-serif;text-decoration: none;}
.btn-secondary:hover{border: 2px solid #2486f3 ;background:#2486f3 ;color: #FFF !important;}
.btn-secondary:focus{border: 2px solid #2486f3 ;background: #2486f3;color: #FFF !important;box-shadow: 0 0 0 0 rgba(49,132,253,.5) !important;}
.back-to-top i {font-size: 24px;color: #fff;line-height: 0;}
.back-to-top:hover {background: #2486f3;;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}
#header {min-height: 75px;transition: all 0.5s;z-index: 997;transition: all 0.5s;background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
.logo img{width:250px;}
#header .logo img {padding: 0;margin: 0;width: 40%;}
.navbar {padding: 0;}
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar a {  align-items: center;justify-content: space-between;font-size: 15px;font-weight:600;color: #4e4039;white-space: nowrap;transition: 0.3s;}
.navbar a i {font-size: 12px; line-height: 0; margin-left: 5px; }
.navbar li:hover > a {color:#f26c20 ;}
.navbar .active{color: #2486f3;background: #eee;border-radius: 50px;}
.mobile-nav-toggle {color: #7a6960;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #fff;}
 @media (max-width: 991px) {.mobile-nav-toggle { display: block;}.navbar ul { display: none;}} 
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(78, 64, 57, 0.9);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;color: #7a6960;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #3e2ecd;}
#banner {width: 100%;padding: 160px 0px 80px 0 !important;
background-size: cover;    background: linear-gradient(to right, rgb(255, 255, 255), #ffdbc7);}
#banner h1 {margin: 0;font-size: 36px;font-weight: 700;line-height: 46px;}
@-webkit-keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}
@keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}
.bg-dark-blue {background: linear-gradient(to left, #2486f3, rgb(123, 174, 233)); }
.bg-dull-orange{background-color: #f4f4f4;}
footer p{font-size: 14px;line-height: 24px;}
footer a{text-decoration:none;color:#fff;}
footer a:hover { color: #f26c20; }
.fs-18px{font-size: 18px !important;}
.text-muted {color: #b7bdc1 !important;}
th{background-color: #f26c20 !important;color:#fff !important}
h2{font-weight: bold !important;}
table{border-color: #ededed !important;}
.bg-pink { background: #fffbfc;}
.w-15{width: 15%;}
.bg-gray { background-color: #f9f9f9;}
.border-top-left-radius{border-top-left-radius:10px}
.border-top-right-radius{border-top-right-radius:10px}
.border-bottom-right-radius{border-bottom-right-radius:10px;}
.text-blue { color: #2486f3 !important; }
.img-border{box-shadow: 0px 0px 30px #00000080;border: 3px solid #FFF;}
.bg-img-1 {background: url(../images/pattern1.png)no-repeat;background-position-x: 0%;background-position-y: 0%;background-attachment: scroll;background-size: auto;background-size: cover;position: relative;background-position: center}
.bg-img-2 {background: url(../images/bg2.jpg)no-repeat;background-attachment: fixed;background-position: center;}
.list-points {padding-left: 40px;margin: 0px;}
.list-points li {list-style: none;text-align: left;font-size: 16px;padding-left: 10px;}
.list-points li::before {content: ""; position: absolute !important;top: 6px !important;left: -20px !important;width: 32px;height: 20px;background: url("../images/tick.png") no-repeat center center !important;border: 0px solid black !important;}
 ul.timeline {list-style-type: none;position: relative;} 
ul.timeline::before {content: ' ';background: #fbc7cd;;display: inline-block;position: absolute;left: 40px;width: 2px;height: 100%;top: 10px;}
ul.timeline > li {margin: 15px 0;padding-left: 30px;position: relative;}
ul.timeline li::before{content: ' ';background: #2486f3;display: inline-block;position: absolute;border-radius: 50%;
border: 3px dotted #2486f3;;top: 3px;left: -2px;width: 20px;height: 20px;z-index: 400;}
.timeline li span{color:#f26c20;;;}
/*.card{box-shadow: 0 10px 24px 0 rgba(68, 88, 144, 0.1);transition: all 0.3s ease-in-out;border-radius:20px ;}*/

.hover-none:hover{transform: none !important;box-shadow: none !important;background-color: none !important;}
.hover-none img{width: 20px;}
.bg-dull-blue{background-color: #eef5fa !important;}
.bg-blue{background-color: #2486f3 !important;}
.border-pink-3px{border-left: 3px solid #f26c20;}
.line {width: 100px;background: linear-gradient(to right, #2486f3, #f26c20);height: 3px !important;opacity: 100% !important;}
.line-white{width: 100px;background-color:  #fff;height: 3px !important;opacity: 100% !important;}
.fa{color: #f26c20;cursor: pointer;}
.fa:hover{color: #2486f3;}
.border-right{border-right: 1px solid #ddd;}
.dropdown-menu {
    min-width: 21rem;
}
.dropdown-menu[data-bs-popper] {
    left: inherit;
    margin-top: 0.125rem;
}
.dropdown-menu .nav-link {
    padding: 0px ;
}
.dropdown-menu .active {
    color: rgb(0, 0, 0);
    border-radius: 0px;
    border-bottom: 0px solid #374785;
     background: #FFFFFF;
}

.border1 { padding: 25px; border-radius: 10px; border-right: 7px solid #f68826 !important; border-left: 7px solid #f37200 !important; box-shadow: 0px 0px 7px #f37200; }
.list-style2 li { list-style-type: none; line-height: 1.5; vertical-align: middle; list-style: none; background: rgba(0, 0, 0, 0) url(../img/arrowIcon.png) no-repeat scroll 8px 17px; line-height: auto; list-style: outside none none; margin-left: -19px; padding: 14px 11px 10px 40px; display: block; background-size: 24px; border: 1px solid #e6e6e6; }
.h-156 { height: 156px;}

/*New css added*/

.banner-bg {
    background: url(/Content/NewImages/raccoon-eye/raccoon-eye-1.webp) no-repeat, linear-gradient(163deg, rgba(10,74,133,1) 0%, rgba(10,74,133,1) 100%);
    padding-top: 150px;
    padding-bottom: 70px;
    background-size: 20%;
    background-position: left top 25%;
}
.text-yellow {
    color: #ffd618;
}

.btn-primary, .btn-primary:focus {
    background: #f26c20;
    color: #fff !important;
    border: 2px solid #f26c20 !important;
    font-weight: 500;
    box-shadow: 0 2px 15px #f26c2059 !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}
.rounded {
    border-radius: 0.25rem !important;
}


.bg-gradient-blue-50 {
    background-image: linear-gradient(#fefeff, #deeffe);
}
.bg-dark-blue {
    background: #022544;
}

.org-strip-bg {
    background: #FFBF00;
    color: #000;
}
.blue-section-bg {
    background-color: #eef7ff;
}
.bg-secondary {
    background: #2486f3 !important;
}
.carousel-indicators [data-bs-target] {
    background-color: #f26c20;
}
.carousel-indicators1 [data-bs-target]{
    background-color:#2486f3 ;
}
.bottom-n-55{bottom:-55px;}
.bottom-25 {
    bottom: 25px;
}
.min-h-250 {
    min-height: 250px;
}
.min-h-270 {
    min-height: 270px;
}
.text-primary {
    color: #f26c20 !important;
}.text-secondary {
    color: #2486f3 !important;
}
 .fs-18{font-size:18px;}

 .bg-blue-70 {
    background: #f4f9fff2;
}
.rounded-7 {
    border-radius: 7px !important;
}
.shadow-blue {
    box-shadow: 2px 2px 5px #2a8ae06e;
}
.step-img {
    position: relative;
    width: 100px;
    height: 100px;
    color: #ffffff;
    background-color: #f26c20;
    border: 2px solid #2486f3;
}
.w-15{width: 15%;}
    .step-arrow::after{
    content: url(../images/steps-arrow.png);
    position: absolute;
    right: -35px;
    top: 39px;
    width: 1.875rem;
    height: 1.875rem;
    z-index: 999;
}
    .pb-5{padding-bottom:5rem !important;}
    .note {
    background: #fef8dd;
    border: 1px solid #ffd61c;
}
    .align-items-stretch{align-items:stretch !important; }