/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap');


html, body {
    height: 100%; font-family: "Poppins", sans-serif; font-size: 18px;  line-height: 25px; color:#333; 
}

body {
    margin:0; padding:0;
}

a {
    color: #666;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

a:hover {
    color: #000; text-decoration: none;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    color:#333; margin:0 0 20px; text-transform: uppercase;
}


h1 {font-size:35px; line-height:45px; font-weight: 700;}
h2 {font-size:30px; line-height:40px; font-weight: 700;}
h3 {font-size:20px; line-height:25px;}
h2 span {font-weight: 400; display: block;}


p {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
	font-size: 18px;
    line-height: 25px;
	color:#333;
}


section {
    padding: 50px 0; background-color: #fff;
}

header {width: 100%; position: relative; z-index: 1; margin: 30px 0 0; display: block;}
.logo {width: 150px; margin: 20px 0; display: inline-block;}
.logo span {display: block; font-size: 14px; color: #fff; font-weight: 300;}
.logo1 {width: 200px;}

.hero video {width: 100%;  position: absolute; top: 50%;  left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 0; opacity: 1; /*filter:hue-rotate(90deg);*/}
.hero .overlay {width: 100%; height: 100%;  position: absolute;  top: 0;  left: 0;  background: rgb(2,17,32); background: linear-gradient(0deg, rgba(2,17,32,1) 10%, rgba(31,179,194,0) 100%);  z-index: 1;}
.hero {height: 700px; padding: 0; position: relative; overflow: hidden; background-color: #000;}
.hero .container {position: relative; z-index: 2;}
.hero .caption {width: 100%; margin: 50px auto; display: inline-block;}
.hero .caption h1 {color: #fff; font-size: 55px; font-weight: 300; margin: 30px 0; }
.hero .caption p {color: #fff; font-size: 20px; line-height: 30px; }
.herpimgline {position: absolute; left: 0; bottom: 50px; z-index: 1;}
.hero:after {content:''; width: 200px; height:200px; background: url(../images/art1.svg) no-repeat; background-size: 100%; position: absolute; right: -50px; bottom: 50px;  display: inline-block; z-index: 1;}

.formdiv {width: 50%; display: inline-block;}
.hero p strong { font-size:100%;}
p strong {font-size: 20px;}
.fcblue {color: #004C8F;}

.content {padding: 0 70px;}

.sec1, .sec2, .sec3, .sec4, .sec5, .sec6, .sec7 {position: relative;}

.sec1 {height: 370px;  margin: 150px 0 0; z-index: 2;}
.sec1 img {position: absolute;  bottom: -210px; z-index: 1; transform:scaleX(-1);}
.sec1:before {content:''; width: 200px; height:200px; background: url(../images/art1.svg) no-repeat; background-size: 100%; position: absolute; left: 45%; top: -200px;  display: inline-block;}
.sec1:after {content:''; width: 200px; height:200px; background: url(../images/art1.svg) no-repeat; background-size: 100%; position: absolute; right: 0; bottom: -50px;  display: inline-block;}
.sec1 .content {margin-top: -50px; position: relative;}

.sec2 {background-color: #FFE4AE; height: 547px; /*z-index: 2;*/}
.sec2 img {position: absolute;  bottom: -280px; z-index: 1;}
.sec2 .content {margin: 70px 0;}
.sec2:after {content:''; width: 200px; height:200px; background: url(../images/art1.svg) no-repeat; background-size: 100%; position: absolute; left: 0; bottom: -50px;  display: inline-block; z-index: 1;}

/*.sec3 {z-index: 3;}*/
.sec3:before {content:''; width: 400px; height:320px; background: url(../images/art2.svg) no-repeat; background-size: 100%; position: absolute; left: 20%; top: -50px;  display: inline-block;}
/*.sec3:after {content:''; width: 200px; height:200px; background: url(../images/art1.svg) no-repeat; background-size: 100%; position: absolute; left: 45%; top: 200px;  display: inline-block;}*/

.sec4 {background-color: #E3BDCC; overflow: hidden;}
.sec4 video {width: 70%; position: absolute; top: 50%;  transform: translateY(-50%); right: -120px; z-index: 0;}
.sec4 .overlay {width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  background: rgb(218,173,190); background: linear-gradient(90deg, rgba(218,173,190,1) 50%, rgba(218,173,190,0) 55%);  z-index: 1;}
.sec4 .content {margin: 100px 0; position: relative; z-index: 2;}
.sec4:after {content:''; width: 70px; height:314px; background: url(../images/art3.svg) no-repeat; background-size: 100%; position: absolute; right: 0; top: 35%;  display: inline-block;}
/*.sec4:after {content:''; width: 70px; height:300px; background: url(../images/art2.svg) no-repeat; background-size: 100%; position: absolute; right: 0; top: -100px;  display: inline-block;}*/

.sec5 {background-color: #000;}
.sec5:after {content:''; width: 10px; height:150px; background-color: #004c8f; position: absolute; right: 0; top: 35%;  display: inline-block;}

.sec7 {background-color: #68CAC7;}
.sec7:after {content:''; width: 70px; height:314px; background: url(../images/art3.svg) no-repeat; background-size: 100%; position: absolute; right: 0; bottom: 50px;  display: inline-block;}


.head:before, .head:after {content: ''; width: 100%; height: 2px; background: url(../images/headline.png) space; position: relative; display: block;}
.head h2 {color: #707070; text-align: center; font-weight: 700; display: inline-block; margin: 15px 0 20px; line-height: 25px; position: relative;}
.head h2:before, .head h2:after {content: ''; width: 20px; height: 20px; background: url(../images/headside.png) no-repeat; background-size: 100%;  position: absolute; top: 2px; display: inline-block;}
.head h2:before {left: -60px;}
.head h2:after {right: -60px;}
.img70 {width: 70px; height: 70px;}
.small {font-size: 60%;}
.cta a {padding:15px 30px; background-color: #fff; color:#004C8F; transition: 0.3s ease-in-out; display: inline-block}
.cta a:hover {background-color: #004C8F; color: #fff; }
.cta1 a {padding:15px 30px; background-color:#004C8F; color:#fff; transition: 0.3s ease-in-out; display: inline-block}
.cta1 a:hover {background-color: #21C1B5; color: #fff;}



.fcblack {color: #000;}
.fcwhite {color: #fff;}
.fcsoftpink {color: #A86088;}
.fcgreen {color: #B3BD8C;}


.hide {display: none;}
.show {display: block;}


.knowmore, .knowmore1 {position: relative; z-index: 1;}
.knowmore a {color:#fff; position:relative; background:url(../images/arrow.png) no-repeat center right 20px; border-radius:50px; padding:5px 60px 5px 0; overflow:hidden; display:inline-block;}
.knowmore a:hover {padding:5px 60px 5px 20px; }
.knowmore a:after {content:''; width:50%; height:100%; background-color:#ff6600;  position:absolute; top:0; left:-50%; transition:0.5s; z-index:-1; display:inline-block;}
.knowmore a:hover:after {width:100%; left:0;}


.li ul {margin: 0 0 0 40px; padding: 0;}
.li li {list-style: none; color: #666; margin-bottom: 20px;}
.li li:before {content: '\f054'; font-family:'FontAwesome'; font-size: 12px; position: absolute; left: 20px; display: inline-block;}


footer {width:100%; background-color:#D5B5C3; padding:20px 0 0; color: #fff; display:inline-block;}
.footerbtm {width:100%; padding:0 0 10px; /*margin-top: 10px;*/ font-size: 12px;  display:inline-block;}
footer h2, footer p {color:#fff;}
.footerbtm ul {padding: 0; margin: 0;}
.footerbtm li {margin: 0; padding: 0; list-style: none; display: inline;}
.footerbtm li a {color: #D5B5C3; background-color: #fff; width: 25px; height: 25px; border-radius: 50%; text-align: center; padding: 2px 0; margin: 0 2px; display: inline-block;}
.footerbtm li a .fa:before {font-size: 15px;}
.footerbtm hr {background-color: #fff;}
footer .cta {margin-bottom: 30px;}
footer .cta a:hover {background-color: #fff; color:#004C8F; }


.left {text-align:left;}
.right {text-align:right;}
.form-control {border: none; padding: 0; background-color: transparent; margin-bottom: 10px;}
.input-group {margin-bottom: 10px;}
input, textarea, select {width:100%; padding:15px; font-size: 15px; border:none!important; border-radius: 5px; color:#7c7c7c; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.select {position: relative;}
.select:after {content: '\f107'; font-family: 'FontAwesome'; font-size: 20px; position: absolute; right: 15px; top: 10px; display: inline-block;}
input[type="submit"] {padding:15px; background-color: #FFC0C0; color:#004C8F!important; border:none; cursor:pointer; transition: 0.3s ease-in-out;}
.formdiv button {background-color: transparent; border: none; color:  #b3bd8c; position: absolute; z-index: 3; top: 5px; right: 5px; cursor: pointer;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:focus, input.form-control:focus {outline:none !important;  outline-width: 0 !important;  box-shadow: none;  -moz-box-shadow: none;  -webkit-box-shadow: none;}
label {color: #555; font-size: 20px;}
.otpbtn {font-weight: 400!important; top: 10px!important; width: 100%!important; font-size: 30px!important;}
.otpcode {margin-top: 32px;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c7c7c7; font-weight: 400;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c7c7c7; font-weight: 400;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #c7c7c7; font-weight: 400;
}
:-moz-placeholder { /* Firefox 18- */
  color: #c7c7c7; font-weight: 400;
}

.fa::before {font-size:13px;}


.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {background-color: transparent!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #004c8f!important;}
.owl-theme .owl-dots .owl-dot span {margin: 0!important;}