@font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-Black.woff2") format("woff2"),
      url("../fonts/Mulish-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-ExtraBold.woff2") format("woff2"),
      url("../fonts/Mulish-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-ExtraLight.woff2") format("woff2"),
      url("../fonts/Mulish-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-Bold.woff2") format("woff2"),
      url("../fonts/Mulish-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-Regular.woff2") format("woff2"),
      url("../fonts/Mulish-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-Light.woff2") format("woff2"),
      url("../fonts/Mulish-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-Medium.woff2") format("woff2"),
      url("../fonts/Mulish-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-ExtraLight.woff2") format("woff2"),
      url("../fonts/Mulish-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Mulish";
    src: url("../fonts/Mulish-SemiBold.woff2") format("woff2"),
      url("../fonts/Mulish-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Lato';
    src: url('Lato-LightItalic.woff2') format('woff2'),
        url('Lato-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('../fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BlackItalic.woff2') format('woff2'),
        url('../fonts/Lato-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.woff2') format('woff2'),
        url('L../fonts/ato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.woff2') format('woff2'),
        url('../fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-HairlineItalic.woff2') format('woff2'),
        url('../fonts/Lato-HairlineItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.woff2') format('woff2'),
        url('../fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-Black.woff2') format('woff2'),
        url('../fonts/MavenPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-ExtraBold.woff2') format('woff2'),
        url('../fonts/MavenPro-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-Bold.woff2') format('woff2'),
        url('../fonts/MavenPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-SemiBold.woff2') format('woff2'),
        url('../fonts/MavenPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-Regular.woff2') format('woff2'),
        url('../fonts/MavenPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-Medium.woff2') format('woff2'),
        url('../fonts/MavenPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-Regular.woff2') format('woff2'),
        url('../fonts/MavenPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


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

.clear {
    padding: 0px;
    margin: 0px;
    clear: both;
}

body {
    overflow-x: hidden;
}

ul {
    list-style: none;
    margin: 0px !important;
}

a:focus,
:focus {
    outline: none !important;
}

a:hover {
    text-decoration: none !important;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

h1 {
    font-size: 25px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 22px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 20px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h4 {
    font-size: 18px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h5 {
    font-size: 15px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 14px;
    color: #454545;
    margin: 0;
    padding: 0;
}

p {
    font-family: 'Mulish', sans-serif;
    font-size: 12px;
    color: #454545;
    margin: 0;
    padding: 0;
}

a {
    padding: 0px;
    margin: 0px;
    outline: none;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

label {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul li {
    padding: 0px;
    margin: 0px;
}

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

input[type="text"]::-webkit-placeholder {
    opacity: 1;
}

input[type="text"]::-moz-placeholder {
    opacity: 1;
}

input[type="password"]::-webkit-placeholder {
    opacity: 1;
}

input[type="password"]::-moz-placeholder {
    opacity: 1;
}

input[type="search"]::-webkit-placeholder {
    opacity: 1;
}

input[type="search"]::-moz-placeholder {
    opacity: 1;
}

input[type="email"]::-webkit-placeholder {
    opacity: 1;
}

input[type="email"]::-moz-placeholder {
    opacity: 1;
}

input[type="tel"]::-webkit-placeholder {
    opacity: 1;
}

input[type="tel"]::-moz-placeholder {
    opacity: 1;
}

textarea::-moz-placeholder {
    opacity: 1;
}

textarea::-webkit-placeholder {
    opacity: 1;
}

a:hover {
    outline: none !important;
    text-decoration: none;
}

a:active {
    outline: none !important;
    text-decoration: none;
}

a {
    text-decoration: none !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

img {
    vertical-align: middle;
    border-style: none;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}


:root {
    --main-blue: #05ACE3;
    --main-black: #151617;
    --main-yellow:#FFC83B;
}


header{
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    z-index: 999;
    background-color: white;
    padding: 0px !important;
    position: relative;
}
header.headerfixed {
    box-shadow: 0px 4px 17px 0px #00000014;
}
header .container-fluid,
.banner .container-fluid,
.web-numbers .container-fluid,
.gmbh .container-fluid{
    padding: 0px 69px !important;
}
header .navbar{
    padding: 0px !important;
    margin: 0px !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}
header .navbar .navbar-brand{
    padding: 0px !important;
    margin: 0px !important;
    position: relative;
    width: 132px;
    display: block;
}
header .navbar .navbar-brand em{
    width: 132px;
    height: 132px;
    border-radius: 0 0 200px 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 8px;
background: #FFFFFF;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
}
header .navbar .navbar-brand em img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
header .navbar-collapse{
    flex-grow: 0 !important;
}
header .navbar-nav {
    column-gap: 29px;
  }

header .navbar-nav .nav-link{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: right;
color: #2D3E52;
position: relative;
transition: all 0.3s ease;
padding: 25px 0px 25px 0px !important;
letter-spacing: 0.02em;
font-weight: 600;
}
header .navbar-nav .nav-link::after{
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    display: block;
    border-radius: 26px;
    background-color: var(--main-yellow);
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px;
    transition: all 0.3s ease;
    opacity: 0;
}
header .navbar-nav .nav-link:hover,
header .navbar-nav .nav-link.active{
    color: var(--main-yellow);
}
header .navbar-nav .nav-link:hover::after,
header .navbar-nav .nav-link.active::after{
    width: 100%;
    opacity: 1;
}
header .navbar-nav .nav-link.contact-nav {
    margin-left: 2px !important;
    background: #05ACE3;
    border-radius: 3px;
    padding: 10px 15px 11px 15px !important;
    display: block;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin: 15px 0;
}
header .navbar-nav .nav-link.contact-nav::after{
    display: none;
}
header .navbar-nav .nav-link.contact-nav:hover{
    background: var(--main-yellow);
    color: var(--main-black);
}
.header-padding{
    display: block;
    width: 100%;
    padding: 20px;
    height: 72px;
}
.banner-inr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    position: relative;
    z-index: 3;
}
.banner{
    width: 100%;
    display: block;

overflow: hidden;
}
.banner-topsec{
    position: relative;
    display: block;
    width: 100%;
    background: linear-gradient(93.06deg, #BCEEFF 2.54%, rgba(213, 244, 255, 0.4375) 47.08%, #E6F9FF 81.72%);
padding: 45px 0;
}
.bg-txt {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 900;
    font-size: 228px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0);
    margin-left: -29px;
    background-image: url(../images/h1-bg-txt.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-clip: text;
    /* opacity: 0.06;
    -moz-opacity: 0.19; */
    margin-bottom: -66px;
    /* filter:alpha(opacity=19); */
}
.bg-txt-empty {
    position: absolute;
    bottom: 16px;
    left: -9px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 900;
    font-size: 228px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.05em;
    color: transparent;
    margin-left: -29px;
    margin-bottom: -66px;
    -webkit-text-stroke-color: #05ACE3;
    -webkit-text-stroke-width: 2px;
    opacity: 0.06;
}
.banner-text {
    width: 36.8%;
    display: block;
}
.banner-carousel{
    width: calc(100% - 42.8% - 50px);
}
.banner-text span{
width: 128px;
height: 3px;
background-color: #FFC83B;
display: block;
margin-bottom: 19.5px;
}
.banner-text h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 37px;
line-height: 50px;
color: #0D141D;
margin-bottom: 20px;
}
.banner-text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.02em;
color: #38414D;
margin-bottom: 33px;
}
.banner-text a{
width: 162px;
height: 48px;
background: #0D141D;
border: 2px solid #0D141D;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
letter-spacing: 0.01em;
color: #FFFFFF;
}

.banner-text a:hover{
    background: var(--main-blue);
    border: 2px solid var(--main-blue);
}
.owl-banner{
    width:calc(100% + 69px);
    position: relative;
}
/* .owl-banner .owl-item{
    width: fit-content !important;
} */
.owl-banner .item{
    width: 100%;
    height: 479px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.owl-banner .owl-nav {
    margin: 0px !important;
    position: absolute;
    width: 129px;
    height: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: -122px;
    right: 157px;
    z-index: 999;
}
.owl-banner .owl-nav button{
    background-color: transparent !important;
    margin: 0 !important;
}
.owl-banner .owl-nav button span{
    display: block;
    width: 62.33px;
    height: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 0px ;
    transition: all 0.3s ease;
}
.owl-banner .owl-nav button.owl-prev span{
background-image: url(../images/banner-owl-left.png);
}
.owl-banner .owl-nav button.owl-next span{
    background-image: url(../images/banner-owl-right.png);
}
.owl-banner .owl-nav button:hover span{
    filter: invert(96%) sepia(97%) saturate(3670%) hue-rotate(320deg) brightness(98%) contrast(106%);
}
.web-numbers{
    background-color: white;
    border: 1px solid #D9D9D9;
}
.web-nmbr-inr{
    width: calc(100% - 253px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;    
}
.web-numbx {
    width: calc(34% - 46px);
    border-right: 1px solid #D9D9D9;
    padding-right: 0;
    padding-top: 32px;
    padding-bottom: 28px;
    margin-right: 46px;
}
.web-numbx h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 29px;
letter-spacing: 0.01em;
color: #0D141D;
position: relative;
}
.web-numbx h4::after {
    content: '+';
    display: inline-block;
    transform: translateY(-2px);
}
.web-numbx p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 29px;
letter-spacing: 0.01em;
text-transform: capitalize;
color: #38414D;
}
.index-who{
background: rgba(5, 172, 227, 0.04);
padding: 59px 0 48px 0;
margin-bottom: 88px;
}
.index-who-inr h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 48px;
text-align: center;
text-transform: capitalize;
color: #0D141D;
margin-bottom: 16px;
}
.index-who-inr h5{
font-family: 'Lato';
font-style: italic;
font-weight: 700;
font-size: 22px;
line-height: 28px;
text-align: center;
letter-spacing: 0.04em;
color: #0D141D;
margin-bottom: 18px;
}
.index-who-inr p{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 30px;
text-align: center;
letter-spacing: 0.02em;
color: #545B63;
margin-bottom: 19px;
}
.ind-who-certi{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 72px;
    margin: 0 auto !important;
}
.certi1{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    position: relative;
}
.certi1::after,
.certi2::after{
    content: '';
    position: absolute;
    right: -36px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 79px;
    background-color: #BDBDBD;
}
.certi1 img{
    width: 82px;
    height: 80px;
    display: block;
}
.certi1 h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 26px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #1A2431;
}
.certi2{
    position: relative;
}
.certi2 img{
    display: block;
    width: 202px;
    height: 63px;
}
.certi3{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
.certi3 img{
    display: block;
    width: 74px;
    height: 57px;
}
.certi3 p{
margin-bottom: 0px !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.02em;
color: #0D141D;
text-align: left !important;
}
.index-mech{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.index-mnsc-image {
    width: 50%;
    height: 520px;
    display: block;
    /* background-image: url(../images/index-mech.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
    overflow: hidden;
}
.index-mnsc-image img{
    display: block;
    width:100%;
    height:100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}
.index-mnsc-text {
    width: calc(100% - 50% - 60px);
    margin: 32px 60px 42px 0px;
    padding: 56px 68px 50px 56px;
    background-color: #FFFDF9;
    flex-grow: 1;
    border-right: 1px solid var(--main-yellow);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.index-mech2 .index-mnsc-text{
    margin: 32px 0 42px 60px;
    border-right: 0px solid transparent;
    border-left: 1px solid var(--main-yellow);
}
.index-mnsc-text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    height: 100%;
    width: 26px;
    transform: translateX(-100%);
    background: var(--main-yellow);
}
.index-mech2 .index-mnsc-text::before{
    left: auto;
    right: 0;
    transform: translateX(100%);
}
.index-mnsc-text h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 42px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #080A0D;
margin-bottom: 12px;
width: 100%;
}
.index-mnsc-text p{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 34px;
letter-spacing: 0.02em;
color: #545B63;
margin-bottom: 16px;
}
.index-mnsc-text a{
    padding: 5px 12px 5px 23px;
box-sizing: border-box;
background-color: var(--main-black);
border: 2px solid var(--main-black);
border-radius: 4px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 38px;
letter-spacing: 0.02em;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: fit-content;
}
.index-mnsc-text a svg{
    display: block;
    width: 24px;
    height: 24px;
}
.index-mech2 .index-mnsc-text a{
    margin-left: auto;
}
.index-mnsc-text a:hover{
    background: var(--main-blue);
    border: 2px solid var(--main-blue);
}
.index-mech2 .index-mnsc-text h3,
.index-mech2 .index-mnsc-text p{
    text-align: right;
}

/* .index-mech2 .index-mnsc-image{
    background-image: url(../images/index-mech2.png);
}
.index-mech3 .index-mnsc-image{
    background-image: url(../images/index-mech3.png);
} */

.testimonial{
    padding: 66px 0 55px 0;
    background-color: white;
}
/*.testi-header {*/
/*    width: 982px;*/
/*    margin: 0 auto 30px auto;*/
/*    max-width: 100%;*/
/*}*/
.testi-header {
    width: 982px;
    margin: 0 auto 30px auto;
    max-width: 100%;
    border-radius: 50px;
    background-color: #05ace3;
    overflow: hidden;
    padding: 40px 120px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.testi-header::before {
    content: '';
    position: absolute;
    left: 71px;
    width: 75px;
    height: 400px;
    background-color: #FFC83B;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    display: block;
}
.testi-header::after {
    content: '';
    position: absolute;
    left: 210px;
    width: 108px;
    height: 400px;
    background: linear-gradient(90deg, #ffffff, #ffffff38);
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    display: block;
    opacity: 0.3;
}
.testi-header h2 {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 33px;
    line-height: 55px;
    text-align: center;
    text-transform: capitalize;
    /* color: #38414D; */
    color: white;
    margin-bottom: 9px;
    position: relative;
    z-index: 3;
}
.testi-header p{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
text-align: center;
letter-spacing: 0.02em;
color: #6C727A;
}
.owl-testi-box {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 1px 12px 3px rgba(0, 0, 0, 0.04);
    border-radius: 9px;
    margin: 6px;
    padding: 33px 26px 27px 27px;
    height: 366px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.quote{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 24px;
    height: 18px;
    margin-bottom: 17px;
}
.quote img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100% !important;
    max-height: 100% !important;
}
.owl-testi-box p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 27px;
letter-spacing: 0.01em;
color: #575A61;
margin-bottom:20px;
}
.testi-name{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}
.testi-name em{
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
}
.testi-name em img{
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}
.testi-name text h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
color: #0D141D;
}
.testi-name text h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 21px;
letter-spacing: 0.02em;
color: #EAAF17;
}
.owl-theme.owl-testimonial .owl-nav.disabled+.owl-dots {
    margin-top: 34px;
}
.owl-theme.owl-testimonial .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #d9d9d9;
}

.owl-theme.owl-testimonial .owl-dots .owl-dot.active span, .owl-theme.owl-testimonial .owl-dots .owl-dot:hover span{
    background: #05ACE3;
}

.support{
    padding: 38px 0;
    background-color: var(--main-blue);
    position: relative;
}
.support-inr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.support-inr h2{
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 31px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.support-inr a{
    padding: 10px 30px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 31px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2C3138;
background: #FFFFFF;
border: 2px solid #FFFFFF;
border-radius: 4px;
display: block;
width: fit-content;
}
.support-inr a:hover{
    background: var(--main-yellow);
    border: 2px solid var(--main-yellow);
}
.support::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    z-index: 3;
    width: calc(100% - ((100% - 1200px) / 2));
    height: 11px;
    background-color: white;
    border-radius: 0 0 0 20px;
}
.support::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    z-index: 3;
    width: calc(100% - ((100% - 1200px) / 2));
    height: 11px;
    background-color: #1D1D1F;
    border-radius:0 20px 0 0;
}
footer{
    background-color: #1D1D1F;
}
.footer-top {
    border-bottom: 1px solid #34383D;
    padding-top: 28px;
    padding-bottom: 15px;
}
.footer-left{
padding-bottom: 31px;
border-right: 1px solid #34383d;
padding-right: 37px;
margin-right: 40px;
}
.ftr-logo {
    display: block;
    width: 96px;
    height: 96px;
    overflow: hidden;
    margin-bottom: 19px;
}
.ftr-logo img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.footer-left p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 27px;
color: #BDBDBD;
margin-bottom: 19px;
}
a.ftr-rdmr{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 12px;
color: #FFC83B;
}
a.ftr-rdmr svg{
    display: block;
    width: 17px;
    height: 17px;
}
a.ftr-rdmr:hover{
    color: var(--main-blue);
}
a.ftr-rdmr:hover svg path{
    stroke: var(--main-blue);
}






.quick-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, auto); /* two vertical columns */
    grid-auto-rows: auto;
    gap: 0px 30px; /* row and column gap */
  }  
  .quick-links li:nth-child(1),
  .quick-links li:nth-child(2),
  .quick-links li:nth-child(3),
  .quick-links li:nth-child(4) {
    grid-column: 1;
  }  
  .quick-links li:nth-child(5),
  .quick-links li:nth-child(6),
  .quick-links li:nth-child(7) {
    grid-column: 2;
  }
  .quick-links li:nth-child(5){
    grid-row: 1;
  }
  .quick-links li:nth-child(6){
    grid-row: 2;
  }  
  .quick-links li:nth-child(7){
    grid-row: 3;
  } 
  .quick-links a {
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 38px;
letter-spacing: 0.01em;
color: #BDBDBD;
  }
  .quick-links a:hover{
    color: var(--main-yellow);
  }

  .ftr-links-set h4,
  .ftr-cont-set h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 44px;
color: #BDBDBD;
margin-bottom:30px;
  }
  .ftr-links-set{
    margin-left: -19px;
    padding-right: 12px;
  }
  .ftr-cont-set{
    padding-left: 55px;
  }

  ul.ftr-contacts {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 13px;
    margin-top: 23px !important;
}
  ul.ftr-contacts li{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 14px;
  }
  ul.ftr-contacts li svg{
    display: block;
    width: 22px;
    height: 22px;
  }
  ul.ftr-contacts li text{
    width: calc(100% - 22px - 14px);
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 23px;
color: #BDBDBD;
  }
  ul.ftr-contacts li text a{
    display: inline-block;
    color: inherit;
  }
  ul.ftr-contacts li text a:hover{
    color: var(--main-yellow);
  }
  .footer-btm{
    padding: 16px 0 19px 0;
  }
  .ftr-btm-inr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
  }
.ftr-btm-inr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 36px;
letter-spacing: 0.04em;
color: #BDBDBD;
    }
.ftr-btm-inr p a{
    color: var(--main-yellow);
}
.ftr-btm-inr p a:hover{
    color: var(--main-blue);
}
.ftr-sos{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}
.ftr-sos h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #BDBDBD;
}
.ftr-sos ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}
.ftr-sos ul li a{
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    overflow: hidden;
    padding: 4px;
    border-radius: 50%;
    background-color: #43434D;
}
.ftr-sos ul li a svg{
    display: block;
    width:17px;
    height:16px;
}
.ftr-sos ul li a:hover{
    background-color: var(--main-yellow);
}
.ftr-sos ul li a:hover svg path{
    fill: var(--main-black);
}

button.scrollTop{
    position: fixed;
    right: 80px;
    bottom: 72.5px;
    display: flex;
    justify-content: center;
    align-items: center;
width: 40px;
height: 40px;
background: #FFC83B;
border-radius: 6px 6px 0px 0px;
border: none;
outline: none;
box-shadow: none;
z-index: 9999;
}
button.scrollTop svg{
    display: block;
    width: 24px;
    height: 24px;
}
button.scrollTop:hover,
button.scrollTop:focus{
    background: var(--main-blue);
}
button.scrollTop:hover svg path,
button.scrollTop:focus svg path{
fill: white;
}

/* about*/
.inner-banner{
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}
.inner-banner::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - ((100% - 1200px) / 2));
    height: 24px;
    border-radius: 0 12px 0 0;
    background-color: #FAFCFF;
    display: block;
    z-index: 3;
}
.inr-bnr-img{
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
}
.inner-bnr-txt{
    padding: 134px 0 128px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 11px;
    position: relative;
    z-index: 9;
}
.inner-bnr-txt h2{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 59px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.inner-bnr-txt .breadcrumb{
    margin-bottom: 0px !important;
}
.inner-bnr-txt .breadcrumb-item,
.inner-bnr-txt .breadcrumb-item a{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 30px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: '' !important;
    width: 19px !important;
    height: 19px !important;
    background-image: url(../images/brd-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 6px;
    margin-top: 6px;
}

.about-sec1{
    margin: 65px 0 102px 0;
}
.about-sec1-top{
    margin-bottom: 47px;
    box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #D9D9D9;
box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.08);
border-radius: 14px;
padding: 28px 28px 28px 22px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
column-gap: 29px;
}
.sec1-boximg{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 536px;
    height: 295px;
    overflow: hidden;
    border-radius: 14px;
    background-color: #d2d2d2;
}
.sec1-boximg img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}
.about-sec1-top text{
    width: calc(100% - 536px - 29px);
}
.about-sec1-top text h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 32px;
text-transform: uppercase;
color: #001943;
margin-bottom: 20px;
}
.about-sec1-top text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 30px;
color: #253C64;
}
.about-sec1-top text p br:nth-of-type(even){
display: block;
content: '' !important;
margin-top: 14px;
width: 100%;
}
.about-sec1-top.abtsec-btm{
    flex-direction: row-reverse;
}
.foundation{
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 103px;
    padding: 80px 0 73px 0;
    background-color: #05A0E3;
}
.foundation::before{
    content: '';
    position: absolute;
    display: block;
    width: 50%;
    left: 0px;
    top: -41px;
    height: 41px;
    background-color: var(--main-yellow);
}
.foundation::after{
    content: '';
    position: absolute;
    display: block;
    width: 50%;
    right: 0px;
    bottom: -41px;
    height: 41px;
    background-color: var(--main-yellow);
}
.found-inr{
border: 1px solid #FFFFFF;
border-radius: 45px;
width: 100%;
padding: 44px 46px 41px 54px;
}
.found-inr h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 32px;
}
.found-inr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #FFFFFF;
margin-bottom: 19px;
}
.found-inr p:last-child{
    margin-bottom: 0px;
}

.goal{
    position: relative;
    background-color: #E8F2FE;
    margin-bottom: 112px;
    padding: 84px 0 64px 0;
}
.goal::after{
    content: '';
    position: absolute;
    display: block;
    width: 50%;
    left: 0px;
    bottom: -41px;
    height: 41px;
    background-color: var(--main-yellow);
}
.goal-hdng{
    margin-bottom: 31px;
}
.goal-hdng h5{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 32px;
text-transform: uppercase;
color: #05A0E3;
margin-bottom: 12px;
}
.goal-hdng h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 46px;
color: #001943;
}

.goal-inr text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 31px;
color: #253C64;
margin-bottom: 18px;
}
.goal-inr text a{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
box-sizing: border-box;
background: #151617;
border: 1px solid #151617;
border-radius: 6px;
padding: 13px 26px;
display: block;
width: fit-content;
}
.goal-inr text a:hover{
    background: var(--main-yellow);
    color: var(--main-black);
    border: 1px solid var(--main-yellow);
}

.goal-img {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 18px 0 18px 32px;
    width: calc(100% + ((100vw - 1177px) / 2));
    z-index: 2;
    margin-top: -18px;
}
.goal-img img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: right center;
}
.goal-img svg{
    display: block;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: auto;
    top: 0px;
    right: 0px;
}
/* about */
/* our team */
.team-paper {
    background-color: #FAFCFF;
    background-image: url(../images/team-ppr-bg.png);
    background-size: 100% 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 34px 0 64px 0;
}

.team-mem1 {
    background: #FFFFFF;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.04);
    border-radius: 13px;
    margin-bottom: 35px;
    padding: 29px 24px 28px 28px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 39px;
}
.team-mem1 em{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 7px 8px 9px 6px;    
    width: 191px;
    height: 206px;
    z-index: 2;
}
.team-mem1 em svg{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.team-mem1 em img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    border: 1px solid #A3A7AF;
    border-radius: 8px;
}
.team-mem1 text{
    width: calc(100% - 191px - 39px);
    padding-top: 10px;
}
.team-mem1 text h2{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28px;
color: #001943;
margin-bottom: 10px;
}
.team-mem1 text h6{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 21px;
color: #05ACE3;
margin-bottom: 11px;
}
.team-mem1 text h6 a{
    color: inherit;
    width: calc(100% - 27px);
}
.team-mem1 text h6 a:hover{
    color: var(--main-yellow);
}
.team-mem1 text h6 svg{
    display: block;
    width: 21px;
    height: 21px;
    flex-shrink: 0;
}
.team-mem1 text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 27px;
letter-spacing: 0.02em;
color: #253C64;
}

/* our team */

/* product */
.product-page{
background: rgba(232, 242, 254, 0.2);
padding: 40px 0 33px 0;
position: relative;
}
.product-page::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
height: 127px;
background: rgba(207, 233, 252, 0.2);
z-index: 1;
}
.product-page::before{
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
width: 396px;
height: 699.5px;
background: rgba(214, 232, 255, 0.4);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
z-index: 1;
}
.product-inr{
    position: relative;
    z-index: 2;
}
.prd-hdng{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 35px;
color: #001943;
padding-bottom: 11px;
border-bottom: 1px solid #E1E0E0;
position: relative;
margin-bottom: 27.5px;
}
.prd-hdng::before{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 36px;
    height: 4px;
    background-color: #222222;
    display: block;
}

.prod-box{
    padding: 11px;
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 6px;
width: 100%;
margin-bottom: 30px;
height: calc(100% - 30px);
display: flex;
/*flex-direction: column;*/
justify-content: space-between;
align-items: stretch;
}
.prod-box:hover{
background: #FFFFFF;
border: 1px solid rgba(5, 172, 227, 0.55);
box-shadow: 0px 0px 22px rgba(89, 137, 193, 0.25);
}
.prod-desc{
    width: 38%;
    margin-bottom: 0;
    display: flex;
  align-items: center;
}
.prod-desc em{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 0;
}
.prod-desc em img{
    display: block;
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
}
.prod-desc text{
box-sizing: border-box;
background: #05ACE3;
border-radius: 6px;
padding: 17px 7px 9px 8px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 6.28px;
}
.prod-desc text h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
}
.prod-desc text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.prod-btn{
    width: 62%;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid rgba(5, 172, 227, 0.55);
/*box-shadow: 0px 0px 12px rgba(101, 181, 206, 0.25);*/
border-radius: 6px;
padding: 8px 12px 8px 11px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 19px;
text-align: center;
color: #232431;
}
.prod-btn:hover{
    /*background: var(--main-yellow);*/
    /*border: 1px solid var(--main-yellow);*/
    box-shadow: none !important;
}

.product-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20.5px !important;
}
.product-pagination li a{
width: 41px;
height: 41px;
background: #FFFFFF;
border: 1px solid #D2D2D2;
border-radius: 50px !important;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.01em;
color: #302929;
}
.product-pagination li a svg{
    display: block;
    width: 15px;
    height: 14px;
}
.product-pagination li a:hover,
.product-pagination li a:focus{
    background: var(--main-yellow);
    border: 1px solid var(--main-yellow);
    color: #000;
}
/* product */


/* our offering */
.offr-sec1{
    margin: 41px 0 66px 0;
}
.offr-hdr{
    padding-top: 21px;
    position: relative;
    margin-bottom: 57px;
}
.offr-hdr::before{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    display: block;
    width: 100px;
    height: 5px;
    background: #FFC83B;
}
.offr-hdr h2{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 32px;
text-align: center;
text-transform: capitalize;
color: #001943;
margin-bottom: 14px;
}
.offr-hdr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 21px;
line-height: 26px;
text-align: center;
color: #253C64;
}
.ofr-sec1-top{
    border-top:1px solid #D0E1FF;
    position: relative;
}
.ofr-sec1-top.ofr-sec1-bottom{
    border-top:0px solid transparent;
    border-bottom:1px solid #D0E1FF;
    position: relative;
}
.ofr-sec1-top::before{
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    display:block;
    background-color: var(--main-blue);
    z-index: -1;
    left: 0px;
    top: 0px;
}
.ofr-sec1-top.ofr-sec1-bottom::before{
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    display:block;
    background-color: var(--main-blue);
    z-index: -1;
    left: auto;
    right: 0px;
    top: 0px;
}
.ofr-sec1-top em{
    margin: 49px 30px 49px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 0 0 0px 55px;
}
.ofr-sec1-top.ofr-sec1-bottom em{
    border-radius: 0 0 55px 0px;
    margin: 49px 0 49px 30px;
}
.ofr-sec1-top em img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}
.offr-sec1-text h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 32px;
text-transform: uppercase;
color: #001943;
margin-bottom: 23px;
}
.offr-sec1-text h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 26px;
color: #273855;
margin-bottom: 8px;
}
.offr-sec1-text ul{margin-bottom: 30px !important;}
.offr-sec1-text ul li {
    padding-left: 24px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #253C64;
    background-image: url(../images/offr-pgtick.png);
    background-position: left top 8px;
    background-size: 15px 13px;
    background-repeat: no-repeat;
}
.offr-sec1-text{
    padding-left: 20px;
}
.ofr-sec1-top.ofr-sec1-bottom .offr-sec1-text{
    padding-left: 0px;
    padding-right: 20px;
}
.offr-sec1-text text{
    display: block;
    margin-bottom: 30px;
}
.offr-sec1-text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #253C64;
margin-top: -15px;
}
.timeline{
    padding-bottom: 69px;
    position: relative;
}
.time-box{
    width: 100%;
    height: 100%;
    padding: 31px 22px 43px 18px;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #D9D9D9;
box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.08);
border-radius: 14px;
}
.time-box h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 32px;
text-transform: capitalize;
color: #001943;
margin-bottom: 14px;
}
.time-box h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 26px;
color: #253C64;
margin-bottom: 20px;
}
.time-box ul li{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #253C64;
background-image: url(../images/offr-pgtick.png);
background-position: left top 8px;
background-size: 15px 13px;
background-repeat: no-repeat;
padding-left: 24px;
}
.quality {
    padding: 73px 0 119px 0;
    position: relative;
    background-image: url(../images/quality-vector.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: repeat;
    margin-bottom: 61px;
}
.quality-bg{
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% - 119px);
    top: 0px;
    left: 0px;
    z-index: 1;
}
.quality-inner{
    width: 635px;
background: #FFFFFF;
padding: 73px 73px 73px 56px;
margin: 0 auto;
position: relative;
z-index: 3;
}
.quality-inner h4{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 32px;
text-transform: capitalize;
color: #001943;
margin-bottom: 23px;
}
.quality-inner h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 26px;
color: #253C64;
margin-bottom: 20px;
}
.quality-inner ul li{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #253C64;
    background-image: url(../images/offr-pgtick.png);
    background-position: left top 8px;
    background-size: 15px 13px;
    background-repeat: no-repeat;
    padding-left: 24px;
    margin-bottom: 4px;
    }
    .quality-inner ul li:last-child{
        margin-bottom: 0px;
    }
.cust-port{
    margin-bottom: 49px;
}
.cust-port-inr{
    box-sizing: border-box;
    background: #FFC83B;
    border: 1px solid #FFC83B;
    border-radius: 12px;
    padding: 35px 32px;
    background-image: url(../images/cust-port-bg.png);
    background-position: right 47px center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.cust-port h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 32px;
text-transform: capitalize;
color: #000000;
margin-bottom: 18px;
}
.cust-port ul li{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #253C64;
    background-image: url(../images/black-tick.png);
    background-position: left top 8px;
    background-size: 15px 13px;
    background-repeat: no-repeat;
    padding-left: 24px;
    margin-bottom: 4px;
}
/* our offerings */

/* communication */
.comm-partner{
    padding: 74px 0 83px 0;
    background-image: url(../images/partnering1.png);
    background-position: top left;
    background-size: 168px 181px;
    background-repeat: no-repeat;
    position: relative;
}
.comm-part-hdr{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}
.comm-part-hdr span,
.contact-hdr span{
width: 100px;
height: 5px;
background: #FFC83B;
display: block;
margin-bottom: 29px;
}
.comm-part-hdr h2,
.contact-hdr h2{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 32px;
text-align: center;
color: #001943;
margin-bottom: 33px;
}
.comm-part-hdr p,
.contact-hdr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 31px;
text-align: center;
color: #253C64;
}
.com-join-outr{
    padding: 45px 0;
    position: relative;
    background: linear-gradient(to left, #FFC83A 50%, #ffffff 50%);
}
.com-join-outr::after{
    content: '';
    position: absolute;
    display: block;
    width: 145px;
    height: 236px;
    background-image: url(../images/partnering2.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: -107px;
    right: 0px;
    z-index: 2;
}
.comm-join-inr{
    width: calc(100% + (((100vw - 1200px) / 2) - 69px));
    margin-left: calc(-1 * (((100vw - 1200px) / 2) - 69px));
    padding-left: calc(((100vw - 1200px) / 2) - 69px);
    background: linear-gradient(89.87deg, #05A0E3 -1.91%, #05ACE3 65.69%);
    border-radius: 0px 25px 25px 25px;
}
.com-jntxt {
    padding: 33px 0;
}
.com-jntxt h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 41px;
line-height: 32px;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 26px;
}
.com-jntxt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 23px;
line-height: 38px;
color: #FFFFFF;
margin-bottom: 42px;
}
.com-jntxt a{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #000000;
padding: 9px 18px 10px 18px;
display: block;
width: fit-content;
border-radius: 4px;
background-color: var(--main-yellow);
}
.com-jntxt a:hover{
    background-color: var(--main-black);
    color: white;
}
.com-jnimg {
    margin: 23px 23px 23px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 25px;
}
.com-jnimg img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}
.comm-map {
    margin-bottom: calc(83px + 41px);
}
.comm-map-hdr{
    margin-bottom: 27px;
}
.comm-map-hdr h2{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 32px;
text-align: center;
color: #001943;
margin-bottom: 14px;
}
.comm-map-hdr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 21px;
line-height: 26px;
text-align: center;
color: #001943;
}

.comm-map iframe{
    width: 100%;
    height: 538px;
    border-radius: 25px;
}

.gmbh{
    margin-bottom: 66px;
    position: relative;
}
.gmbh-bnr{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 404px;
    background-color: #05A0E3;
    z-index: -1;
    display: block;
}
.gmbh::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 41px;
    transform: translateY(-100%);
    background-color: var(--main-yellow);
    display: block;
}
.gmbh-inr{
position: relative;
padding: 43px 0 0 0;
}
.gmbh-inr::before{
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    height: 41px;
    background-color: white;
    top: 404px;
    left: 0px;
    transform: translateY(-100%);
    border-radius: 41px 41px 0 0;
    z-index: 1;
}
.gmbh-inr iframe{
    display: block;
    width: 100%;
    height: 580px;
    border-radius: 25px;
    position: relative;
    z-index: 2;
}
.gmbh-inr h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 29px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
margin-bottom: 39px;
}
.gmbh-inr h3 span{
    color: var(--main-yellow);
}
/* communication */
/* contact */
.contact-paper{
    padding: 46px 0px 133px 0;
}
.contact-hdr{
    margin-bottom: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contact-form-sec{
    padding-right: 44px;
}
.contact-form-sec form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 23px;
    column-gap: 29px;
}
.cont-frm-box {
    width: calc(50% - 14.5px);
}
.cont-frm-box label{
    margin-bottom: 4px;
    display: block;
    width: 100%;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
color: #363739;
}
.cont-frm-box input,
.cont-frm-box select,
.cont-frm-box textarea{
    width: 100%;
box-sizing: border-box;
height: 48px;
background: #FFFFFF;
border: 1px solid #D0D4DB;
border-radius: 5px;
padding: 15px 6px 11px 20px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.01em;
color: #323439;
display: block;
}
.cont-frm-box input::placeholder,
.cont-frm-box textarea::placeholder{
    color: #8f8f8f;
}
.cont-frm-box textarea{
    height: 121px;
}
.cont-frm-box select{
    appearance: none !important;
    padding-right: 53px;
    background-image: url(../images/select-drp.png);
    background-size: 47px 100%;
    background-position: right center;
    background-repeat: no-repeat;
}
.cont-frm-box input:hover,
.cont-frm-box select:hover,
.cont-frm-box textarea:hover,
.cont-frm-box input:focus,
.cont-frm-box select:focus,
.cont-frm-box textarea:focus,
.cont-frm-box input:focus-visible,
.cont-frm-box select:focus-visible,
.cont-frm-box textarea:focus-visible,
.cont-frm-box input:focus-within,
.cont-frm-box select:focus-within,
.cont-frm-box textarea:focus-within{
    border: 1px solid var(--main-blue);
}


/* captcha */
.captcha {
    background-color: #f3f8ff;
    border: 1px solid #2165b726;
    border-radius: 5px;
    color: #4c4a4b;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 249px;
    padding: 6px 0px;
}
.text {
    font-size:14px;
    font-weight: 500;
    margin-right:18px;
}

.spinner {
    position: relative;
    width:18px;
    height:18px;
    display: flex;
    margin: 6px;
    align-items: center;
    justify-content: center;
}
.logs img{
    display: block;
    width: 20px;
    height: 20px;
}
.logs small {
    font-size: 10px;
    margin-top: -1px;
    display: block;
}

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

input[type="checkbox"]+.checkmark {
    display: inline-block;
    width:18px;
    height:18px;
    background-color: #fcfcfc;
    border: 2.5px solid #c3c3c3;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

input[type="checkbox"]+.checkmark span {
    content: '';
    position: relative;
    margin-top: -3px;
    transform: rotate(45deg);
    width: 10px;
    height: 18px;
    opacity: 0;
}

input[type="checkbox"]+.checkmark>span:after {
    content: '';
    position: absolute;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #029f56;
}

input[type="checkbox"]+.checkmark>span:before {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    bottom: 0;
    right: 0;
    background-color: #029f56;
}

input[type="checkbox"]:checked+.checkmark {
    animation: 2s spin forwards;
}

input[type="checkbox"]:checked+.checkmark>span {
    animation: 1s fadein 1.9s forwards;
}

input[type="checkbox"]:checked+.checkmark>span:after {
    animation: .3s bottomslide 2s forwards;
}

input[type="checkbox"]:checked+.checkmark>span:before {
    animation: .5s rightslide 2.2s forwards;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bottomslide {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes rightslide {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes spin {
    10% {
        width: 0;
        height: 0;
        border-width: 6px;
    }

    30% {
        width: 0;
        height: 0;
        border-radius: 50%;
        border-width: 1em;
        transform: rotate(0deg);
        border-color: rgb(199, 218, 245);
    }

    50% {
        width:18px;
        height:18px;
        border-radius: 50%;
        border-width: 4px;
        border-color: rgb(199, 218, 245);
        border-right-color: rgb(89, 152, 239);
    }

    70% {
        border-width: 4px;
        border-color: rgb(199, 218, 245);
        border-right-color: rgb(89, 152, 239);
    }

    90% {
        border-width: 4px;
    }

    100% {
        width:18px;
        height:18px;
        border-radius: 50%;
        transform: rotate(720deg);
        border-color: transparent;
    }
}
/* captcha */

button.cont-send{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
padding: 13px 33px 13px 32px;
border-radius: 5px;
background-color: var(--main-blue);
display: block;
width: fit-content;
}
button.cont-send:hover,
button.cont-send:focus{
    background-color: var(--main-yellow);
    color: var(--main-black);
}
.contact-list-sec{
    margin-left: -30px;
    padding-left: 30px;
    border-left: 1px solid #E7E7E7;
    width: calc(100% + 30px);
}
.contact-list-sec h3{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 31px;
line-height: 36px;
letter-spacing: 0.01em;
color: #001943;
padding-bottom: 20px;
margin-bottom: 22px;
width: 100%;
position: relative;
}
.contact-list-sec h3::before,
.cont-sos h4::before{
    content: '';
    position: absolute;
    left: -30px;
    bottom: 0px;
    display: block;
    width: calc(100% + 30px);
    height: 1px;
    background-color: #E7E7E7;
}
.cont-list-area{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 21.5px;
}
.cont-list-area li h4{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.02em;
color: #0D0E11;
margin-bottom: 4px;
}
.cont-list-area li h4 svg{
    display: block;
    width: 19px;
    height: 19px;
    flex-shrink: 0 !important;
}
.cont-list-area li p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 27px;
letter-spacing: 0.01em;
color: #253C64;
}
.cont-list-area li p a{
    color: inherit;
    display: inline-block;
}
.cont-list-area li p a:hover{
    color: var(--main-blue);
}
.cont-sos{
    margin-top: 77px;
}
.cont-sos h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.02em;
color: #0D0E11;
padding-bottom: 9px;
margin-bottom: 17px;
position: relative;
}
.cont-sos ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
}
.cont-sos ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    color: white;
}
.cont-sos ul li a svg{
    display: block;
    width: auto;
    height: auto;
    max-width:18px;
    max-height:18px;
}
.cont-sos ul li a svg path{
    fill: white;
}
.cont-sos ul li a:hover{
    transform: translateY(-3px);
}
.cont-gmbh-hdr{
    margin-bottom: 37px;
}
.cont-gmbh-hdr h2{
font-family: 'Maven Pro';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 32px;
text-align: center;
color: #FFFFFF;
margin-bottom: 14px;
}
.cont-gmbh-hdr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 21px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
}
.cont-gmhb .gmbh-bnr{
    height: 425px;
}
.cont-gmhb .gmbh-inr::before{
    top: 425px;
}
.cont-gmhb .gmbh-inr iframe {
    height: 538px;
}
.cont-gmhb .gmbh {
    margin-bottom: 79px;
}
/* contact */

.prod-btn text h4 {
  font-family: 'Mulish', sans-serif;
  font-size: 18px;
  color: #05ace3;
  font-weight: 700;
  margin: 5px 0 7px 0;
}
.prod-btn text p {
  font-family: 'Mulish', sans-serif;
  padding: 0;
  text-align: left;
  margin: 1px 0 12px 0;
  overflow: hidden;
  display: block;
  float: left;
  font-weight: 400;
  font-size: 16px;
  color: #253C64;
   line-height: 24px;
}
.prod-btn text p span {
  font-weight: 700;
  display: block;
  width: 100%;
 font-family: 'Mulish', sans-serif;
  font-size: 15px;
  line-height: 20px;
   margin-bottom: 5px;
  color: #273855;
}
.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: #05ace3;
  border-color: #05ace3;
}
.contact-inr{
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  padding: 28px 28px 28px 29px;}





/*18-02-2026*/
.index-who-inr ul {
    width: 700px;
    margin: 40px auto 0 auto !important;
    max-width: 100%;
}
.about-sec1-top text ul li,
.index-who-inr ul li,
.goal-inr ul li{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0.02em;
    color: #545B63;
    margin-bottom:6px;
    background-image: url(../images/offr-pgtick.png);
    background-position: left top 8px;
    background-size: 15px 13px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
p.time-box-p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #545B63;
    margin: 7px 0;
}
.quality-inner h3{
        font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    text-transform: capitalize;
    color: #001943;
    margin-bottom: 14px;
}
.quality-inner p,
.quality-inner p em{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #545B63;
}

.ofr-sec1-top .row.align-items-center{
    align-items: stretch !important;
}
.offr-sec1-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 0 50px 20px;
    height: 100%;
}
.offr-sec1-text p{
    margin-top: 0 !important;
    margin-bottom: 14px;
}
.offr-sec1-text h3 {
    font-size: 24px;
    line-height: 33px;
}

.offr-sec1-text h5{
        font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 29px;
    color: #141a24;
    margin-bottom: 7px;
}

.ofr-sec1-top.ofr-sec1-bottom .offr-toptxt em {
    border-radius: 0 0 55px 0px;
    margin: 14px 0 14px 0px;
}
/*18-02-2026*/
/*19-02-26*/
.mech-cat-box{
    padding: 11px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.mech-cat-box em {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid rgba(5, 172, 227, 0.55);
    border-radius: 6px;
    padding: 8px 12px 8px 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 200px;
    margin-bottom: 12px;
}
.mech-cat-box em img{
    display: block;
    width:auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.mech-cat-box span{
        font-weight: 700;
    display: block;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-size: 19px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #273855;
    text-align: center;
    text-transform: capitalize;
}
.mech-cat-box:hover{
    background: #FFFFFF;
    border: 1px solid rgba(5, 172, 227, 0.55);
    box-shadow: 0px 0px 22px rgba(89, 137, 193, 0.25);
}


.abt-sec-wrap{
    display: block;
}
.abt-sec-wrap em{
    float: left;
    margin: 0 20px 20px 0;
}

.prod-box.cat-prod-box:hover {
    background: #FFFFFF;
    border: 1px solid rgba(5, 172, 227, 0.55);
    box-shadow: 0px 0px 22px rgba(89, 137, 193, 0.25);
}

.inner-bnr-txt .breadcrumb-item a:hover{
    color: #05ACE3;
}


.solution-qul img.quality-bg {
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% - 58px);
    top: 0px;
    left: 0px;
    z-index: 1;
    object-fit: cover;
    object-position: bottom;
}
.solution-qul.quality {
    margin-bottom: 17px;
    background-image: none !important;
}
/*19-02-26*/