@import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=Roboto+Slab&display=swap');


body{
  font: 13px/20px PTSansRegular, Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

h2{
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
}

.brandLogo{
    width: auto;
    height: auto;
    max-height: 5rem;
    margin: 0 5rem;
}

.navbar{
    height: 100px;
}

.navigationMenuCss>ul>li{
    padding-right: 30px;
}

.navigationMenuCss>ul>li>a{
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    font-style: normal;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0% !important;
}

.navbar-nav .nav-link.active{
    border-top: 3px solid #1b1966;
    color: #1b1966;
    font-weight: 700;
}

.custom-navbar{
    height: 65px;
    background-color: rgba(255,255,255,0.97) !important;
    box-shadow: rgb(0 0 0 / 12%) 0 1px 3px;
}

.custom-navbar .brandLogo{
    max-height: 3.5rem;
}

.custom-navbar .navigationMenuCss>ul>li>a{
    height: 65px;
}


 /* Banner Section */

 .bannerSection{
    margin-top: 5rem;
 }

 .bannerImg{
    height: 90vh;;
    background-color: rgba(10,19,35,0.15);
    background-image: url(../image/bannerImage.jpg);
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }

 .bannerImg h2{
    font-size: 48px;
    color: white;
    font-weight: 700;
    padding: 7rem 5rem 5rem 5rem;
 }

 .waveImage{
     margin-top: -14rem;
 }

 .waveImage img{
     width: 100%;
     height: 350px;
 }


 .CTPSection{
     margin-top: 5rem;
 }

 .CTPSection h2{
    color: rgb(27, 25, 102);
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 1.25rem;;
 }

.CTPSection p{
     font-size: 20px;
 }

 .CTPSection button{
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif !important;
    background-color: rgb(27, 25, 102);
    color: white;
 }

 .getQuotebtn{
     background-color: rgb(27, 25, 102);
     color: #ffffff;
 }

 .getQuotebtn:hover{
    background-color: rgb(27, 25, 102);
    color: #ffffff;
}

 .NRMASection{
    background-image: url(../image/bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: overlay;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 13rem 6rem;
 }

 .NRMAText{
     font-size: 16px;
     line-height: 2;
     margin: auto;
 }

 .whatIncludes{
     background-color: #F6F6F6;
 }

 .checkIcon{
    float: left;
    width: 36px;
    height: 36px;
    border: 1px solid #1b1966;
    background-color: #1b1966;
    border-radius: 100%;
    margin-right: 7px;
    text-align: center;
 }

 .checkIcon i{
    font-size: 14px;
    line-height: 35px;
    color: #ffffff;
 }

 .checkIconRed{
    border: 1px solid #c11111;
    background-color: #c11111;
 }

 .includesHeading p{
    margin: auto 1rem;
    color: #1b1966;
    font-size: 16px;
 }

 .includesHeadingRed p{
    color: #c11111;
 }

 .includeCard{
     margin-bottom: 2rem;
     padding-right: 2rem;
 }

 .whatIsCTP{
    background-image: url(../image/bg_01.png);
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 2rem 6rem;
 }

 .whatIsCTPHeadding{
     font-size: 28px;
     text-align: center;
     font-weight: 700;
     font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
 }

 /* .whatIsCTPContent{
    font-size: 16px;
 } */

 .whatIncludes{
     padding: 3rem;
 }

 .alkiraSupportSection{
    background-image: url(../image/supportBanner.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: overlay;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px;
 }

 .alkiraSupportSection h2{
    margin: 1.5rem 0;
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
 }

 .alkiraSupportSection img{
     height: 250px;
     width: 250px;
 }

 .support3Img img{
    height: 135px !important;
 }

 .questionSection .headdingQuestionSec{
    color: rgb(27, 25, 102);
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 1.25rem;
    text-align: center;
 }

 .questionSection .accordion{
    padding: 1rem 8rem;
 }

 .questionSection .accordion-item{
    border-bottom: 1px solid #dee2e6 !important;
    border: none;
 }

 .questionSection .accordion-button:focus{
     box-shadow: none;
 }


 /* footer section */

 .footer{
     background-color: #363839;
     color: #8c8989;
     text-align: center;
     padding: 4rem;
     font-size: 15px;
 }

 .footer a{
     color: #bfbfbf;
     text-decoration: none;
 }

 .footerImg1{
    height: 115px;
    width: auto;
 }

 .copyritsSection{
    border-top: 1px solid #4b4c4d;
    background-color: #282a2b;
    padding: 18px;
 }

 .copyritsSection p{
     margin: 0;
     color: #8c8989;
     font-size: 12px;
 }


 /* contact Page css */

 .contactBanner{
    background-image: url(../image/contact-banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: overlay;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 10rem;
    color: #ffffff;
    text-align: center;
    margin-top: 6rem;
 }

 .contactBanner h2{
     font-size: 70px;
 }

 .contactBanner p{
     font-size: 21px;
 }

 .contactForm{
     padding: 3rem;
 }

 .contactHeading h3{
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    color: #1b1966;
    font-size: 40px;
 }

/* form Css */

 input::placeholder{
    font-size: 16px !important;
    position: relative;
    bottom: 3px;
}

input:focus{
    box-shadow: none !important;
    border: 1px solid black !important;
}

input{
    border-radius: 0 !important;
    border: 1px solid #D2D2D2 !important;
}

input::placeholder, textarea::placeholder{
    font-size: 16px !important;
    position: relative;
    bottom: 3px;
}

input:focus, textarea:focus{
    box-shadow: none !important;
    border: 1px solid black !important;
}

input, textarea{
    border-radius: 0 !important;
    border: 1px solid #D2D2D2 !important;
    margin-bottom: 0.5rem;
}

.dateP{
    font-size: 1.25rem !important;
    color: #000000 !important;
    padding: 11.5px;
}

#btnSubmit{
    padding: 13px 29px;
    line-height: 17px;
    font-size: 14px;
    background: #1b1966;
    color: #ffffff;
    border-color: #ffffff;
    font-weight: 700;
}

.contactCard{
    padding: 0 1rem;
    border: 1px solid rgb(237, 237, 237);
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 15%) 0px 10px 51px 3px;
    border-radius: 20px;
}

.contactFormDeatails{
padding: 0 3rem;
}

.contactCard,
.contactCard a{
    color: #646464;
    text-decoration: none;
}

.contactCard h5{
    text-align: center;
    font-size: 26px;
    margin-bottom: 1rem;
}

.contact-subHeading{
    font-size: 15px;
    text-align: center;
}

.card-ContactDetails{
    margin-bottom: 1rem;
}
.card-ContactDetails i{
    margin-right: 1rem;
    margin-top: 3px;
}

.card-ContactDetails i,
.card-ContactDetails a,
.card-ContactDetails p{
    font-size: 18px;
}

.MapSection{
    background-color: #d8d8d8;
}

/* .modal.show{
    display: flex!important;
}

.modal.show .modal-dialog{
    margin: auto;
} */

.modal-content{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: 9px;
}

.modal-body p{
    font-size: 18px;
}

textarea.form-control{
    font-size: 1.25rem;
}

.inputTitle{
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
}


/* // Responsive Details */

@media (max-width: 575.98px) {

    .bannerImg {
        height: 62vh;
        background-position: center;
    }

    .bannerImg .col-sm-12{
        margin-bottom: 1rem
    }

    .bannerImg h2 {
        font-size: 26px;
        padding: 3rem 0;
    }

    .CTPSection{
        padding: 0 2rem;
    }

    .NRMASection {
        padding: 4rem 2rem;
    }

    .NRMALogo img{
        width: 100%;
        margin-top: 3rem;
    }

    .whatIsCTP {
        padding: 2rem 2rem;
    }

    .whatIsCTPHeadding {
        line-height: 1.25;
        margin-bottom: 1rem;
    }

    .whatIncludes{
        padding: 2rem;
    }

    .questionSection{
        padding: 0 2rem;
    }

    .questionSection .headdingQuestionSec {
        font-size: 32px;
    }

    .questionSection .accordion {
        padding: 1rem 0rem;
    }

    .alkiraSupportSection h2 {
        font-size: 42px;
    }

    .alkiraSupportSection img{
        margin-bottom: 1rem;
    }

    .contactBanner{
        padding: 6rem 2rem;
    }

    .contactBanner h2 {
        font-size: 45px;
    }

    .contactHeading h3 {
        font-size: 30px;
    }

    .contactForm {
        padding: 1.5rem;
    }
    
    .contactFormDeatails,
    .contactCard-container{
        padding: 0;
    }

    .contactCard{
        margin: 4rem 0;
    }
    
    .contactCard {
        box-shadow: rgb(0 0 0 / 15%) 0px 4px 7px 0px;
    }


    /* footer Css */

    .footer {
        padding: 1.5rem;
    }

    .footerImg1{
        width: 100%;
     }

    /* navgation css */

    .brandLogo{
        margin: 0;
    }

    .navbar-toggler{
        border: none;
        color: #1b1966;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    .navbar .container-fluid,
    .custom-navbar{
        background-color: #ffffff !important;
    }

    .navigationMenuCss>ul{
        margin-top: 2rem;
    }
    
    .navigationMenuCss>ul>li>a{
        height: 45px;
    }

}


@media (min-width: 768px) and (max-width: 991.98px) { 
    .contactCard {
        margin: 4rem 0;
    }

    .contactFormDeatails,
    .contactCard-container{
        padding: 0;
    }

    .alkiraSupportSection img{
        margin-bottom: 2rem;
    }

    .questionSection .accordion {
        padding: 1rem 4rem;
    }

    .whatIsCTPHeadding {
        margin-bottom: 2rem;
    }

    .whatIsCTP {
        padding: 2rem 4rem;
    }

    .NRMASection {
        padding: 5rem 4rem;
    }

    .bannerImg {
        height: 58vh;
        background-position: center;
    }

     /* navgation css */
     .brandLogo{
        margin: 0;
    }
    
    .navbar-toggler{
        border: none;
        color: #1b1966;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

}