*,::before, ::after{ margin: 0; box-sizing: border-box;}

a{ text-decoration: none;}

img{ vertical-align: bottom;}

button{ cursor: pointer;}

[disabled]{ cursor: not-allowed;}



body{

    letter-spacing: 0.5px;

}



@font-face {

    font-family: "ProximaNovaaltBold";

    src:url(../font/Proxima\ Nova\ Alt\ Bold.otf);    

    }



@font-face {

    font-family:"ProximaNovaaltLight" ;

    src: url(../font/Proxima\ Nova\ Alt\ Light.otf);

}

@font-face {

    font-family:"ProximaNovaaltRegular" ;

    src: url(../font/Proxima\ Nova\ Alt\ Regular.otf);

}



h1,h2{font-family: ProximaNovaaltBold;}

p{font-family:ProximaNovaaltRegular;}



.brand-logo {

    width: 225px;

    height: auto;

    margin: 15px -22px -18px;

}

#banner-section {

    background: url(../images/banner-10.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding-bottom: 90px;

    margin-top: -40px;

}



.heading-h1 {

    font-size: 39px;

    font-weight: 600;

    color: #000;

    margin-top: 21px;

}

.heading-content p {

    margin-top: 16px;

    font-size: 16px;

}

.brand-video video {

    width: 85%;

}

.heading-content {

    padding: 90px 16px;

}

.brand-video {

    padding: 82px 0px;

}



.heading-content input {

    margin: 30px 0px 25px;

    padding: 10px 10px;

    width: 65%;

    border-radius: 9px; 

    font-size:16px;

    font-family:'ProximaNovaaltRegular';

   

   }    



.btn-grad {background-image: linear-gradient(to right, #5698BC ,  #85C8C9 75% );

            padding: 12px 30px;

            width: 40% !important;

            box-shadow: 5px 4px #f3f0f0;

            text-align: center;

            color: #fff;               

            border-radius: 9px; 

            border:0px; 

            font-size:18px;

            font-family:'ProximaNovaaltBold';

          }

 

        .btn-grad:hover{

          background:#85C8C9;

        

        }  

 



          span.comingsoon{  

              font-size:14px;

              color: #bbbfc7;            

              font-family:'ProximaNovaaltBold';

              margin: 17px 10px;

              

          }



     

.features-inner img {

    width: 75px;

    height: 75px;

}

.features-inner {

    text-align: center;

}

.feature {

    background: #f0f0f0;

    padding: 50px 0px;

}

.feature h4 {

    font-size: 13px;

    margin: 10px 0px;

    font-family:'ProximaNovaaltRegular';

} 

.features-outer {

    margin-top: 30px;

}

h2.heading-2 {

    font-size: 29px;

    margin-bottom: 18px;

}

.checkout {

    padding: 50px 0px;

    font-size: 34px;

    font-family:'ProximaNovaaltBold';

}

.dashimg {

    margin-top: -50px;

    margin-bottom: 20px;

}

.dashimg .checkout-dash {   

    width:17px;    

}

.checkout p {

    font-size: 16px;

    margin-bottom: 2px;     

}

.getintouch {

    color:#2cbebd;

    font-size: 18px;

    font-family:'ProximaNovaaltRegular';

   

}

#footer-contact {

    background: #021c3b;

    color: #fff;

    padding: 10px;

}

#footer-contact p {

    margin: 0 auto;

    font-size: 12px;

    font-family:'ProximaNovaaltRegular';

   

}









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



    .heading-content {

        padding:  80px 10px 80px 0px

        

    }

   #banner-section {

               padding-bottom: 98px;

               background-size: cover;

    }

    .heading-h1 {

        font-size: 24px;

}



.heading-content input {    

    width: 73%;

}



.btn-grad {   

    padding: 12px 30px;

    width: 48% !important;

    

}

span.comingsoon {

    

    display: block;

    margin-left: 1px;

}

}





@media (max-width:767px) {

    .heading-content {

        padding: 10px 10px;

    }  

    

    .heading-content input {    

        margin: 40px auto 25px;

        width: 73%;

        }  



    #banner-section {

        padding-bottom: 70px;

        background: #43abc8 ;

        text-align: center;

        padding-top: 20px; 

        margin-top: 0px;

    }



    header#banner-top {

        text-align: center;

    }

    

    .brand-video {

        padding: 10px 0px;

    }

    .btn-grad {

        padding: 8px 20px;

        width: 48% !important;

        box-shadow: 5px 4px #9d96963d;

         

      }

      span.comingsoon{  

        display: block;

                

    }

    

    .features-inner {

        margin-bottom: 36px;

    }

    .features-outer {

        margin-top: 10px;

    }

    h1.heading-h1{

        font-size: 21px;

    }

    

    h2.heading-2 {

        font-size: 20px;

    }

    .checkout {

        padding: 40px 0px 30px;

    }

    hr {

        margin: 0px;

    }

    .feature {

        padding: 50px 0px 30px;

    }



    header#banner-top {

        background: #fff;

        padding-bottom: 30px;

    }
    .footer-language li a {

        padding: 6px 2px !important;
    
      
    }

}

/* 08-07-2022 */

.footer-language ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}

.footer-language li a {

    display: block;

    color: white;

    text-align: center;

    padding: 16px;

    text-decoration: none;

    font-size: 12px;

}

.footer-language li a:hover {

    text-decoration: underline;

}