@font-face {
    font-family: 'janna';
    src: url('fonts/JannaLT-Regular\ 2.ttf');
    font-weight: normal;
    font-style: normal;
}
*{
    font-family: janna;
}
.container{
    /* padding-left:2% !important;
    padding-right:2% !important; */
}

li.nav-item {
    padding-left: 10px;
}
nav{
padding-top:2%;
}
.nav-link{
    color:#003842;
    font-weight: 900;

}

.backgroundimg img{
    position: relative;
    z-index: -1;
}


.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color:#003842;
    font-weight: 900;
}

.logo{
    width:19.57px;
    height:19.57px;
}

.backgroundimg{
 /* background-image: url("imgs/color.svg"); 
   
    background-position-y: 81px;
    background-repeat: no-repeat; */
}
   

.frontimg{

}


/* nav{
    padding-top:3%;
} */

nav{
    padding-top:2%;
}

.orange-text{
    color:#FF9300;
    font-size:37px;
    font-weight: 600;     
}
.para{
    color:#003842;
    font-size:19px;
    max-width:342px;
}

.navbar-brand img{
    width:230.14px;
    height: 41.49px;
}

   .second-para{
    font-size:23px;
}

.second-title{
    font-size: 67px;
    color:#21899C;
    font-weight: bolder;
}
.orange-text{
    color:#FF9300;
    font-size:37px;
    font-weight: 600;
}

.second-container{
    padding-top:5%;
    padding-bottom:5%;
}
.second-container img{
    width: 29.25px;
    height: 29.25px;
}

.second-para{
    line-height: 1.75;
}

.fourth-section{
    padding-top:60px;
    padding-bottom:60px;
}

.secondcontainerimage{
    position: relative;
    /* background-image:url("imgs/New/Colors.svg") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;  */
    /* background-image:  url(imgs/Yellow-Color.svg), url(imgs/Pink\ Color.svg) ;
    background-position:  top left, bottom right;
    background-repeat: no-repeat, no-repeat; */
}
 .blue-container{
    background-color:#21899C ;
    height: 326px;
    position: relative;
} 
/* here */
.orange-pill{
    background-color: #FF9300;
    height:62px;
    width:589px ;
    color: white;
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
}
.positionAbsoluteTop0.orange-pill.rounded-pill.d-flex.justify-content-center.align-items-center{
    font-size: 39px;
}
.icons{
    width:40.25px;
    height: 35.75px;
}

.icon-text{
    font-size: 30px;
    color:white;
}
.icon-column{
    width:20%;
}
.icon-container{
    padding-top:5%;
}

.fourth-container{
    background-color: #003842;
 }
 .logo-icon{
    width: 54px;
    height: 54px;
    
 }
 .fourth-title{
    font-size: 30px;
}
.download-now{
    font-size:53px;
    color:#FF9300
}

.fourth-paragraph{
    font-size:18px ;
    color: white;
    opacity: .7;
    width:75%;
}
.download img{
    width:167.29px;
    /* height: 54.72px; */
}
.fifth-section-title{
    font-size: 30px;
    color: white;
    font-weight: 900;
}
.fifth-section-subtitle{
    font-size: 53px;
    color: #FF9300;
    line-height: 60%;
    font-weight: 900;
}
.sectioncolor{
  background-color: #03262C;
    padding-top:40px;padding-bottom:40px
}
.icons_footer{
    width:34.88px;
    height:34.88px;
    display: inline-block;
 
}
.icon-title{
    color: #FF9300;
    font-size: 20px;
 
}
.icon-subtitle{
    font-size: 18px;
    color: white;

}

.icon-desc{
    display: inline-block;
 
}

.column-contact{
    display: flex;
    align-items: center;
    justify-content: center;
}

.six-color{
    background-color: #003842;
    padding-top:40px;
    padding-bottom:40px;
}
.white-logo{
    width:180px;
    height: 41.49px;
    padding-top:10px;
}

.icons-end{
    /* width: 40.56px; */
    height: 19.56px;
    padding-left:10px;
}
.lastrow{
    display: flex;
    justify-content: center;
    align-items: center;
}
.bluelast{
background-color: #03262C;
color: white;
}
.bluelast p{
    padding-top:2%;
}
.container{
    padding-left: 10%;
    padding-right: 10%;
}
.blue-container > .row{width:100%}
/* 
media queries */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width:800px){
    .column-contact{padding-bottom: 15%;}
}
@media only screen and (max-width: 600px) {
    .backgroundimg{
        padding: unset;
    }
    .col-lg-2.col-xs-12.cent.p-0.m-0.fixPaddingMobile.justend{
        padding-top:28px !important;
    }
    .paddingbottomformobile{
        padding-bottom: 80px;
    }

    .white-logo{
        width:230.14px;
        height: 41.49px;
       
    }
    .download-now{
        font-size: 30px;
   
    }
    
    .icon-desc span{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .paddingadd{
        padding-bottom:15%;
    }
    .icons-with-gap{
        flex-direction: column;
    }
    
    .cent{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .cent-2{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .non{
        display: none;
    }
    .sectioncolor{
        height: 100%;
    }
.column-contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 15%;
}
.icon-title{
    text-align: center;
}
.fifth-section-subtitle{
    font-size: 46px;
    text-align: center;
    font-weight: 900;
    line-height: unset;
}

.fifth-section-title{
    font-size:26px;
    text-align: center;
    line-height: 10px;
    font-weight: 900;
}





    nav{
        display: none !important;
    }

    .orange-text{
        color:#FF9300;
        font-size:26px;
        font-weight: 900;
        margin: auto;
        padding-top: 3%;
    }
    .blue-text{
        color:#21899C;
        font-size:46px;
        font-weight: 900;
        line-height: 56px;
        margin: auto;
    }
     .para{
        color:#003842;
        font-size: 16px;
        max-width:342px;
        margin: auto;
        text-align: center;
    }
    .first-section-intro{
        display: flex;
        justify-content: center;
      flex-direction: column;
    }
        .row-rev{
            display: flex;
            flex-direction: column-reverse;
        }
        .logo-thing{
            width:230.14px;
            height:41.49px;
            object-fit: cover;
        }
        .second-title{
            font-size:46px;
        }
        .owl-dots{
            padding-top:4%;
        }

        /* here */
        .orange-pill {
            width: 307px;
            height: 51px;
            position: absolute;
            left: 50%;
        }
        .positionAbsoluteTop0.orange-pill.rounded-pill.d-flex.justify-content-center.align-items-center{
            font-size: 20px;
        }
        .icon-column{
            width:100%;
        }
        .blue-container{
            height: unset;
            position: relative;
            padding-bottom:10%;
        }
        .second-container{
            padding-bottom:20%;
        }
        .icon-container{
            /* padding-top:10% */
        }
        .logo-icon{
            display: block !important;
            margin-bottom:10px;
        }
        
        .fourth-title{display: block !important;}
        .phoneimg{
            /* width: 380px;height: 100%;  */
            transform:scale(1.2); margin-top:50px; }

        
    .fourth-section-title{
        color: #FF9300;
        font-size: 26px;
        font-weight: 900;
        text-align: center;
    }
    .fourth-section-subtitle{
        /* color:#FF9300; */
       color:#21899C;
        font-size: 46px;
        text-align: center;
        line-height: 20px;
        font-weight: 800;
       
    }
      .download-now{
        text-align: center;
        font-size: 30px;
      }
    .application-section{
        flex-direction: column;
    }
    .fourth-paragraph{
        text-align: center;
        width:75%; 
        margin:auto; 
      }
      .download{
        display: flex;
    flex-direction: column;
 
    justify-content: center;
    align-items: center;

      }
      .fourth-section{
        padding-top:5%;
      }
      .icons_footer{
        /* position: absolute; top: -47px; right: -20px;  */
        width: 50.88px;
        height: 40.88px;
    }
    .icons-with-gap{
        padding-top:5%;
        padding-bottom:5%;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) and (max-width:767px){
    .backgroundimg{
        padding: unset;
    }
    .icons-with-gap{
        padding-top:5%;
        padding-bottom:5%;
    }
    .fourth-section{
        padding-top:12%;
        padding-bottom:35px;
    }

    .paddingbottomformobile{
        padding-bottom: 80px;
    }
    .white-logo{
        width:230.14px;
        height: 41.49px;
        /* padding-bottom:10px; */
    }
    .download-now{
        font-size: 38px;
        white-space: nowrap;
    }
    .icons_footer{
        /* position: absolute; top: -40px; right: -10px; */
        width: 50.88px;
        height: 40.88px;
    }
    .icon-desc span{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .paddingadd{
        padding-bottom:15%;
    }
    .icons-with-gap{
        flex-direction: column;
    }
    .fourth-paragraph{
        font-size: 16px;
    }
    .cent{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .cent-2{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .non{
        display: none;
    }
    .sectioncolor{
        height: 100%;
    }
.column-contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 15%;
}
.icon-title{
    text-align: center;
}
.fifth-section-subtitle{
    font-size: 46px;
    text-align: center;
    font-weight: 900;
    line-height: unset;
}

.fifth-section-title{
    font-size:26px;
    text-align: center;
    line-height: 10px;
    font-weight: 900;
}





    nav{
        display: none !important;
    }

    .orange-text{
        color:#FF9300;
        font-size:26px;
        font-weight: 900;
        margin: auto;
        padding-top: 3%;
    }
    .blue-text{
        color:#21899C;
        font-size:46px;
        font-weight: 900;
        line-height: 56px;
        margin: auto;
    }
     .para{
        color:#003842;
        font-size: 16px;
        max-width:342px;
        margin: auto;
        text-align: center;
    }
    .first-section-intro{
        display: flex;
        justify-content: center;
      flex-direction: column;
    }
        .row-rev{
            display: flex;
            flex-direction: column-reverse;
        }
        .logo-thing{
            width:108.17px;
            height:76.35px;
            object-fit: cover;
        }
        .second-title{
            font-size:46px;
        }
        .owl-dots{
            padding-top:4%;
        }

        /* here */
        .orange-pill {
            width: 307px;
            height: 51px;
            position: absolute;
            left: 50%;
        }
        .positionAbsoluteTop0.orange-pill.rounded-pill.d-flex.justify-content-center.align-items-center{
            font-size: 20px;
        }
        .icon-column{
            width:100%;
        }
        .blue-container{
            height: unset;
            position: relative;
            padding-bottom:10%;
        }
        .second-container{
            padding-bottom:20%;
        }
        .icon-container{
            /* padding-top:10% */
        }
        .logo-icon{
            display: block !important;
            margin-bottom:10px;
        }
        
        .fourth-title{display: block !important;}
        .phoneimg{width: 380px;height: 100%; transform:scale(1.5); margin-top:50px; }

        
    .fourth-section-title{
        color: #FF9300;
        font-size: 26px;
        font-weight: 900;
        text-align: center;
    }
    .fourth-section-subtitle{
        color:#21899C;
        font-size: 46px;
        text-align: center;
        line-height: 20px;
        font-weight: 800;
       
    }
      .download-now{
        text-align: center;
      }
    .application-section{
        flex-direction: column;
    }
    .fourth-paragraph{
        text-align: center;
        width:75%; 
        margin:auto; 
      }
      .download{
        display: flex;
    flex-direction: column;
 
    justify-content: center;
    align-items: center;

      }
      .fourth-section{
        padding-top:5%;
      }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width:991px) {
    .icon-desc {
        width: 30%;
    }
    .icons-with-gap{
        display: flex;
        gap: 29px;
        flex-wrap: wrap;
    }
    .blue-container{
        height:450px;
    }
    .fifth-section-title{
        text-align: center;
    }
    .fifth-section-subtitle{
        text-align: center;
    }

    .justend{
        display: flex;
        justify-content: end;
        align-items:center;
        flex-direction: column;
        padding-top: 30px !important;
    }
    .phoneimg{
        /* margin-top:-100px; */
        /* margin-bottom:-100px; */
        /* position: absolute; */
        transform: scale(1.2);

    }
    .icons_footer{
        /* position: absolute; top: -22px; right: -22px; */
    }
    .fourth-section-title{
        color: #21899C;
        font-size: 30px;
        font-weight: 900;
       
    }
    .fourth-section-subtitle{
        color:#FF9300;
        font-size: 53px;
      font-weight: 900;     
    }
    .logo-thing{
        display:none;
       }
    
 
    .blue-text{
        color:#21899C;
        font-size:67px;
        font-weight: 600;
        line-height: 60px;
    }

 
    .first-section-intro{
        padding-top:5%;
    }
 
 
    .owl-dots{
        display:flex;
      }
      .orange-pill{
        background-color: #FF9300;
        height:62px;
        width:589px ;
        color: white;
        transform: translate(-50%,-50%);
    }
    .positionAbsoluteTop0.orange-pill.rounded-pill.d-flex.justify-content-center.align-items-center{
        font-size: 39px;
    }
    .icons{
        width:40.25px;
        height: 35.75px;
    }
    
    .icon-text{
        font-size: 30px;
        color:white;
    }
    .icon-column{
        width:20%;
    }

}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .justend{
        display: flex;
        justify-content: center;
        align-items:center;
        flex-direction: column;
    }
    .phoneimg{
        /* margin-top:-100px; */
        /* margin-bottom:-100px; */
        /* position: absolute; */
        transform: scale(1.6);
        margin-right: 34px;
    }
    .icons_footer{
        position: absolute; top: -32px; right: -22px;
    }
    .logo-thing{
        display:none;
       }
    
    .blue-text{
        color:#21899C;
        font-size:67px;
        font-weight: 600;
        line-height: 40px;
    }


    .first-section-intro{
        padding-top:10%;
    }

 
    .owl-dots{
        display:flex;
      }
     
      .orange-pill{
        background-color: #FF9300;
        height:62px;
        width:589px ;
        color: white;
        transform: translate(-50%,-50%);
        position: absolute;
        left: 50%;
    }
    .positionAbsoluteTop0.orange-pill.rounded-pill.d-flex.justify-content-center.align-items-center{
        font-size: 39px;
    }
    .icons{
        width:40.25px;
        height: 35.75px;
    }
    
    .icon-text{
        font-size: 30px;
        color:white;
    }
    .icon-column{
        width:20%;
    }
    .fourth-section-title{
        color: #21899C;
        font-size: 30px;
        font-weight: 900;
    }
    .fourth-section-subtitle{
        color:#FF9300;
        font-size: 53px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .justend{
        display: flex;
        justify-content: center;
        align-items:center;
        flex-direction: column;
    }
    .phoneimg{
        /* margin-top:-100px; */
        /* margin-bottom:-100px; */
        /* position: absolute; */
        transform: scale(1.6);
        margin-right: 34px;
    }
    .icons_footer{
        position: absolute; top: -32px; right: -22px;
    }
    .fourth-section-title{
        color: #21899C;
        font-size: 30px;
        font-weight: 900;
    }
    .fourth-section-subtitle{
        color:#FF9300;
        font-size: 53px;
    }
    .logo-thing{
        display:none;
       }
    


    .first-section-intro{
        padding-top:10%;
    }

 
    .owl-dots{
        display:flex;
      }
     
      .orange-pill{
        background-color: #FF9300;
        height:62px;
        width:589px ;
        color: white;
        transform: translate(-50%,-50%);
    }
    .positionAbsoluteTop0.orange-pill.rounded-pill.d-flex.justify-content-center.align-items-center{
        font-size: 39px;
    }
    .icons{
        width:40.25px;
        height: 35.75px;
    }
    
    .icon-text{
        font-size: 30px;
        color:white;
    }
    .icon-column{
        width:20%;
    }


}



.owl-carousel2{
    padding-top:2%;
}

.owl-carousel2 img{
    width:117px;
    height: 117px;
}

.icons-with-gap{
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.positionAbsoluteTop0{
    position: absolute;
    top: 0;
    font-weight: bolder;
    padding-bottom: 5px;
}
.column-contact{
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

body{
    padding-top: 40px;
}

.para{margin-top:45px}
.icon-text{padding-top:20px}
.download-now{font-weight: bolder;}

.fourth-section-subtitle{
    line-height: 60%;
}

@media only screen and (min-width: 800px){
    .nav-item.px-0.mx-0{
        padding-right:10px !important
    }
}
@media only screen and (max-width:800px){
        .full{
        padding: unset;
        max-width: unset;
    }
    .full .row,.full .col-12{ 
        padding: 0;
        margin: 0;
        width:100% 
    }
    .owl-carousel1{
        margin-top:75px
    }
    .para {
        margin-top: 20px;
        font-weight: bolder;
    }
    .second-para {
        font-size: 17px;
    }
    .fourth-paragraph{
        line-height: 35px!important;
    }
    .download{

        margin-top: 40px!important;
        margin-bottom: 39px !important;
    }
    
    }
    /* .fourth-container .position-relative{
        margin-top:-50px !important
    } */
    .fourth-section{padding-top:3%!important}
    .container-fluid.sectioncolor{padding-top:80px!important;padding-bottom:0 !important}
    .fixPaddingMobile{
        padding-top: 10px !important;
        padding-bottom: 17px !important;
    }    
    .fixPaddingMobile .text-white{opacity:.9!important}
    /* .owl-carousel .owl-stage-outer{width: 90vw;} */
    /* body{overflow-x:hidden} */


.para,.second-para {
    font-weight: bolder;
}
.owl-dots button span{
    margin: 2px !important;
    width:8px!important;height:8px!important
}
.owl-dots{padding-top: 20px;}
#yellowIMG{
    position: absolute;
    left: 0;
    width: 36%;
    height: 65%;
    filter: blur(42px);
    object-fit: cover;
}
#pinkIMG{
    position: absolute;
    right: -47px;
    width: 55%;
    height: 95%;
    object-fit: contain;
    bottom: -60px;
}
.icon-container{padding-top:unset!important}
p.icon-text{margin-bottom:unset!important}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #006A71;
}


.fifth-section-subtitle{
    margin:unset !important;
    padding: unset !important;
    line-height: unset !important;
}

.icon-subtitle{
    padding:unset !important;
    margin:unset !important;
}

.fifth-section-title{
    line-height: 18px;
}
.icon-subtitle{
    font-weight: 900;
}

@media only screen and (min-width:985px) and (max-width:1200px){
.blue-container{
    height:400px;
}
.fourth-container{
    height:470px;
 
}
.phoneimg{
    margin-top: 100px;
}
.icons-with-gap{
    gap:29px;
} 
.fourth-section-title{
    color:#21899C !important;
    
}
.fifth-section-subtitle {
font-size: 42px;
}
.download-now{
    font-size:41px;
}
}

@media screen and (min-width:800px){
    .fixPaddingMobile p{
        white-space: nowrap;
    }
    .six-color .white-logo{
        /* transform: scale(1.5) !important; */
        margin-top: -15px !important;
        /* padding-right: calc(var(--bs-gutter-x) * .5); */
        /* width:125%; */
        height:100%
    }
}

.six-color .col-lg-4{
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
}

.icon-text{
    font-weight: 900;
}

.fourth-title{
    font-weight: 900;
}
.download img{

    padding-left: 10px;
    padding-bottom: 25px;
}

@media screen and (min-width:800px){.icons_footer{right:-45px!important;}.sectioncolor > .container > .row:nth-child(2){margin-top:-13px!important}.container-fluid.sectioncolor{padding-bottom:40px!important;padding-top:60px!important}}
@media screen and (max-width:800px){.fourth-section{padding-top:13%!important;padding-bottom;70px!important}.six-color .fixPaddingMobile p{padding-top:20px!important;}.download{padding-top:30px!important;}.download img{width:200px!important}.positionAbsoluteTop0{padding-bottom:unset!important}.paddingbottomformobile{padding-bottom:40px!important}p.fw-bolder {padding: unset !important;margin: unset !important;padding: 15px !important;}}