@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

/* Start General CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

html {
    /* font-size: 62.5%; */
    /* 1rem = 10px */
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

a {
    text-decoration: none;
    display: inline-block;
}

a.btn.btn-danger {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;
    background-color: #ee1b46 !important;
    border-color: #ee1b46 !important;
}

img {
    display: inline-block;
    width: 100%;
}

li {
    list-style: none;
}

h1, h2, h3, h4 {
    color: black;
}

.para {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: black;
}

ul.ullist {
    padding-left: 15px;
}

ul.ullist li {
    font-size: 16px;
    list-style: disc;
    padding-left: 8px;
    margin-bottom: 5px;
}
/* End General CSS */

/* Start Navbar CSS */
a.navbar-brand img {
    max-width: 250px;
}

a.nav-link {
    font-size: 16px;
    font-weight: 600;
    color: #1a2c79;
}
.nav-link:focus, .nav-link:hover, a.nav-link.active {
    color: #ee1b46;
}

.dropdown-item {
    font-weight: 600;
    color: #1a2c79;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ee1b46;
}

.navbar-toggler {
    color: #1a2c79;
    border: 0px solid var(--bs-navbar-toggler-border-color);
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.navbar-toggler-icon {
    background-image: url("../images/download.svg");
}
/* End Navbar CSS */

/* Start Common Section */
.section {
    margin: 80px 0;
}

.service-content h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}
.service-content h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.service-image {
    padding: 0 30px;
}

.service-content {
    padding: 0 30px;
}

.social-links h4 {
    font-size: 20px;
    font-weight: 700;
}

ul.eg-social {
    display: flex;
    gap: 10px;
    padding-left: 0px;
}

ul.eg-social a {
    color: #ee1b46;
    font-size: 29px;
}
/* End Common Section */

/* Start Banner Section */
.banner-content {
    padding-right: 30px;
}
.banner-content h1 {
    font-size: 50px;
    font-weight: 700;
}

.banner-section p.para {
    margin-top: 20px;
    margin-bottom: 32px;
}

.btn-banner {
    margin-bottom: 40px;
}

.link-group a {
    color: #ee1b46;
    display: block;
    font-weight: 600;
    font-size: 18px;
}

.link-group i {
    margin-right: 6px;
}

.banner-blue-content {
    background: #1a2b79;
    padding: 30px;
    color: #fff;
}

p.para.prof {
    margin-bottom: 2px;
}

.banner-blue-content span.text-white.para {
    font-size: 14px;
}

.banner-right {
    position: relative;
}

.banner-blue-content {
    position: absolute;
    bottom: 14%;
    left: -10%;
    right: 5%;
}
.banner-section::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0%;
    right: 0;
    width: 40%;
    height: 50%;
    background: #ee1b46;
    z-index: -1;
}
/* End Banner Section */

/* Start Footer CSS */
footer {
    background: #192255;
    padding: 56px 0 36px;
}
.widget img {
    max-width: 310px;
}
.widget h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
footer p.para {
    font-size: 14px;
}
.footer-bottom {
    border-top: 1px solid #ffffff24;
    margin: 20px 0 0;
}
footer .footer-bottom p.para {
    font-size: 16px;
}
footer .footer-bottom a {
    color: #ee1b46;
}
/* End Footer CSS */


/* Start Responsive CSS */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For Ipad portrait layouts only */

    /* Banner */
    .banner-section {
        margin-top: 60px;
    }
    .banner-section::before {
        display: none
    }
    .banner-content h1 {
        font-size: 32px;
    }
    .banner-blue-content {
        left: -5%;
        right: 0%;
    }

    /* Common Section */
    .service-image {
        padding: 0 15px;
    }
    .service-content {
        padding: 0 15px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For Ipad landscape layouts only */

    /* Banner */
    .banner-section {
        margin-top: 60px;
    }
    .banner-section::before {
        display: none
    }    
    .banner-blue-content {
        position: absolute;
        bottom: 0%;
        left: -10%;
        right: 5%;
    }

}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5)   {

    /* For Ipad Pro landscape layouts only */

    /* Banner */
    .banner-section {
        margin-top: 60px;
    }
    .banner-section::before {
        display: none
    }    

}


@media only screen and (max-width: 480px) {

    /* Banner */
    .banner-section {
        margin-top: 60px;
    }
    .banner-section::before {
        display: none
    }
    .banner-content h1 {
        font-size: 36px;
    }
    .banner-blue-content {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: -5%;
    }

    /* Common Sections */
    .service-image {
        margin-bottom: 30px;
    }
    .service-content h2 {
        font-size: 32px;
    }

    /* Footer */
    footer .widget {
        padding: 15px 30px;
    }
    .footer-bottom {
        text-align: center;
    }
}
/* End Responsive CSS */