/*
Theme Name: Stelleria
Theme URL: http://wpamanuke.com/
Description: Twenty Twenty One Child Theme
Author: Werken Bij Lieshoutservice
Author URL: http://wpamanuke.com/
Template: twentytwentyone
Version: 1.0.0
Text Domain: twentytwentyone-child
*/ 
/* Custom CSS goes after this line */

@font-face {

    font-family: 'Poppins-Medium';

    src: url('assets/fonts/Poppins-Medium.eot');

    src: url('assets/fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Poppins-Medium.woff2') format('woff2'),

        url('assets/fonts/Poppins-Medium.woff') format('woff'),

        url('assets/fonts/Poppins-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Poppins';

    src: url('assets/fonts/Poppins-Regular.eot');

    src: url('assets/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Poppins-Regular.woff2') format('woff2'),

        url('assets/fonts/Poppins-Regular.woff') format('woff'),

        url('assets/fonts/Poppins-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Poppins-Bold';

    src: url('assets/fonts/Poppins-Bold.eot');

    src: url('assets/fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Poppins-Bold.woff2') format('woff2'),

        url('assets/fonts/Poppins-Bold.woff') format('woff'),

        url('assets/fonts/Poppins-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Poppins-SemiBold';

    src: url('assets/fonts/Poppins-SemiBold.eot');

    src: url('assets/fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Poppins-SemiBold.woff2') format('woff2'),

        url('assets/fonts/Poppins-SemiBold.woff') format('woff'),

        url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato-Bold';

    src: url('assets/fonts/Lato-Bold.eot');

    src: url('assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Lato-Bold.woff2') format('woff2'),

        url('assets/fonts/Lato-Bold.woff') format('woff'),

        url('assets/fonts/Lato-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lato';

    src: url('assets/fonts/Lato-Regular.eot');

    src: url('assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Lato-Regular.woff2') format('woff2'),

        url('assets/fonts/Lato-Regular.woff') format('woff'),

        url('assets/fonts/Lato-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0px;padding:0px; font-family: 'Poppins-Medium';font-size:18px;line-height:28px;color:#000000;}





/*common css start here*/

h1,h2,h3,h4,h5,h6,p,ul,nav{margin:0px;padding:0px;}

h1, .primery-title{

    font-size: 58px;

    color: #fff;

    line-height: 1.4em;

    font-family: 'Poppins-Bold';

    margin: 0 0 10px;
text-transform: uppercase;


}

h2{font-size: 56px;font-family: 'Poppins-Medium';color: #272849;line-height: 1.2em;margin: 0 0 18px;}



h3 { font-size: 38px;line-height: 1.2em; font-family: 'Poppins-Medium'; color: #272849;    margin: 0 0 10px;}

h4 { font-size: 28px;line-height: 1.2em;margin: 0 0 10px;font-family: 'Poppins-SemiBold'; color: #272849;}



p{padding:0px;margin: 0 0 20px 0;}  



p strong, strong{font-weight:bold;font-family: 'Poppins-Bold';}



ul, ol{ margin:0 0 0 0px; padding:0px;}



.alignleft{float:left; margin:0px 15px 15px 0px;}

.alignright{float:right; margin:0px 0px 15px 15px;}

.aligncenter{float:none; margin:0px auto 15px auto;}



a{text-decoration:none;color: #272849;}



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

a:focus{text-decoration:none;}

.clear{clear:both;}

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



button.dropdown-toggle{display:none;}



ul li{list-style:none;}

  body a.button:hover, body a.button:visited {

    text-decoration: none!important;

}

a.custom-btn {

    font-size: 20px;

    color: #fff;

    background-color: #0E62E8;
    padding: 22px 46px;
    border-radius: 18px;

    line-height: 20px;

    display: inline-block;

    text-transform: uppercase;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    position: relative;

}
a.custom-btn:hover {
color: #fff;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0.85;
}


#nav-icon2{width:24px;height:20px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
#nav-icon2 span:nth-child(odd){left:0px;border-radius:9px 0 0 9px;}
#nav-icon2 span:nth-child(1),#nav-icon2 span:nth-child(2){top:0px;}
#nav-icon2 span{display:block;position:absolute;height:3px;width:50%;background:#fff;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon2 span:nth-child(even){left:50%;border-radius:0 9px 9px 0;}
#nav-icon2 span:nth-child(3),#nav-icon2 span:nth-child(4){top:8px;}
#nav-icon2 span:nth-child(5),#nav-icon2 span:nth-child(6){top:16px;}


#nav-icon2.open span:nth-child(1) {
    left: 2px;
    top: 4px;
}

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 2px);
    top: 4px;
    width: 50%;
}
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}
#nav-icon2.open span:nth-child(5) {
    left: 2px;
    top: 10px;
}
#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 2px);
    top: 10px;
}
/***navigation***/

.skip-link.screen-reader-text { display: none; }

nav{margin:0px;padding:0px;}

#site-navigation,#site-navigation *{outline:none!important;}

.header-logo img{max-width:226px;width:100%;}

.header-main{padding:10px 0;position:relative;background: #101020;
    -webkit-backdrop-filter: blur(22px);
            backdrop-filter: blur(22px);} 

.main-navigation ul li{position:relative;margin:0;list-style:none;}

.main-navigation ul{list-style:none;padding:0;margin:0;}

.main-navigation ul li a{color:#fff;font-family: 'Poppins-Medium';font-size:20px;line-height:1em;display:block;text-align:center;text-transform:capitalize;text-decoration:none!important;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}

.main-navigation ul li .menu-item-has-children > a::after{font-family:"Font Awesome 5 Pro";content:"\f0da";font-size:20px;color:#fff;position:absolute;right:15px;}

ul.menu-topbar li {display: inline-block;  padding-left: 20px;}

ul.menu-topbar li a {    font-size: 14px;line-height: 18px;color:#fff;  font-family: 'Poppins-Bold';}

.menu-topbar a:hover { color: #0E62E8;}

.main-navigation .menu li a:hover{color:#0E62E8;} 

header .header-nav{    text-align: right;}

.header-btn {

    display: inline-block;

    vertical-align: middle;
    position: relative;
    padding-left: 18px;

}

.top-offset {

    margin-top: 64px;

}

.phone-mob {

    display: none;

}

.main-header.fixed-bar {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 999;

}

.main-header.hide {

    top: -100px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.login-btn a {
background: #0E62E8;
    border-radius: 20px;
    font-size: 18px;
    color: #fff;
    width: 140px;
    height: 48px;
    display: block;
    text-align: center;
    font-family: 'Poppins-Medium';
    line-height: 48px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-transform: uppercase;
}
.login-btn a i {
    margin-right: 10px;
}
.login-btn a:hover {
   color: #fff;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0.85;
}

/***banner***/

img.banner-bg-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

img.banner-bg-img.bottom{z-index:1;}

img.banner-bg-img.satellites {z-index: 4;}

img.banner-bg-img.astroid {z-index: 3;}

.caption-banner {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: auto;

    top: 128px;

    transition: 1s;

    z-index: 9;

    max-width: 1320px;

    right: 0;

    margin: 0 auto;

    color: #fff;

}

.caption-banner p {
    font-size: 22px;
    font-family: 'Poppins-Bold';

}
.caption-banner h1 {
    text-transform: uppercase;
}
img.banner-bg-img.satellites {

    z-index: 4;

    max-width: 56vw;

    left: auto;

    bottom: 60px;

    height: auto;

    top: auto;

    right: 12vw;

}

.main-banner {

    position: relative;

    height:100vh;

}

.main-banner #set-height {

    display: block;

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

}

.caption-banner a.custom-btn {
    width: 244px;
    text-align: center;
    margin-top: 10px;

}

/***about****/

.our-tech {
    border-radius: 50px;
    background: #EAF2FF;
    padding: 30px 22px;
    height: 100%;
    opacity: 0;
    top: 50px;

    transition: 0.5s;

    position: relative;

}

.our-tech.visible {

    opacity: 1;

    top: 0;

    transition: 1s;

}

.our-tech img {
    max-width: 80px;
    height: auto;
    margin: 0 0 20px;
    max-height: 80px;
}

.about-header img {

    width: 100px;

    margin: 0 0 20px;

}

.about-header p {
    text-transform: uppercase;
    font-size: 22px;
    color: #272849;
    font-family: 'Poppins-Medium';
    margin: 0;
}

.about-header {
    padding: 0 0 120px;

}

.small-title h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 36px;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}
.small-title h3:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #0E62E8;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.our-tech h4 {

    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 4px;

}

.our-tech p {
    margin: 0;
    color: #696969;
    font-size: 18px;
    font-family: 'Poppins';

}

.about{background-color:#272849;padding: 140px 0 120px;position: relative; z-index: 2;  overflow: hidden;}

img.rocket {

    display: block;

    width: 13.4166666667vw;

    position: absolute;

    left: -13.4166666667vw;

    bottom: 0;

    z-index: -1;

}

.header-title h2 {

    text-transform: uppercase;

    display: inline-block;

    position: relative;
padding: 0 18px;
}

.header-title h2:after {

    content: "";

    background: #0E62E8;

    width: 100%;

    height: 5px;

       bottom: -6px;

    left: 0;

    z-index: 9;
position: absolute;
    display: block;

}


/***footer****/

.contact-inner {

    background: rgba(239, 239, 239, 0.25);

    backdrop-filter: blur(15px);

    box-shadow: rgb(0 0 0 / 20%) 0px 12px 46px, rgb(0 0 0 / 20%) 0px 12px 22px, inset rgb(255 255 255 / 10%) 0px -10px 20px -5px, inset rgb(255 255 255 / 50%) 0px -1px 1px -1px;

    width: 100%;

    border-radius: 30px 30px 0px 0;

}

.contact-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

            padding: 40px 68px;

}

.contact-details p {

    margin: 0;

    color: #272849;

}

.contact-details {

    margin: 0 0 24px;

}

.contact-right  iframe {

    width: 420px;

    height: 320px;

    border-radius: 30px;

    box-shadow: 9px 9px 16px rgb(163 177 198 / 60%), -9px -9px 16px rgb(255 255 255 / 50%);

}

footer.site-footer {

    padding: 100px 0;

    position: relative;

    z-index: 9;

    overflow: hidden;

    background: #0E62E8;

}


/**logoslider***/

.partners {

    background-repeat: no-repeat;

    background-size: cover;

    padding: 24vh 0 28vh;

}

.partners-logo {

    background: #fff;

    padding:72px 0;

}

.partners h2 {

    color: #fff;

}

.partners .slick-slide {

    margin: 0px 20px;

}

.partners .slick-slide > div:first-child {

    margin: 0 0 20px;

}
.header-title p {
    color: #1F3A8A;
}
/***tabs***/

.revolutionize {
    padding-top: 140px;

}

.tab-box, .layer-tab-box {

    display: none;

}

.tab-menu ul {
    margin: 0;
    list-style: none;
background: rgba(234, 242, 255, 0.75);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 18px 22px;
    border-radius: 28px;
    display: inline-block;
}
.tab-menu ul li {
    display: inline-block;
    margin: 0 6px;
}
.tab-menu ul li a {
font-size: 20px;
    color: #fff;
    background-color: #0E62E8;
    padding: 16px 24px;
    border-radius: 14px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
	border: 4px solid transparent;
}

.tab-menu ul li a.active {

    color: #fff;
	background: #1F3A8A;
    border-color: #0E62E8;

}

.tab-main-box {
    padding: 80px 36px 34px;
    background: rgba(230, 237, 249, 0.5);
    backdrop-filter: blur(37px);
    box-shadow: rgb(0 0 0 / 20%) 0px 12px 46px, rgb(0 0 0 / 20%) 0px 12px 22px, inset rgb(255 255 255 / 10%) 0px -10px 20px -5px, inset rgb(255 255 255 / 50%) 0px -1px 1px -1px;
    width: 100%;
    border-radius: 20px;

}

.tab-inner-box {

    background-repeat: no-repeat;

    background-size: cover;
padding-top: 120px;
    padding-bottom: 80px;
    position: relative;
	background: center -300px;

}
.tab-box p {
    color: #1F3A8A;
}

.waveWrapper {
position: absolute;
    top: -4px;
    z-index: 99;
    width: 100%;
}
.t-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
}
.t-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
}
.t-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
    padding-left: 40px;
}
.t-content p:last-child {
    margin: 0;
}
.waveWrapper img {
    width: 100%;
}
/***footernew***/
.c-details {
    border-radius: 50px;
    background: #EAF2FF;
    padding: 32px 40px;
    min-height: 236px;
    opacity: 0;
    top: 50px;
    transition: 0.5s;
    position: relative;
}
.c-details.visible {
    opacity: 1;
    top: 0;
    transition: 1s;
}
.c-details a.custom-btn {
    width: 100%;
    margin: 10px 0 0;
	padding-left: 18px;
    padding-right: 18px;
}
.c-details h4 {
    margin: 0 0 16px;
    text-transform: uppercase;
}
.c-details p {
    color: #1F3A8A;
}
.c-info span, .c-info a {
    color: #0E62E8;
    display: block;
}
.c-info {
    padding-top: 10px;
    display: block;
}
.c-info span {
    font-weight: 600;
}
.c-info li:not(:last-child) {
    margin-bottom: 14px;
}
.copyright-sec {
    background: -o-linear-gradient(358.91deg, #0E62E8 0%, #30357E 100%);
    background: linear-gradient(91.09deg, #0E62E8 0%, #30357E 100%);
}
ul.social-icons {
    text-align: center;
}
ul.social-icons li {
    display: inline-block;
    margin: 0 24px;
}
ul.social-icons li img {
    width: 40px;
}
.copyright-sec {
    text-align: center;
    padding: 40px 0 26px;
    border-bottom: 14px solid #fff;
}
.copyright-sec p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: 'Poppins';
    margin: 0;
}
ul.social-icons {
    margin: 0 0 16px;
}
ul.social-icons li a {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: inline-block;
}
ul.social-icons li a:hover {
    opacity: .6;
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.header-title p {
    margin: 0;
}

.header-title {
    text-align: center;
    margin: 0 0 40px;
}
section.our-story .h1-heading h1{    font-family: 'Poppins-Medium';}
/**subpage***/
section.subheader.normal-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: calc(100vh - 84px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
h1.text-custom-white {
    position: relative;
    display: inline-block;
    padding: 0 22px;
}
h1.text-custom-white:after {
    content: "";
    width: 100%;
    height: 7px;
    background: #0E62E8;
    display: block;
    position: absolute;
    bottom: -12px;
    left: 0;
}
.left-image {
    border-radius: 20px;
    overflow: hidden;
}
section.left-img-sec .container > .row:not(:last-child) {
    margin-bottom: 80px;
}
section.left-img-sec {
    padding-bottom: 140px;
}
.about .row .col-md-3 {
    margin-bottom: 24px;
}
section.our-story {
    padding: 140px 0;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.story-text {
    background: rgba(234, 242, 255, 0.95);
    border-radius: 20px;
    padding: 34px;
    margin: 0 0 80px;
}
.story-text p:last-child {
    margin: 0;
}
.story-text.story-text-equal {
    margin: 0;
}
.story-text p {
    color: #1F3A8A;
}
.story-text.story-text-equal p{color:#1E1E1E;}
section.our-story .header-title {
    margin: 0 0 28px;
}
section.our-story .h1-heading {
    margin: 0 0 38px;
}
section.our-story .header-title h2 {
    color: #fff;
}
/***form**/

/***contact****/
.contact-us-form input[type="tel"], .contact-us-form input[type="text"], .contact-us-form input[type="number"], .contact-us-form input[type="email"], .contact-us-form input[type="password"], .contact-us-form input[type="search"], .contact-us-form select, .contact-us-form textarea{
    -webkit-border-radius: 18px!important;
    -moz-border-radius: 18px!important;
    border-radius: 18px!important;
    padding:1em 1.65em!important;
    -webkit-appearance: none;
    outline: none;
    resize: none;
    border: none;
    }
    .top-fields{display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;}
    .top-fields .half-wid {
    width: 31.33333333%;
    margin: 0 0 22px;
}
.top-fields .full-wid {
    width: 100%;
    margin: 0 0 22px;
}
.contact-us-form textarea {
    resize: none;
    height: 100px;
}
.contact-us-form span.wpcf7-list-item-label {font-size: 14px;font-weight: 400;color: #6d7275;}
.submit-btn {text-align: center;margin: 20px 0 16px;}
.contact-us-form span.wpcf7-list-item {text-align: center;width: 100%; margin: 0}
html body .container-wrap .contact-us-form .submit-btn input[type="submit"]{border-radius: 30px!important;-webkit-border-radius: 30px!important;}
.wpcf7-form .contact-us-form .wpcf7-not-valid-tip{color: #dc3545;box-shadow: none!important; background: transparent;}
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #dc3545!important;
    font-size: 14px!important;
    text-align: center!important;
}

.row .left-content span {
    font-size: 140px;
    color: #0E62E8;
    line-height: 140px;
    position: absolute;
    right: 12px;
    top: -64px;
}
.row .left-content {
    background: #EAF2FF;
    padding: 40px 60px;
    position: relative;
    margin-right: 30px;
    border-radius: 0px 50px 50px 0px;
	  animation: square 10s linear infinite;
    animation-delay: calc(-1s * var(--i));
}
.row.flex-md-row-reverse .left-content span {
    right: auto;
    left: 12px;
}
.row.flex-md-row-reverse .left-content {
    margin-right: 0;
    border-radius: 50px 0px 0px 50px;
    margin-left: 30px;
}
.left-content h3 {
    text-align: center;
    margin: 0 0 20px;
	padding: 0 66px;
}
.position-img {
    text-align: right;
}
.row.flex-md-row-reverse .position-img {
    text-align: left;
}
.left-content p {
    color: #1F3A8A;
}
.position-img {
    margin-left: 48px;
}
.row.flex-md-row-reverse .position-img {
    margin-right: 48px;
    margin-left: 0;
}
section#our-process {
    overflow: hidden;
    padding: 140px 0;
}
span.controls {
    text-transform: uppercase;
    color: #272849;
    text-align: center;
    background: rgba(234, 242, 255, 0.75);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    border-radius: 25px 25px 0px 0px;
    padding: 14px 28px;
    display: inline-block;
}
.layer-tab-menu ul {
    background: rgba(234, 242, 255, 0.75);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    padding: 18px 22px;
    border-radius: 28px;
    display: inline-block;
}
.layer-tab-menu ul li a {
    font-size: 20px;
    color: #fff;
    background-color: #0E62E8;
    padding: 16px 32px;
    border-radius: 14px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
	border: 4px solid transparent;
}

.layer-tab-menu ul li a.active{    background: #1F3A8A;
    border-color: #0E62E8;}
.layer-tab-menu ul li {
    display: inline-block;
    margin: 0 6px;
}
.layer-tab-menu {
    position: relative;
	text-align: center;
}
span.controls {
    position: absolute;
    top: -56px;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 202px;
	    font-size: 26px;
}
.layer-tab-teaser {
    position: relative;
}
.layer-tab-upper {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    bottom: 26px;
}
button.sub-menu-toggle {
    display: none;
}
.tab-teaser {
    position: relative;
	    padding-top: 0px;
}
.tab-menu {
    text-align: center;
    position: relative;
    bottom: -50px;
    z-index: 99;
}
.t-img img {
    border-radius: 20px;
}
.waveWrapper img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
}
/**svg-line***/
img.line-img {
    position: absolute;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 78%;
    width: 100%;
    z-index: -9;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 184px;
}
section#our-process {
    position: relative;
}
.left-content {
    opacity: 0;
    top: 50px;
     -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: relative;
}
.left-content.visible {
    opacity: 1;
    top: 0;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

 /****key-frames*****/

@-webkit-keyframes square {
    0%,100% {
      -webkit-transform: translateY(-60px);
              transform: translateY(-60px);
    }
    50% {
      -webkit-transform: translateY(60px);
              transform: translateY(60px);
    }
  }

@keyframes square {

    0%,100% {
      -webkit-transform: translateY(-60px);
              transform: translateY(-60px);
    }
    50% {
      -webkit-transform: translateY(60px);
              transform: translateY(60px);
    }
}

/***preloader***/

.mask{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999999;overflow:hidden}.mask-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}@media (max-width:768px){.mask-bg{flex-direction:column;font-size:0;letter-spacing:0}}.mask-bg span{display:block;width:20%;height:100%;background: #272849;}

@media (max-width:768px){.mask-bg span{width:100%;height:20%;border:26px solid #18143E}}.mask-logo{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin-left:auto;margin-right:auto;margin-top:50px;opacity:0;width:400px;z-index:2}@media (max-width:768px){.mask-logo{width:100%;padding:0 50px}}.mask-logo img{width:100%;height:auto}


/***Our story page start***/
#ourstory {
    padding: 140px 0;
}
.ourstory h2, .mission-box h3 {
    color: #fff;
}
.ourstory-inner {
    background: rgba(234, 242, 255, 0.75);
    backdrop-filter: blur(5px);
    border-radius: 50px;
    padding: 32px 40px;
    margin-bottom: 95px;
}
.mission-box-title {text-align: center; margin-bottom: 50px;}
.mission-box h3 {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}
.mission-box h3::after {
    content: "";
    background: #0E62E8;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: block;
}
.mission-box-inner {
    background: rgba(234, 242, 255, 0.75);
    backdrop-filter: blur(37.5px);
    border-radius: 50px;
    padding: 32px 40px;
}
.mission-box-inner p, .ourstory-inner p {
    margin-bottom: 0;
    color: #1F3A8A;
    text-align: justify;
}

.story-text {
    text-transform: uppercase;
}
/***Our story page end***/



/***Contact page start***/
.form-main {
    padding: 60px 0;
    height: calc(100vh - 227px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.form-main form .contact-us-form input[type="text"], .form-main form .contact-us-form input[type="email"], .form-main form .contact-us-form textarea {
	background: #f1f1f1;
	width: 100%;
	padding: 15px !important;
	padding-left: 22px !important;
	font-size: 16px;
	font-weight: 400;
}
.form-main form {
	padding-top: 10px;
}
.form-main form .wpcf7-list-item-label a {
	color: #0E62E8;
}
.form-main form .wpcf7-submit {
	background: #0E62E8;
	color: #fff;
	border: none;
	padding: 16px 23px;
	border-radius: 18px;
	text-transform: uppercase;
	margin-top: 6px;
	-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.form-main form .wpcf7-submit:hover {
	-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
opacity: 0.85;
color: #fff;
}
.form-inner .top-fields p {
	margin-bottom: 5px;
}
.submit-btn p, .submit-btn {
	margin-bottom: 0;
}
.submit-btn input:disabled {
	background: #0E62E887;
}
.form-main .wpcf7-form .contact-us-form .wpcf7-not-valid-tip {
	font-size: 14px;
}

/***Contact page end***/
/***services-color***/
.services-header .header-main { background: var(--custom-color-primary);}
.services_class h2,.services_class h3, .services_class h4{color:var(--custom-color-primary)}
.services_class .our-tech{    background: var(--custom-color-tertiary);}
.services_class .header-title h2:after, .services_class .small-title h3:after{content: "";background: var(--custom-color-secondary);}
.services_class .login-btn a {background: var(--custom-color-secondary);}
.services_class h1.text-custom-white { font-family: 'Poppins-Medium';}
.services_class h1.text-custom-white:after{content: "";background: var(--custom-color-secondary);}
.services_class .mask-bg span{background: var(--custom-color-primary);}
.services_class .about{ background-color: var(--custom-color-primary);}

.services_class .main-navigation .menu li a:hover {
    color: var(--custom-color-secondary);
}


.services_class .main-navigation .sub-menu a {
    color: var(--custom-color-primary);
}
.services_class .main-navigation .menu li a:hover {
    color: var(--custom-color-secondary);
}
.services_class .main-navigation .sub-menu{background: var(--custom-color-tertiary);}

.services_class .copyright-sec {
    background: -o-linear-gradient(358.91deg, var(--custom-color-secondary) 0%, var(--custom-color-primary) 100%);
    background: linear-gradient(91.09deg, var(--custom-color-secondary) 0%, var(--custom-color-primary) 100%);
}
@media (min-width:1500px){
.layer-tab-upper {
    bottom: 70px;
}
}


@media (min-width:1200px){

.main-navigation .menu li.menu-item-has-children > a{position: relative;}

.main-navigation .menu li.menu-item-has-children > a:after { font-family: 'Font Awesome 6 Pro'; font-weight: 900; content: "\f078"; margin-left: 8px; font-size: 16px;}

.mobile-parent-nav-menu-item{display:none;}

.submenu-expand{display:none;}

.main-navigation{position:relative;    display: inline-block;vertical-align: middle;}

.header-btn {display: inline-block;vertical-align: middle;}

.main-navigation .menu{display:table;width:100%; text-align: right;}

.main-navigation .menu > li{display:inline-block;vertical-align:middle;margin:0;padding:0;}

.main-navigation .menu > li > a{padding:12px 18px;}

.main-navigation .menu > li > a .fa-caret-down{margin-left:5px;}

.main-navigation .menu > li.dead-link-anchor > a:hover{color:#000;}

.main-navigation .sub-menu{position:absolute;padding:0;top:100%;min-width:274px;width:auto;z-index:102;margin:0;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;opacity:0;visibility:hidden;text-align:left;padding: 15px 80px 15px 25px;background: rgba(234, 242, 255, 0.95);-webkit-backdrop-filter: blur(25px);  backdrop-filter: blur(25px);  border-radius: 20px;}

.main-navigation .menu li:hover > .sub-menu{margin:0;opacity:1;visibility:visible;height:auto;}

.main-navigation .sub-menu .sub-menu{left:100%;top:0;}

.main-navigation .sub-menu a{white-space:nowrap;line-height:24px;padding:6px 0px;color:#272849;text-align:left;font-size: 18px;font-family: 'Poppins-SemiBold';}

.main-navigation .sub-menu a:before { font-family: 'Font Awesome 6 Pro'; font-weight: 900; content: "\f054"; margin-right: 8px;font-size: 16px;}

}

@media (max-width:1680px){


}

@media (max-width:1440px){
	.tab-inner-box {padding-top: 80px;}
	img.line-img{padding-right: 12px;}
    h2 {font-size: 48px;}

    .box{height: 464px;}

    .box-wrapper img{width: 50vw;}
    .side-wrapper {width: 480px;}

    img.animation.earth-shape.visible {width: 480px;}
.about { padding: 100px 0 80px;}
	.about-header {
    padding: 0 0 80px;
}
	section#our-process{
    padding: 100px 0;
}
.revolutionize {
    padding-top: 100px;
}
	footer.site-footer {
		padding: 80px 0;}
}



@media (max-width:1400px){

    .caption-banner {

        max-width: 1140px;

        top: 80px;

    }

    .our-tech {

        min-height: 300px;

    }

}

@media (max-width:1199px){

/**header menu***/

.header-main{padding:10px;}

nav#site-navigation {clear: both;margin: 0 0 12px;}

.toggle-menu{font-size:44px;text-align:right;color:#5BC5F2;    line-height: 0;cursor: pointer;}

.hamburger-toggle svg{color:#fff;font-size:45px;}

.hamburger-toggle.close-toggle{text-align:right;padding:25px 0 10px;float: right;clear: both;cursor: pointer;}

.sticky-nav{height:100%;position:fixed;right:-100%;top:0;width:100%;z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;padding:0 30px 50px;background: rgba(255, 255, 255, 0.04);backdrop-filter: blur( 13.5px );-webkit-backdrop-filter: blur(81.55px );}

.submenu-expand{color:#222354;cursor:pointer;position:absolute;top:10px;width:57px;height:57px;margin:0;appearance:none;-webkit-appearance:none;-moz-webkit-appearance:none;background:0 0;border:none;z-index:1;outline:none;line-height:57px;padding:0;right:0;top:0;}

.submenu-expand:after{position:relative;content:"\f0d7";font-family: 'Font Awesome 6 Pro'font-size:24px;font-weight:700;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .5s ease-in-out 0s;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;margin:0;vertical-align:0;border:none;width:100%;height:100%;display:inline-block;text-align:right;}

#site-navigation:focus{outline:none!important;}

.main-navigation ul li a{display:inline-block;text-align:left;border:0;padding:0;transition:none;color:#fff;}

.main-navigation ul li a{display:inline-block;line-height:1.4em;font-size: 16px;  margin: 0 0 8px;} 

.main-navigation .sub-menu{width:100%;position:static;display:block;padding:0 0px;    margin: 0 0 12px;}

.main-navigation ul li.mobile-parent-nav-menu-item,.svg-icon{display:none;}

.menu-item-link-return{background:transparent;border:0;}

.main-navigation ul li.mobile-parent-nav-menu-item{padding:0 25px 5px;}

.main-navigation li .sub-menu li:last-child{border-bottom:none;}

.svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em;}

.sticky-in { right: 0;  width: 50%;}

.hamburger-toggle.close-toggle { text-align: right;  padding: 25px 0 10px;}

.header-logo {  max-width: 260px;}

body:before { background-color: rgba(0, 0, 0, 0.8);  content: "";   height: 100%;   left: 0;   opacity: 0;   position: absolute;   top: 0;  transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;   visibility: hidden;   width: 100%;   z-index: 99;

}

.fixed-body:before {  opacity: 1;  visibility: visible;}

.fixed-body {   position: relative;   overflow: hidden;}

/**header menu end***/

ul.menu-topbar li { padding-left: 10px;}

ul#top-menu { padding-top: 40px;}

.top-offset {margin-top: 112px;}

.main-navigation .sub-menu a {font-family: 'Poppins-Bold';}

.main-navigation .sub-menu a:after {font-family: 'Font Awesome 6 Pro'; font-weight: 900; content: "\f053"; margin-left: 7px;}

nav#site-navigation .menu-topbar li { display: block;}

nav#site-navigation .menu-topbar {  margin-top: 40px;}

}



@media (max-width:1200px){



}





@media (max-width:1024px){

.form-main {
	padding: 80px 0;
}

}





@media (max-width:998px){

  

}







@media (max-width:991px){

.form-main form .contact-us-form input[type="text"], .form-main form .contact-us-form input[type="email"], .form-main form .contact-us-form textarea {
	padding: 10px !important;
	padding-left: 20px !important;
}
.top-fields {
	display: block;
}
.top-fields .half-wid {
	width: 100%;
	margin: 0 0 20px;
}
.form-main form {
	padding-top: 0;
}
.form-main .submit-btn .wpcf7-spinner {
	position: absolute;
	margin-top: 24px;
	margin-left: 10px;
}

}





@media (min-width:768px) and (max-width:991px){



}



@media (max-width:767px){



}







@media (max-width:575px){



    }