.container {

    max-width: 1920px;

    margin: auto;

    padding: 0px;

   }



   .bg-light {

    position: fixed;

    width: 100%;

    max-width: 1920px; 

    top:7%;  

    left:0%;

}



.blog-titles h3{

    position: absolute;

     font-family: Poppins;

    bottom: 30%;

    z-index: 9;

    color: #fff;

    font-size: 54px !important;

    left: 8%;

}



.blog-imagsd {

    width: 100%;

    height: 440px;

}

.top-header {

    position: relative !important;

    z-index: 999;

    margin: 0px;

}

#main-header {

    position: absolute !important;

    z-index: 999;

    width: 100%;

}



.homepage-top {

    background-position-y: initial;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    padding: 0px;

    max-width: 1920px;

}

.navbar-nav.na-heades-sect {

    margin: auto !important;

}



    .nav-item-active{

        width: 129px;

        height: 45px;

        background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;

        background: #FFB300 0% 0% no-repeat padding-box;

        opacity: 1;

    }



    .nav-item-active > .nav-link{

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 19px;

    }    



    .navbar-expand-lg .navbar-nav {

         -webkit-box-orient: horizontal;

         -webkit-box-direction: normal;

         -ms-flex-direction: row;

         flex-direction: row;

         align-content: center !important;

    }    

    

    .navbar-light .navbar-nav .main-head:hover  {

        color: #FFB300 !important;

        font-size: 14px;

        text-align: left;

        font-weight: 550;

    }



    .categories:hover {

        color: black !important;

        margin-left: 0%;

        width: 100%;

        height: 100%;

        background: #FFB300;

        text-align: center;

        font-size: 19px;

    }



    .navbar-main{

      align-items: center;

      margin: 0px;

    }



        /* megamenu */

      

      #dropdown-1 {

        margin-left: 35%;

        margin-right:2%;

    }

    #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    .mr-sm-2, .mx-sm-2 {

        margin-right: 0px !important;

    }



       .dropdown-content {

        display: none;

        position: absolute;

        background-color: #f9f9f9;

        width: 100%;

        left: 0;

        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

        z-index: 1;

        top: 100%;

      }

      

      .dropdown-content .headers {

        background: #fff;

        color: black;

        

      }



      .active {

        background-color: #FFB300;

        width: 100%;

        height: auto;

    }



      .dropdown-content .headers > h4 {

        margin-left: 2%;

      }



      .dropdown-mobile{

        display: none;

    }

    .sub-category-block {

        height: 545px;

        overflow: auto;

    }

   

      /* Create three equal columns that floats next to each other */

       .column {

        float: left;

        width: 33.33%;

        background-color: #fffdfd;

        height: 100%;

      }

      

      .column a {

        float: none;

        color: black;

        padding: 10px;

        text-decoration: none;

        display: block;

        text-align: left;

        font-family: Poppins;

       

      }

      

      .column a:hover {

        color: #004c86;

      }

     

      .megamenu-row {

        background-color: #fffdfd;

    }

    .megamenu-row1 {

       background-color: #fffdfd;

   }



   .column-category{

    float: left;

    width: 33.33%;

    background-color: #ece4e42b;

    height: 400px;

    overflow: hidden;
    
    max-width: 20%;

}



.column-category::-webkit-scrollbar {

    width: 13px;

}



.navbar-mobile{

    display: none;

}

 

.column-category::-webkit-scrollbar-track {

    background-color: #e4e4e4;

    border-radius: 100px;

}

 

.column-category::-webkit-scrollbar-thumb {

    background-color: #0067d4;

    border-radius: 100px;

}



.dropdown-item {

 font-family: Poppins;

 padding: 5px 12px;

 font-size: 0.9rem;

}

.dropdown-item:focus, .dropdown-item:hover {

    color: #0067d4;

    text-decoration: none;

    background-color: #f8f9fa;

}



.sub-category{

    display: block;

}



.sub-category-block::-webkit-scrollbar {

 width: 13px;

}



.navbar-mobile{

 display: none;

}



.sub-category-block::-webkit-scrollbar-track {

 background-color: #e4e4e4;

 border-radius: 100px;

}



.sub-category-block::-webkit-scrollbar-thumb {

 background-color: #0067d4;

 border-radius: 100px;

}





.sub-category-1  h3  {

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

    color: #0067d4;   

    margin-top: 2%;

}



.sub-category-1 p  a {

    color: #666;

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

}





.subcat-1::-webkit-scrollbar {

    width: 10px;

}

 

.subcat-1::-webkit-scrollbar-track {

    background-color: #e4e4e4;

    border-radius: 100px;

}

 

.subcat-1::-webkit-scrollbar-thumb {

    background-color: #0067d4;

    border-radius: 100px;

}



.sub-category-block h3 a{

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

    color: #0067d4;

    margin-top: 4%;
    
    line-height: 5px;

}

.sub-category-block h3 a:hover{
       text-decoration: none !important;
   }



.sub-category-block  p  a {

    color: #666;

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

}



.sub-category-block  p {

 margin-bottom: 0.1rem !important;

}



.btn-link {

 font-family: Poppins;

 font-weight: 400;

 color: #000 !important;

 background-color: transparent;

 text-decoration: none;
 
 font-size: 0.9rem;

}



.card-body {

 -webkit-box-flex: 1;

 -ms-flex: 1 1 auto;

 flex: 1 1 auto;

 padding: 0px !important;

}



.card-header {

 padding: 5px !important;

 margin-bottom: 0;

 background-color: rgba(230, 230, 230, 0.03) !important;

 border-bottom: 0.5px solid rgba(0,0,0,.125);

}



.dropdown-mobile a.disabled {

 pointer-events: none;

 cursor: default;

}



.big-menu > p {

 margin-bottom: 0.2rem !important;

}

      

       /* Clear floats after the columns  */

       .row:after {

        content: "";

        display: table;

        clear: both;

      }

      

   /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ 

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

        .column {

          width: 100%;

          height: auto;

        }

      }  



      .search-bar{

          margin-left: 28%;

      }





    /* megamenu-end */



    .rove-logo {

        width: 100px;

        margin-left: 60%;

    }

    .navbar-light .navbar-nav .nav-link {

         color: rgb(255, 255, 255) !important;

         font-size: 14px;

         text-align: left;

         font-weight: 550;

     }

     .navbar-second .navbar-nav .nav-link {

          color: black !important;

          margin-left: 0%;

          text-align: center;

          font-size: 19px;

     }

      .nav-link.contact-link:hover {

        color: #FFB300 !important;

        cursor:pointer;

    }

    .contact-link:hover{

          color: #FFB300 !important;

          font-size: 14px;

          text-align: left;

          font-weight: 550;

     }



     .dropdown .dropdown-menu {

        position: absolute;

        display: none !important;

        }



      .dropdown:hover .dropdown-menu {

        position: absolute;

        display: block !important;

         }



         

     .search-icon{

          width: 80%;

          color: white;

     }

     .search-button{

          background: #007bff;

          display: inline-block;

     }

     #dropdownMenuButton{

         width: 173px;

         height: 36px;

         background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

         background: #FFFFFF 0% 0% no-repeat padding-box;

         border: 1px solid #ADADAD;

         opacity: 1;

         font-size: 14px;

         text-align: left;

         color: #707070;

         border-radius: 0px;

         border: 1px solid lightgrey;

     }



     .btn.btn-outline-primary.my-2.my-sm-0.search-button {

       border-radius: 0px !important;

   }

     

     .form-control.mr-sm-2.search-box{

         width: 305px;

         height: 36px;

         background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

         background: #FFFFFF 0% 0% no-repeat padding-box;

         border: 1px solid #ADADAD;

         opacity: 1;

         font-size: 14px;

         text-align: left;

         color: #707070;

         border-radius: 0px;

         border: 1px solid lightgrey;

     }



     .category-lists .dropdown-menu {

        position: absolute;

        display: none !important;

        }



      .category-lists:hover .dropdown-menu {

        position: absolute;

        display: block !important;

        height: 350px;

        overflow: scroll;

       }





       .homepage-head{

           display: flex;

           margin-top: 8%;

           

       }



       /* .second-header-searchbar{

           display: flex;

       } */



       .footer-links-mail-head{

        display: flex;

    }



    .footer-links-mail-head > img{

        width: 22px;

        height: 22px;

        background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;

        background: #0067D4 0% 0% no-repeat padding-box;

        border-radius: 5px;

        opacity: 1;

        margin-top: 2%;

    }

    .footer-links-mail-head > p{

        font-size: 13px;

        text-align: left;

        color: #FFFFFF;

        font-family: Poppins;

        line-height: 21px;

        margin-top: 2%;

        margin-left: 2%;

    }



    .footer-left-head > h4{

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        color: white;

    }



    .footer-left2-head > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        margin-top: 4%;

        font-family: Poppins;

        font-weight: 550;

        color: white;

    }



    .footer-sec-2-head > h4 { 

        font-size: 20px; 

        text-align: left; 

        line-height: 30px; 

        font-family: Poppins; 

        font-weight: 550; 

    } 



    .footer-left-head > span {

        font-size: 14px;

    }



    .footer-links-head{

        display: flex;

    }



    .footer-links-head > p {

        font-size: 14px;

        text-align: left;

        color: #FFFFFF;

        font-family: Poppins;

        line-height: 21px;

        margin-top: 2%;

        margin-left: 2%;

    }





    .footer-sec-2-head >  p {

        font-size: 14px;

        text-align: left;

        color: #FFFFFF;

        font-family: Poppins;

        /* line-height: 23px; */

        margin-top: -4%;

    }



    .homepage-title > h3 {

         font-size: 54px;

         font-family: Poppins;

         text-align: center;

         letter-spacing: 0px;

         color: #FFFFFF;

         opacity: 1;

         line-height: 43px;

         margin-top: 15%;

    }



    .homepage-title > p {

         font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/24px var(--unnamed-font-family-poppins);

         letter-spacing: var(--unnamed-character-spacing-0);

         color: var(--unnamed-color-ffffff);

         text-align: left;

         font: normal normal 600 14px/24px Poppins;

         letter-spacing: 0px;

         color: #FFFFFF;

         opacity: 1;

         margin-top: 1%;

    }





    /* Career main */

    .row.career-main {

    margin: 0px;

}



   



    .career-back > h4 {

        font-size: 17px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: left;

        margin-left: 3%;

        margin-top: 2%;

        cursor: pointer;

    }



    .career-main > h3{

        font-size: 50px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 3% auto 0% auto;

    }

    .career-main > p {

        font-size: 16px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 30px;

        margin: 1% auto;        

        width: 90%;

    }



    .row.career-values {

        margin: 3% auto 0% auto;

        justify-content: center;

    }



    .row.career-values-2 {

        margin: 2% auto 0% auto;

        justify-content: center;

    }



    .values-head{

        font-size: 17px;

        font-family: Poppins;

        font-weight: 500;

        color:black;

        text-align: left;

    }



    .values-desc {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color:#707070;

        text-align: left;

        line-height: 17px;

    }



    .values-icon{

        width: 100%;

        height: auto;

    }



    /* //vaccancies */



    .vaccancies-image {

        width: 100%;

        height: auto;

    }

    .row.career-vaccancies {

        justify-content: center;

        margin: 5% 0% 3% 0%;

        background-color: #EBEBEB;

        padding: 3%;

    }

    .vaccancies-content {

        text-align: center;

    }

    .vaccancies-head{

        font-size: 18px;

        font-family: Poppins;

        font-weight: 500;

        color:#010000;

        text-align: center;

        margin: 2% auto;

    }

    .vaccancies-button {

        width: 160px;

        height: auto;

        background-color: #0067D4;

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color:white;

        text-align: center;

        border: none;

        padding: 1%;

        margin: auto;

    }



    .vaccancies-button:hover{

        color: black;

        background-color: #FFB300;

    }



     /* //Modal */



     .modal-header{

        border: none !important;

        border-top-right-radius: none !important;

        padding: 0.7rem !important;

     }

 

     .modal-top {

         background-color: #0067D4;

     }
      .input-code {
    display: flex;
}
    .phone-input {
    width: 80%;
    height: 45px !important;
    margin-left: -1px;
}
.form-control.country-code {
    width: 20%;
    height: 45px !important;
    border: 1px solid darkgray;
    border-radius: 3px;
    font-size: 15px;
    font-family: Poppins;
    text-align: left;
    color: #707070;
    padding: 0px;
}



     .close {

        font-size: 1.5rem;

        font-weight: 700;

        line-height: 1;

        color: #000;

        text-shadow: none !important;

    }

 

     .close-btn {

         font-family: Poppins;

         font-size: 16px;

         color: white;

         font-weight: 500;

     }

     .modal-title {

        font-size: 20px;

        text-align: left;

        color: #010000;

        font-weight: 700;

        border-bottom: 4px solid #FFB300;

        width: 50%;

        font-family: Poppins;

        margin-bottom: 5%;

     }

 

     .modal-footer {

         margin: auto;

         border: none !important;

         justify-content: center;

     }

 

     .modal-footer > button {

         font-size: 15px;

         font-family: Poppins;

         text-align: center;

         color: #ffffff;

         font-weight: 400;

         background-color: #0067D4;

     }

 

     .enquiry-fields {

         margin: auto;
         
         width: 75%;

     }
     svg.svg-inline--fa.fa-paperclip.fa-w-14.pappersd {
    float: right;
}

 

     .enquiry-fields  input {

         font-size: 15px;

         font-family: Poppins;

         text-align: left;

         color: #707070;

         font-weight: 400;

         width: 100%;

         height: 48px;

         background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

         background: #FFFFFF 0% 0% no-repeat padding-box;

         border: 1px solid darkgray;

         border-radius: 3px;

         opacity: 1;

         margin-bottom: 5%;

         padding: 2%;

     }

 

     .enquiry-fields textarea {

         background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

         background: #FFFFFF 0% 0% no-repeat padding-box;

         border: 1px solid darkgray;

         border-radius: 3px;

         opacity: 1;

         width: 100%;

         font-size: 15px;

         font-family: Poppins;

         text-align: left;

         color: #707070;

         font-weight: 400;

         padding: 2%;

     }



     .drop-content {

        width: 100%;

        padding: 2%;

        appearance: none;

        background-image: url("../images/career/select-icon.svg");

        background-position: right;

        background-repeat: no-repeat;

        background-size: initial;

        background-position-x: 98%;

        margin: 0 0 22px 0;

        border: 1px solid darkgray;

        border-radius: 5px;

        font-size: 15px;

        font-family: Poppins;

        text-align: left;

        color: #a29e9e;

        font-weight: 400;

    }

    .custom-file-label {

        font-size: 15px;

        font-family: Poppins;

        text-align: left;

        color: #a29e9e;

        font-weight: 400;

    }



   

/**************************************/

label.msedsd {

    width: 100%;

    padding: 2.8% 2%;

    text-align: center;

    border: 1px solid #aca6a6ed;

    border-radius: 5px;

 }

 .pappersd {

    transform: rotate(138deg);

    color: #8f8f8f;

    float: inline-end;

 }

 input[type="file"] {

    display: none;

    margin: auto 0 auto 8px;

 }

 #ifile20s {

    position: absolute;

    top: 78%;

    font-size: 13px;

}

#ifile01s {

    position: absolute;

    top: 78%;

    font-size: 13px;

}

.custom-news{

    width: 100%;

}

.chss {

    float: left;

    font-size: 15px;

    color: #918e8e;

    font-family: Poppins;

    font-weight: 400;

}

/**************************************/

/* CONTACT US */





  



     .contact-us {

            margin-top: 3%;

            background-image: url("../images/Homepage/get-in-touch.jpeg");

            background-size: cover;

            width: 100%;

            height: 250px;

            background-position: right;

        }



     .contact-left  h2 {

        font-size: 38px;

        width: 100%;

        text-align: left;

        font-family: Poppins;

        color: #FFFFFF;

        line-height: 60px;

    }

    

    .contact-left  a {

        text-decoration:none;

    }

    

    .contact-left h2:hover {

    text-decoration: underline;

}

   .contact-left {

    padding: 6% 0% 0% 6%;

}



    .contact-left > h6 {

        font-size: 19px;

        text-align: left;

        width: 70%;

        font-family: Poppins;

        color: #FFFFFF;

        margin-left: 10%;

        margin-top: 5%;

        line-height: 27px;

    }



    .right1 >input {

        width: 40%;

        height: 100%;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border-radius: 3px;

        opacity: 1;

        font-size: 15px;

        text-align: left;

        font-family: Poppins;

        font-weight: 500;

        padding: 1.3%;

      

    }



    .contact-right  {

        text-align: center;

        margin: auto;

    }



    .contact-right > button {

        margin: auto;

    }

    .contact-right > button > a{

        text-decoration: none;

        color: #f8f9fa;

    }



    .right1 {

        margin: 10% 0% 0% 0%;

    }



    .right2 >input {

        width: 40%;

        height: 100%;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border-radius: 3px;

        opacity: 1;

        font-size: 15px;

        text-align: left;

        font-family: Poppins;

        font-weight: 500;

        padding: 1.3%;

       

        margin-top: 2%;

    

    }



    .right3 >textarea {

            width: 81%;

            height: 112px;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border-radius: 3px;

            opacity: 1;

            font-size: 15px;

            text-align: left;

            font-family: Poppins;

            font-weight: 500;

            padding: 1.3%;

            margin-top: 2%;

          

    }



    .right4 > .contact-button{

        width: 160px;

        height: 49px;

        background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;

        background: #0067D4 0% 0% no-repeat padding-box;

        border-radius: 3px;

        opacity: 1;

        margin-top: 2%;

        font-family: Poppins;

        font-size: 14px;

        margin-bottom: 5%;

    }





    /* //Homepage footer */



    .footer-content {

        max-width: 1920px;

        margin: auto;

    }



    .homepage-footer{

        width: 100%;

        height: auto;

        padding-left: 5%;

    }

  .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 75%;

    margin-left: 5%;

}

    .social-icons > img {

        width: 8%;

        height: auto;

        margin: auto;

        cursor: pointer;

    }



    .footer-links-mail{

        display: flex;

    }



    /* .footer-links-mail > img{

        width: 22px;

        height: 22px;

        background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;

        background: #0067D4 0% 0% no-repeat padding-box;

        border-radius: 5px;

        opacity: 1;

        margin-top: 2%;

    } */



    .footer-icon {

        width: 22px;

        height: 22px;

        margin: auto 0;

    }

    .footer-links-mail > p{

        font-size: 13px;

        text-align: left;

        color: #707070;

        font-family: Poppins;

        line-height: 21px;

        margin-top: 2%;

        margin-left: 2%;

    }



    .footer-left > h4{

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

    }



    .footer-left2 > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        margin-top: 4%;

        font-family: Poppins;

        font-weight: 550;

    }



    .footer-sec-2 > h4 { 

        font-size: 20px; 

        text-align: left; 

        line-height: 30px; 

        font-family: Poppins; 

        font-weight: 550; 

    } 

    .footer-sec-2 > a{

        text-decoration: none;

        color: #817979;

        margin-top: -4%;

        font-size: 14px;

    }

 



    .footer-left > span {

        font-size: 14px;

    }



    .footer-links{

        display: flex;

    }



    .footer-links p {

    font-size: 13px;

    text-align: left;

    color: #707070;

    font-family: Poppins;

    line-height: 12px;

    margin-top: 4%;

    margin-left: 2%;

}





    .footer-sec-2 >  p {

        font-size: 14px;

        text-align: left;

        color: #707070;

        font-family: Poppins;

        margin-top: -4%;

    }

    .footer-sec-2-right {

        margin-top: 3%;

    }



    .footer-right1 >p {

       font-size: 16px;

       color:  #707070;

       font-family: Poppins;

       line-height: 18px;

       font-weight: 550;

       margin-top: 4%;

    }



    .footer-right1 > img{

        width: 35%;

        height: 50%;

        margin-left:-10px;

    }



    .footer-right2 > h4 {

        font-size: 13px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }



    .footer-right2 {

        padding-top: 10%;

    }



    .footer-scroller > img {

        padding-top: 80%;

        cursor: pointer;

    }



    .footer-row {

        border-bottom: 1px solid #707070;

        padding: 3%;

    }



    .footer-end{

        display: flex;

        justify-content: space-evenly;

    }



    .end-left{

        display: flex;

    }



    .end-left > img {

        margin-left: 26%;

        width: 2%;

    }



    .end-left > p {

        font-size: 12px;

        font-family: Poppins;

        text-align: left;

        line-height: 21px;

        color: #707070;

        margin-top: 2.5%;

        margin-left: 1%;

    }



    .end-right {

        display: flex;

        justify-content: space-evenly;

    }

   



    .end-right a{

        font-size: 13px;

        color: #707070;

        font-family: Poppins;

        line-height: 21px;

        margin-top: 2%;

        font-weight: 500;

    }

    .end-right p{

        margin-top:2%;

    }



    .row-margin{

        margin: 0;

        max-width: 1920px;

    }







      /* MEDIA QUERIES */

      @media screen and (max-width: 1920px) and (min-width: 1820px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 11%;

            margin-left: 10%;

        }

        .search-bar {

         margin-left: 45%;

         }

         #dropdown-1 {

            margin-left: 105%;

            margin-right: 2%;

        }

         .navbar-main {

             align-items: center;

             margin: 0px;

         }    

     }

 

     @media screen and (max-width: 1820px) and (min-width: 1720px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 11%;

            margin-left: 10%;

        }

         .search-bar {

          margin-left: 45%;

          }

          #dropdown-1 {

              margin-left: 83%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

              margin: 0px;

          }    

      }

 

      @media screen and (max-width: 1720px) and (min-width: 1620px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 12%;

            margin-left: 10%;

        }

         .search-bar {

          margin-left: 45%;

          }

          #dropdown-1 {

              margin-left: 83%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

              margin: 0px;

          }    

      }

 

      @media screen and (max-width: 1620px) and (min-width: 1520px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 12%;

            margin-left: 10%;

        }

         .search-bar {

          margin-left: 40%;

          }

          #dropdown-1 {

              margin-left: 73%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

              margin: 0px;

          }    

      }



      @media screen and (max-width: 1420px) and (min-width: 1320px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 15%;

            margin-left: 10%;

        }

    }



    @media screen and (max-width: 1380px) and (min-width: 1280px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 18%;

            margin-left: 10%;

        }

    }





   @media screen and (max-width: 1280px) and (min-width: 1180px) {

    .career-main > h3 {

        font-size: 45px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 4% auto 0% auto;

    }

    .career-main > p {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 30px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 17px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: left;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 18%;

        margin-left: 10%;

    }

    .search-bar {

        margin-left: 18%;

    }

    

    #dropdown-1 {

        margin-left: 15%;

        margin-right:2%;

    }

    #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    .navbar-main {

        align-items: center;

        margin: 0px;

    }



  }



  @media screen and (max-width: 1180px) and (min-width: 1080px) {

      .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 5%;

}

    .career-main > h3 {

        font-size: 45px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 4% auto 0% auto;

    }

    .career-main > p {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 30px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 17px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .search-bar {

        margin-left: 10%;

    }

    

    #dropdown-1 {

        margin-left: 3%;

        margin-right:2%;

    }

    #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: left;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 18%;

        margin-left: 10%;

    }



    .rove-logo {

        width: 100px;

        margin-left: 35%;

    }



    .navbar-main {

        align-items: center;

        margin: 0px;

    }

  }



  @media screen and (max-width: 1080px) and (min-width: 980px) {
      .sub-category-block h3 a {
    font-family: Poppins;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 0;
        margin-top: 0px;
    padding: 0 0 0 0;
    vertical-align: top;
    display: block;
    border: 0;
    color: #0067d4;
    margin-top: 4%;
    line-height: 20px;
}
      .column-category {
    float: left;
    width: 33.33%;
    background-color: #ece4e42b;
    height: 400px;
    overflow: hidden;
    max-width: 24%;
}

      .contact-us {

    margin-top: 3%;

    background-image: url("../images/Homepage/get-in-touch.jpeg");

    background-size: cover;

    width: 100%;

    height: 150px;

    background-position: right;

}

      .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 5%;

}

    .career-main > h3 {

        font-size: 40px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 4% auto 0% auto;

    }

    .career-main > p {

        font-size: 14px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 30px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 17px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .search-bar {

        margin-left: 8%;

    }

    

    #dropdown-1 {

        margin-left: 2%;

        margin-right:2%;

    }

    #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    .rove-logo {

        width: 100px;

        margin-left: 35%;

    }



    .navbar-main {

        align-items: center;

        margin: 0px;

    }



    .form-control.mr-sm-2.search-box {

        width: 220px;

        height: 36px;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 14px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }



    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 18px;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: left;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 20%;

        margin-left: 10%;

    }

  }



  @media screen and (max-width: 990px) and (min-width: 900px) {
      .sub-category-block h3 a {
    font-family: Poppins;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 0;
        margin-top: 0px;
    padding: 0 0 0 0;
    vertical-align: top;
    display: block;
    border: 0;
    color: #0067d4;
    margin-top: 4%;
    line-height: 20px;
}
      
      .column-category {
    float: left;
    width: 33.33%;
    background-color: #ece4e42b;
    height: 400px;
    overflow: hidden;
    max-width: 24%;
}

      .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 5%;

}

      .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 3%;

}

.footer-right1 > img {

    width: 35%;

    height: 50%;

    margin-left: -10px;

}

      .footer-sec-2-right {

    margin-top: 4%;

}

    .footer-right2 > h4 {

        font-size: 14px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }



    .homepage-footer {

        width: 100%;

        height: auto;

    }

    

    .footer-sec-2 > h4 {

        font-size: 14px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        margin-bottom: 5%;

    }
    .footer-left > h4 {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    font-family: Poppins;
    font-weight: 550;
}

    .rove-logo {

        width: 100px;

        margin-left: 25%;

    }



    .homepage-title {

        margin: 14% 0 0 8%;

    }



    .search-bar {

        margin-left: 29%;

    }



    .navbar-main {

        align-items: center;

        margin: 0px;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: left;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 20%;

        margin-left: 10%;

    }





    #dropdown-1 {

        margin-left: 25%;

        margin-right: 2%;

    }

    #dropdown-2 {

      margin-left: 2%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 2%;

      margin-right: 2%;

    } 

    .social-icons > img {

        width: 15%;

        height: auto;

        margin: auto;

    }



    .form-control.mr-sm-2.search-box {

        width: 250px;

        height: 36px;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 14px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 17px;

        padding: 1%;

     }

    } 







  @media screen and (max-width: 900px) and (min-width: 700px) {



  .navbar-expand-lg .navbar-nav {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

      align-content: center !important;

  }

   #dropdown-1 {

    margin-left: 0%;

    margin-right: 2%;

    }

    #dropdown-2 {

    margin-left: 0%;

    margin-right: 2%;

    } 

    #dropdown-3 {

    margin-left: 0%;

    margin-right: 2%;

    } 

    .nav-item.space-bar {

        display: none;

    }

    .search-bar {

        margin-left: 32%;

    }

    .navbar-main {

        align-items: center;

        margin: 0px;

    }

    .rove-logo {

        width: 100px;

        margin-left: 20%;

    }

    

 }



 @media screen and (max-width: 900px) and (min-width: 768px) {
     .sub-category-block h3 a {
    font-family: Poppins;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 0;
        margin-top: 0px;
    padding: 0 0 0 0;
    vertical-align: top;
    display: block;
    border: 0;
    color: #0067d4;
    margin-top: 4%;
    line-height: 20px;
}
     .column-category {
    padding: 10px;
    float: left;
    background-color: #ece4e42b;
    height: 400px;
    overflow: scroll;
    width: 100%;
    max-width: 30%;
}

     .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 8%;

}

     .footer-sec-2-right {

    margin-top: 4%;

}
.end-left > p {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    line-height: 21px;
    color: #707070;
    margin-top: 4.5%;
    margin-left: 1%;
}

    .career-main > h3 {

        font-size: 40px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 4% auto 0% auto;

    }

    .career-main > p {

        font-size: 14px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 25px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 13px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .values-icon {

        width: 170%;

        height: auto;

    }

    .vaccancies-button {

        width: 80px;

        height: auto;

        background-color: #0067D4;

        font-size: 11px;

        font-family: Poppins;

        font-weight: 500;

        color: white;

        text-align: center;

        border: none;

        padding: 1%;

        margin: auto;

    }

   

    .brands-box1 > h4 {

        font-family: Poppins;

        font-size: 14px;

        text-align: center;

        line-height: 21px;

        font-weight: bold;

        width: 100%;

    }



    .brands-box1 {

        margin-left: 6%;

        width: 100%;

        height: 231px;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #100F0C;

        border-radius: 3px;

        opacity: 1;

    }

    .homepage-footer {

        width: 100%;

        height: auto;

    }

    .footer-sec-2 > h4 {

        font-size: 14px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        margin-bottom: 5%;

    }
    .footer-left > h4 {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    font-family: Poppins;
    font-weight: 550;
}
.footer-right1 > img {
    width: 35%;
    height: 50%;
    margin-left: -3px;
}

    .social-icons > img {

        width: 7%;

        height: auto;

        margin: auto;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: center;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 22%;

    }

    

}



 @media screen and (max-width: 768px) and (min-width: 600px) {

     /********************career & values*/



    .career-main > h3 {

        font-size: 40px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 3% auto 0% auto;

    }

    .career-main > p {

        font-size: 13px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 23px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 13px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .values-icon {

        width: 170%;

        height: auto;

    }

    .vaccancies-button {

        width: 105px;

        height: auto;

        background-color: #0067D4;

        font-size: 11px;

        font-family: Poppins;

        font-weight: 500;

        color: white;

        text-align: center;

        border: none;

        padding: 1%;

        margin: auto;

    }

    .values-icon {

        width: 15%;

        height: auto;

    }

    .values-full{

       text-align: center;

       justify-content: center;

       margin-top: 2%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: center;

        margin-top: 3%;

    }

    .values-desc {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 17px;

    }



    .values-content {

        margin: auto;

        text-align: center;

        justify-content: center;

        width: 55%;

    }

    .vaccancies-image {

        width: 70%;

        height: auto;

    }

    .row.career-vaccancies {

        justify-content: center;

        margin-top: 5%;

        margin-bottom: 3%;

        text-align: center;

    }

    .vaccancies-box {

        margin-top: 3%;

    }



    /*///////////////////////*/





    .career-vaccancies-list > h5 > a {

        font-family: Poppins;

        font-size: 20px;

        font-weight: 550;

        line-height: 30px;

        text-align: left;

        color: #0067d4;

        text-decoration: none;

    }

    .career-vaccancies-list > h4 {

        font-family: Poppins;

        font-size: 20px;

        font-weight: 500;

        line-height: 30px;

        color: #707070;

    }

    .career-vaccancies-box > h2 {

        font-size: 40px;

        text-align: center;

        font-family: Poppins;

        line-height: 60px;

        color: #707070;

        padding-top: 3%;

    }

    .career-sec > h2 {

        font-size: 45px;

        font-family: Poppins;

        font-weight: 600;

        line-height: 60px;

        text-align: left;

        color: #0067d4;

        letter-spacing: var(--unnamed-character-spacing-0);

    }

    .career-sec > p {

        font-size: 16px;

        font-family: Poppins;

        line-height: 30px;

        text-align: left;

        color: #707070;

        letter-spacing: var(--unnamed-character-spacing-0);

        width: 70%;

    }

    .career-main-right {

        margin: 0px;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: center;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 25%;

    }

    .homepage-footer {

        width: 100%;

        height: auto;

    }

    .footer-sec-2 > p {

        font-size: 14px;

        text-align: left;

        color: #707070;

        font-family: Poppins;

        line-height: 23px;

        margin-top: -1%;

    }

    .footer-sec-2 > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        margin-bottom: 0%;

    }

    .social-icons > img {

        width: 7%;

        height: auto;

        margin: auto;

    }

 }



 @media screen and (max-width: 700px) and (min-width: 600px) {

    .career-main-right {

        margin: 0px;

    }

    .homepage-footer {

        width: 100%;

        height: auto;

        padding: 0px;

    }

    .footer-sec-2 > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        margin-bottom: 5%;

    }

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: column !important;

        flex-direction: column !important;

        align-content: center !important;

    }

   

     #dropdown-1 {

      margin-left: 0%;

      margin-right: 2%;

      }

      #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      .nav-item.space-bar {

          display: none;

      }

      .search-bar {

          margin-left: 25%;

      }

      .navbar-main {

        align-items: center;

        margin: 0px;

    }

    .rove-logo {

        width: 100px;

        margin-left: 0%;

    }

    .social-icons > img {

        width: 10%;

        height: auto;

        margin: auto;

    }



 }



 @media screen and (max-width: 600px) and (min-width: 450px) {
     .footer-scroller {
    position: relative;
}
.footer-scroller > img {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 70%;
}
.social-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
    width: 60%;
    margin-left: 3%;
}

      /********************career & values*/



    .career-main > h3 {

        font-size: 40px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 3% auto 0% auto;

    }

    .career-main > p {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 22px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 13px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .values-icon {

        width: 170%;

        height: auto;

    }

    .vaccancies-button {

        width: 105px;

        height: auto;

        background-color: #0067D4;

        font-size: 11px;

        font-family: Poppins;

        font-weight: 500;

        color: white;

        text-align: center;

        border: none;

        padding: 1%;

        margin: auto;

    }

    .values-icon {

        width: 15%;

        height: auto;

    }

    .values-full{

       text-align: center;

       justify-content: center;

       margin-top: 2%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: center;

        margin-top: 3%;

    }

    .values-desc {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 17px;

    }



    .values-content {

        margin: auto;

        text-align: center;

        justify-content: center;

        width: 55%;

    }

    .vaccancies-image {

        width: 70%;

        height: auto;

    }

    .row.career-vaccancies {

        justify-content: center;

        margin-top: 5%;

        margin-bottom: 3%;

        text-align: center;

    }

    .vaccancies-box {

        margin-top: 3%;

    }

    .career-vaccancies-list > h5 > a {

        font-family: Poppins;

        font-size: 20px;

        font-weight: 550;

        line-height: 30px;

        text-align: left;

        color: #0067d4;

        text-decoration: none;

    }

    .career-vaccancies-list > h4 {

        font-family: Poppins;

        font-size: 20px;

        font-weight: 500;

        line-height: 30px;

        color: #707070;

    }

    .career-vaccancies-box > h2 {

        font-size: 40px;

        text-align: center;

        font-family: Poppins;

        line-height: 60px;

        color: #707070;

        padding-top: 3%;

    }

    .career-sec > h2 {

        font-size: 45px;

        font-family: Poppins;

        font-weight: 600;

        line-height: 60px;

        text-align: left;

        color: #0067d4;

        letter-spacing: var(--unnamed-character-spacing-0);

    }

    .career-sec > p {

        font-size: 16px;

        font-family: Poppins;

        line-height: 30px;

        text-align: left;

        color: #707070;

        letter-spacing: var(--unnamed-character-spacing-0);

        width: 70%;

    }

    .career-main-right {

        margin: 0px;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: center;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 34%;

    }

    .homepage-footer {

        width: 100%;

        height: auto;

    }

    .footer-sec-2 > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        margin-bottom: 5%;

    }

    .footer-sec-2 > p {

        font-size: 14px;

        text-align: left;

        color: #707070;

        font-family: Poppins;

        line-height: 23px;

        margin-top: -2%;

    }

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: column !important;

        flex-direction: column !important;

        align-content: center !important;

    }

   

     #dropdown-1 {

      margin-left: 0%;

      margin-right: 2%;

      }

      #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      .nav-item.space-bar {

          display: none;

      }

      .search-bar {

          margin-left: 13%;

      }

      .navbar-main {

        align-items: center;

        margin: 0px;

    }

    .rove-logo {

        width: 100px;

        margin-left: 0%;

    }

    .social-icons > img {

        width: 15%;

        height: auto;

        margin: auto;

    }

 }



 @media screen and (max-width: 450px) and (min-width: 350px) {
     .form-control.country-code {
    width: 20%;
    height: 45px !important;
    border: 1px solid darkgray;
    border-radius: 3px;
    font-size: 15px;
    font-family: Poppins;
    text-align: left;
    color: #707070;
    padding: 0px;
}

      /********************career & values*/
      .input-code {
    display: flex;
    width: 89%;
    margin: auto;
}
.form-control.country-code {
    width: 20%;
    height: 40px !important;
    border: 1px solid darkgray;
    border-radius: 3px;
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: #707070;
    padding: 0px;
}
.phone-input {
    width: 80%;
    height: 40px !important;
    margin-left: -1px;
}



    .career-main > h3 {

        font-size: 30px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 3% auto;

    }

    .career-main > p {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 22px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 13px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .values-icon {

        width: 170%;

        height: auto;

    }

    .vaccancies-button {

        width: 105px;

        height: auto;

        background-color: #0067D4;

        font-size: 11px;

        font-family: Poppins;

        font-weight: 500;

        color: white;

        text-align: center;

        border: none;

        padding: 1%;

        margin: auto;

    }

    .values-icon {

        width: 20%;

        height: auto;

    }

    .values-full{

       text-align: center;

       justify-content: center;

       margin-top: 2%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: center;

        margin-top: 4%;

    }

    .values-desc {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 17px;

    }



    .values-content {

        margin: auto;

        text-align: center;

        justify-content: center;

        width: 55%;

    }

    .vaccancies-image {

        width: 70%;

        height: auto;

    }

    .row.career-vaccancies {

        justify-content: center;

        margin-top: 5%;

        margin-bottom: 3%;

        text-align: center;

    }

    .vaccancies-box {

        margin-top: 3%;

    }



    .enquiry-fields input {

        font-size: 13px;

        font-family: Poppins;

        text-align: left;

        color: #707070;

        font-weight: 400;

        width: 90%;

        height: 35px;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid darkgray;

        border-radius: 3px;

        opacity: 1;

        margin-bottom: 5%;

        padding: 2%;

    }



    .drop-content {

        width: 90%;

        padding: 2%;

        appearance: none;

        background-image: url("../images/career/select-icon.svg");

        background-position: right;

        background-repeat: no-repeat;

        background-size: initial;

        background-position-x: 98%;

        margin: 0 0 22px 0;

        border: 1px solid darkgray;

        border-radius: 5px;

        font-size: 13px;

    }

    .chss {

        float: left;

        font-size: 13px;

        color: #918e8e;

        font-family: Poppins;

        font-weight: 400;

    }

    .enquiry-fields textarea {

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid darkgray;

        border-radius: 3px;

        opacity: 1;

        width: 90%;

        font-size: 13px;

        font-family: Poppins;

        text-align: left;

        color: #707070;

        font-weight: 400;

        padding: 2%;

    }

    label.msedsd {

        width: 90%;

        padding: 2.8% 2%;

        text-align: center;

        border: 1px solid #aca6a6ed;

        border-radius: 5px;

        margin: auto;

    }

    .enq-field{

        justify-content: center;

        text-align: center;

    }

    .modal-footer > button {

        font-size: 15px;

        font-family: Poppins;

        text-align: center;

        color: #ffffff;

        font-weight: 400;

        background-color: #0067D4;

        padding: 2%;

    }
    
    .drop-content option {
        width: 100% !important;
    }

    .modal-title {

        font-size: 16px;

        text-align: left;

        color: #010000;

        font-weight: 700;

        border-bottom: 4px solid #FFB300;

        width: 45%;

        font-family: Poppins;

        margin-bottom: 5%;

    }

    #ifile20s {

        position: absolute;

        top: 78%;

        font-size: 13px;

        left: 20px;

    }



    /*////////////////////*/





    .career-vaccancies-list > h5 > a {

        font-family: Poppins;

        font-size: 20px;

        font-weight: 550;

        line-height: 30px;

        text-align: left;

        color: #0067d4;

        text-decoration: none;

    }

    .career-vaccancies-list > h4 {

        font-family: Poppins;

        font-size: 20px;

        font-weight: 500;

        line-height: 30px;

        color: #707070;

    }

    .career-vaccancies-box > h2 {

        font-size: 40px;

        text-align: center;

        font-family: Poppins;

        line-height: 60px;

        color: #707070;

        padding-top: 3%;

    }

    .career-sec > h2 {

        font-size: 45px;

        font-family: Poppins;

        font-weight: 600;

        line-height: 60px;

        text-align: left;

        color: #0067d4;

        letter-spacing: var(--unnamed-character-spacing-0);

    }

    .career-sec > p {

        font-size: 16px;

        font-family: Poppins;

        line-height: 30px;

        text-align: left;

        color: #707070;

        letter-spacing: var(--unnamed-character-spacing-0);

        width: 70%;

    }

    .career-main-right {

        margin: 0px;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: center;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 45%;

    }

    .homepage-footer {

        width: 100%;

        height: auto;

    }

    .footer-sec-2 > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        margin-bottom: 5%;

    }

    .contact-left > h2 {

        font-size: 43px;

        width: 100%;

        text-align: left;

        font-family: Poppins;

        color: #FFFFFF;

        margin-left: 10%;

        line-height: 60px;

    }

    .contact-left > h6 {

        font-size: 15px;

        text-align: left;

        width: 70%;

        font-family: Poppins;

        color: #FFFFFF;

        margin-left: 10%;

        margin-top: 5%;

        line-height: 27px;

    }

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: column !important;

        flex-direction: column !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 230px;

        height: 36px;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 14px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

     #dropdown-1 {

      margin-left: 0%;

      margin-right: 2%;

      }

      #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      .nav-item.space-bar {

          display: none;

      }

      .search-bar {

          margin-left: 14%;

      }

      .navbar-main {

        align-items: center;

        margin: 0px;

    }

    .rove-logo {

        width: 100px;

        margin-left: 0%;

    }

    .social-icons > img {

        width: 15%;

        height: auto;

        margin: auto;

    }



 }



 @media screen and (max-width: 350px) and (min-width: 300px) {
     .input-code {
    display: flex;
    width: 89%;
    margin: auto;
}
.form-control.country-code {
    width: 20%;
    height: 40px !important;
    border: 1px solid darkgray;
    border-radius: 3px;
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: #707070;
    padding: 0px;
}
.phone-input {
    width: 80%;
    height: 40px !important;
    margin-left: -1px;
}


      /********************career & values*/



    .career-main > h3 {

        font-size: 25px;

        font-family: Poppins;

        font-weight: 500;

        color: #000000;

        text-align: center;

        margin: 5% auto;

    }

    .career-main > p {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 22px;

        margin: 1% auto;

        width: 90%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: left;

    }

    .vaccancies-head {

        font-size: 13px;

        font-family: Poppins;

        font-weight: 500;

        color: #010000;

        text-align: center;

        margin: 2% auto;

    }

    .values-icon {

        width: 170%;

        height: auto;

    }

    .vaccancies-button {

        width: 105px;

        height: auto;

        background-color: #0067D4;

        font-size: 11px;

        font-family: Poppins;

        font-weight: 500;

        color: white;

        text-align: center;

        border: none;

        padding: 1%;

        margin: auto;

    }

    .values-icon {

        width: 20%;

        height: auto;

    }

    .values-full{

       text-align: center;

       justify-content: center;

       margin-top: 2%;

    }

    .values-head {

        font-size: 15px;

        font-family: Poppins;

        font-weight: 500;

        color: black;

        text-align: center;

        margin-top: 5%;

    }

    .values-desc {

        font-size: 12px;

        font-family: Poppins;

        font-weight: 500;

        color: #707070;

        text-align: center;

        line-height: 17px;

    }



    .values-content {

        margin: auto;

        text-align: center;

        justify-content: center;

        width: 55%;

    }

    .vaccancies-image {

        width: 70%;

        height: auto;

    }

    .row.career-vaccancies {

        justify-content: center;

        margin-top: 5%;

        margin-bottom: 3%;

        text-align: center;

    }

    .vaccancies-box {

        margin-top: 3%;

    }



    .enquiry-fields  input {

        font-size: 13px;

        font-family: Poppins;

        text-align: left;

        color: #707070;

        font-weight: 400;

        width: 90%;

        height: 35px;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid darkgray;

        border-radius: 3px;

        opacity: 1;

        margin-bottom: 5%;

        padding: 2%;

    }



    .drop-content {

        width: 90%;

        padding: 2%;

        appearance: none;

        background-image: url("../images/career/select-icon.svg");

        background-position: right;

        background-repeat: no-repeat;

        background-size: initial;

        background-position-x: 98%;

        margin: 0 0 22px 0;

        border: 1px solid darkgray;

        border-radius: 5px;

        font-size: 13px;

    }

    .chss {

        float: left;

        font-size: 13px;

        color: #918e8e;

        font-family: Poppins;

        font-weight: 400;

    }

    .enquiry-fields textarea {

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid darkgray;

        border-radius: 3px;

        opacity: 1;

        width: 90%;

        font-size: 13px;

        font-family: Poppins;

        text-align: left;

        color: #707070;

        font-weight: 400;

        padding: 2%;

    }

    label.msedsd {

        width: 90%;

        padding: 2.8% 2%;

        text-align: center;

        border: 1px solid #aca6a6ed;

        border-radius: 5px;

        margin: auto;

    }



    .enq-field {

        justify-content: center;

        text-align: center;

    }



    .modal-footer > button {

        font-size: 15px;

        font-family: Poppins;

        text-align: center;

        color: #ffffff;

        font-weight: 400;

        background-color: #0067D4;

        padding: 10%;

    }

    #ifile20s {

        position: absolute;

        top: 78%;

        font-size: 13px;

        left: 16px;

    }

    .modal-title {

        font-size: 15px;

        text-align: left;

        color: #010000;

        font-weight: 700;

        border-bottom: 4px solid #FFB300;

        width: 50%;

        font-family: Poppins;

        margin-bottom: 5%;

    }



    /*////////////*/





    .career-vaccancies-list > h5 > a {

        font-family: Poppins;

        font-size: 18px;

        font-weight: 550;

        line-height: 30px;

        text-align: left;

        color: #0067d4;

        text-decoration: none;

    }

    .career-vaccancies-list > h4 {

        font-family: Poppins;

        font-size: 18px;

        font-weight: 500;

        line-height: 30px;

        color: #707070;

    }

    .career-vaccancies-box > h2 {

        font-size: 40px;

        text-align: center;

        font-family: Poppins;

        line-height: 60px;

        color: #707070;

        padding-top: 3%;

    }

    .career-sec > h2 {

        font-size: 38px;

        font-family: Poppins;

        font-weight: 600;

        line-height: 60px;

        text-align: left;

        color: #0067d4;

        letter-spacing: var(--unnamed-character-spacing-0);

    }

    .career-sec > p {

        font-size: 15px;

        font-family: Poppins;

        line-height: 30px;

        text-align: left;

        color: #707070;

        letter-spacing: var(--unnamed-character-spacing-0);

        width: 70%;

    }

    .career-main-right {

        margin: 0px;

    }

    .homepage-title > h3 {

        font-size: 54px;

        font-family: Poppins;

        text-align: center;

        letter-spacing: 0px;

        color: #FFFFFF;

        opacity: 1;

        line-height: 43px;

        margin-top: 55%;

    }

    .homepage-footer {

        width: 100%;

        height: auto;

    }

    .footer-sec-2 > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        margin-bottom: 5%;

    }

    .contact-left > h2 {

        font-size: 43px;

        width: 100%;

        text-align: left;

        font-family: Poppins;

        color: #FFFFFF;

        margin-left: 10%;

        line-height: 60px;

    }

    .contact-left > h6 {

        font-size: 15px;

        text-align: left;

        width: 70%;

        font-family: Poppins;

        color: #FFFFFF;

        margin-left: 10%;

        margin-top: 5%;

        line-height: 27px;

    }

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: column !important;

        flex-direction: column !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 200px;

        height: 36px;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 14px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

     #dropdown-1 {

      margin-left: 0%;

      margin-right: 2%;

      }

      #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

      } 

      .nav-item.space-bar {

          display: none;

      }

      .search-bar {

          margin-left: 9%;

      }

      .navbar-main {

        align-items: center;

        margin: 0px;

    }

    .rove-logo {

        width: 100px;

        margin-left: 0%;

    }

    .social-icons > img {

        width: 15%;

        height: auto;

        margin: auto;

    }

 }



 /* //second-header responsive */



  @media screen and (max-width: 1920px) and (min-width: 1820px) {

      .footer-sec-2-right {

    margin-top: 2%;

}



    .search-bar {

        margin-left: 50%;

        }



    #dropdown-1 {

      margin-left: 148%;

      margin-right: 2%;

       }



    .navbar-main {

        align-items: center;

        margin: 0px;

       }   

}



@media screen and (max-width: 1820px) and (min-width: 1720px) {


.search-bar {

    margin-left: 50%;

}



#dropdown-1 {

  margin-left: 125%;

  margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   

.form-control.mr-sm-2.search-box {

    width: 260px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1720px) and (min-width: 1620px) {



.search-bar {

    margin-left: 50%;

}



#dropdown-1 {

  margin-left: 126%;

  margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   

.form-control.mr-sm-2.search-box {

    width: 260px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1620px) and (min-width: 1520px) {



.search-bar {

    margin-left: 45%;

}



#dropdown-1 {

  margin-left: 116%;

  margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 241px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1520px) and (min-width: 1420px) {



.search-bar {

    margin-left: 45%;

}



#dropdown-1 {

    margin-left: 100%;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 220px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1420px) and (min-width: 1320px) {



.search-bar {

    margin-left: 42%;

}



#dropdown-1 {

    margin-left: 93%;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 200px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1320px) and (min-width: 1220px) {



.search-bar {

    margin-left: 40%;

}



#dropdown-1 {

    margin-left: 88% !important;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

   margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 175px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 12px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

.navbar-second .navbar-nav .nav-link {

    color: black !important;

    margin-left: 0%;

    text-align: center;

    font-size: 17px;

}

}









@media screen and (max-width: 1220px) and (min-width: 1120px) {



.navbar-second .navbar-nav .nav-link {

    color: black !important;

    margin-left: 0%;

    text-align: center;

    font-size: 17px;

}



.search-bar {

       margin-left: 38%;

}



#dropdown-1 {

    margin-left: 76% !important;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

       width: 175px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 12px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1120px) and (min-width: 990px) {

    .search-bar {

            margin-left: 26%;

}



#dropdown-1 {

        margin-left: 50% !important;


    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 200px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}



.navbar-second .navbar-nav .nav-link {

    color: black !important;

    margin-left: 0%;

    text-align: center;

    font-size: 16px;

}

}





  @media screen and (max-width: 900px) and (min-width: 768px) {

    #dropdown-1 {

        margin-left: 28%;

        margin-right: 2%;

    }

    #dropdown-2 {

      margin-left: 2%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 2%;

      margin-right: 2%;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 50%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 14px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 34%;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   }



   @media screen and (max-width: 768px) and (min-width: 600px) {

    #dropdown-1 {

        /* margin-left: 23%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 55%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 13px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 30%;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   }



   @media screen and (max-width: 600px) and (min-width: 550px) {
       .form-control.country-code {
    width: 20%;
    height: 45px !important;
    border: 1px solid darkgray;
    border-radius: 3px;
    font-size: 15px;
    font-family: Poppins;
    text-align: left;
    color: #707070;
    padding: 0px;
}

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 13px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 19%;

    }

    #dropdown-1 {

        /* margin-left: 20%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 18px;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   }



   @media screen and (max-width: 550px) and (min-width: 450px) {
       .form-control.country-code {
    width: 20%;
    height: 45px !important;
    border: 1px solid darkgray;
    border-radius: 3px;
    font-size: 15px;
    font-family: Poppins;
    text-align: left;
    color: #707070;
    padding: 0px;
}

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    #dropdown-1 {

        /* margin-left: 18%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 13px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 17%;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 17px;
        
        font-weight: 500;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

    .footer-right2 > h4 {

        font-size: 14px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }

   }



   @media screen and (max-width: 450px) and (min-width: 350px) {
       .footer-scroller {
    position: relative;
}
.footer-scroller > img {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 70%;
}
.social-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
    width: 60%;
    margin-left: 3%;
}

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 15px;

        font-weight: 550;

    }

    #dropdown-1 {

        /* margin-left: 15%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 10px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 17%;

    }

    .column a {

        float: none;

        color: black;

        padding: 8px;

        text-decoration: none;

        display: block;

        text-align: left;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

    .footer-right2 > h4 {

        font-size: 14px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }

   }



   @media screen and (max-width: 350px) and (min-width: 300px) {
       .footer-scroller {
    position: relative;
}
.footer-scroller > img {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 70%;
}
.social-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
    width: 60%;
    margin-left: 3%;
}
       .form-control.country-code {
    width: 20%;
    height: 45px !important;
    border: 1px solid darkgray;
    border-radius: 3px;
    font-size: 15px;
    font-family: Poppins;
    text-align: left;
    color: #707070;
    padding: 0px;
}

    .footer-right2 > h4 {

        font-size: 14px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 13px;

        font-weight: 550;

    }

    #dropdown-1 {

        /* margin-left: 4%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 10px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 17%;

    }

    .column a {

        float: none;

        color: black;

        padding: 8px;

        text-decoration: none;

        display: block;

        text-align: left;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   

   }



   /* second header responsive end */



   @media screen and (max-width: 990px) and (min-width: 300px) {

    #main-header{

        display: none !important;

    }

    #second-header{

        top: 0% !important;

    }

}



    

   @media screen and (max-width: 768px) and (min-width: 300px) {
       .cat-mob {
    padding: 1px 8px;
}
        .blog-titles h3 {
            position: absolute;
            font-family: Poppins;
            bottom: 34%;
            z-index: 9;
            color: #fff;
            font-size: 40px !important;
            left: 8%;
        }
       .navbar-second .navbar-nav .nav-link {
          
            padding: 5px !important;
        }

        .categories:hover{
            padding: 5px;
        }
               
        .end-left {
            display: flex;
            justify-content: center;
        }

        .megamenu-row {

            background-color: #fffdfd;

            height: 145px;

            overflow: scroll;

        }

       

    .dropdown-desktop {

           display: none;

       }



     .dropdown-mobile{

         display: block !important;

     }

  .sub-category-block::-webkit-scrollbar {

        width: 8px;

    }

.sub-category-block h3 a{

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    vertical-align: top;

    display: block;

    border: 0;

    color: #0067d4;

    margin-top: 2%;

    margin-left: 3%;

}



.sub-category-block p a {

    color: #666;

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    vertical-align: top;

    display: block;

    border: 0;

    margin-left: 3%;

}

       .rove-logo {

            width: 100px;

            margin-left: 0%;

        }

    .megamenu-row {

        background-color: #fffdfd;

        height: 250px;

        overflow: scroll;

    }

   

       

   .navbar-mobile{

      display: none !important;

   } 



    .navbar-desktop{

      display: inline-flex;

  }

       .sub-category-block {
        margin-left: 2%;
        height: 250px;

        overflow: auto;

    }

     .dropdown-mobile{

         display: block !important;

     }

      .dropdown-desktop{

         display: none ;

     }

    

    .column-category {

        padding: 2px 10px;

        float: left;

        background-color: #ece4e42b;

        height: auto;

        overflow: auto;

        width: 100%;
        
        max-width: 100%;

    }
    
    .column {
    float: left;
    width: 100%;
    background-color: #fffdfd;
    height: 15%;
    border-bottom: 0.5px solid rgba(0,0,0,.125);
}

    .end-left > img {

        margin-left: 0%;

        width: 3%;
        margin-top: -6px;

    }



    }