@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap');
/****************************************************************************/

html {scroll-behavior: smooth;}
body { background:#fff; color:#000 !important; font-family: 'Montserrat', sans-serif !important;font-weight:400; font-size:18px; line-height:1.6; margin:0px; padding:0px;}

.ff-poppins{font-family: 'Poppins', sans-serif;}

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-20{font-size:20px;}
.fs-35{font-size:35px;}

.fw-light{font-weight:300;}
.fw-medium{font-weight:500;}
.fw-semi{font-weight:600;}
.fw-bold{font-weight:700;}
.fw-ebold{font-weight:800;}

.lh-1{line-height:1;}
.lh-12{line-height:1.2;}
.lh-2{line-height:2;}

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

.text-secondary{color:#424242 !important;}

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

h1, h2, h3, h4, h5, h6 {color:#000 !important;}
h1,h2.h1{font-size:35px;font-weight:600; }
h2{font-size:30px;font-weight:600;}
h3{font-size:28px;font-weight:600;}
h4{font-size:24px;font-weight:600;}
h5{font-size:21px;font-weight:600;text-transform:none;}
h6{font-size:16px;font-weight:600;}


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

.radio input[type=radio]{margin-top:10px;}
.container {position:relative;}
.text-info{color:#81e2e8;}
.btn { text-decoration:none !important;text-transform:uppercase;border-radius:30px;font-size:12px;font-weight:600;padding:12px 30px;}

.btn-primary{border-color:#696969!important;background-color:#696969!important;color:#fff !important;}
.btn-primary:hover,.btn-primary:focus{border-color:#000!important;background-color:#000!important;color:#fff !important;}

.btn-secondary{border-color:#fff!important;background-color:#fff!important;color:#000 !important;}
.btn-secondary:hover,.btn-secondary:focus{border-color:#a23b1c!important;background-color:#a23b1c!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:#627e95;}

.flex-row{display: flex; align-items: center; justify-content: center;}

.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}



.bodr-bottom:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 10%; /* Change this to whatever width you want. */
    border-bottom:solid 2px #7bd9e1; /* This creates the border. Replace black with whatever color you want. */
	padding-bottom:20px;
}

.social-icons li a{background-color:#f9c11a;color:#002f5e;font-size:18px;margin-right:15px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;}

.social-icons li a:hover{background-color:#000;color:#fff;}

.carousel-indicators{bottom:-50px;}
.carousel-indicators li {width:10px;height:10px;border-radius:50%;margin-right:10px;opacity:1;background-color:#000;}
.carousel-indicators li.active{background-color:#a23b1c;}