@media (max-width: 1399px) {
  .container-fluid {
      padding: 0px 40px;
    }
    
    
   .bigboxwrapper-title {
      font-size: 4vw;
    }
    
    .bigboxwrapper-content {
       font-size: 1.4vw; 
        
    }
    
    .startteaser {
      font-size: 7vw;
    }
}

@media (max-width: 991px) {

 .startteaser {
      font-size: 9vw;
    }
    
     section{
        padding:25px 0px;
        
    }

}




@media (max-width: 767px) {
    
    
     body{
        font-size:18px
    }
    
    .biggertext {
      font-size: 22px;
    }
    
     .ratio-1x1_25{
        --bs-aspect-ratio: 85%;
    }
    
    .bigboxwrapper-title {
      font-size: 11vw;
    }
    
    .bigboxwrapper-content {
       font-size: 3.0vw; 
        
    }
   
    
    .footercontainer{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
     .footercontent{
         width: 100%;
         padding-top: 20%;
    }

   
    
    
    .startteaser {
      font-size: 12vw;
    }
    
    
    
}






@media (max-width: 575px) {
    
    body{
        font-size:14px
    }
    
    .biggertext {
      font-size: 20px;
    }
     footer{
        padding: 28px 20px 20px;
    }
    
    
     .ratio-1x1_25{
        --bs-aspect-ratio: 110%;
    }
    
    .bigboxwrapper-title {
      font-size: 11vw;
    }
    
    .bigboxwrapper-content {
       font-size: 4vw; 
        
    }
    
    
    #logo {
      top: 20px;
      left: 20px;
      z-index: 10;
      width:100px
    }
    
   #menu{
      position: fixed;
      top: 27px;
      right: 20px;
      width:35px
    }
    
    #menu-mainnavigation li{
        margin: 20px 0;
    }

    #menu-mainnavigation li a{
        font-size:50px;
        color: var(--darkblue);
    }
    
    .closeNavModal{
      
        right:20px;
        top:25px;
        width:30px;
        height: 30px;
    }
    
    .section-label,.pagelabel{

      font-size: 30px;
      /*top: 280px;*/
      left: 15px;
    }
    section{
        padding:25px 0px;
        
    }
     .container-fluid {
        padding: 0px 20px;
      }
    
    
    .langNav{
      top: 28px;
      right: 75px;
    }

    .startteaser {
      font-size: 15vw;
      padding: 20px;
    }
    
    .footercontent{
         padding-top: 40%;
    }
    
    section.lastsectionbottom {
      padding-bottom: 30vH !important;
    }
    
    .whyitem img{
        width:35px
    }
    
    #sectioncareerstestimonials .carousel-container{
        height:90%
    }
    .c-sub-name{
        width: 100%;
        margin: auto auto;
        position: absolute;
        bottom: 30px;
        left: 0px;
    }
    .c-sub-name-wrapper{
        width: 70%;
        margin: auto auto
    }
    
    
    .owl-prev, .owl-next {
      width: 40px;
      height: 40px;
      position: absolute;
      top: auto;
        bottom: 25px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block !important;
    }
    
    .owl-prev {
      left: 5px;
    }
     .owl-next {
      right: 5px;
    }
    
    
    .herotext {
     
      font-size: clamp(2.125rem, 1.2791rem + 4.7297vw, 7.5rem);
    }
    
    .h4, h4 {
      font-size: calc(1.075rem + .3vw);
    }
    
    .gianttext{
        font-size: clamp(2.625rem, 1.2088rem + 5.0811vw, 8.25rem);
    }
}


@media (max-width: 370px) {
    
    .biggertext {
      font-size: 18px;
    }
    
    .teasertext {
        font-size: clamp(1.2rem, 0.0135rem + 2.4324vw, 3.75rem);

    }
}



@media (min-aspect-ratio: 10/6) {
  .footercontent{
    width: 80%;
}
}


@media (max-width: 991px) {
    .mt-8 { margin-top: 3rem  !important;}
    .mb-8 { margin-bottom: 3rem  !important;}
    .my-8 { margin-top: 3rem  !important; margin-bottom: 3rem  !important;}
    .mt-9 { margin-top: 4.5rem !important;}
    .mb-9 { margin-bottom: 4.5rem !important;}
    .my-9 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important;}
    .mt-10 { margin-top: 5rem !important;}
    .mb-10 { margin-bottom: 5rem !important;}
    .my-10 { margin-top: 5rem !important; margin-bottom: 5rem !important;}


    .pt-8 { padding-top: 4rem !important;}
    .pb-8 { padding-bottom: 4rem !important;}
    .py-8 { padding-top: 4rem !important; padding-bottom: 4rem !important;}

    .pt-9 { padding-top: 4.5rem !important;}
    .pb-9 { padding-bottom: 4.5rem !important;}
    .py-9 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important;}

    .pt-10 { padding-top: 5rem !important;}
    .pb-10 { padding-bottom: 5rem !important;}
    .py-10 { padding-top: 5rem !important; padding-bottom: 5rem !important;}


    .pt-11 { padding-top: 5.5rem !important;}
    .pb-11 { padding-bottom: 5.5rem !important;}
    .py-11 { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important;}

}



.screenalert {
  display: none;
}

.ani-wrapper svg{
	opacity: 1;
  	-webkit-animation: rotate 4s ease-out  infinite;
  	animation: rotate 4s ease-out  infinite;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#Check{
	opacity: 0;
  	-webkit-animation: fadeIn 4s ease-out infinite;
  	animation: fadeIn 4s ease-out infinite;

	
}






@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
		opacity: 0;
  }
  5% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 0;
  }
  10% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 1;
  }

  25% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
	  opacity: 1;
  }
  95% {
    
	  opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	  opacity: 0;
  }
}



@keyframes rotate {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
		opacity: 0;
  }
  5% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 0;
  }
  10% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 1;
  }

  25% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
	  opacity: 1;
  }
  95% {
    
	  opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	  opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  25% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
	95% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  25% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
	95% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}