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

*{
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #FFF;
  height: 100vh;
  font-family: 'Poppins', sans-serif;
}


div,
ul,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
button {
  -webkit-transition: background-color 0.7s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0;
}

button {
  cursor: pointer;
}

a {
  cursor: pointer;
  text-decoration: none !important;
}

button,
input,
optgroup,
select,
textarea:focus-visible {
  outline: none !important;
}

button,
input,
optgroup,
select,
textarea:focus {
  outline: none !important;
}

.redbutton{
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  color: #FFF;
  line-height: 40px;
  border: none;
  outline: none;
  background-color: #c1172c;
  padding: 5px 20px;
  border-radius: 10px;
  white-space: nowrap;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
  &:hover{
      transform: scale(1.1);
      background-color: #000;
  }
}



.red{
  color: #c1172c !important;
}

.theme-container{
  padding: 0px 20px;
}

@media (max-width:600px) {
  .redbutton{
    font-size: 16px;
  }
}
.banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 768px;
}
    .mainbannerimg{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 768px;
        
    }

    .bannerheadings {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        
        max-width: 970px;
        width: 100%;
        
    }
        .bannerhead {
            font-size: 78px;
            font-weight: 700;
            font-style: normal;
            text-transform: uppercase;
            color: #FFF;
            line-height: 94px;
            text-align: center;
            z-index: 999;
        }

        .bannerpara {
            font-size: 48px;
            font-weight: 300;
            font-style: normal;
            color: #FFF;
            line-height: 58px;
            text-align: center;
            z-index: 999;
        }
    


@media (max-width:600px){
    .banner .bannerheadings .bannerhead{
        font-size: 25px;
        line-height: 18px;
    }
    .banner .bannerheadings .bannerpara{
        font-size: 16px;
        line-height: 16px;
    }
    .banner{
        height: 300px;
    }
    .banner .mainbannerimg{
        height: 300px;
    }
}
.consultants {
    padding: 100px 0px;

    .consultantsmain {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        max-width: 1060px;
        width: 100%;
        margin: 0 auto;

        .consultantimg {
            width: 81px;
            height: 84px;
            margin-bottom: 20px;
            transition: transform 0.3s ease-in-out;
            cursor: pointer;
            &:hover{
                transform: scale(1.1);
            }
        }

        .consultantshead {
            font-size: 48px;
            font-weight: 600;
            font-style: normal;
            text-transform: uppercase;
            color: #000;
            line-height: 58px;
            margin-bottom: 10px;
            text-align: center;
        }

        .consultantline {
            width: 72px;
            height: 3px;
            background-color: #c1172c;
            margin: 0 auto 30px;
        }

        .consultantspara {
            font-size: 29px;
            font-weight: 300;
            font-style: normal;
            color: #000;
            line-height: 40px;
            margin-bottom: 40px;
            text-align: center;
        }
    }

    .consultantscards {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        justify-content: center;
        align-items: flex-start;
        gap: 35px;
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;

        .innercard {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: column;
            gap: 20px;
            height: 350px;
            background: #FBFCFD;
            box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            padding: 30px;
            cursor: pointer;
            transition: transform 0.3s ease-in-out;

            .innercardimg {
                width: 76px;
                height: 76px;
            }
            .redish{
                path {
                    fill: #c1172c;
                }
            }
            .blackish{
                path {
                    fill: #000;
                }
            }

            .innercardhead {
                font-size: 29px;
                font-weight: 600;
                font-style: normal;
                text-transform: uppercase;
                color: #000;
                line-height: 35px;
            }

            .innercardpara {
                font-size: 18px;
                font-weight: 400;
                font-style: normal;
                color: #000;
                line-height: 26px;
                text-align: center;
            }

            &:hover {
                transform: scale(1.1);
                transition: 0.7s;
                .redish {
                    color: #c1172c !important;
                    path {
                        fill: #000;
                    }
                }
                .blackish{
                    color: #000 !important;
                    path {
                        fill: #c1172c;
                    }
                }
            }
        }
    }
}

@media (max-width:1199px) {
    .consultants .consultantscards {
        grid-template-columns: 1fr 1fr;
    }

    .consultants .consultantscards .innercard {
        height: 310px;
    }
}

@media (max-width:800px) {
    .consultants .consultantscards {
        grid-template-columns: 1fr;
    }

    .consultants .consultantscards .innercard {
        height: 310px;
    }
}

@media (max-width:600px) {
    .consultants {
        padding: 20px 0px;
    }

    .consultants .consultantsmain .consultantimg {
        width: 50px;
        height: 50px;
    }

    .consultants .consultantsmain .consultantshead {
        font-size: 25px;
        line-height: 25px;
    }

    .consultants .consultantsmain .consultantspara {
        font-size: 16px;
        line-height: 18px;
    }

    .consultants .consultantscards .innercard .innercardhead {
        font-size: 25px;
        line-height: 25px;
    }

    .consultants .consultantscards .innercard .innercardpara {
        font-size: 16px;
        line-height: 18px;
    }

    .consultants .consultantscards .innercard {
        height: 245px;
    }

    .consultants .consultantscards .innercard .innercardimg {
        width: 50px;
        height: 50px;
    }
}

@media(max-width:375px){
    .consultants .consultantscards .innercard{
        height: 260px;
        padding: 20px;
    }
    .consultants .consultantscards .innercard .innercardpara{
        font-size: 15px;
        line-height: 15px;
    }
}
.apply {
    background: url('../assets/stripbannerwithoverlay.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    .applymain {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 30px;
        gap: 30px;

        .applyimg {
            width: 79px;
            height: 79px;
            transition: transform 0.3s ease-in-out;
            cursor: pointer;
            &:hover{
                transform: scale(1.1);
            }
        }

        .applyhead {
            font-size: 48px;
            font-weight: 600;
            font-style: normal;
            text-transform: uppercase;
            color: #FFF;
            line-height: 58px;
            text-align: center;
        }

        .applypara {
            font-size: 29px;
            font-weight: 300;
            font-style: normal;
            color: #FFF;
            line-height: 40px;
            text-align: center;
            max-width: 1100px;
            width: 100%;
            margin: 0 auto;
        }
    }
}

@media (max-width:600px){
    .apply .applymain .applyimg{
        width: 50px;
        height: 50px;
    }
    .apply .applymain .applyhead{
        font-size: 25px;
        line-height: 25px;
    }
    .apply .applymain .applypara{
        font-size: 16px;
        line-height: 18px;
    }
    .apply .redbutton{
        width: 100%;
    }
}

.delivery {
    padding: 80px 0px 0px;

    .deliverymain {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        .deliveryimg {
            width: 81px;
            height: 84px;
            margin-bottom: 20px;
            transition: transform 0.3s ease-in-out;
            cursor: pointer;
            &:hover{
                transform: scale(1.1);
            }
        }

        .deliveryhead {
            font-size: 48px;
            font-weight: 600;
            font-style: normal;
            text-transform: uppercase;
            color: #000;
            line-height: 58px;
            margin-bottom: 10px;
            text-align: center;
        }

        .deliveryline {
            width: 72px;
            height: 3px;
            background-color: #c1172c;
            margin: 0 auto 30px;
        }
    }

    .deliverymid {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;

        .midleft {
            display: flex;

            .modrightline {
                height: 469px;
                margin-left: 10px;
            }

            .midhead {
                font-size: 29px;
                font-weight: 600;
                font-style: normal;
                text-transform: uppercase;
                color: #000;
                line-height: 35px;
                margin-bottom: 10px;
                text-align: center;
            }

            .deliverypara {
                font-size: 18px;
                font-weight: 400;
                font-style: normal;
                color: #000;
                line-height: 26px;
                margin-bottom: 30px;
                text-align: center;
            }

            .midbtns {
                max-width: 720px;
                width: 100%;
                display: flex;
                gap: 10px 10px;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start;

                .whitebtn {
                    font-size: 18px;
                    font-weight: 300;
                    font-style: normal;
                    text-transform: capitalize;
                    color: #000;
                    line-height: 40px;
                    border: none;
                    outline: none;
                    background-color: #FFF;
                    border-radius: 10px;
                    flex: 1 0 calc(33.33% - 10px);
                    white-space: nowrap;
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

                    &:hover {
                        background-color: #3858B5;
                        color: #FFF;
                    }
                }

                .bluebtn {
                    font-size: 18px;
                    font-weight: 300;
                    font-style: normal;
                    text-transform: capitalize;
                  
                    line-height: 40px;
                    border: none;
                    outline: none;
                    background-color: #3858B5 !important;
                    color: #FFF !important;
              
                    border-radius: 10px;
                    flex: 1 0 calc(33.33% - 10px);
                    white-space: nowrap;
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

                    &:hover {
                        background-color: #FFF !important;
                        color: #000 !important;
                    }
                }

                

                .whitebtn:nth-last-child(-n+2) {
                    flex-basis: calc(50% - 10px);
                }
            }
        }

        .midrightmain {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            position: relative;

            .midrighttexts {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;

                .rimg {
                    height: 50px;
                    transition: transform 0.3s ease-in-out;
                    cursor: pointer;
                    &:hover{
                        transform: scale(1.1);
                    }
                }

                .rline {
                    width: 3px;
                    height: 52px;
                    background-color: #c1172c;
                    margin: 8px auto;
                }

                .manimg {
                    width: 237px;
                    height: 238px;
                    object-fit: cover;
                    object-position: center;
                    border-radius: 120px;

                    .manimginner {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center;
                        border-radius: 120px;
                    }
                }

                .manhead {
                    font-size: 29px;
                    font-weight: 600;
                    font-style: normal;
                    text-transform: uppercase;
                    color: #000;
                    line-height: 35px;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    text-align: center;
                }

                .manimgpara {
                    font-size: 18px;
                    font-weight: 400;
                    font-style: normal;
                    color: #000;
                    line-height: 24px;
                    margin-bottom: 10px;
                    text-align: center;
                }

            }

            .arrowimg {
                width: 150px;
                position: absolute;
                bottom: -44%;
                left: 29%;
                transform: translate(-50%, -50%);
            }
        }
    }

    .deliverylow {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 30px;

        .deliverylowimg {
            width: 78px;
            height: 78px;
            transition: transform 0.3s ease-in-out;
            cursor: pointer;
            &:hover{
                transform: scale(1.1);
            }
        }

        .deliverlowhead {
            font-size: 29px;
            font-weight: 600;
            font-style: normal;
            text-transform: uppercase;
            color: #000;
            line-height: 35px;
            margin: 20px 0px;
            text-align: center;
        }

        .deliverylowpara {
            font-size: 18px;
            font-weight: 400;
            font-style: normal;
            color: #000;
            line-height: 26px;
            text-align: center;
        }
    }
}


@media (max-width:1199px){
    .delivery .deliverymid{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .delivery .deliverymid .midrightmain .arrowimg{
        display: none !important;
    }
    .delivery .deliverymid .midleft .modrightline{
        display: none;
    }
}

@media (max-width:600px){
    .delivery{
        padding: 20px 0px 0px;
    }
    .delivery .deliverymain .deliveryimg{
        width: 50px;
        height: 50px;
    }
    .delivery .deliverymain .deliveryhead{
        font-size: 25px;
        line-height: 25px;
    }
    .delivery .deliverymid .midrightmain .midrighttexts .rimg{
        height: 30px;
    }
    .delivery .deliverymid .midrightmain .midrighttexts .rline{
        height: 30px;
    }
    .delivery .deliverymid .midrightmain .midrighttexts .manimg{
        width: 150px;
        height: 150px;
    }
    .delivery .deliverymid .midrightmain .midrighttexts .manhead{
        font-size: 25px;
        line-height: 25px;
    }
    .delivery .deliverymid .midrightmain .midrighttexts .manimgpara{
        font-size: 16px;
        line-height: 18px;
    }
    .delivery .deliverymid .midleft .midhead{
        font-size: 25px;
        line-height: 25px;
    }
    .delivery .deliverymid .midleft .deliverypara{
        font-size: 16px;
        line-height: 18px;
    }
    .delivery .deliverymid .midleft .midbtns .whitebtn{
        font-size: 13px;
        padding: 0px 5px;
    }
    .delivery .deliverylow .deliverylowimg{
        width: 50px;
        height: 50px;
    }
    .delivery .deliverylow .deliverlowhead{
        font-size: 25px;
        line-height: 25px;
    }
    .delivery .deliverylow .deliverylowpara{
        font-size: 16px;
        line-height: 18px;
    }
}
.ready {
    position: relative;
    padding-top: 170px;
    padding-bottom: 80px;

    .footerimg {
        height: 527px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 527px;
        width: 100%;
      
    }

    .readymain {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 30px;

        .readyimg {
            width: 79px;
            height: 79px;
            transition: transform 0.3s ease-in-out;
            cursor: pointer;
            z-index: 999;
            &:hover{
                transform: scale(1.1);
            }
        }

        .readyhead {
            font-size: 48px;
            font-weight: 600;
            font-style: normal;
            text-transform: capitalize;
            color: #FFF;
            line-height: 58px;
            text-align: center;
            z-index: 999;
        }

        .readypara {
            font-size: 29px;
            font-weight: 300;
            font-style: normal;
            text-transform: capitalize;
            color: #FFF;
            text-align: center;
            line-height: 40px;
            max-width: 1000px;
            width: 100%;
            z-index: 999;
        }

        .readybtns {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 250px;
            z-index: 999;
        }
    }
}

@media (max-width:800px) {
    .ready .readymain .readybtns{
        flex-direction: column;
        gap: 20px;
        width: 100%;
        .redbutton{
            width: 100%;
        }
    }

    .ready .footerimg{
        height: 620px;
    }
}

@media (max-width:600px) {
    .ready .readymain .readyhead{
        font-size: 25px;
        line-height: 25px;
    }
    .ready .readymain .readypara{
        font-size: 16px;
        line-height: 18px;
    }
    .ready .readymain .readyimg{
        width: 50px;
        height: 50px;
    }
    .ready .footerimg{
        height: 435px;
    }
    .ready{
        padding: 100px 0px 50px;
    }
}