@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700&family=Poppins:wght@300;400;500&display=swap');




@media (max-width:2560px) {

   .joblist {
   /* background-color: #e0f0fc; */
   padding-top: 183px;
}
.cartsectionhome {
      padding-top: 160px!important;

   }

   .mob .priyanshuu {
      margin-top: 30px;
   }

   .mob i {
      margin-top: 30px;
      font-size: 25px;
      text-align: end;
   }

   #mySidenav p {
      color: #000000;
      margin-top: 20px;
      font-size: 25px;
   }

   #mySidenav .sai{
      padding: 0px 20px 0px 20px;
   }
   .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 99999;
      top: 0;
      left: 0;
      background-color: #ffffff;
      overflow-x: hidden;
      transition: 0.5s;
      padding: 70px 0px 0px 0px;
   }

   .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.3s;
   }

   .sidenav a:hover {
      color: #f1f1f1;
   }

   .sidenav .closebtn {
      position: absolute;
        top: 0;
        left: 0px;
        font-size: 45px;
   }

   @media screen and (max-height: 450px) {
      .sidenav {
         padding-top: 15px;
      }

      .sidenav a {
         font-size: 18px;
      }
   }


   .mob {
      display: none;
   }

   .navbar-light .navbar-brand {
      color: rgba(0, 0, 0, .9);
      width: 15%;
   }

   .navbar-light .navbar-nav .nav-link {
      color: rgb(19 80 97) !important;
      font-size: 22px;
      font-weight: 500;
   }

   .top-banner-home-page img {
      padding-top: 151px;
      width: 100%;
   }

   .cartsectionhome {
      padding-top: 76px;

   }

   .priy {
      margin-left: 435px;
   }

}

@media (max-width:1920px) {
   .joblist {
   /* background-color: #e0f0fc; */
   padding-top: 183px;
}
   .top-banner-home-page img {
      padding-top: 121px;

   }

   .priy {
      margin-left: 435px;
   }
}

@media (max-width:1440px) {
   .joblist {
   /* background-color: #e0f0fc; */
   padding-top: 183px;
}
   .top-banner-home-page img {
      padding-top: 98px;

   }

   .cartsectionhome {
      padding-top: 15px;

   }

   .priy {
      margin-left: 435px;
   }
}

@media (max-width:1024px) {
   .navbar-light .navbar-brand {
      width: 25%;
   }

   .priy {
      margin-left: 361px;
   }
}

@media (max-width:768px) {
   .joblist {
   /* background-color: #e0f0fc; */
   padding-top: 40px;
}
   .desk {
      display: none;
   }

   .mob {
      display: block;
   }

   .top-banner-home-page img {
      padding-top: 89px !important;

   }

   .priy {
      margin-left: 242px;
   }
   .cartsectionhome {
      padding-top: 12px!important;

   }
}
@media (max-width:600px) {
 .priy {
      margin-left: 132px;
   }
    
}

@media (max-width:576px) {
   
   .navbar-light .navbar-brand {
      width: 45%;
   }
   .joblist {
   /* background-color: #e0f0fc; */
   padding-top: 40px;
}

   .top-banner-home-page img {
      padding-top: 20px !important;
   }

   .priy {
      margin-left: 147px;
   }

}
@media (max-width:575px) {
   
  
   .joblist {
   /* background-color: #e0f0fc; */
   padding-top: 40px!important;
}


}
@media (max-width:580px){
    .priy {
        margin-left: 138px;
    }
}

@media (max-width:480px) {
   .joblist {
   /* background-color: #e0f0fc; */
   padding-top: 40px!important;
}
   .footer-section {
      display: none !important;
   }

   .col-lg-12 .abcx {
      margin: 10px 0px !important;
   }

   .priy {
      margin-left: 115px;
   }
}

@media (max-width:425px) {

   .navbar-light .navbar-brand {
      width: 65%;
   }

   .footer-section {
      display: none !important;
   }

   .col-lg-12 .abcx {
      margin: 10px 0px !important;
   }

   .priy {
      margin-left: 81px;
   }
}
@media (max-width:390px) {
 .priy {
      margin-left: 50px;
   }
    
}

@media (max-width:375px) {
   .footer-section {
      display: none !important;
   }

   .top-banner-home-page img {
      padding-top: 102px !important;
   }

   .col-lg-12 .abcx {
      margin: 10px 0px !important;
   }

   .priy {
      margin-left: 56px;
   }
}

@media (max-width:320px) {
   .footer-section {
      display: none !important;
   }

   .top-banner-home-page img {
      padding-top: 7px !important;
   }

   .priy {
      margin-left: 23px;
   }

}







html,
body {
   max-width: 100%;
   overflow-x: hidden;
}

:root {
   --lg-font: 'Kaisei Tokumin', serif;
   --sm-font: 'Poppins', sans-serif;
}

.cartsectionhome {
   background-color: #ffffff;
}

.cartsectionhome a h5 {
   text-decoration: none;
   color: black;
   list-style: none;
}

.cartsectionhome .box {
   padding: 20px 0px 20px 0px;
}

.cartsectionhome .box h5 {
   text-align: center;
   padding-top: 10px;
   font-family: var(--sm-font);
}

.footerhome {
   background-color: #e0f0fc;
}

.footerhome .box {
   padding: 20px 0px 20px 0px;
}

.footerhome .box h5 {
   text-align: center;
   padding-top: 10px;
   font-family: var(--sm-font);
   font-size: 15px;
}

.part .box h6 {
   margin-top: -10px;
}

.mobileotpbanner {
   background-color: #908afb;
   padding: 200px 0px 200px 0px;
   /* height:700px; */
}

/* otp verification */
/* .otp-container {
   text-align: center;
   padding: 20px;
   background-color: white;
   border-radius: 10px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   width: 100%;
   height: 500px;
}

.otp-container h2 {
   font-size: 1.5rem;
   margin-bottom: 10px;
   color: #333;
}

.otp-container p {
   color: #6c757d;
   font-size: 0.9rem;
   margin-bottom: 20px;
} */

/* .otp-inputs {
   display: flex;
   justify-content: space-between;
} */

/* .otp-inputs input {
   width: 40px;
   height: 40px;
   font-size: 1.2rem;
   text-align: center;
   border: 1px solid #ddd;
   border-radius: 5px;
   outline: none;
}

.otp-inputs input:focus {
   border-color: #007bff;
   box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.5);
} */

.resend {
   margin-top: 15px;
   font-size: 0.9rem;
   color: #6c757d;
   font-family: var(--sm-font);
}

.resend a {
   color: #007bff;
   text-decoration: none;
   font-weight: bold;
}

.resend a:hover {
   text-decoration: underline;
}

.mobileotpbanner h2 {
   margin-top: 20px;
   font-family: var(--sm-font);
}

.mobileotpbanner p {
   margin-top: 40px;
   font-family: var(--sm-font);
}

.mobileotpbanner .btn {
   margin-top: 160px;
   font-family: var(--sm-font);
   background-color: #3180e0;
   color: white;
   width: 100%;

   padding: 10px;
}

/* category */
.categoryheader {
   background-color: #475091;

}

.categoryheader .box {

   padding: 200px 0px 540px 0px;
}

.categoryheader .mkdir {
   background-image: url(../images/newcategorycartbackground.jpg);
}

.categoryheader .mkdir h3 {
   text-align: center;
   font-family: var(--sm-font);
   margin: 60px;
}

.categoryheader .mkdir .card {
   background-color: #f5f5f5;
   border-radius: var(--card-radius);
   position: relative;

   &:hover {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);

   }
}

.categoryheader .mkdir .card img {
   width: 50%;
   padding: 20px 0px 20px 0px;
}

.categoryheader .mkdir .card h5 {
   text-align: center;
   font-family: var(--sm-font);

}

.categoryheader .mkdir .btn {
   text-align: center;
   font-family: var(--sm-font);
   background-color: #3180e0;
   width: 100%;
   padding: 10px;
   color: white;
   margin-top: 20px;

}

.categoryheader .mkdir .radio {
   font-size: inherit;
   margin: 0;
   position: absolute;
   right: calc(var(--card-padding) + var(--radio-border-width));
   top: calc(var(--card-padding) + var(--radio-border-width));
}

@supports(-webkit-appearance: none) or (-moz-appearance: none) {
   .radio {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: #fff;
      border: var(--radio-border-width) solid var(--color-gray);
      border-radius: 50%;
      cursor: pointer;
      height: var(--radio-size);
      outline: none;
      transition:
         background 0.2s ease-out,
         border-color 0.2s ease-out;
      width: var(--radio-size);

      &::after {
         border: var(--radio-border-width) solid #fff;
         border-top: 0;
         border-left: 0;
         content: '';
         display: block;
         height: 0.75rem;
         left: 25%;
         position: absolute;
         top: 50%;
         transform:
            rotate(45deg) translate(-50%, -50%);
         width: 0.375rem;
      }

      &:checked {
         background: var(--color-green);
         border-color: var(--color-green);
      }
   }

   .categoryheader .mkdir .card:hover .radio {
      border-color: var(--color-dark-gray);

      &:checked {
         border-color: var(--color-green);
      }
   }
}



/* Checkbox styling */
.select-checkbox {
   position: absolute;
   top: 10px;
   right: 10px;
   display: none;
}

.select-checkbox+label {
   width: 20px;
   height: 20px;
   background: url('checkbox-unchecked-icon.png') no-repeat center center;
   background-size: contain;
   cursor: pointer;
   position: absolute;
   top: 10px;
   right: 10px;
}

.select-checkbox:checked+label {
   background-image: url('checkbox-checked-icon.png');
}

/* .categoryheader .mkdir h3{
  text-align: center;
  font-family: var(--sm-font);
  margin: 60px;
}
.categoryheader .mkdir .box1 {
   border:1px solid black;
   border-radius: 10px;
   margin-top: 60px;
   background-color: white;
}
.categoryheader .mkdir .box1 img {
 padding:20px 10px 20px 10px;
 width:50%;
}
.categoryheader .mkdir .box1 h5 {
   font-family: var(--sm-font);
  } */

/* .categorybackground {
 
   background-image: url(../images/newdesktopcategrybanner.jpg);
  width:100%;
  background-size: cover;
   height: 700px;
} */
/* login */
.mobileloginheader {
   background-color: #908afb;

}

.mobileloginheader .box {
   padding: 150px 0px 150px 0px;
}

.mobileloginheader .mkdir {
   background-color: #edf6ff;
}

.mobileloginheader .box1 h1 {
   text-align: center;
   margin-top: 40px;
   color: #000000ad;
   font-family: var(--sm-font);
   font-size: 30px;
   font-weight: 600;
}

.mobileloginheader .box1 img {
   width: 45%;
   margin-top: 10px;
}

.mobileloginheader .box1 h4 {
   text-align: center;
   color: #000000ad;
   font-family: var(--sm-font);
   font-size: 18px;
   margin-top: 20px;

}

.mobileloginheader .box1 input {
   padding: 10px;
   height: 55px;
   border-radius: 15px;

}

.mobileloginheader .box1 .btn {
   color: white;
   padding: 10px;
   width: 100%;
   text-align: center;
   font-family: var(--sm-font);
   margin-top: 40px;
   background-color: #3180e0;
}

.mobileloginheader .box1 hr {
   color: black;
   border: 1px solid #0000004a;
   margin-top: 60px;
}

.mobileloginheader .box1 h6 {
   text-align: center;
   font-family: var(--sm-font);
}

/* opt verification */
.mobileotpheader {
   background-color: #908afb;
}

.mobileotpheader .mkdir {
   background-color: #edf6ff;
}

.mobileotpheader .box {
   padding: 200px 0px 200px 0px;
}

.mobileotpheader .box1 h1 {
   text-align: center;
   margin-top: 100px;
   color: #666666;
   font-family: var(--sm-font);
   font-size: 30px;
   font-weight: 600;
}

.mobileotpheader .box1 h4 {
   text-align: center;
   color: #000000ad;
   font-family: var(--sm-font);
   font-size: 18px;
   margin-top: 50px;

}

.mobileotpheader .otp-container {
   text-align: center;
   padding: 20px;

   border-radius: 10px;

   /* width: 50%; */

}

.mobileotpheader .otp-container h2 {
   font-size: 1.5rem;
   margin-bottom: 10px;
   color: #333;
}

.mobileotpheader .otp-container p {
   color: #6c757d;
   font-size: 0.9rem;
   margin-bottom: 20px;
}

/* .mobileotpheader .otp-inputs {
   display: flex;
   justify-content: space-between;
} */

.mobileotpheader .otp-inputs input {
   /* width: 40px;
   height: 40px; */
   font-size: 1.2rem;
   text-align: center;
   border: 1px solid #ddd;
   border-radius: 5px;
   outline: none;
}

.mobileotpheader .otp-inputs input:focus {
   border-color: #007bff;
   box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.5);
}

.mobileotpheader .box1 h6 {
   text-align: center;
   color: #000000ad;
   font-family: var(--sm-font);
   font-size: 18px;
   margin-top: 40px;

}

.mobileotpheader .box1 .btn {
   color: white;
   padding: 10px;
   width: 100%;
   text-align: center;
   font-family: var(--sm-font);
   margin-top: 60px;
   background-color: #3180e0;
}

/* slider */


/* navbar */
.topnavbar {
   background-color: #fcf7e3;
   /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
   position: fixed;
   width: 100%;
   z-index: 999;
}

.topnavbar img {
   width: 106%;
   padding: 1px;
}

.topnavbar ul li a {
   font-family: var(--sm-font);
   font-size: 18px;
   color: #000000 !important;
   ;
}

/* part slider */

.part {
   background-color: #ffffff;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   margin-top: -10px;
   padding-top: 40px;
   padding-bottom: 40px;

}

.part .container {
   background-color: white;
   border-radius: 20px;
   padding-bottom: 10px;


}

/* ABOUT PAGE  */
.about-topbackground {
   background-image:
      linear-gradient(45deg,
         rgba(0, 0, 0, 0.8),
         rgba(0, 0, 0, 0.75)),
      url('../images/about.jpg');


   width: 100%;
   background-color: #e0f0fc;
   min-height: 450px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   margin-top: 76px;
}

.about-topbackground h4 {
   margin-top: 161px;
   font-size: 48px;
   color: white;
}

.about-content {
   padding-top: 40px;


}

.about-content h1 {
   font-family: var(--sm-font);
   font-size: 30px;
}

.about-content p {
   font-family: var(--sm-font);
   font-size: 16px;
}

.about-content img {
   width: 16%;
   margin-top: 14px;
}

/* JOB LIST */


.joblist .box {
   background-color: #e7e5e5;
   /* border-radius: 20px; */
   padding: 10px;
}

.joblist .box .box-content h4 {
   font-family: var(--sm-font);
   color: #6766cc;
}

.joblist .box .box-content h5 {
   font-family: var(--sm-font);
   color: red;
}

.joblist .box .box-content h6 {
   font-family: var(--sm-font);

}

.joblist .box .address h4 {
   font-family: var(--sm-font);
   color: #6766cc;
}

.joblist .box .address p {
   font-family: var(--sm-font);

}

.joblist .box .address h6 {
   font-family: var(--sm-font);
}

.joblist .box .asdf h1 {
   font-size: 15px;
   background-color: #6c757d5e;
   padding: 10px;
   border-radius: 3px;
   text-align: center;
   margin-top: 10px;

}

.joblist .box .asdf h1 a {

   width: 100%;
   color: black;
   font-family: var(--sm-font);

   margin-top: 10px;
}

/* CONTACT */
.contact-content {
   background-color: white;

}

.contact-content h3 {
   font-family: var(--sm-font);
   padding-top: 20px;
}

.contact-content .box1 {
   border: 1px solid black;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 10px;
   padding-right: 10px;
   margin-top: 40px;
   margin-bottom: 40px;

}

/* .top-banner-home-page img {
   padding-top: 109px;
   width: 100%;
} */

.abouthome img {
   width: 13%;
   margin-top: 10px;
}

.joblist .ratingandreviews {
   margin-top: 40px;
   padding: 10px 0px 10px 10px;

}

.joblist .ratingandreviews .card i {
   font-size: 30px;

   border-radius: 5px;
   text-align: center;
   padding: 5px;
   color: #e5e5e5;
}