/* common.css for Font Awesome Free 6.0.0,  Owl Carousel v2.3.4, Date Picker, Custom Selectbox HeapBox, Magnific Popup v1.1.0 CSS, Custom Accordion, AOS Aimation Version 2.3.1 */

@import url(common.css);



/* Start: Font Face */



@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Kaisei+Decol&display=swap');



/* End: Font Face */



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder{color:#676c70; opacity:1;}

:-moz-placeholder{color:#676c70; opacity:1;}

::-moz-placeholder{color:#676c70; opacity:1;}

:-ms-input-placeholder{color:#676c70; opacity:1;}

.form-control::-webkit-input-placeholder{color:#676c70; opacity:1;}

.form-control:-moz-placeholder{color:#676c70; opacity:1;}

.form-control::-moz-placeholder{color:#676c70; opacity:1;}

.form-control:-ms-input-placeholder{color:#676c70; opacity:1;}

.aawfieldgroup {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -12px;}

.aawfieldgroup .aawfieldcol {padding: 0 12px; width: 100%; margin-bottom: 24px;}

.aawfieldgroup .aawfieldcol33 {width: 33.33%;}

.aawfieldcol > label {display: none;}

.aawformblock .aawfieldcol input, .aawformblock .aawfieldcol textarea, .aawformblock .aawfieldcol select {font-size: 18px;color: #676c70;background-color: transparent;border-radius: 0;box-shadow: none;outline: 0;padding: 6px 20px;border: 1px solid #646867;position: relative;width: 100%;height: 67px;}

.aawformblock .aawfieldcol textarea {padding-top: 20px;resize: none;}

.aawformblock .aawformradiocol {float: left;width: 50%;display: table;height: 67px;}

.aawformradiocol input[type="radio"] {position: absolute;left: 0;top: 0;display: none;}

.aawformradiobox {overflow: hidden;}

.aawformradiobox:after {content: "";display: table;clear: both;}

.aawformradiocol label {display: table-cell;vertical-align: middle;padding: 5px 2px;text-align: center;cursor: pointer;border: 1px solid #676c70;line-height: 1;}

.aawformradiobox .aawformradiocol:first-child label {border-right: none;}

.aawformradiobox .aawformradiocol:last-child label {border-left: none;}

.aawformradiocol input[type="radio"]:checked+label {background-color: #003f53;color: #ffffff;border: none;}

.aawform-group.aawform-btn {padding: 0 12px;text-align: center;width: 100%;margin-top: 10px;}

.aawform-group.aawform-btn .button {font-size: 20px;font-weight: 500;color: #34c5a1;height: 52px;line-height: 52px;position: relative;display: inline-block;vertical-align: top;padding-left: 60px;background-color: transparent;border: none;}

.aawform-group.aawform-btn .button:before {content: "";width: 52px;height: 52px;position: absolute;top: 0;left: 0;border: 2px solid #12dcc3;border-radius: 50%;}

.aawform-group.aawform-btn .button:after {content: "";position: absolute;top: 8px;left: 37px;background-color: #ffffff;width: 15px;height: 36px;}

.aawform-group.aawform-btn .button i {font-size: 18px;line-height: 1;position: absolute;left: 18px;top: 50%;display: inline-block;vertical-align: top;color: #12dcc3;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 1;}

.aawform-group.aawform-btn .button:hover:before {background-color: #12dcc3;}

.aawform-group.aawform-btn .button:hover:after {background-color: transparent;}

.aawform-group.aawform-btn .button:hover {color: #12dcc3;}

.aawform-group.aawform-btn .button:hover i {color: #ffffff;}

/*======================================================================/

/*================== Main CSS Theme Start =============================*/

/*=====================================================================*/



/* Start: Common Css */

body{font-family: 'DM Sans', sans-serif; font-size:20px; font-weight: 400; line-height:1.4; color: #676c70; padding: 0; margin: 0;}

a{text-decoration:none;color:#34c5a1;outline: none;}

a:hover {color: #0a2046;}

ul{margin:0;}

img {max-width: 100%;height: auto;vertical-align: middle;}

input, input:focus, button, button:focus {outline: none;}

h1, h2, h3, h4, h5, h6 {font-family: 'Kaisei Decol', sans-serif;}

p {margin-bottom: 20px;}

p:last-child {margin-bottom: 0;}

.button{font-family: 'DM Sans';font-weight: 400;font-size: 18px;padding: 16px 25px;background: #34c5a1;display: inline-block;vertical-align: top;color: #fff;border-radius: 5px;text-align: center;transition: 0.8s ease;}

.button:hover{background: #0a2046;color: #fff;}

*{margin:0;padding:0;}

*{box-sizing: border-box;}

/* End: Common Css */



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

          Start: Header

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

#header{position:relative;left:0;top:0;width:100%;z-index:9; background-color: transparent;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}

.header-inner {background: #e1F6f8; padding: 20px 0; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.headermain {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

#logo a {display: inline-block;vertical-align: top;}

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

          End: Header

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

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

      Start: Spalsh Page

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

/* Start: Spalsh Page Section */

.splashhome-section {position: relative;z-index: 1;margin-bottom: 100px;}

.splashhome-section:before {content: "";background-color:#e1F6f8;height: calc(100% - 15%);width: 100%;position: absolute;top: 0;left: 0;z-index: -1;}

.splashpagecontentimg:before{content: "";position: absolute;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left top, right top, color-stop(10.63%, #FFFFFF), color-stop(71.02%, rgba(255, 255, 255, 0)));background: -o-linear-gradient(left, #FFFFFF 10.63%, rgba(255, 255, 255, 0) 71.02%);background: linear-gradient(90deg, #FFFFFF 10.63%, rgba(255, 255, 255, 0) 71.02%);border-radius: 15px;}

.splashpagecontent {position: relative;-webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.08));}

.splashpagecontentimg {border-radius: 15px;background-size: cover;background-position: center;}

.splashpagecontentimg img {visibility: hidden;}

.splashpagecontenttext {position: absolute;left: 30px;width: 100%;height: 100%;z-index: 1;padding: 20px 0 20px;top: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.teasertext {max-width: 563px;padding: 20px 50px;}    

.splashpagecontenttext h1 {font-weight: 700;font-size: 54px;color: #0a2046;margin-bottom: 30px;}

.splashpagedescp{max-width: 463px;margin-bottom: 30px;}

.teasertext .button {text-transform: uppercase;}

/* End: Spalsh Page Section */

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

      End: Home Page

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