body{
    font-family: Montserrat;
}
.vr{
    background-color: rgb(0, 0, 0);
    border: 1px solid black;
}
/* added */
@media (max-width: 896px) {
    .background-wrapper {
      background-attachment: scroll !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center center !important;
    }
  }
/* --------- */
.background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .background-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:linear-gradient(to right,rgba(0, 0,0, 0.7),transparent) ;
  }

.nav_active {
    position: relative;
}

.nav_active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 4px;
    background-color: black;
   
}

#nav1{
    background:rgb(193,193,194,0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.dropdown-item:hover{
color:  rgb(251,139,36) !important;
background-color: transparent !important;
}
.navbtn{
    background-image:linear-gradient(to right, rgb(27,154,135),rgb(1,215,184)) ;
}
.navbtn:hover{
    background: white !important;
    border: 2px solid rgb(27,154,135);
    color: rgb(1,215,184) !important;
}
#nav2{
    background: linear-gradient(rgb(27,154,135,0.5),rgb(1,215,184,0.5)) ;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.justifys{
    text-align: justify; 
    text-justify:inter-word;
}
/*------------------- sec1 styling------------ */
/* .sec1::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(../assets/heroimage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    opacity: 0.1;
} */


.sec1div1{
    font-size: 48px;
    font-weight: bolder;
    color: rgb(255, 255, 255);
    
}
.sec1div2{
    font-size: 28px;
    /* font-weight: 900; */
}

/* ---------------------sec2 styling--------------- */
.sec2{
    background-color:rgb(237,237,237);
}
/*------------------- sec3 styling------------ */
.sec3::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(../assets/sec3.png);
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    opacity: 0.1;
}
.sec3{
    position: relative;
    background-image: linear-gradient(to right,rgb(217,245,240),rgb(227,232,232));
}
.sec3p1{
    font-size: 18px;
    color: rgb(251,139,36);
    font-weight: 700;
}
.sec3div1{
    font-size: 64px;
    font-weight: bold;
    width: 84% !important;
    text-align:center;
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
  }
  .sec3div2{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
  }
/*------------------- sec4 styling------------ */
    .sec4{
    background-color:rgb(237,237,237);
    padding-bottom: 20%;
    }
    .sec4div1{
    font-size: 76px;
    font-weight: bold;
    margin-top: 20%;
    /* width: 66%; */
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .sec4div2{
    font-size: 46px;
    font-weight: bold;
    }

    .sec4p1{
    font-size: 20px;
    width: 95%;
    }

    .sec4div3{
    font-size: 76px;
    font-weight: bold;
    width: 66%;
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }

    .sec4div4{
    font-size: 46px;
    font-weight: bold;
    }

    .sec4btn{
        background-image:linear-gradient(to right, rgb(27,154,135),rgb(1,215,184)) ;
    }
    .sec4btn:hover{
        background: white !important;
        border: 2px solid rgb(27,154,135);
        color: rgb(1,215,184) !important;
        }
/*------------------- sec5 styling------------ */
.sec5::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(../assets/sec3.png);
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    opacity: 0.1;
}
.sec5{
    margin-top: -25%;
    position: relative;
    background-image: linear-gradient(to right,rgb(217,245,240),rgb(227,232,232));
}

.sec5div1{
    font-size: 58px;
    color: rgb(251,139,36);
    font-weight: bold;
}
.sec5div2{
    font-size: 58px;
    font-weight: bold;
    background: linear-gradient(to right, rgb(27,154,135), rgb(1,215,184),rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* ----------------------------------------accordion styling------------------------------- */
.accordion-button{
    font-size: 40px !important;
    background-color: transparent !important;
    color: black !important;
}
.accordion-button:focus{
    box-shadow: none !important;
    border-color: #ced4da !important;
    border-top: 2px solid rgb(27,154,135) !important;
}
.accordion-item{
    background: none !important;
}
.bortop{
    border-top: 2px solid rgb(27,154,135) !important;
    
}

/*------------------- sec6 styling------------ */
.sec6{
    background-color:rgb(237,237,237);
}
.sec6div1{
    font-size: 64px;
    font-weight: bold;
    text-align: center;
}

.sec6cardtitle{
    color: rgb(251,139,36);
    font-size: 26px !important;
}
.sec6cardtext{
    font-size: 18px !important;
    text-align: justify;
}
.sec6btn{
    background-image:linear-gradient(to right, rgb(27,154,135),rgb(1,215,184));
}
.sec6btn:hover{
    background: white !important;
    border: 2px solid rgb(27,154,135);
    color: rgb(1,215,184) !important;
}
/*------------------- sec7 styling------------ */

.sec7div1{
    font-size: 48px;
    font-weight: bold;
    color: rgb(1,215,184);
    width:55%;
}

.sec7div2{
    font-size: 28px;
    font-weight: bold;
    color: white;
}

/*------------------- sec8 styling------------ */
/* .sec8{
    background-color:rgb(237,237,237);
}
.sec8div1{
    font-size: 64px;
    font-weight: 800;
    text-align: center;
}
.sec8div2{
    font-size: 60px;
    font-weight: bold;
    text-align: center;
}
.sec8span{
    background: linear-gradient(to right, rgb(27,154,135), rgb(1,215,184),rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec8cardtitle{
    font-size: 26px !important;
} */

/*------------------- sec9 styling------------ */

.sec9div1{
    font-size: 48px;
    font-weight: 900;
    color: rgb(255, 255, 255);
}
/* ------------------footer-------------------------- */
.footer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(../assets/sec3.png);
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    opacity: 0.1;
}
.footer{
    /* margin-top: -5%; */
    position: relative;
    background-color: rgb(233,233,234);
}
.footercorp{
    font-size: 36px;
}
.footerinp:focus{
    box-shadow: none !important;
    border-color: #ced4da !important;
}
.footerinp::placeholder{
    color: white !important;
    font-size: 10px !important;
}
#btnGroupAddon{
    background-image:linear-gradient(to right, rgb(27,154,135),rgb(1,215,184));
}
#footerbtnGroupAddon{
    background-image:linear-gradient(to right, rgb(27,154,135),rgb(1,215,184));
}

.btnfooterlinked{
    background-color:rgb(242,244,247) !important;
    border-radius: 30% !important;
    padding:20% !important;
}
.btnfooterinsta{
    background-color:rgb(242,244,247) !important;
    border-radius: 30% !important;
    padding:20% !important;
}




/* ----------------------teams styling----------------------- */
.sec1teams{
    background-image: url('../assets/teams.png'); 
    background-attachment: scroll; 
    background-repeat: no-repeat; 
    background-size: cover;
}
.teamssec1div1{
    font-size: 48px;
    font-weight: 900;
    color: rgb(255, 255, 255);
}
/*----------------------- teams sec2 styling--------------- */
.sec2teams{
    background-color:rgb(237,237,237);
}
.sec2teamsdiv1{
    font-size: 64px;
    font-weight: bold;
    text-align: center;
}

.sec2teamscardtext1{
    font-size: 18px !important;
}
.sec2teamscardtext2{
    font-size: 16px !important;
}

.btnteamlinked{
    background-color:rgb(242,244,247) !important;
    border-radius: 60% !important;
    padding:20% !important;
}
.btnteaminsta{
    background-color:rgb(242,244,247) !important;
    border-radius: 60% !important;
    padding:20% !important;
}
.btnteamfb{
    background-color:rgb(242,244,247) !important;
    border-radius: 60% !important;
    padding:20% !important;
}

/* --------------------------vpslife styling---------------------------- */
.sec1life{
    background-image: url('../assets/vpslife.png'); 
    background-attachment: scroll; 
    background-repeat: no-repeat; 
    background-size: cover;
}
.sec1lifediv1{
    font-size: 56px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    width: 55%;
    text-align: center;
}

/* ------------------------------vps section2 styling---------------------- */
.sec2life{
    /* position: relative; */
    background-image: linear-gradient(to right,rgb(217,245,240),rgb(227,232,232));
}
.sec2lifep1{
    font-size: 23px;
    color: rgb(251,139,36);
}
.sec2lifediv1{
    font-size: 36px;
    font-weight: bold;
    width: 84% !important;
    text-align:center;
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
/*----------------------- vps sec3 styling--------------- */
/*---------------- gallery styles---------- */
.caimg{
    position:absolute;
    color: white;
    font-size: 40px;
    font-weight: bolder;
    text-shadow: 2px 2px 2px black;
    /* transform: translate(50%, 150%) ; */
    max-width: 100%;
    display:none;
  }

  .sec3lifecard:hover .caimg{
    display: block;
  }

  .sec3lifecard:hover .card-img-top{
    filter: blur(1px) !important;
  }
  .sec3lifecard:hover{
    transform: scale(1.02);
    transition: 0.8s;
    cursor: pointer;
  }

/* ----------------------- */

  .sec3life{
    background-color:rgb(237,237,237);
}
.sec3lifediv1{
    font-size: 64px;
    font-weight: bold;
    text-align: center;
}
.sec3lifediv2{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
/*-------------------vps sec4 styling------------ */
.sec4life::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(../assets/sec3.png);
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    opacity: 0.1;
}
.sec4life{
    /* margin-top: -5%; */
    position: relative;
    background-image: linear-gradient(to right,rgb(217,245,240),rgb(227,232,232));
}

.sec4lifediv1{
    font-size: 58px;
    color: rgb(251,139,36);
    font-weight: bold;
}
.sec4lifediv2{
    font-size: 58px;
    font-weight: bold;
    background: linear-gradient(to right, rgb(27,154,135), rgb(1,215,184),rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec4lifep1{
    font-size:22px;
}
.sec4lifebtn{
    background-image:linear-gradient(to right, rgb(27,154,135),rgb(1,215,184)) ;
}
.sec4lifebtn:hover{
    background: white !important;
    border: 2px solid rgb(27,154,135);
    color: rgb(1,215,184) !important;
}


.sec4lifediv3{
    font-size: 25px;
    font-family: serif  !important;
    text-align: center;
}
.sec4lifediv3span1{
    color: rgb(251,139,36);
}
.sec4lifediv3span2{
    background: linear-gradient(rgb(27,154,135), rgb(1,215,184),rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* -----------overview styling--------------------- */
/* .sec1overview{
    background-image: url('../assets/overview.png'); 
    background-attachment: scroll; 
    background-repeat: no-repeat; 
    background-size: cover;
} */
.sec1overviewdiv1{
    font-size: 56px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    width: 55%;
    text-align: center;
}

/* ------------overview sec2 styling--------------- */
.sec2overview{
    background-color:rgb(237,237,237);
}
.sec2overviewdiv1{
    font-size: 46px;
}
.sec2overviewdiv2{
    font-size: 27px;
}

/* ------------overview sec3 styling--------------- */
.sec3overview{
    background-color:rgb(237,237,237);
}
.sec3overviewdiv1{
    font-size: 46px;
}
.sec3overviewdiv2{
    font-size: 27px;
}

/*-------------------overview sec4 styling------------ */
.sec4overview{
    background-color:rgb(237,237,237);
    }
    .sec4overviewdiv1{
    font-size: 76px;
    font-weight: bold;
    margin-top: 2%;
    /* width: 66%; */
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    }
    .sec4overviewdiv2{
    font-size: 27px;
    font-weight: bold;
    }

    .sec4overviewdiv3{
    font-size: 76px;
    font-weight: bold;
    width: 66%;
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }

    .sec4overviewdiv4{
    font-size: 27px;
    font-weight: bold;
    }

.sec4overviewrow2{
    margin-top: -6% !important;
}

.sec4overviewdiv5{
    font-size: 76px;
    font-weight: bold;
    margin-top: 2%;
    /* width: 66%; */
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sec4overviewdiv6{
    font-size: 76px;
    font-weight: bold;
    /* width: 66%; */
    background: linear-gradient(to right, rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }

    /*-------------------overview sec5 styling------------ */
.sec5overview{
    background-color:rgb(237,237,237);
    margin-top: -7%
    }
.sec5overviewdiv1{
    font-size: 48px;
}
    /*-------------------overview sec6 styling------------ */
    .sec6overview{
        background-color:rgb(237,237,237);
        }
    .sec6overviewdiv1{
        font-size: 48px;
    }
    /* .overviewcardimg{
        width: 70px;
    } */
    .sec6overviewcardtext{
        font-size: 20px;
    }
    .sec6overviewbtn{
    background-image:linear-gradient(to right, rgb(27,154,135),rgb(1,215,184));
    padding: 8px 10% 8px 10% !important;
    }

    /* -----------------jobs styling---------------------- */
    /*-------------------jobs sec1 styling------------ */
.sec1jobs{
    background-color:rgb(237,237,237);
    }
.sec1jobsdiv1{
    text-align: center;
    font-size: 44px;
}
.sec1jobsdiv2{
    text-align: center;
    font-size: 24px;
}
.sec1jobsrow2{
    margin-left: 20% !important;
}
.sec1jobsinp::placeholder{
    color: rgb(173,173,173) !important;
    font-size: 26px !important;
}
.jobscardtitle{
    font-size: 64px;
    font-weight: bold;
    color: rgb(251,139,36);
}
.jobscardtext1{
    font-size: 36px;
}
.jobscardtext2{
    font-size: 28px;
}
.jobscardlink{
    color: rgb(96,172,231) !important;
    font-size: 20px !important;
}
/*-------------------------- jobdesc styling----------------------- */
/*------------------ jobdesc sec1 styling----------- */
.sec1jobdesc{
    background-color: rgb(245,245,247);
}
/*------------------ jobdesc sec2 styling----------- */
.sec2jobdescdiv1{
    font-size: 40px;
    font-weight: bold;
}
.sec2jobdescdiv2{
    font-size: 20px;
}
/*------------------ jobdesc sec3 styling----------- */
.sec3jobfrm{
    background:linear-gradient(rgb(115, 227, 210), rgb(255, 192, 110));
}
.sec3jobdesc{
    background-color: rgb(245,245,247);
}
.sec3jobdescdiv1{
    font-size: 26px;
    /* font-weight: bold; */
    /* width: 66%; */
    background: linear-gradient(rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec3jobdescdiv13{
    font-size: 26px;
    font-weight: bold;
}
/* .sec3jobdescfrmbtn1{
    background-color:rgb(90,169,230) !important;
    padding: 2% 10% 2% 10% !important;
} */
/* .sec3jobdescdiv32{
    font-size: 12px;
} */
.sec3jobdescfrmbtn2{
    font-size: 20px !important;
    background-image: linear-gradient(rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184)) !important;
    padding:4% 10% 4% 10% !important;
}
/* .toastdiv{
    font-size: 46px;
} */


/*------------------------------- media queries----------------------- */
@media(max-width:800px){

    .nl{
        font-size: 14px !important;
    }
}

@media(min-width:250px)and (max-width:300px) {
    .sec1div1{
        font-size: 18px !important;
    }
    .sec1div2{
        font-size: 18px !important;
    }
    .sec2div{
        font-size: 6px;
    }
    .sec3div1{
        font-size: 18px !important;
        text-align: center;
    }
    .sec3div2{
        font-size: 7.5px !important;
    }
    /* .sec4img{
        height: 20% !important;
    } */
    .sec4div1{
        margin-top: 5% !important;
        font-size: 16px !important;
    }
    .sec4div2{
        font-size: 12px !important;
    }
    .sec4p1{
        font-size: 6.5px !important;
    }
    .sec4div3{
        font-size: 16px !important;
        margin-top: 12rem;
    }
    .sec4div4{
        font-size: 12px !important;
    }
    .sec4p1{
        font-size: 6.5px !important;
    }
    /* .sec4btn{
        padding: 0% 15% 0% 15% !important;
    } */
    .sec5{
        margin-top: -15% !important;
    }
    .sec5div1{
        font-size: 16px !important;
        text-align: center;
    }
    .accordion-button{
        font-size: 20px !important;
    }
    .accordion-body{
        font-size: 10px !important;
    }
    .sec6div1{
        font-size: 22px !important;
    }
    .sec6card{
        width: 14rem !important;
        height: fit-content !important;
        margin: auto;
    }
    .sec6cardtitle{
        font-size: 14px !important;
        background: linear-gradient(to right,rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .sec6cardtext{
        font-size: 11.5px !important;
    }
    .sec6btn{
        padding: 3% 15% 3% 15% !important;
    }
    .sec7div1{
        font-size: 16px !important;
        width:100% !important;
    }
    
    .sec7div2{
        font-size: 16px;
    }
    .sec9div1{
        font-size: 10px;
    }
    .sec9btn{
        /* padding: 0% 10% 0% 10% !important; */
        font-size: 8px !important;
    }
    .cpyrgt{
        font-size: 7px !important;
    }
    .condition{
        color: rgb(0,102,255) !important
    }


    .teamssec1div1{
        font-size: 20px !important;
    }
    .sec2teamsdiv1{
        font-size: 20px !important;
    }
    .sec2teamscard{
        width: 14rem !important;
        margin: auto !important;
    }
    .sec2teamscardtext2{
        font-size: 10px !important;
    }


    .sec1lifediv1{
        justify-content: center !important;
        font-size: 18px !important;
        width: 100% !important;
    }
    .sec2lifep1{
        font-size: 10px !important;
    }
    .sec2lifediv1{
        font-size: 12px !important;
    }
    .sec3lifediv1{
        font-size: 8px !important;
    }
    .sec3lifediv2{
        font-size: 8px !important;
    }
    .sec3lifecard{
        width: 14rem !important;
    }
    .sec4lifediv3{
        font-size: 14px !important;
    }
    .sec4lifep1{
        font-size: 10px !important;
    }


    .sec1overviewdiv1{
        font-size: 14px !important;
        width: 100%;
    }
    .sec2overviewdiv1{
        font-size: 16px !important;
    }
    .sec2overviewdiv2{
        font-size: 16px !important;
    }
    .sec3overviewdiv1{
        font-size: 16px !important;
    }
    .sec3overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv1{
        font-size: 16px !important;
    }
    .sec4overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv3{
        font-size: 16px !important;
        width: 100% !important;
        margin-top: 25.5rem !important;
    }
    .sec4overviewdiv4{
        font-size: 16px !important;
    }
    .sec4overviewdiv5{
        font-size: 16px !important;
    }
    .sec4overviewdiv6{
        font-size: 16px !important;
        margin-top: 26.7rem !important;
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 14rem !important;
        margin: auto !important;
    }
    .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    }


    .sec1jobsdiv1{
        font-size: 18px !important;
    }
    .sec1jobsinp::placeholder{
        font-size: 10px !important;
    }

    .sec1jobsdiv2{
        font-size: 9px;
    }
    .sec1jobsrow2{
        margin-left: 0% !important;
        width: 120%;
    }
    .jobscardtitle{
        font-size: 24px !important;
    }
    .jobscardtext1{
        font-size: 24px !important;
    }
    .jobscardtext2{
        font-size: 18px !important;
    }
}


/* ---------------------------------------------------------- */

@media(min-width:301px)and (max-width:400px) {
    .sec1div1{
        font-size: 18px !important;
    }
    .sec1div2{
        font-size: 18px !important;
    }
    .sec2div{
        font-size: 10px;
    }
    .sec3div1{
        font-size: 18px !important;
        text-align: center;
    }
    .sec3div2{
        font-size: 7.5px !important;
    }
    /* .sec4img{
        height: 20% !important;
    } */
    .sec4div1{
        margin-top: 5% !important;
        font-size: 16px !important;
    }
    .sec4div2{
        font-size: 12px !important;
    }
    .sec4div3{
        font-size: 16px !important;
        margin-top: 17rem;
    }
    .sec4div4{
        font-size: 12px !important;
    }
    .sec4p1{
        font-size: 12px !important;
    }
    /* .sec4btn{
        padding: 0% 15% 0% 15% !important;
    } */
    .sec5{
        margin-top: -15% !important;
    }
    .sec5div1{
        font-size: 16px !important;
        text-align: center;
    }
    .accordion-button{
        font-size: 20px !important;
    }
    .accordion-body{
        font-size: 10px !important;
    }
    .sec6div1{
        font-size: 22px !important;
    }
    .sec6card{
        width: fit-content !important;
        height: fit-content !important;
        margin: auto;
    }
    .sec6cardtitle{
        font-size: 14px !important;
        background: linear-gradient(to right,rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .sec6cardtext{
        font-size: 11.5px !important;
    }
    .sec6btn{
        padding: 3% 15% 3% 15% !important;
    }
    .sec7div1{
        font-size: 24px !important;
        width:100% !important;
    }
    
    .sec7div2{
        font-size: 16px;
    }
    .sec9div1{
        font-size: 14px;
    }
    .sec9btn{
        /* padding: 0% 10% 0% 10% !important; */
        margin-top: 5% !important;
        /* font-size: 8px !important; */
    }
    .cpyrgt{
        font-size: 7px !important;
    }
    .condition{
        color: rgb(0,102,255) !important
    }


    
    .teamssec1div1{
        font-size: 20px !important;
    }
    .sec2teamsdiv1{
        font-size: 20px !important;
    }
    .sec2teamscard{
        width: 17rem !important;
        margin: auto !important;
    }


    .sec1lifediv1{
        justify-content: center !important;
        font-size: 20px !important;
        width: 100% !important;
    }
    .sec2lifep1{
        font-size: 14px !important;
    }
    .sec2lifediv1{
        font-size: 14px !important;
    }
    .sec3lifediv1{
        font-size: 10px !important;
    }
    .sec3lifediv2{
        font-size: 10px !important;
    }
    .sec3lifecard{
        width: 17rem !important;
    }
    .sec4lifediv3{
        font-size: 16px !important;
    }
    .sec4lifep1{
        font-size: 12px !important;
    }


    .sec1overviewdiv1{
        font-size: 14px !important;
        width: 100%;
    }
    .sec2overviewdiv1{
        font-size: 16px !important;
    }
    .sec2overviewdiv2{
        font-size: 16px !important;
    }
    .sec3overviewdiv1{
        font-size: 16px !important;
    }
    .sec3overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv1{
        font-size: 16px !important;
    }
    .sec4overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv3{
        font-size: 16px !important;
        margin-top: 23rem !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 16px !important;
    }
    .sec4overviewdiv5{
        font-size: 16px !important;
    }
    .sec4overviewdiv6{
        font-size: 16px !important;
        margin-top: 24rem !important;
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 17rem !important;
        margin: auto !important;
    }
    .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    }


    .sec1jobsdiv1{
        font-size: 18px !important;
    }
    .sec1jobsinp::placeholder{
        font-size: 10px !important;
    }

    .sec1jobsdiv2{
        font-size: 11px;
    }
    .sec1jobsrow2{
        margin-left: 0% !important;
        width: 120%;
    }
    .jobscardtitle{
        font-size: 24px !important;
    }
    .jobscardtext1{
        font-size: 24px !important;
    }
    .jobscardtext2{
        font-size: 18px !important;
    }
}


/* -------------------------------------------------- */

@media(min-width:401px)and (max-width:500px) {
    .sec1div1{
        font-size: 18px !important;
    }
    .sec1div2{
        font-size: 18px !important;
    }
    .sec2div{
        font-size: 10px;
    }
    .sec3div1{
        font-size: 18px !important;
        text-align: center;
    }
    .sec3div2{
        font-size: 7.5px !important;
    }
    /* .sec4img{
        height: 20% !important;
    } */
    .sec4div1{
        margin-top: 5% !important;
        font-size: 16px !important;
    }
    .sec4div2{
        font-size: 12px !important;
    }
    .sec4div3{
        font-size: 16px !important;
        margin-top: 15rem;
    }
    .sec4div4{
        font-size: 12px !important;
    }
    .sec4p1{
        font-size: 12px !important;
    }
    /* .sec4btn{
        padding: 0% 15% 0% 15% !important;
    } */
    .sec5{
        margin-top: -15% !important;
    }
    .sec5div1{
        font-size: 16px !important;
        text-align: center;
    }
    .accordion-button{
        font-size: 20px !important;
    }
    .accordion-body{
        font-size: 10px !important;
    }
    .sec6div1{
        font-size: 22px !important;
    }
    .sec6card{
        width: fit-content !important;
        height: fit-content !important;
        margin: auto;
    }
    .sec6cardtitle{
        font-size: 14px !important;
        background: linear-gradient(to right,rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .sec6cardtext{
        font-size: 11.5px !important;
    }
    .sec6btn{
        padding: 3% 15% 3% 15% !important;
    }
    .sec7div1{
        font-size: 29px !important;
        width:100% !important;
    }
    
    .sec7div2{
        font-size: 16px;
    }
    .sec9div1{
        font-size: 18px;
    }
    .sec9btn{
        /* padding: 0% 10% 0% 10% !important; */
        margin-top: 5% !important;
        /* font-size: 8px !important; */
    }
    .cpyrgt{
        font-size: 9px !important;
    }
    .condition{
        color: rgb(0,102,255) !important
    }


    .teamssec1div1{
        font-size: 20px !important;
    }
    .sec2teamsdiv1{
        font-size: 20px !important;
    }
    .sec2teamscard{
        width: 23rem !important;
        margin: auto !important;
    }


    .sec1lifediv1{
        justify-content: center !important;
        font-size: 26px !important;
        width: 100% !important;
    }
    .sec2lifep1{
        font-size: 16px !important;
    }
    .sec2lifediv1{
        font-size: 16px !important;
    }
    .sec3lifediv1{
        font-size: 13px !important;
    }
    .sec3lifediv2{
        font-size: 13px !important;
    }
    .sec3lifecard{
        width: 23rem !important;
    }
    .sec4lifediv3{
        font-size: 18px !important;
    }
    .sec4lifep1{
        font-size: 14px !important;
    }


    .sec1overviewdiv1{
        font-size: 20px !important;
        width: 100%;
    }
    .sec2overviewdiv1{
        font-size: 20px !important;
    }
    .sec2overviewdiv2{
        font-size: 16px !important;
    }
    .sec3overviewdiv1{
        font-size: 20px !important;
    }
    .sec3overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv1{
        font-size: 16px !important;
    }
    .sec4overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv3{
        font-size: 16px !important;
        margin-top: 18rem !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 16px !important;
    }
    .sec4overviewdiv5{
        font-size: 16px !important;
    }
    .sec4overviewdiv6{
        font-size: 16px !important;
        margin-top: 19.5rem !important;
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 23rem !important;
        margin: auto !important;
    }
    .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    }


    .sec1jobsdiv1{
        font-size: 18px !important;
    }
    .sec1jobsinp::placeholder{
        font-size: 10px !important;
    }

    .sec1jobsdiv2{
        font-size: 14px !important;
    }
    .sec1jobsrow2{
        margin-left: 0% !important;
        width: 120%;
    }
    .jobscardtitle{
        font-size: 24px !important;
    }
    .jobscardtext1{
        font-size: 24px !important;
    }
    .jobscardtext2{
        font-size: 18px !important;
    }
}


/* -------------------------------------------------- */

@media(min-width:501px)and (max-width:600px) {
    .sec1div1{
        font-size: 18px !important;
    }
    .sec1div2{
        font-size: 18px !important;
    }
    .sec2div{
        font-size: 10px;
    }
    .sec3div1{
        font-size: 18px !important;
        text-align: center;
    }
    .sec3div2{
        font-size: 7.5px !important;
    }
    /* .sec4img{
        height: 20% !important;
    } */
    .sec4div1{
        margin-top: 5% !important;
        font-size: 18px !important;
    }
    .sec4div2{
        font-size: 14px !important;
    }
    .sec4div3{
        font-size: 18px !important;
        margin-top: 16rem;
    }
    .sec4div4{
        font-size: 14px !important;
    }
    .sec4p1{
        font-size: 13px !important;
    }
    /* .sec4btn{
        padding: 0% 15% 0% 15% !important;
    } */
    .sec5{
        margin-top: -15% !important;
    }
    .sec5div1{
        font-size: 16px !important;
        text-align: center;
    }
    .accordion-button{
        font-size: 20px !important;
    }
    .accordion-body{
        font-size: 10px !important;
    }
    .sec6div1{
        font-size: 22px !important;
    }
    .sec6card{
        width: fit-content !important;
        height: fit-content !important;
        margin: auto;
    }
    .sec6cardtitle{
        font-size: 14px !important;
        background: linear-gradient(to right,rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .sec6cardtext{
        font-size: 11.5px !important;
    }
    .sec6btn{
        padding: 3% 15% 3% 15% !important;
    }
    .sec7div1{
        font-size: 24px !important;
        width:100% !important;
    }
    
    .sec7div2{
        font-size: 16px;
    }
    .sec9div1{
        font-size: 18px;
    }
    .sec9btn{
        /* padding: 0% 10% 0% 10% !important; */
        margin-top: 5% !important;
        /* font-size: 8px !important; */
    }
    .cpyrgt{
        font-size: 10px !important;
    }
    .condition{
        color: rgb(0,102,255) !important
    }


    
    .teamssec1div1{
        font-size: 28px !important;
    }
    .sec2teamsdiv1{
        font-size: 28px !important;
    }
    .sec2teamscard{
        /* width: 23rem !important; */
        margin: auto !important;
    }


    .sec1lifediv1{
        justify-content: center !important;
        font-size: 34px !important;
        width: 100% !important;
    }
    .sec2lifep1{
        font-size: 18px !important;
    }
    .sec2lifediv1{
        font-size: 18px !important;
    }
    .sec3lifediv1{
        font-size: 16px !important;
    }
    .sec3lifediv2{
        font-size: 16px !important;
    }
    .sec3lifecard{
        width: 28rem !important;
    }
    .sec4lifediv3{
        font-size: 22px !important;
    }
    .sec4lifep1{
        font-size: 18px !important;
    }


    .sec1overviewdiv1{
        font-size: 24px !important;
        width: 100%;
    }
    .sec2overviewdiv1{
        font-size: 22px !important;
    }
    .sec2overviewdiv2{
        font-size: 16px !important;
    }
    .sec3overviewdiv1{
        font-size: 22px !important;
    }
    .sec3overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv1{
        font-size: 16px !important;
    }
    .sec4overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv3{
        font-size: 16px !important;
        margin-top: 15rem !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 16px !important;
    }
    .sec4overviewdiv5{
        font-size: 16px !important;
    }
    .sec4overviewdiv6{
        font-size: 16px !important;
        margin-top: 17.5rem !important;
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 28rem !important;
        margin: auto !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    } */
    .sec6overviewcardtext{
        font-size: 14px !important;
    }


    .sec1jobsdiv1{
        font-size: 20px !important;
    }
    .sec1jobsinp::placeholder{
        font-size: 10px !important;
    }

    .sec1jobsdiv2{
        font-size: 16px !important;
    }
    .sec1jobsrow2{
        margin-left: 0% !important;
        width: 120%;
    }
    .jobscardtitle{
        font-size: 24px !important;
    }
    .jobscardtext1{
        font-size: 24px !important;
    }
    .jobscardtext2{
        font-size: 18px !important;
    }
}


/* -------------------------------------------------- */

@media(min-width:601px)and (max-width:700px) {
    .sec1div1{
        font-size: 18px !important;
    }
    .sec1div2{
        font-size: 18px !important;
    }
    .sec2div{
        font-size: 10px;
    }
    .sec3div1{
        font-size: 22px !important;
        text-align: center;
    }
    .sec3div2{
        font-size: 16px !important;
    }
    /* .sec4img{
        height: 20% !important;
    } */
    .sec4div1{
        margin-top: 5% !important;
        font-size: 18px !important;
    }
    .sec4div2{
        font-size: 14px !important;
    }
    .sec4div3{
        font-size: 18px !important;
        margin-top: 16rem;
    }
    .sec4div4{
        font-size: 14px !important;
    }
    .sec4p1{
        font-size: 13px !important;
    }
    /* .sec4btn{
        padding: 0% 15% 0% 15% !important;
    } */
    .sec5{
        margin-top: -15% !important;
    }
    .sec5div1{
        font-size: 16px !important;
        text-align: center;
    }
    .accordion-button{
        font-size: 20px !important;
    }
    .accordion-body{
        font-size: 10px !important;
    }
    .sec6div1{
        font-size: 22px !important;
    }
    .sec6card{
        width: fit-content !important;
        height: fit-content !important;
        margin: auto;
    }
    .sec6cardtitle{
        font-size: 14px !important;
        background: linear-gradient(to right,rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .sec6cardtext{
        font-size: 11.5px !important;
    }
    .sec6btn{
        padding: 3% 15% 3% 15% !important;
    }
    .sec7div1{
        font-size: 24px !important;
        width:100% !important;
    }
    
    .sec7div2{
        font-size: 16px;
    }
    .sec9div1{
        font-size: 18px;
    }
    .sec9btn{
        /* padding: 0% 10% 0% 10% !important; */
        margin-top: 5% !important;
        /* font-size: 8px !important; */
    }
    .cpyrgt{
        font-size: 10px !important;
    }
    .condition{
        color: rgb(0,102,255) !important
    }


    
    .teamssec1div1{
        font-size: 32px !important;
    }
    .sec2teamsdiv1{
        font-size: 32px !important;
    }
    .sec2teamscard{
        width: 32rem !important;
        margin: auto !important;
    }


    .sec1lifediv1{
        font-size: 40px !important;
        width: 100% !important;
    }
    .sec2lifep1{
        font-size: 20px !important;
    }
    .sec2lifediv1{
        font-size: 20px !important;
    }
    .sec3lifediv1{
        font-size: 20px !important;
    }
    .sec3lifediv2{
        font-size: 20px !important;
    }
    .sec3lifecard{
        width: 32rem !important;
    }
    .sec4lifediv3{
        font-size: 24px !important;
    }
    .sec4lifep1{
        font-size: 20px !important;
    }

    .sec1overviewdiv1{
        font-size: 28px !important;
        width: 100%;
    }
    .sec2overviewdiv1{
        font-size: 26px !important;
    }
    .sec2overviewdiv2{
        font-size: 16px !important;
    }
    .sec3overviewdiv1{
        font-size: 26px !important;
    }
    .sec3overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv1{
        font-size: 16px !important;
    }
    .sec4overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv3{
        font-size: 16px !important;
        margin-top: 12rem !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 16px !important;
    }
    .sec4overviewdiv5{
        font-size: 16px !important;
    }
    .sec4overviewdiv6{
        font-size: 16px !important;
        margin-top: 14rem !important;
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 32rem !important;
        margin: auto !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    } */
    .sec6overviewcardtext{
        font-size: 14px !important;
    }


    .sec1jobsdiv1{
        font-size: 20px !important;
    }
    .sec1jobsinp::placeholder{
        font-size: 14px !important;
    }
    .sec1jobsdiv2{
        font-size: 16px !important;
    }
    .sec1jobsrow2{
        margin-left: 0% !important;
        width: 120%;
    }
    .jobscardtitle{
        font-size: 24px !important;
    }
    .jobscardtext1{
        font-size: 24px !important;
    }
    .jobscardtext2{
        font-size: 18px !important;
    }
}


/* -------------------------------------------------- */

@media(min-width:701px)and (max-width:767px) {
    .sec1div1{
        font-size: 20px !important;
    }
    .sec1div2{
        font-size: 18px !important;
    }
    .sec2div{
        font-size: 14px;
    }
    .sec3div1{
        font-size: 28px !important;
        text-align: center;
    }
    .sec3div2{
        font-size: 20px !important;
    }
    /* .sec4img{
        height: 20% !important;
    } */
    .sec4div1{
        margin-top: 5% !important;
        font-size: 22px !important;
    }
    .sec4div2{
        font-size: 18px !important;
    }
    .sec4div3{
        font-size: 22px !important;
        margin-top: 17rem;
    }
    .sec4div4{
        font-size: 18px !important;
    }
    .sec4p1{
        font-size: 16px !important;
    }
    /* .sec4btn{
        padding: 0% 15% 0% 15% !important;
    } */
    .sec5{
        margin-top: -15% !important;
    }
    .sec5div1{
        font-size: 16px !important;
        text-align: center;
    }
    .accordion-button{
        font-size: 20px !important;
    }
    .accordion-body{
        font-size: 10px !important;
    }
    .sec6div1{
        font-size: 22px !important;
    }
    .sec6card{
        width: fit-content !important;
        height: fit-content !important;
        margin: auto;
    }
    .sec6cardtitle{
        font-size: 18px !important;
        background: linear-gradient(to right,rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .sec6cardtext{
        font-size: 14px !important;
    }
    .sec6btn{
        padding: 3% 15% 3% 15% !important;
    }
    .sec7div1{
        font-size: 34px !important;
        width:80% !important;
    }
    
    .sec7div2{
        font-size: 16px;
    }
    .sec9div1{
        font-size: 24px;
    }
    .sec9btn{
        /* padding: 0% 10% 0% 10% !important; */
        margin-top: 5% !important;
        /* font-size: 8px !important; */
    }
    .cpyrgt{
        font-size: 12px !important;
    }
    .condition{
        color: rgb(0,102,255) !important
    }


    .sec2teamsdiv1{
        font-size: 36px !important;
    }
    .sec2teamscard{
        width: 37rem !important;
        margin: auto !important;
    }


    .sec1lifediv1{
        font-size: 40px !important;
        width: 100% !important;
    }
    .sec2lifep1{
        font-size: 22px !important;
    }
    .sec2lifediv1{
        font-size: 22px !important;
    }
    .sec3lifediv1{
        font-size: 22px !important;
    }
    .sec3lifediv2{
        font-size: 20px !important;
    }
    .sec3lifecard{
        width: 37rem !important;
    }
    .sec4lifediv3{
        font-size: 26px !important;
    }
    .sec4lifep1{
        font-size: 22px !important;
    }


    .sec1overviewdiv1{
        font-size: 28px !important;
        width: 100%;
    }
    .sec2overviewdiv1{
        font-size: 26px !important;
    }
    .sec2overviewdiv2{
        font-size: 16px !important;
    }
    .sec3overviewdiv1{
        font-size: 26px !important;
    }
    .sec3overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv1{
        font-size: 16px !important;
    }
    .sec4overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv3{
        font-size: 16px !important;
        margin-top: 10rem !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 16px !important;
    }
    .sec4overviewdiv5{
        font-size: 16px !important;
    }
    .sec4overviewdiv6{
        font-size: 16px !important;
        margin-top: 12rem !important;
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 37rem !important;
        margin: auto !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    } */
    .sec6overviewcardtext{
        font-size: 14px !important;
    }


    .sec1jobsdiv1{
        font-size: 20px !important;
    }
    .sec1jobsinp::placeholder{
        font-size: 14px !important;
    }
    .sec1jobsdiv2{
        font-size: 16px !important;
    }
    .sec1jobsrow2{
        margin-left: 0% !important;
        width: 120%;
    }
    .jobscardtitle{
        font-size: 24px !important;
    }
    .jobscardtext1{
        font-size: 24px !important;
    }
    .jobscardtext2{
        font-size: 18px !important;
    }
}


/* ------------------------------------------------------- */

@media (min-width:768px) and (max-width:991px) {
    .sec1div1{
        font-size: 20px !important;
    }
    .sec1div2{
        font-size: 18px !important;
    }
    .sec2div{
        font-size: 14px;
    }
    .sec3div1{
        font-size: 28px !important;
        text-align: center;
    }
    .sec3div2{
        font-size: 20px !important;
    }
    /* .sec4img{
        height: 20% !important;
    } */
    .sec4div1{
        margin-top: 5% !important;
        font-size: 22px !important;
    }
    .sec4div2{
        font-size: 18px !important;
    }
    .sec4div3{
        font-size: 22px !important;
        margin-top: 18rem;
    }
    .sec4div4{
        font-size: 18px !important;
    }
    .sec4p1{
        font-size: 16px !important;
    }
    /* .sec4btn{
        padding: 0% 15% 0% 15% !important;
    } */
    .sec5{
        margin-top: -15% !important;
    }
    .sec5div1{
        font-size: 24px !important;
        text-align: center;
    }
    .accordion-button{
        font-size: 24px !important;
    }
    .accordion-body{
        font-size: 14px !important;
    }
    .sec6div1{
        font-size: 22px !important;
    }
    .sec6card{
        width: fit-content !important;
        height: fit-content !important;
        margin: auto;
    }
    .sec6cardtitle{
        font-size: 18px !important;
        background: linear-gradient(to right,rgb(27,154,135),rgb(27,154,135),rgb(0,181,154), rgb(1,215,184), rgb(1,215,184));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .sec6cardtext{
        font-size: 14px !important;
    }
    .sec6btn{
        padding: 3% 15% 3% 15% !important;
    }
    .sec7div1{
        font-size: 34px !important;
        width:80% !important;
    }
    
    .sec7div2{
        font-size: 16px;
    }
    .sec9div1{
        font-size: 24px;
    }
    .sec9btn{
        /* padding: 0% 10% 0% 10% !important; */
        margin-top: 5% !important;
        /* font-size: 8px !important; */
    }
    .cpyrgt{
        font-size: 12px !important;
    }
    .condition{
        color: rgb(0,102,255) !important
    }


    
    .sec2teamscard{
        width: 23rem !important;
        margin: auto !important;
    }

    .teamcardimg {
        /* width: 100%; */
        height: 20rem !important;
        /* object-fit: cover;
        object-position: center top; */
    }


    .sec1lifediv1{
        font-size: 48px !important;
        width: 100% !important;
    }
    .sec2lifep1{
        font-size: 24px !important;
    }
    .sec2lifediv1{
        font-size: 24px !important;
    }
    .sec3lifediv1{
        font-size: 22px !important;
    }
    .sec3lifediv2{
        font-size: 22px !important;
    }
    .sec3lifecard{
        width: 40rem !important;
    }
    .sec4lifediv3{
        font-size: 28px !important;
    }
    .sec4lifep1{
        font-size: 24px !important;
    }

    .sec1overviewdiv1{
        font-size: 36px !important;
        width: 100%;
    }
    .sec2overviewdiv1{
        font-size: 26px !important;
    }
    .sec2overviewdiv2{
        font-size: 16px !important;
    }
    .sec3overviewdiv1{
        font-size: 26px !important;
    }
    .sec3overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv1{
        font-size: 16px !important;
    }
    .sec4overviewdiv2{
        font-size: 16px !important;
    }
    .sec4overviewdiv3{
        font-size: 16px !important;
        margin-top: 10rem !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 16px !important;
    }
    .sec4overviewdiv5{
        font-size: 16px !important;
    }
    .sec4overviewdiv6{
        font-size: 16px !important;
        margin-top: 12rem !important;
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 40rem !important;
        margin: auto !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    } */


    .sec1jobsdiv1{
        font-size: 26px !important;
    }
    .sec1jobsinp::placeholder{
        font-size: 14px !important;
    }
    .sec1jobsdiv2{
        font-size: 20px !important;
    }
    .sec1jobsrow2{
        margin-left: 0% !important;
        width: 120%;
    }
}


/* ------------------------------------------------------------- */

@media (min-width:993px) and (max-width:1475px) and (orientation:landscape) {
    .sec3div1{
        text-align: center;
    }
    .sec4div1{
        /* margin-top: 5% !important; */
        font-size: 44px !important;
    }
    .sec4div2{
        font-size: 34px !important;
    }
    .sec4div3{
        font-size: 44px !important;
        /* margin-top: 14rem; */
    }
    .sec4div4{
        font-size: 34px !important;
    }
    .sec4p1{
        font-size: 16px !important;
    }
    .sec6card{
        width: 19rem !important;
        height: 53rem !important;
    }
}

/* only for ipad air 2 */
/* @media (max-width: 768px) and (orientation: portrait) {
    .sec2teamscard{
        width: 19rem !important;
    }
} */

/* ------------------------------------------------------------- */

@media (min-width:992px) and (max-width:1023px) {
    .sec3div1{
        text-align: center;
    }
    .sec4div1{
        /* margin-top: 5% !important; */
        font-size: 44px !important;
    }
    .sec4div2{
        font-size: 34px !important;
    }
    .sec4div3{
        font-size: 44px !important;
        /* margin-top: 14rem; */
    }
    .sec4div4{
        font-size: 34px !important;
    }
    .sec4p1{
        font-size: 16px !important;
    }
    .sec5{
        margin-top: -20% !important;
    }
    .sec6card{
        width: 19rem !important;
    }
    .sec4col2{
        padding-bottom: 15% !important;
    }

    .sec2teamscard{
        width: 14rem !important;
    }


    .sec3lifecard{
        width: 19rem !important;
    }


    .sec1overviewdiv1{
        width: 100%;
    }
    .sec4overviewdiv1{
        font-size: 26px !important;
    }
    .sec4overviewdiv2{
        font-size: 20px !important;
    }
    .sec4overviewdiv3{
        font-size: 26px !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 20px !important;
    }
    .sec4overviewdiv5{
        font-size: 26px !important;
    }
    .sec4overviewdiv6{
        font-size: 26px !important;
        /* margin-top: 12rem !important; */
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 19rem !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    } */
}


/* ------------------------------------------------------------- */

@media (min-width:1024px) and (max-width:1100px) {
    .sec5{
        margin-top: -20% !important;
    }
    
    .sec2teamscard{
        width: 14.5rem !important;
    }

    .sec3lifecard{
        width: 19rem !important;
    }

    .sec1overviewdiv1{
        width: 100%;
    }
    .sec4overviewdiv1{
        font-size: 26px !important;
    }
    .sec4overviewdiv2{
        font-size: 20px !important;
    }
    .sec4overviewdiv3{
        font-size: 26px !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 20px !important;
    }
    .sec4overviewdiv5{
        font-size: 26px !important;
    }
    .sec4overviewdiv6{
        font-size: 26px !important;
        /* margin-top: 12rem !important; */
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 19rem !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    } */
}


/* ------------------------------------------------------------- */

@media (min-width:1101px) and (max-width:1200px) {
    .sec5{
        margin-top: -20% !important;
    }

    .sec2teamscard{
        width: 15.8rem !important;
    }

    .sec3lifecard{
        width: 20.8rem !important;
    }

    .sec1overviewdiv1{
        width: 100%;
    }
    .sec4overviewdiv1{
        font-size: 30px !important;
    }
    .sec4overviewdiv2{
        font-size: 24px !important;
    }
    .sec4overviewdiv3{
        font-size: 30px !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 24px !important;
    }
    .sec4overviewdiv5{
        font-size: 30px !important;
    }
    .sec4overviewdiv6{
        font-size: 30px !important;
        /* margin-top: 12rem !important; */
    }
    .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewcard{
        width: 20rem !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    } */
}


/* ---------------------------------------------------- */

@media (min-width:1201px) and (max-width:1400px) {
    .sec6card{
        width: 23rem !important;
    }

    .sec2teamscard{
        width: 17.3rem !important;
    }

    .sec3lifecard{
        width: 23rem !important;
    }

    .sec1overviewdiv1{
        width: 100%;
    }
    .sec4overviewdiv1{
        font-size: 30px !important;
    }
    .sec4overviewdiv2{
        font-size: 24px !important;
    }
    .sec4overviewdiv3{
        font-size: 30px !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 24px !important;
    }
    .sec4overviewdiv5{
        font-size: 30px !important;
    }
    .sec4overviewdiv6{
        font-size: 30px !important;
        /* margin-top: 12rem !important; */
    }
    /* .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    } */
    .sec6overviewcard{
        width: 23rem !important;
        height: 25rem !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    } */
}


/* ---------------------------------------------------- */

@media (min-width:1401px)and (max-width:1500px) {
    .sec6card{
        width: 27rem !important;
    }

    .sec2teamscard{
        width: 20.5rem !important;
    }

    .sec3lifecard{
        width: 27rem !important;
    }


    .sec1overviewdiv1{
        width: 100%;
    }
    .sec4overviewdiv1{
        font-size: 30px !important;
    }
    .sec4overviewdiv2{
        font-size: 24px !important;
    }
    .sec4overviewdiv3{
        font-size: 30px !important;
        width: 100% !important;
    }
    .sec4overviewdiv4{
        font-size: 24px !important;
    }
    .sec4overviewdiv5{
        font-size: 30px !important;
    }
    .sec4overviewdiv6{
        font-size: 30px !important;
        /* margin-top: 12rem !important; */
    }
    /* .sec5overviewdiv1{
        font-size: 22px !important;
    }
    .sec6overviewdiv1{
        font-size: 22px !important;
    } */
    .sec6overviewcard{
        width: 27rem !important;
        height: 25rem !important;
    }
    /* .sec6overviewcardimg{
        width: 80px !important;
    }
    .sec6overviewcardtitle{
        font-size: 12px !important;
    }
    .sec6overviewcardtext{
        font-size: 14px !important;
    } */
}


/* ---------------------------------------------------- */

/* @media (min-width:1501px)and (max-width:1600px) {
    
} */


/* ---------------------------------------------------- */

/* @media (min-width:1601px)and (max-width:1700px) {
    
} */


/* ---------------------------------------------------- */

/* @media (min-width:1701px)and (max-width:1800px) {
    
} */


/* ---------------------------------------- */

@media (min-width:1801px) and (max-width:1900px) {
    .sec5{
        margin-top: -30% !important;
    }
    .sec6card{
        width: 35rem !important;
    }

    .sec2teamscard{
        width: 26rem !important;
    }
    
    .sec2teamscardtext2{
        font-size: 20px !important;
    }

    .sec3lifecard{
        width: 35rem !important;
    }

    .sec6overviewcard{
        width: 35rem !important;
        height: 25rem !important;
    }
}


/* ---------------------------------------- */

@media (min-width:1901px) and (max-width:2000px) {
    .sec5{
        margin-top: -32% !important;
    }
    .sec6card{
        width: 37rem !important;
    }

    .sec2teamscard{
        width: 28rem !important;
    }
    .sec2teamscardtext2{
        font-size: 22px !important;
    }

    .sec3lifecard{
        width: 37rem !important;
    }


    .sec6overviewcard{
        width: 37rem !important;
        height: 25rem !important;
    }
}


/* ------------------------------------------------------ */

@media (min-width:2001px) and (max-width:2500px) {
    .sec5{
        margin-top: -34% !important;
    }
    .sec6card{
        width: 39rem !important;
    }

    .sec2teamscard{
        width: 29.5rem !important;
    }
    .sec2teamscardtext2{
        font-size: 24px !important;
    }

    .sec3lifecard{
        width: 39rem !important;
    }

    .sec6overviewcard{
        width: 39rem !important;
        height: 25rem !important;
    }
}


@media (max-width:700px) {
    .caimg{
        position:absolute;
        color: white;
        font-size: 25px !important;
        font-weight: bolder;
        text-shadow: 2px 2px 2px black;
        /* transform: translate(50%, 150%) ; */
        display:block !important;
      }
    
      .sec3lifecard:hover .card-img-top{
        filter: blur(1px) !important;
      }

}


@media (max-width:500px) {
#resume{
    font-size: 12px !important;
}
.sec3jobdescfrmbtn2{
    font-size: 14px !important;
}
}

@media only screen and (max-width: 991px) {
    .nav_active{
    background-image:linear-gradient(to right, rgb(27,154,135,0.5),rgb(1,215,184,0.5));
    }
    .nav_active::after {
        display: none;
    }   
}
.hiresec{
    background-color:rgb(237,237,237);
    }
.hiresecdiv1{
    font-size: 48px;
}
/* .overviewcardimg{
    width: 70px;
} */
.hireseccardtext{
    font-size: 20px;
}
/* hire section media quiery in jobdescription */
@media(min-width:250px)and (max-width:400px) {
    .hiresecdiv1{
        font-size: 22px !important;
    }
    .hireseccard{
        width: 14rem !important;
        height: fit-content !important;
        margin: auto !important;
    }
    .hireseccardimg{
        width: 80px !important;
    }
    .hireseccardtitle{
        font-size: 12px !important;
    }
    .hireseccardtext{
        font-size: 14px !important;
    }

}

@media(min-width:401px)and (max-width:600px) {
    .hiresecdiv1{
        font-size: 22px !important;
    }
    .hireseccard{
        width: 20rem !important;
        height: fit-content !important;
        margin: auto !important;
    }
    .hireseccardimg{
        width: 80px !important;
    }
    .hireseccardtitle{
        font-size: 12px !important;
    }
    .hireseccardtext{
        font-size: 14px !important;
    }

}

@media(min-width:601px)and (max-width:991px) {
    .hireseccard{
        margin: auto !important;
    }
}
@media(min-width:992px)and (max-width:1100px) {
    .hireseccard{
        width: 18rem !important;
        height: 20rem !important;
        margin: auto !important;
    }
    .hireseccardimg{
        width: 80px !important;
    }
    .hireseccardtitle{
        font-size: 12px !important;
    }
    .hireseccardtext{
        font-size: 14px !important;
    }
}

@media(min-width:1100px)and (max-width:1200px) {
    .hireseccard{
        width: 21rem !important;
        height: 20rem !important;
        margin: auto !important;
    }
    .hireseccardimg{
        width: 80px !important;
    }
    .hireseccardtitle{
        font-size: 14px !important;
    }
    .hireseccardtext{
        font-size: 17px !important;
    }
}

@media(min-width:1201px)and (max-width:1430px) {
    .hireseccard{
        width: 23.2rem !important;
        height: 20rem !important;
        margin: auto !important;
    }
    .hireseccardimg{
        width: 80px !important;
    }
    .hireseccardtitle{
        font-size: 14px !important;
    }
    .hireseccardtext{
        font-size: 17px !important;
    }
}
@media(min-width:1800px)and (max-width:2200px) {
    .hireseccard{
        width: 32rem !important;
        height: 23rem !important;
        margin: auto !important;
    }
    .hireseccardimg{
        width: 80px !important;
    }
    .hireseccardtitle{
        font-size: 18px !important;
    }
    .hireseccardtext{
        font-size: 22px !important;
    }
}

/* hire section media quiery in jobdescription ends */