@font-face {
    font-family:headFont;
    src: url('../fonts/Bebas_Neue/BebasNeue-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:subFont;
    src: url('../fonts/Open_Sans/static/OpenSans-Regular.ttf');
    font-weight: bold;
}
#marker {
    display: none;
}

body {
    font-family: "subFont", Arial, sans-serif;
}
.nav-link {
    font-family: "subFont", Arial, sans-serif;
}
.spanBox {
    position: relative;
}
.spanDOt {
    position: absolute;
    left: -3px;
    top: -49px;
    color: red;
    z-index: 1;
    /* width: 16rem; */
    font-size: 56px;
}
.footerLogo {
    font-size: 2rem;
    font-weight: bold;
    font-family: 'subFont';
}
.Logo {
    width: 17rem;
}
#langSwitcher2 {
    font-size: 2rem;
    color: #818181;
    position: absolute;
    left: 2rem;
    top: 2.5rem;
}
.navbar-brand {
    font-size: 2rem;
    font-weight: bold;
    font-family: 'subFont';
    color: #fff;
}
.navBg {
    background-color: transparent;
    position: absolute;
    width: 100%;
    padding: 1rem 1rem;
    transition: background-color 0.3s, position 0.3s;
    z-index: 1000;
    top: 0;
}
.navBg.scrolled {
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 16px rgba(200, 214, 241, .34);
    box-shadow: 0 12px 16px rgba(200, 214, 241, .34);
}
.nav-link {}
.navBg .nav-link {
    color: #fff;
    transition: color 0.3s;
}
.navBg.scrolled .nav-link {
    color: #000;
}
.navBg.scrolled .navbar-brand {
    color: #000;
}

.nav-link {
    border-bottom: none;
    transition: border-bottom 0.3s;
}

.firstSection {
    background-color: #f80;
    background-image: radial-gradient(circle 195px at center, #efc595 0, #f9bd78 24%, #f9bd78 32%, #f9bd781f 91%, #ff8800 100%);
    box-shadow: 0 12px 21px #ff8800;
    -webkit-box-shadow: 0 12px 21px #ff8800;
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
}
.headText {
    font-family: "headFont", Arial, sans-serif;
    font-size: 82px;
    letter-spacing: .02em;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
}
.subText {
    font-family: subFont;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    color: #fff;
}
.wLimiter {
    padding: 20% 0 30px;
    min-height: 100vh;
}

.headBtn {
    background-color: #ff3a47;
    color: #fff;
    margin-top: 50px;
    border-radius: 25px;
    -webkit-box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    width: 12.2em;
    line-height: 2.5em;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.headBtn:hover {
    color: #fff;
    background-color: #e90413;
}
.headBtn:focus {
    color: #fff;
    background-color: #e90413;
}
.headBtn:active {
    background-color: #e90413;
}
.mainBox {
    color: #fff;
    position: relative;
    width: 50%;
    max-width: 660px;
    height: 450px;
}
.innerBox1 {
    width: 41%;
    height: 67%;
    top: -6%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}
.innerBox2 {
    width: 43%;
    height: 70%;
    top: -8%;
    right: -2%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    position: absolute;
}
.innerBox3 {
    width: 42%;
    height: 70%;
    bottom: -1%;
    left: 29%;
    z-index: 3;
    -webkit-transform: translateY(50%);
    transform: translateY(-34%);
    position: absolute;
}
.textBox {
    max-width: 90%;
    position: relative;
    top: -146px;
}
/*movile navigation*/
.mobileBtn {
    display: none;
    position: fixed;
    font-size: 30px;
    cursor: pointer;
    background: white;
    border-radius: 50%;
    padding: 2rem;
    top: 2rem;
    right: 2rem;
    z-index: 11;
}
.mobileBtn:hover {
    background: white;
}
.mobileBtn:active {
    background: white;
}
.mobileBtn:focus {
    background: white;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    justify-content: center;
    display: grid!important;
}
.overlay button {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    transition: 0.3s;
    background-color: transparent;
    border-style: none;
    font-size: 1.4rem;
}

.overlay button:hover, .overlay button:focus, .overlay button:active {
    color: #f1f1f1;
    background-color: transparent;
    border-style: none;
}

.hamburger-icon {
    display: inline-block;
    cursor: pointer;
    width: 60%;
    height: 50%;
    position: relative;
    z-index: 100;
    left: -11px;
    top: -8px;
}

.hamburger-icon div {
    background-color: #818181;
    height: 3px;
    width: 1.5rem;
    position: absolute;
    transition: 0.4s;
}

.bar1 {
    top: -4;
}

.bar2 {
    top: 6px;
}

.bar3 {
    top: 16px;
}


/* Animation for transforming into X */
.hamburger-icon.open .bar1 {
    transform: rotate(45deg);
    top: 10px;
}

.hamburger-icon.open .bar2 {
    opacity: 0;
}

.hamburger-icon.open .bar3 {
    transform: rotate(-45deg);
    top: 10px;
}
.dropMod {
    min-width: 0!important;
}
.chosenLang {
    color: #fff;
    border-color: transparent!important;
}
.chosenLang:active {
    color: #fff;
}
.chosenLang:focus {
    color: #fff;
}
.chosenLang:hover {
    color: #fff;
}
.btn:first-child:active {
    color: #fff;
}
.navbar-brand:focus, .navbar-brand:hover {
    color: #fff;
}
.navBg.scrolled .chosenLang {
    color: #000;
}
.DescNav {
    padding-right: 5rem;
}
.secondSection {
    padding: 240px 0 195px;
}
.headText2 {
    font-size: 56px;
    font-family: "headFont", Arial, sans-serif;
    letter-spacing: .02em;
    color: #1b2935;
    text-transform: uppercase;
    line-height: 1.2em;
    padding-left: 1rem;
}
.headText2Mob {
    font-size: 56px;
    font-family: "headFont", Arial, sans-serif;
    letter-spacing: .02em;
    color: #1b2935;
    text-transform: uppercase;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 3rem;
    padding: 0 1rem;
}
.widthLimiter2 {
    max-width: 1440px!important;
}
.column {
    width: calc(33.33333% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cardOne {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #ff323a;
    box-shadow: 0 12px 21px #ff323a;
    background-color: #ff323a;
    background-image: radial-gradient(circle 195px at center, #fc4e35 0, #fc4e35 24%, #fc4b36 32%, #ff313a 91%, #ff2d3b 100%);
    transition: 0.4s;
    cursor: pointer;
}
.cardOne:hover {
    transform: translate(0, -8px);
    transition: 0.4s;
}
.cardTwo {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #ff654e;
    box-shadow: 0 12px 21px #ff654e;
    background-color: #ff654e;
    background-image: radial-gradient(circle 195px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%);
    transition: 0.4s;
    cursor: pointer;
}
.cardTwo:hover {
    transform: translate(0, -8px);
    transition: 0.4s;
}
.cardThree {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #0d9afe;
    box-shadow: 0 12px 21px #0d9afe;
    background-color: #0d9afe;
    background-image: radial-gradient(circle 195px at center, #36a8f8 0, #36a8f8 24%, #30a6f9 32%, #0698fe 91%, #0096ff 100%);
    transition: 0.4s;
    cursor: pointer;
}
.cardThree:hover {
    transform: translate(0, -8px);
    transition: 0.4s;
}
.cardFour {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #7b7bf9;
    box-shadow: 0 12px 21px #7b7bf9;
    background-color: #7b7bf9;
    background-image: radial-gradient(circle 195px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%);
    transition: 0.4s;
    cursor: pointer;
}
.cardFour:hover {
    transform: translate(0, -8px);
    transition: 0.4s;
}
.cardfive {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #4e4ec6;
    box-shadow: 0 12px 21px #4e4ec6;
    background-color: #4e4ec6;
    background-image: radial-gradient(circle 195px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%);
    transition: 0.4s;
    cursor: pointer;
}
.cardfive:hover {
    transform: translate(0, -8px);
    transition: 0.4s;
}
.x2 {
    transform: translate(-7px, -53px);
}
.x3 {
    transform: translate(-14px, 0px);
}
.m1 {
    margin-bottom: 1.4rem;
}
.cardImg{
    width: 3rem;
    margin: 2rem 2rem 0 1rem;
}
.cardImgMob{
    width: 2rem;
    margin: 1rem 2rem 0 1rem;
}
.cardH {
    line-height: 1.5em;
    font-size: 1rem;
    font-weight: 700;
    max-width: 13em;
    margin-top: .8em;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
}
.cardH2 {
    line-height: 1.5em;
    font-size: 1rem;
    font-weight: 700;
    margin-top: .8em;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    text-align: left;
    margin-top: 0;
}
.cardP {
    opacity: .8;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 13.25em;
    margin-top: .8em;
    color: #fff;
}
.cardP2 {
    opacity: .8;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    margin-top: .8em;
    color: #fff;
    text-align: left;
}
.swiper {
    width: 100%;
    height: 35rem;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mySwiper2 {
    cursor: pointer;
}
.mobileS2 {
    display: none;
}
.mobileSwiper {
    display: flex;
    justify-content: center;
}
.cardOneMob{
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #ff323a;
    box-shadow: 0 12px 21px #ff323a;
    background-color: #ff323a;
    background-image: radial-gradient(circle 195px at center, #fc4e35 0, #fc4e35 24%, #fc4b36 32%, #ff313a 91%, #ff2d3b 100%);
    transition: 0.4s;
    cursor: pointer;
    width: 100%!important;
    max-width: 600px;
}
.cardTwoMob {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #ff654e;
    box-shadow: 0 12px 21px #ff654e;
    background-color: #ff654e;
    background-image: radial-gradient(circle 195px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%);
    transition: 0.4s;
    cursor: pointer;
    width: 100%;
    max-width: 600px;
}
.cardThreeMob {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #0d9afe;
    box-shadow: 0 12px 21px #0d9afe;
    background-color: #0d9afe;
    background-image: radial-gradient(circle 195px at center, #36a8f8 0, #36a8f8 24%, #30a6f9 32%, #0698fe 91%, #0096ff 100%);
    transition: 0.4s;
    cursor: pointer;
    width: 100%;
    max-width: 600px;
}
.cardFourMob {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #7b7bf9;
    box-shadow: 0 12px 21px #7b7bf9;
    background-color: #7b7bf9;
    background-image: radial-gradient(circle 195px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%);
    transition: 0.4s;
    cursor: pointer;
    width: 100%;
    max-width: 600px;
}

.cardfiveMob {
    padding: 1.6rem;
    -webkit-box-shadow: 0 12px 21px #4e4ec6;
    box-shadow: 0 12px 21px #4e4ec6;
    background-color: #4e4ec6;
    background-image: radial-gradient(circle 195px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%);
    transition: 0.4s;
    cursor: pointer;
    width: 100%;
    max-width: 600px;
}
.finalSlide {
    position: absolute;
    top: 105px;
}
.contMod {
    position: absolute;
    top: 0;
}
#langMob {
    position: absolute;
    right: 32px;
}
#en-gb {
    display: none;
}
.thirdSection {
    background-color: #f80;
    background-image: radial-gradient(circle 195px at center, #ff8a04 0, #f98500 24%, #ff8b04 32%, #fb8600 91%, #ff8800 100%);
    box-shadow: 0 12px 21px #ff8800;
    -webkit-box-shadow: 0 12px 21px #ff8800;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: 70px 0 80px;
    height: 100%;
    min-height: 85vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6;
    position: relative;
}
.subSp {
    font-size: 1.3rem;
    padding-right: 5px;
    font-family: "headFont", Arial, sans-serif;
}
.paralaxBox {
    text-shadow: none;
    pointer-events: none;
    position: absolute;
    width: 100%;
    transition: top 1s linear;
    z-index: 1;
    color: rgba(0, 11, 50, .06);
}
.textEditor:before {
    content: 'About US';
    font-size: 15vw;
    transform: translate(0, -1vw);
    height: auto;
    line-height: 1;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    z-index: 0;
    width: 95%;
    margin: 0 auto;
}
.headText3 {
    font-size: 56px;
    font-family: "headFont", Arial, sans-serif;
    letter-spacing: .02em;
    color: #ffff;
    text-transform: uppercase;
    line-height: 1.2em;
    text-align: center;
    width: 100%;
    padding-top: 0rem;
}
.subText3 {
    line-height: 3;
    padding: 2rem 24rem;
}
.fourthSection {
    padding-top: 8rem;
}
.headText4 {
    font-family:headFont;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    text-align: center;
    line-height: 1.2em;
    font-size: 56px;
    letter-spacing: .02em;
    color: #1b2935;
    text-transform: uppercase;
}
.flipCardBox {
    padding: 3% 11% 5%;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 380px;
    perspective: 1000px; /* Create a 3D space for the card */
    cursor: pointer;
}
/* Inner container for the flipping card */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s; /* Smooth flip animation */
    transform-style: preserve-3d; /* Enable 3D transformation */
}

/* Flip the card on hover */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg); /* Flip the card along the Y-axis */
}

/* Front and back sides of the card */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Hide the back when front is visible and vice versa */
    transform-style: preserve-3d;
    background-color: #286dec;
    background-image: radial-gradient(circle 160px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #286DEB 100%);
    box-shadow: 0 12px 21px #7889b6;
}

/* Front face */
.flip-card-front {
    transform: rotateY(0deg) translateZ(0); /* No gap for the front */
    z-index: 2; /* Ensure the front is always on top when not flipped */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Back face */
.flip-card-back {
    transform: rotateY(180deg) translateZ(0); /* Align back face perfectly */
    z-index: 1; /* Lower z-index ensures it’s behind the front when flipped */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flip-card-front2,
.flip-card-back2 {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Hide the back when front is visible and vice versa */
    transform-style: preserve-3d;
    background-color: #ff784e;
    background-image: radial-gradient(circle 160px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%);
    box-shadow: 0 12px 21px #7889b6;
}

/* Front face */
.flip-card-front2 {
    transform: rotateY(0deg) translateZ(0); /* No gap for the front */
    z-index: 2; /* Ensure the front is always on top when not flipped */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Back face */
.flip-card-back2 {
    transform: rotateY(180deg) translateZ(0); /* Align back face perfectly */
    z-index: 1; /* Lower z-index ensures it’s behind the front when flipped */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flip-card-front3,
.flip-card-back3 {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Hide the back when front is visible and vice versa */
    transform-style: preserve-3d;
    background-color: #4b4bbe;
    background-image: radial-gradient(circle 160px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%);
    box-shadow: 0 12px 21px #7889b6;
}

/* Front face */
.flip-card-front3{
    transform: rotateY(0deg) translateZ(0); /* No gap for the front */
    z-index: 2; /* Ensure the front is always on top when not flipped */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Back face */
.flip-card-back3 {
    transform: rotateY(180deg) translateZ(0); /* Align back face perfectly */
    z-index: 1; /* Lower z-index ensures it’s behind the front when flipped */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* Add text and image styles */

.frontImg {
    height: 10rem;
}
.frontH {
    font-family: subFont;
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: .05em;
    margin-bottom: .3em;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
}

.frontP {
    opacity: .8;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    color: #fff;
    padding: 0 12px;
}
.frontText {
    -webkit-perspective: inherit;
    perspective: inherit;
    -webkit-transform: translateZ(50px) scale(.94);
    transform: translateZ(50px) scale(.94);
}
.fifthSection {
    padding: 7rem 0 ;
    background-color: #5656d8;
    background-image: radial-gradient(circle 70vh at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%);
    overflow: hidden;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
}
.fifthContainer {
    padding-top: 9rem;

}
.cubeBox {
    position: relative;
    width: 29.03vw;
    height: 33.34vw;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    min-width: 290px;
    min-height: 330px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.906vw;
}
.cubeXm {
    background: #5959db;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: rotateX(55deg) translateY(12.556%);
    transform: rotateX(55deg) translateY(12.556%);
    z-index: 1;
}
.cubeInnerBox1 {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1;
    top: 0;
    background: #5959db;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.cubeInnerBox2 {
    top: 100%;
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1;
    background: #5959db;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.cubeInnerBox3 {
    width: 100%;
    height: 100%;
    top: 0;
    background: #5959db;
    position: absolute;
    z-index: 5;
}
.cubeImgBox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scaleY(1.66) translate(-50%, -27%);
    transform: scaleY(1.66) translate(-50%, -27%);
    min-width: 90%;
    z-index: 10;
}
.cubeImg {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translate(-63%, -47%);
    transform: translate(-63%, -47%);
    margin: 0;
}
.cImg {
    width: 133%;
    max-width: inherit;
}
.textH1 {
    font-family:headFont;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    color: #fff;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: 56px;
    padding: 0 2rem;
}
.headText5 {
    font-family:headFont;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: .02em;
    color: #fff;
}
.fifthP {
    color: #fff;
}
.textP {
    color: #fff;
    font-size: 1em;
    line-height: 1.8em;
    text-align: center;
    max-width: 1170px;
    margin: 30px auto 0;
    padding: 0 2rem;
}
.fifthInnerBox {
    max-width: 570px;
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center; /* Vertical alignment */
    min-height: 38rem;
}
.headText6 {
    font-family:headFont;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    text-align: center;
    margin-bottom: 53px;
    font-size: 56px;
    letter-spacing: .02em;
    color: #1b2935;
    text-transform: uppercase;
    line-height: 1.2em;
}
.dots {
    color: #ff3a47;
}
.sixthSection {
    padding: 6rem 3rem;
}
.sixthContainer {
    padding: 0 10rem;
}
.sixthImg {
    width: 100%;
    height: 26rem;
    object-fit: cover;
    border-radius: 12px;
}
.sixthH1 {
    font-family:headFont;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.8em;
}
.sixthP {
    color: #666;
    font-family:subFont;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 411px;
}
.textPosition {
    text-align: left;
}
.sixthBtn {
    font-family:subFont;
    background-color: #fff;
    color: #143dc2;
    -webkit-box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    display: inline-block;
    vertical-align: middle;
    background: none;
    font-weight: 700;
    outline: none;
    border: none;
    border-radius: 25px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 1rem;
    padding: 0 2rem;
    line-height: 3.125em;
    transition: 0.6s;
}
.sixthBtn:hover {
    color: #143dc2!important;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15)!important;
    transition: 0.6s;
}
.sixthBtn:active {
    color: #143dc2!important;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15)!important;
    transition: 0.6s;
}
.sixthBtn:focus {
    color: #143dc2!important;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15)!important;
    transition: 0.6s;
}
.headText7 {
    font-family:headFont;
    font-size: 56px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    letter-spacing: .02em;
    color: #1b2935;
    text-transform: uppercase;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 1em;
    padding: 10rem 0 2rem;
}
.formBox {
    display: flex;
    justify-content: center;
    padding-bottom: 8rem;
}
.contact {
    max-width: 1000px;
}
.submit{
    color: #fff;
    background-color: #ff3a47;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    outline: none;
    border: none;
    border-radius: 25px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    box-shadow: 0 20px 27px rgba(14, 48, 157, .31);
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 1rem;
    width: 12.2em;
    line-height: 3.125em;
}
.submit:hover {
    background-color: #e90413;
    -webkit-box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
     box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.submit:focus{
    background-color: #e90413;
    -webkit-box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
     box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.submit:active {
    background-color: #e90413;
    -webkit-box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
     box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.submBox {
    display: flex;
    justify-content: center;
}
.form-control:focus {

    background-color: transparent!important;
    border-color: #6c757d4d !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%)!important;
}
.form-select:focus {
    border-color: #6c757d4d !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%)!important;
}
label {
    font-size: 14px;
    opacity: 0.6;
}
.textarea::placeholder {
    font-size: 14px;
    opacity: 0.6;
}
input::placeholder {
    font-size: 14px;
    opacity: 0.6;
}
.closer {
    background-image: radial-gradient(circle 195px at center, #ff8a04 0, #f98500 24%, #ff8b04 32%, #fb8600 91%, #ff8800 100%);
    padding: 3rem 1rem 0;
}
.footerImg {
    width: 151px;
    height: 28px;
}
.socIcon {
    display: flex;
    justify-content: right;
}
.middleImg {
    width: 330px;
}
.fb {
    width: 20px;
}
.x {
    width: 20px;
}
.lin {
    width: 20px;
}
.print {
    width: 20px;
}
.socP {
    padding-right: 1rem;
    pointer-events: none;
}
.closerBox {
    padding: 0 5rem;
}
.midBox {
    display: flex;
    justify-content: center;
}
.hiddenDiv {
    position: FIXED;
    top: 0;
    left: auto;
    width: 100%;
    height: 100%;
    Z-INDEX: 1111111;
    cursor: pointer;
}
.hiddenBg {
    background: #ffffff7a;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hiddenBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.sending {
    font-family:headFont;
    color: #5656d8;
}
.loading {
    font-family:headFont;
    color: #5656d8;
}
.icn {
    color: #5656d8;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
.allText {
    margin: 0;
    font-size: 12px;
    color: #ffffffc7;
    text-align: center;
}
.allDate {
    margin: 0;
    font-size: 12px;
    color: #ffffffc7;
    text-align: center;
}
.allrights {
    padding-bottom: 1rem;
}
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
@media screen and (min-width: 3355px) {
    .fifthContainer {
        max-width: 2400px !important;
    }
    .fifthInnerBox {
        min-height: 80rem;
    }

}
@media screen and (min-width: 2685px) and (max-width: 3354px) {
    .fifthContainer{
        max-width: 2079px!important;
    }
    .fifthInnerBox {
        min-height: 56rem;
    }
    
}
@media screen and (min-width: 1922px) and (max-width: 2685px) {
    .fifthContainer{
        max-width: 1684px!important;
    }
    .fifthInnerBox {
        min-height: 53rem;
    }
}

@media screen and (min-width: 2528px) {
    .wLimiter {
        padding: 17% 15px 30px;
    }
}
@media screen and (max-width: 2527px) {
    .wLimiter {
        padding: 23% 15px 30px;
    }
}
@media screen and (max-width: 2526px) {
    .wLimiter {
        padding: 27% 15px 30px;
    }
}
@media screen and (max-width: 1920px) {
    .fifthContainer{
        max-width: 1320px;
    }
}
@media screen and (max-width: 1720px) {
    .fifthInnerBox {
        min-height: 32rem;
    }
}
@media screen and (max-width: 1540px) {
    .subText3 {
        padding: 2rem 12rem;
    }
    .sixthContainer {
        padding: 0 3rem;
    }
}
@media screen and (max-width: 1500px) {
    .wLimiter {
        padding: 31% 15px 30px;
    }
}
@media screen and (max-width: 1450px) {
    .flipCardBox {
        padding: 3% 3% 5%;
    }
    .sixthSection {
        padding: 6rem 1.5rem;
    }
}
@media screen and (max-width: 1390px) {
    .widthLimiter2 {
        display: none;
    }
    .mobileS2 {
        display: block;
    }
    .secondSection {
        padding: 62px 0 195px;
    }
    .fifthContainer {
        max-width:  912px;
    }
}
@media screen and (max-width: 1300px) {
    .DescNav {
        display: none!important;
    }
    .mobileBtn {
        display: block;
    }
    .fifthInnerBox {
        min-height: 29rem;
    }
}
@media screen and (max-width: 1260px) {
    .subText3 {
        padding: 2rem 4rem;
    }
    .headText3 {
        padding: 0 2rem;
    }
    .thirdSection {
        height: auto;
        min-height: auto;
    }
    .fifthContainer {
        max-width: 912px;
    }
    .sixthContainer {
        padding: 0;
    }
}
@media screen and (max-width: 1150px) {
    .fifthInnerBox {
        min-height: 25rem;
    }
}
@media screen and (max-width: 991px) {
    .mainBox {
        position: relative;
        width: 100%;
        max-width: 660px;
        height: 340px;
    }
    .innerBox1 {
        width: 41%;
        height: 67%;
        top: 17%;
        left: 33%;
        position: relative;
    }
    .innerBox2 {
        width: 42%;
        height: 70%;
        top: -48%;
        left: 34%;
        z-index: 3;
        position: relative;
    }
    .innerBox3 {
        width: 43%;
        height: 70%;
        bottom: 81%;
        left: 34%;
        position: relative;
    }
    .textBox {
        text-align: center;
        max-width: 100%;
        position: relative;
        top: 0;
        padding-top: 3rem;
    }
    .innerImg{
        width: 14rem;
    }
    .flipCardP {
        padding-bottom: 2rem;
    }
    .mobCub {
        justify-content: center;
        display: flex;
    }
    .ord1 {
        order: 1;
    }
    .ord2 {
        order: 2;
    }
    .fifthInnerBox {
        max-width: 100%;
        text-align: center;
    }
    .fifthContainer {
        max-width:  912px;
    }
    .sixthP {
        max-width: 100%;
    }
    .sixthBtnBox {
        display: flex;
        justify-content: center;
    }
    .headText7 {
        padding: 5rem 0 2rem;
    }
    .ordX2 {
        order:1;
    }
    .ordX1 {
        order: 2;
        justify-content: center;
        display: flex;
    }
    .ordX3 {
        order: 3;
        padding: 2rem;
    }
    .middleImg {
        width: 195px;
    }
    .footerImg {
        width: 128px;
        height: 28px;
    }
    .socIcon {
        justify-content: center;
    }
    #langSwitcher2 {
        font-size: 1.4rem;
    }
    .hamburger-icon {
        width: 60%;
        height: 50%;
    }
}
@media screen and (max-width: 720px) {
    .fifthContainer {
        max-width:  720px;
    }
}
@media screen and (max-width: 750px) {
    .innerImg {
        width: 11rem;
    }
    .wLimiter {
        padding: 35% 15px 30px;
    }
    .subText3 {
        line-height: 2;
    }
}
@media screen and (max-width: 580px ) {
    .subText {
        padding: 0 1.5rem;
    }
    
}
@media screen and (max-width: 576px) {
    .fifthContainer {
        max-width:  540px;
    }
    .sixthBtnBox {
        padding-top: 2rem;
    }
}
@media screen and (max-width: 500px) {
    .headText {
        font-size: 52px;
        padding: 0 1rem;
    }
    .subText3 {
        line-height: 1.6;
    }
    .sixthImg {
        height: 16rem;
    }
}
@media screen and (max-width: 450px) {
    .innerImg {
        width: 9rem;
    }
    .innerBox1 {
        top: 28%;
    }
    .innerBox2 {
        top: -37%;
    }
    .textBox {
        padding-top: 0rem;
    }
    .headBtn {
        width: 10.2em;
    }
    .subText3 {
        padding: 2rem 2rem;
        text-align: center;
    }
    .headText7 {
        padding: 5rem 1rem 2rem;
    }
    .formBox {
        padding: 0 1rem;
    }
    .sixthSection {
        padding: 6rem 1.5rem 0rem;
    }
    .headText7 {
        padding: 1rem 1rem 2rem;
    }
}
@media screen and (max-width: 390px) {
    .mobileBtn {
        top: 0.5rem;
        right: 0.5rem;
    }
    #langSwitcher2 {
        left: 1.3rem;
        top: 1.3rem;
    }
}
@media screen and (max-width: 380px) {
    .innerImg {
        width: 7rem;
    }
    .mainBox {
        top: 13%;
    }
    .wLimiter {
        padding: 25% 15px 30px;
    }
    .cardOneMob {
        padding: 1.6rem 2rem;
    }
    .cardTwoMob {
        padding: 1.6rem 2rem;
    }
    .cardThreeMob {
        padding: 1.6rem 2rem;
    }
    .cardFourMob {
        padding: 1.6rem 2rem;
    }
    .cardFiveMob {
        padding: 1.6rem 2rem;
    }
    .flip-card {
        height: 469px;
    }
    .sending {
        font-size: 1.5rem;
    }
    .loading {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 300px) {
    .innerImg {
        width: 5rem;
    }
    .mainBox {
        top: 13%;
    }
    .innerBox2 {
        top: -22%;
    }
    .innerBox1 {
        top: 43%;
    }
    .wLimiter {
        padding: 7% 15px 30px;
    }
    .headText {
        font-size: 36px;
    }
    .headText2Mob {
        font-size: 36px;
    }
    .cardImgMob {
        width: 1.5rem;
    }
    .headText3 {
        font-size: 36px;
    }
    .subText3 {
        padding: 2rem 1rem;
    }
    .headText4 {
        font-size: 36px;
    }
    .textH1 {
        font-size: 36px;
    }
    .cubeBox {
        margin-right: 0;
    }
    .headText6 {
        font-size: 36px;
    }
    .headText7 {
        font-size: 36px;
    }
    
}
@media screen and (max-width: 290px) {
    .cardOneMob {
        padding: 0.6rem 0rem;
    }
    .cardTwoMob {
        padding: 0.6rem 0rem;
    }
    .cardThreeMob {
        padding: 0.6rem 0rem;
    }
    .cardFourMob {
        padding: 0.6rem 0rem;
    }
    .cardFiveMob {
        padding: 0.6rem 0rem;
    }
    .fifthContainer {
        overflow: hidden;
    }
    .flipCardBox {
        overflow: hidden;
    }
    .textH1 {
        padding: 0 1rem;
    }
    .textP {
        padding: 0 1rem;
    }
    .headText3 {
        padding: 0 1rem;
    }
    .headText7 {
        font-size: 24px;
    }
}