@import url('https://fonts.googleapis.com/css2?family=Alata&family=Cairo:wght@600;700&family=Playfair+Display:wght@700&display=swap');

/****************************************************************************/

html {scroll-behavior: smooth;}
body { background:#fff; color:#202020;font-family: 'Alata', sans-serif;font-weight:400; 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-cairo{font-family: 'Cairo', sans-serif;}
.ff-play{font-family: 'Playfair Display', serif;}

.fs-11{font-size:11px;}
.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-20{font-size:20px;}

.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-50{letter-spacing:0.05em;}
.ls-75{letter-spacing:0.075em;}
.ls-100{letter-spacing:0.1em;}
.ls-200{letter-spacing:0.2em;}

.text-primary{color:#0c8da3!important;}
.text-info{color:#36e2ff!important;}
.text-secondary{color:#595959!important;}
.text-dark{color:#494949!important;}
.text-black{color:#000!important;}

.bg-primary{background-color:#01889f!important;}
.bg-info{background-color:#18a7b5!important;}
.bg-info2{background-color:#1aa8b6!important;}
.bg-secondary{background-color:#636363!important;}

a{color:#202020;}
a:hover{color:#01889f;}
a.text-secondary:hover,a.text-white:hover{color:#000!important;}

a img:hover{opacity:0.9;}

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

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

h1, h2, h3, h4, h5, h6 {}
.hhd{font-size:60px;}
.hd{font-size:45px;}
h1,h2.h1{font-size:35px; }
h2{font-size:30px;}
h3{font-size:28px;}
h4{font-size:25px;}
h5{font-size:20px;}
h6{font-size:16px;}

.list{ padding: 0;margin: 0;list-style-type: none;}
.list li {background: url('../images/tick.png') top left no-repeat;padding-left:35px;margin-bottom:20px;}
li.no-icon{background:none;}

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

.btn { text-decoration:none !important;text-transform:uppercase;border-radius:5px;font-size:13px;font-weight:400;padding:18px 40px;letter-spacing:0.05em;}
.btn-sm {font-size:11px;letter-spacing:0.075em;padding:12px 30px;}
.btn-cairo {font-weight:700;letter-spacing:0.1em;font-family: 'Cairo', sans-serif;}
.btn-info{border-color:#18a7b5!important;background-color:#18a7b5!important;color:#fff !important;}
.btn-info:hover,.btn-info:focus{border-color:#01889f!important;background-color:#01889f!important;color:#fff !important;}
.btn-primary{border-color:#01889f!important;background-color:#01889f!important;color:#fff !important;}
.btn-primary:hover,.btn-primary:focus{border-color:#18a7b5!important;background-color:#18a7b5!important;color:#fff !important;}

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

.social-icons li a{background-color:#fff;color:#01889f;font-size:18px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;display:inline-block;}
.social-icons li a:hover{background-color:#1aa8b6;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:#1aa8b6;}

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

#ScrollToTop {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;border: none;
	outline: none;  background-color:#1aa8b6;color: white;cursor: pointer;padding:0px;border-radius: 10px;
	font-size: 25px;border-radius:50%;width:50px;height:50px;line-height:50px;}

#ScrollToTop:hover {background-color:#01889f;}

.fancy {line-height: 0.5;text-align: center;}
.fancy span {display: inline-block;position: relative;  }
.fancy span:before,.fancy span:after {content: "";position: absolute;height: 5px;border-bottom: 1px solid #000;top: 0;width:100px;}
.fancy span:before {right: 100%;margin-right: 15px;}
.fancy span:after {left: 100%;margin-left: 15px;}

.bodr-bottom:after {content: ""; display: block;margin: 0 auto;width:120px; border-bottom:solid 1px #fff; padding-bottom:20px;}