html {scroll-behavior: smooth;}
body { background:#eee;color:#000;font-family: "Titillium Web", sans-serif;font-weight:200; font-size:18px; line-height:1.6; margin:0px; padding:0px;}

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
  outline: none;
}

.ff-alte{font-family: 'Alte Haas Grotesk', sans-serif;}

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-21{font-size:21px;line-height:1.4;}
.fs-27{font-size:27px;line-height:1.4;}
.fs-35{font-size:35px;line-height:1.3;}
.fs-50{font-size:50px;line-height:1.3;}


.fw-thin{font-weight:200!important;}
.fw-light{font-weight:300!important;}
.fw-normal{font-weight:400 !important;}
.fw-medium{font-weight:500!important;}
.fw-semi{font-weight:600!important;}
.fw-bold{font-weight:700!important;}
.fw-ebold{font-weight:800!important;}

.py-100{padding-top:100px;padding-bottom:100px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.py-80{padding-top:80px;padding-bottom:80px;}

.ls-40{letter-spacing:0.04em;}
.ls-100{letter-spacing:0.1em;}
.ls-200{letter-spacing:0.2em;}

.bg-light{background-color:#def6ff!important;}
.bg-light2{background-color:rgba(222,246,255,1)!important;}
.bg-dark{background-color:#333a73!important;}

.text-secondary{color:#333!important;}
.text-light{color:#DEF6FF!important;}
.text-dark{color:#333a73!important;}
.text-primary{color:#387ADF!important;}
a.text-white:hover{color:#333a73!important;}

.rounded-10{border-radius:10px;}
.lh-12{line-height:1.2;}

a{color:#000;}
a:hover{color:#333a73;}

a img:hover{opacity:0.7;}

a.underline{text-decoration:underline;}
a.underline:hover{text-decoration:none;}

p{margin-bottom:20px;}
a, a:hover { text-decoration:none; outline:none}

h1,.h1, h2, h3, h4, h5, h6 {font-family: 'Alte Haas Grotesk', sans-serif;}

.list{ padding: 0;margin: 0;list-style-type: none;}
.list li {background: url('../images/circle.png') left 3px no-repeat;padding-left:65px;margin-bottom:10px;}
li.no-icon{background:none;}

.radio input[type=radio]{margin-top:10px;}
.container {position:relative;}

.btn {font-size:20px;font-weight:700;padding:10px 30px;text-decoration:none !important;border-radius:24px;}
.btn-primary{border-color:#50C4ED!important;background-color:#50C4ED!important;color:#fff !important;}
.btn-primary:hover,.btn-primary:focus{border-color:#387ADF!important;background-color:#387ADF!important;color:#fff !important;}

.card-img-top {border-radius: 0px !important;/* border-top-right-radius: calc(.25rem - 1px); */}
 
.form-control,.form-select{border-radius:10px;}
.form-control::placeholder{color:#B7B7B7;}

.social-icons li a{background-color:#387ADF;color:#fff;font-size:18px;margin-right:15px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;display:inline-block;}
.social-icons li a:hover{background-color:#333a73;color:#fff;}

.carousel-indicators{bottom:-70px;}
.carousel-indicators  [data-bs-target] {width:12px;height:12px;border-radius:50%;margin-right:10px;opacity:1;background-color:#000;}
.carousel-indicators .active{background-color:#387ADF;}

.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.floatingLink {position: fixed;bottom: 20px;right: 30px;z-index: 99;border: none;
	outline: none;  background-color:#387ADF;color: white;cursor: pointer;padding:0px;border-radius: 10px;
	font-size: 25px;border-radius:50%;width:60px;height:60px;padding:5px;}

.floatingLink:hover {background-color:#333a73;}

.object-fit{-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

.img-op-70 {opacity: 0.70;filter: alpha(opacity=70);}

.wow {visibility:hidden;}
.text-shadow{text-shadow:5px 0px 5px rgba(0,0,0,0.7);}
.text-shadow2{text-shadow:5px 0px 5px rgba(0,0,0,0.25);}
.zi-99{z-index:99;}
.mb-n30{margin-bottom:-30px;}

.shadow1{box-shadow:0px 0px 20px rgba(80,196,237,0.2);}

.bg-gradient1{background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,251,255,1) 100%);}
.bg-gradient2{background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(222,246,255,1) 100%);}
.bg-gradient-bw{background: linear-gradient(to bottom,  rgba(222,246,255,1) 0%,rgba(255,255,255,1) 60%);}
.bg-gradient-bw2{background: linear-gradient(to bottom,  rgba(222,246,255,1) 0%,rgba(255,255,255,1) 100%);}
.bg-gradient-bw4{background: linear-gradient(to bottom,  rgba(240,251,255,1) 0%,rgba(255,255,255,1) 30%);}
.bg-gradient3{background: linear-gradient(to bottom,  rgba(222,246,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 50%,rgba(226,247,255,1) 100%);}
.bg-gradient4{background: linear-gradient(to bottom,  rgba(242,251,255,1) 0%,rgba(224,246,255,1) 100%);}

.zIndex2{z-index:2}
.zIndex3{z-index:3}
.zIndex4{z-index:4}
.zIndex5{z-index:5}
.shapes{position:relative;left:-35px;}
.shapes .col{background:url('../images/shape.png') 0px 0px no-repeat;padding:44px 0px 43px 80px;position:relative;height:563px;}
.shapes .col:after{background:url('../images/shape-side.png') center top no-repeat;top:0;right:-70px;bottom:0;content:"";display:block;width:70px;position:absolute;}

@media(max-width: 767.98px){
	.shapes{position:relative;left:0px;padding-right:70px;}
}

.bg-hightlight{background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(255,223,147,1) 55%,  rgba(255,223,147,1) 100%);
clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);padding:0px 20px;}

.bg-hightlight2{background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(255,223,147,1) 55%,  rgba(255,223,147,1) 100%);
clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);padding:0px 20px;}

.bg-hightlight-dark{background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(255,196,54,1) 55%,  rgba(255,196,54,1) 100%);
clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);padding:0px 20px;}

.bg-hightlight-resourceful{padding:0px 20px 10px 20px;}

.navbar-toggler:focus { box-shadow: none;}