@charset "utf-8"; 
*{margin:0;padding:0;box-sizing:border-box;}
/*body{font-size:14px;font-family: 'Montserrat', sans-serif;font-weight:400;}*/
body{font-family: "Outfit", sans-serif;font-weight:300;font-style: normal; background:#ffffff;font-size:20px;color:#565555;}
img,object,embed,video{max-width:100%}
h1, h2, h3, h4, h5, h6{ font-weight:600;}
h2, h3{font-size: 37px;}
img{border:0;vertical-align:middlel;display:inline-block;}
.ie6 img{width:100%}
ul,ol{list-style:none; margin: 0; padding:0;}
.clear{clear:both}
p{text-align:justify}
a{transition:all .4s 0s ease;color:inherit;text-decoration:none;line-height:inherit;}
.whitebg {position: relative;background: #fff;padding: 30px 0; }
.whitebg:before, .whitebg:after {background: #fff;content: '';width: 100%;top: 0;bottom: 0;position: absolute;}
.whitebg:before {left: -100%;} 
.whitebg:after {right: -100%;}

.lightgray {position: relative;background:#F5F5F5;padding: 30px 0; }
.lightgray:before, .lightgray:after {background:#F5F5F5;content: '';width: 100%;top: 0;bottom: 0;position: absolute;}
.lightgray:before {left: -100%;} 
.lightgray:after {right: -100%;}

.green {position: relative;background:#0CABA8;padding: 30px 0;color:#fff;}
.green:before, .green:after {background:#0CABA8;content: '';width: 100%;top: 0;bottom: 0;position: absolute;}
.green:before {left: -100%;} 
.green:after {right: -100%;}



#main{display: block; overflow: hidden;}
a:hover{text-decoration:none; }
.list_order{display: block;}
.list_order ul {width: auto;display: table;overflow: hidden;}
.list_order ul li {position: relative;margin-bottom: 0;padding: 4px 5px 4px 20px;line-height: 22px; }
.list_order ul li:before {position: absolute;font-family: 'Font Awesome 5 Free';font-weight: 900;content: '\f101';top: 4px;left: 0;color: #1b829a;font-size: 12px;}
.list_order ol {width: 100%;margin: 5px auto;padding-left: 22px;overflow: hidden;list-style-position: outside;list-style-type: decimal}
.list_order ol li {width: 100%;padding: 5px;color: #444;position: relative;padding-left: 2px;}
.list_order ol li strong {color: #21759b}
.list_order ol li ul li {padding-left: 20px;}
.max-height-100 { max-height: 100px; }
.max-height-200 { max-height: 200px; }
.max-height-300 { max-height: 300px; }
.max-height-400 { max-height: 400px; }
.max-height-500 { max-height: 500px; }
.max-height-600 { max-height: 600px; }


header{display:block;background: #fff; /* box-shadow: 0 1px 4px #d9d3c0; */ position: relative; z-index: 999;}
header .top-contact{display: flex;justify-content: end;position: relative;top: 11px; z-index:9999;}
header .top-contact a.active{color: #000;}
header .top-contact a{font-size: 14px;color: #a9a6a6;padding: 0 18px;}
header .top-contact a:hover{color: #000;}
header .logo{margin:0; /*! padding-top:7px */display: block;}
header .menumain{display:flex;}
header .menumain .login-btn{position: relative;padding-left: 24px;background: #FDE50A;color: #04285e;}
header .menumain .login-btn:hover{color: #FDE50A;background: #04285e; border-color:#04285e;}
header .menumain .login-btn svg{position: absolute;left: 3px;top: 10px; }
.banner{border-radius: 4px;display: block; overflow: hidden; margin:0;}
.banner-title{display: block;text-align: center;padding: 30px 0 50px;}
.banner-title h1{font-weight: lighter; font-size: 60px;color: #070707;}
.banner-title h1 span{display: block;font-weight: 800;color: #0caba8;}
.bannercrawsal ul{ margin:0;}
.bannercrawsal figure{display:block;position:relative;text-align: center; margin:0;}
.bannercrawsal .bannercontent{position:absolute;left:0;top:2%;right:0;}
.bannercrawsal .bannercontent .bannercontent-box{display: flex;justify-content: space-between;position: relative;  z-index: 2;}
/* .bannercrawsal .bannercontent .bannercontent-box aside.banner-textwraper{max-width: 600px;width: 100%;padding-top: 8%;text-align: left;} */
.bannercrawsal .bannercontent .bannercontent-box aside.banner-textwraper{max-width: 750px;width: 100%;padding-top: 8%;text-align: left;margin: auto;text-align: center;}
.bannercrawsal .bannercontent .bannercontent-box aside.banner-textwraper h3{ color: #fff; margin-bottom:5%;}
.bannercrawsal .bannercontent .bannercontent-box aside.banner-textwraper a{background: #fff; padding:10px; font-size: 20px;border-radius: 4px; }
.bannercrawsal .bannercontent .bannercontent-box aside.banner-textwraper a:hover{background:#40a6a4; color:#fff;}
.bannercrawsal .bannercontent .bannercontent-box aside.banner-inimg{max-width: 300px;padding-top: 3%;}
.bannercrawsal .bannercontent .bannercontent-box aside.banner-inimg img{max-height:300px;}
 
 
.innerbanner{display:block; position: relative; padding: 10px 0;}
.innerbanner:before{ content:''; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.04); position:absolute;}
.innerbannertitle { position:relative; z-index:1;padding:0; text-align:center; font-size:37px; font-weight:800; text-transform:uppercase;background: #0DABA8;
  background: linear-gradient(to right, #0DABA8 42%, #4C4A4A 58%);background-clip: text;-webkit-text-fill-color: transparent;}   
.innerbanner .breadcrumb {display: flex;justify-content: center;margin: 0;font-size: 14px;position: relative;z-index: 1;}
.innerbanner .breadcrumb a { color:#656565;}
.innerbanner .breadcrumb .active {color:#48bdc5;} 
.innerbanner .breadcrumb-item + .breadcrumb-item::before{color: rgba(128, 128, 128, 0.75);} 

/*crawsal start*/
.crawsal .item{ display:block;}
.crawsal ul{ margin-bottom:0;}
.crawsal .owl-theme .owl-controls{ margin-top:0;}
.crawsal .owl-prev{position:absolute;left:-5px;top:42%;}
.crawsal .owl-next{position:absolute;right:-5px;top:42%;}
.crawsal .owl-prev, .crawsal .owl-next{background:#000 !important;border-radius:0 !important;width:30px;height:30px;text-indent:-99999px;text-align:center; z-index:1;}
.crawsal .owl-prev:before{content:"\f053";font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;left:0;top:0;font-size:16px;text-indent:11px;line-height:30px;}
.crawsal .owl-next:before{content:"\f054";font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;left:0;top:0;font-size:16px;text-indent:13px;line-height:30px;}
.crawsal .owl-theme .owl-controls .owl-buttons div{opacity:0;transition:all .4s 0s ease;}
.crawsal:hover .owl-theme .owl-controls .owl-buttons div{opacity:1;}
.crawsal .owl-pagination{position:absolute;left:0;right:0;bottom:-43;} 
/*crawsal end*/

/* new css here start */
/* new css here start */
.text-wraper-problem{display: block; padding:40px 0;}
.text-wraper-problem h2{  line-height:50px;margin-top: 15%;}
.text-wraper-problem .proble-textbox{padding:10px;margin-top: 0;display:flex;flex-direction: column;text-align: center;transition:all .4s 0s ease; border: solid 1px #fff; border-radius:10px;}
.text-wraper-problem .proble-textbox:hover{border-color:#40a6a4;box-shadow: 0px 0px 8px rgba(101, 101, 101, 0.359); margin-top: -10px;;}
.text-wraper-problem .proble-textbox figure{display: block;overflow: hidden;}
.text-wraper-problem .proble-textbox figure img{max-height: 160px;}
.text-wraper-problem .proble-textbox figcaption{display: block;}
.text-wraper-problem .proble-textbox figcaption p{text-align: center;color: #505151;} 
#solution{display: block;background:url('../images/bread-bg.png') no-repeat; background-size:cover; padding:50px 0;}
#solution h2{font-weight:600;text-align: center;margin-bottom: 45px;}
#solution h2 span{display: block;font-weight:300; font-size:23px;color:#40a6a4;padding-bottom: 2px;}
#solution .tablebox{display: block; overflow: hidden;border-radius: 10px;border: solid 1px #dbe3eb;}
#solution .responsive-table table{margin:0;font-size:18px;}
#solution .responsive-table table tbody td{font-size:16px; color:#565555;}
#solution .responsive-table table thead th{background: #0caba8; color: #fff; font-size: 20px;} 
#solution h3{margin: 10% 0 5%;}
#solution.list_order ul li + li{margin-top: 14px;} 
.why-osfira {display: block;padding:50px 0 0;}
.why-osfira h2{font-weight:600;text-align: center;margin-bottom: 45px;}
.why-osfira h2 span{display: block;font-weight:300; font-size:23px;color:#40a6a4;padding-bottom: 2px;} 
.why-osfira ul{ margin-bottom:0;}
.why-osfira ul li{margin-bottom:80px;}
.why-osfira .why-text-wraper{display:block; position:relative;padding-left: 82.2px; min-height: 70px; padding-top:30px;} 
.why-osfira .why-text-wraper i{position: absolute; left:0; top: 8px;}
.why-osfira .why-text-wraper p{margin:0;text-align: left;line-height: 1.2;}
.why-osfira .why-text-wraper i{position: absolute; left:0; top: 8px;transition:all 1s 0s ease;}
.why-osfira .why-text-wraper:hover i{transform:rotateY(360deg);filter: grayscale(100%);-webkit-filter: grayscale(100%);}
#use-case{display: block;background:url('../images/bread-bg.png') no-repeat; background-size:cover; padding:50px 0;}
#use-case h2{font-weight:600;text-align: center;margin-bottom: 45px;}
#use-case h2 span{display: block;font-weight:300; color:#40a6a4;padding-bottom: 2px;font-size: 23px;}
#use-case .use-case-box{display: block;}
#use-case .use-case-box {display: block;}
#use-case .use-case-box figure{transition:all .4s 0s ease;display: flex;  flex-direction: column;text-align:center;padding:10px;border: solid 1px #fff; border-radius: 10px;background:#fff;box-shadow: 0px 0px 8px rgba(101, 101, 101, 0); position: relative;}
#use-case .use-case-box .item:hover figure{border-color:#40a6a4;box-shadow: 0px 0px 8px rgba(101, 101, 101, 0.1);}
#use-case .use-case-box figure:before {content: ''; position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient(0deg,   transparent,     transparent 30%,     rgba(190, 210, 239, 0.3)  );
  transform: rotate(-45deg);  transition: all 0.5s ease;  opacity: 0;}
#use-case .use-case-box .item:hover figure:before {  opacity: 1;  transform: rotate(-45deg) translateY(100%);}

#use-case .use-case-box figure img{height: 140px;object-fit: cover;} 
#use-case .use-case-box figure figcaption{display: block;margin-top: 15px;transition:all .4s 0s ease;} 
#use-case .use-case-box figure:hover figcaption{color:#40a6a4; letter-spacing:1px;}
#use-case .use-case-box figure figcaption span{display: block;} 
#use-case .crawsal{ display:block;margin: 30px -10px;} 
#use-case .crawsal .item { margin: 0 10px;padding: 10px; overflow: hidden;transition: all 0.5s ease-in-out;} 
#use-case .crawsal .item:hover{ margin-top: -10px;}

#who-we-serve{display: block; padding:50px 0; min-height: 500px; background: url(../images/weserbbg2.jpg) no-repeat; background-size: cover;}
#who-we-serve .who-we-serve-heading {display: block; text-align: center; color:#fff;}
#who-we-serve .who-we-serve-heading p{display: block; text-align: center;}
#who-we-serve .who-we-serve-heading h2{font-weight:600;text-align: center;margin-bottom: 45px;}
#who-we-serve .who-we-serve-heading  h2 span{display: block;font-weight:300; font-size:23px;color:#40a6a4;padding-bottom: 2px;}
#who-we-serve .tab-box {display: block;}
#who-we-serve .tab-box .tab-text-wrapper{display: block;}
#who-we-serve .tab-box .tab-text-wrapper h3{border-bottom: solid 1px #fff;padding-bottom: 9px;}
#who-we-serve .tab-box .tab-text-wrapper.list_order ul li{text-align: left;margin-top: 10px;}
#who-we-serve .tab-box .tab-text-wrapper.list_order ul li:before{color: #fff;}
#who-we-serve .tab-box figure{ border: solid 8px #417d72; border-radius: 10px;} 
#who-we-serve .tab-box .tab-text-wrapper h4{font-size:24px;}
/* about us start */
.abt-osfiron{display: block; padding:50px 0;} 
.abt-osfiron h1{text-transform: uppercase;font-size:37px;}
 
.our-purposr {position: relative;background: #0caba8;padding: 30px 0;display:block;color:#fff; text-align:center;}
.our-purposr:before, .our-purposr:after {background: #0caba8;content: '';width: 100%;top: 0;bottom: 0;position: absolute;}
.our-purposr:before {left: -100%;} 
.our-purposr:after {right: -100%;}
.our-purposr .our-purpos-titlebox{display: block; padding:20px 0 10px;}
.our-purposr .our-purpos-titlebox h2{text-transform: uppercase; position: relative;display: flex; justify-content: center; line-height: 100px;}
.our-purposr .our-purpos-titlebox h2:before{content:''; background: url('../images/abt-purpose.png')no-repeat; background-size: contain;width: 100px;height: 100px; margin-right: 10px}
.our-purposr h3{margin: 0 0 30px;}
.our-purposr p{text-align:center;}
.our-purposr h4{display: inline-block;margin: 15px 0;background: #fff;font-size: 20px; color: #0caba8; padding: 10px;border-radius:4px}
.our-approach{display: block; padding:50px 0;} 
.our-approach.list_order ul li {margin-bottom: 10px;}
.our-approach h2{text-transform: uppercase;}
.our-approach h3{font-size: 27px;margin: 15px 0;}
.our-approach img{max-height: 320px;}
.just-start{display: block; padding:30px 0;}
.just-start h4{font-size: 37px; margin: 15px 0;}
/* about us end */

.our-platform {position: relative;background: #0caba8;padding: 30px 0;display:block;color:#fff; text-align:center;}
.our-platform:before, .our-platform:after {background: #0caba8;content: '';width: 100%;top: 0;bottom: 0;position: absolute;}
.our-platform:before {left: -100%;} 
.our-platform:after {right: -100%;}
.our-platform .our-purpos-titlebox{display: block; padding:20px 0 10px;}
.our-platform .our-purpos-titlebox h2{text-transform: uppercase; position: relative;display: flex; justify-content: center;}
 
.our-platform .crawsal{ display:block;margin: 30px -10px;} 
.our-platform .crawsal .item { margin: 0 10px;padding:10px 5px; overflow: hidden; transition: all 0.5s ease-in-out;} 
.our-platform .crawsal .item .our-platform-box{transform:translateY(0);  transition: all 0.5s ease-in-out;display:flex;flex-direction: column;padding: 10px;color: #000;box-shadow: 0px 0px 8px rgb(14, 135, 132);background: #fff;border-radius: 10px;}
.our-platform .crawsal .item .our-platform-box figure{margin: 10px 0;}
.our-platform .crawsal .item .our-platform-box figure img{max-height: 100px; transition:all 1s 0s ease;} 
.our-platform .crawsal .item:hover figure img{transform:rotateY(360deg);filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.our-platform .crawsal .item .our-platform-box article{display: flex;flex-direction: column;min-height: 150px;margin-top: 10px;}
.our-platform .crawsal .item .our-platform-box article h5{font-size: 20px;}
.our-platform .crawsal .item .our-platform-box article p{text-align: center;}
.our-platform .crawsal .item:hover .our-platform-box{transform:translateY(-10px);} 
.modular-function{display: block; padding:50px 0;} 
.modular-function.list_order ol li {margin-bottom: 10px;}
.modular-function.list_order ol li small{display: block; font-size: 16px;}
.modular-function h2{text-transform: uppercase;}
.modular-function h3{font-size: 27px;margin: 15px 0;}
.modular-function img{max-height:420px;}
.modular-function{display: block; padding:50px 0;} 
.modular-function.list_order ol li {margin-bottom: 10px;}
.modular-function.list_order ol li small{display: block; font-size: 16px;}
.modular-function h2{text-transform: uppercase;}
.modular-function h3{font-size: 27px;margin: 15px 0;}
.modular-function img{max-height:420px;}
.makes-different{display: block;background:url('../images/bread-bg.png') no-repeat; background-size:cover; padding:50px 0;}
.makes-different{display: block;background:url('../images/bread-bg.png') no-repeat; background-size:cover; padding:50px 0 0;}
.makes-different h4{font-size: 37px;text-align: center;margin-bottom: 40px;}
.makes-different .makes-differentbox{display: flex;flex-direction: column;min-height: 250px;}
.makes-different .makes-differentbox i{box-shadow: 0px 0px 8px rgb(199, 207, 215);transition:all 1s 0s ease;width: 100px;height: 100px;background: #fff;border-radius: 10px;text-align: center;line-height: 100px;margin-bottom: 20px;}
.makes-different .makes-differentbox i img{max-height: 60px;} 
.makes-different .makes-differentbox:hover i{transform:rotateY(360deg);}
.makes-different .makes-differentbox h5{font-size: 27px;}
.makes-different .makes-differentbox p{text-align:left;}
.call-to-action{display: block;overflow: hidden;padding-bottom: 20px;}
.call-to-action h5{font-size: 27px; margin: 15px 0 30px;}
.call-to-action a{background: #fff;padding: 10px;color: #0b6b69;border-radius: 4px;font-weight: 600;border: solid 2px #fff;}
.call-to-action a + a{margin-left: 10px;background: transparent;border: solid 2px #fff;color: #fff;}
.call-to-action a:hover{background: transparent;color: #fff;}
.call-to-action a + a:hover{color: #0b6b69;background: #fff;} 
/*contact us start here*/
.contact_us{ display:block; padding:30px 0;}
.contact_info {display:block;background-color: #0cb3b0;max-width: 435px;padding: 60px;color: #fff;}
.contact_info ul { width:100%;margin: 0;}
.contact_info ul li {border-bottom: 1px dashed #f7f7f7;padding-bottom: 30px;margin-bottom: 30px;}
.contact_info ul li:last-child {border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.contact_info ul li h4 {font-size: 18px;font-weight: 600;margin-bottom: 9px;}
.contact_info ul li h5 {font-size: 16px; font-family: 'Roboto-Regular'; font-weight:600; margin-bottom: 9px;}
.contact_info ul li p {text-align: left;line-height: 26px;}
.contact_info a { color:inherit}
.contact_info ul li p a{display: block;}
.contact_form{display: block;font-size:78%;}
.contact_form h2, .contact_form h3{ margin-bottom: 15px;font-size: 24px;}
.contact_form ul {margin-top: 20px;}
.contact_form ul li { margin-bottom:30px;}
.contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel], .contact_form textarea{width:100%;/*! border-radius: 50px; */height: 40px;border: 1px solid #ccc;line-height: 24px;padding: 2px 10px 3px;background-color:#fff;}
.contact_form textarea{ height:180px;border-radius: 10px;font-weight: 300;}
.contact_form input[type=submit]{/*! font-size: 14px; */ font-weight: 700;color: #ffffff;background-color: #0cb3b0;border: none;text-transform: uppercase;line-height: 30px;padding: 7px 30px 3px;border-radius: 4px;text-align: center;overflow: hidden;position: relative;z-index: 1;}
.contact_form .form-check {font-weight:400;display: block;min-height: 1.5rem;padding-left: 1.5em;margin-bottom: 0.125rem;line-height: 38px;}
.contact_form .form-check .form-check-input {float: left;margin-left: -1.3em;margin-top: 9.5px;}
 
.contact_social{ display:block;}
.contact_social a + a{ margin-left:8px;}
.contact_social a {/*! border-radius:50%; */display:inline-block; line-height:35px; color:rgba(2, 2, 2, 0.64); text-align:center;width:35px; height:35px; color:#fff;}
.contact_social a:hover { color:#fff;border-color: transparent;}
.contact_social a:nth-child(1) {background:#3B5998;}
.contact_social a:nth-child(2) {background:#00B2F4;} 
.contact_social a:nth-child(3) {background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);  }
.contact_social a:nth-child(4) {background:#007BB6;} 
.contactmap{ display:block; }
.contactmap .ratio-21x9 {--bs-aspect-ratio: 27.857%;}

footer{ display: block; overflow: hidden; padding:50px 0 0; font-size: 17px;}
footer h6{color: #064871;font-size: 22px;margin: 0 0 20px;}
footer .footer-logo{display: block;margin: 0 0 10px;}
footer article{display: flex; flex-direction: column;}
footer article h6{margin-bottom: 10px;}
footer article p{text-align: left;}
footer .newsform{ display:block;}
footer .newsform span{ display:block; font-size:18px;}
footer .newsform form{ display:block; position:relative;line-height: 2; margin:10px 0;border: solid 1px #089d9a;} 
footer .newsform form:after{ content:'\f3fe'; right:0; top:0; width:50px; height:100%; text-align:center; pointer-events:none;font-family: 'Font Awesome 5 Brands'; border-left:solid 1px #089d9a; color:#089d9a;  position:absolute;font-size: 30px;/*! height: 52.5px; */line-height: 42px;}
footer .newsform input[type=text], footer .newsform form input[type=email]{ width:100%; padding-right:60px; border:none; background:#fff; color:#262626; padding-left:8px; height: 42px;}
footer .newsform form input[type=submit]{ width:50px; height:100%; position:absolute; right:0; top:0; opacity:0;} 
footer .footer-menu{display: block;}
footer .footer-menu ul{margin-bottom: 0;}
footer .footer-menu ul li{margin-bottom: 10px;}
footer .footer-menu ul li a{display: block; position: relative;padding: 0 0 0 15px;}
footer .footer-menu ul li a:hover{color: #0CABA8;}
footer .footer-menu ul li a:before{content:'\f054';position:absolute; left:0;top:5px;font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 11px;}
footer address{display: block;}
footer address h6, footer .footer_social h6{font-size: 18px;}
footer address h6{margin:20px 0 10px;}
footer address ul{margin-bottom: 0;width: 100%;}
footer address ul li{margin-bottom:10px;position: relative;display: block;padding-left: 20px;}
footer address ul li i{position: absolute; left: 0; top:5px;}
footer address ul li:nth-child(2) i{top:10px}
footer address ul li a{display: block; position: relative;}
footer address ul li a:hover{color: #0CABA8;}
footer address ul li strong{font-size: 22px;}
footer .footerlink{display:block; overflow: hidden; text-align: center; background: #089d9a; color: #fff; line-height:50px;margin-top: 20px;}
footer .footer_social {display: block;margin: 20px 0;}
footer .footer_social ul {width: 100%;overflow: hidden;margin: 0;}
footer .footer_social ul li {display: block;float: left}
footer .footer_social ul li + li {margin-left: 10px;}
footer .footer_social ul li a {border-radius: 50%;display: block;line-height: 35px;color: #0caba8;text-align: center;width: 35px;height: 35px;background: rgba(0, 0, 0, 0.06);}
footer .footer_social ul li a:hover {color: #fff;}
footer .footer_social ul li:nth-child(1) a:hover {background: #3B5998;}
footer .footer_social ul li:nth-child(2) a:hover {background: #00B2F4;}
/* footer .footer_social ul li:nth-child(3) a:hover {background: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow: 0px 3px 10px rgba(0,0,0,.25);}*/
footer .footer_social ul li:nth-child(3) a:hover {background: #FF0000;}
footer .footer_social ul li:nth-child(4) a:hover {background: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow: 0px 3px 10px rgba(0,0,0,.25);}


.comingsoon{display: flex;flex-direction: column;text-align: center;border: solid 1px #000;padding: 50px;margin: 30px 0;}
.comingsoon h1{margin: 0 0 30px;text-transform: uppercase;color: #0badaa;font-size: 60px;position: relative;padding-bottom: 36px;border-bottom: solid 1px #000;}
.comingsoon span{position: absolute;  left: 50%;  margin: 0 0 0 -90px;  bottom: -9px;font-size: 18px;background: #fff;padding: 0 10px;letter-spacing: 4px;}
.comingsoon h3{border-bottom: solid 1px #000;font-size: 20px;text-transform: uppercase;padding: 10px 0;margin-bottom: 20px;}