@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400..800&family=Contrail+One&family=Esteban&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Parkinsans:wght@300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Shrikhand&display=swap');
body{  
    font-family: "Parkinsans", sans-serif;
    font-optical-sizing: auto;
    letter-spacing: 0.5px;
    background-color: #f9f9f9;
}
.row{
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}
.brand{
    display: none;
}
.menu-container{
    width: 100%;
    display: inline-block;
}

.requiredred{
    font-size: 12px;color:red;margin-bottom:25px;display: inline-block;
}

.cwoirjfua{
    color: green;
    font-size: 29px !important;
}
p{
    font-weight: 400;
    font-size: 14px;
}
ul{
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
}
a{
    text-decoration: none !important;
}
a:hover{
    color: #4bcefa;
}
h3{
    font-weight: 600;
}
h4{
    font-weight: 600;
    margin-top: 30px;
}
h5{
    font-weight: 600;
    padding: 10px;
}
div{
    display: inline-block;
    vertical-align: top;
}
header{
    margin-bottom: 150px;
    position: fixed;
    width: 100%;
    z-index: 19;
}
span{
    vertical-align: top;
}
input[type="radio"] {
    display: none; /* Hide the default radio input */
}
input[type="radio"] + label img {
    cursor: pointer; /* Change cursor to pointer when hovering over the images */
}
/* Style for the selected radio button */
input[type="radio"]:checked + label {
    outline: 2px solid black;
    background-color: #e8e8e8;
    padding: 10px;
}
        .highlight {
            background-color: yellow; /* Color for highlighted text */
        }
 .card span{
    display: inline-block;
    width: 20px;
}
.card {
    text-align: left;
    display: inline-block;
    background-color: transparent;
    border: none;
}
    .stylelef p{
        color: gray;
        font-size: 16px;        
    }
.star {
font-size: 3em;
  color: #ddd;
  cursor: pointer;
  margin-left: 30px;
}

.invoiceinfo div{
    width: 200px;
}

.homeebuild{
    margin-top: -200px;
  height: 130%;
  width: 100%;
  opacity: 0.6;
  margin-left: 50px;
}

        #cookie-consent-banner {
            position: fixed;
              bottom: 56px;
              left: 59px;
              right: 0;
              background-color: #fff;
              color: black;
              padding: 10px;
              text-align: center;
              z-index: 10000;
              width: 30%;
              border: 1px solid green;
              border-radius: 20px;
        }

        .cookie-consent-container button {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            margin: 5px;
        }

        .cookie-consent-container button:hover {
            background-color: #45a049;
        }

.taxbox{
    float: right;
    background-color: #ebfdeb;
    padding: 30px;
    border-radius: 10px;
}

.taxinfo{
    width: 220px;
}



.removeprof{
    background-color: #b9e1d661;
  padding: 14px;
  margin-top: 12px;
  display: inline-block;
  border-radius: 20px;
  color: black;
}
.star.selected {
    color: #f5b301; /* Color for selected stars */
}
.notificationclass{
    border-bottom:1px solid gray;
    width:85%;
    cursor:pointer;
    margin-bottom: 12px;
}
.notificationclass:hover{
    border-left: 1px solid #dfdfdf1f;
    background-color: #dfdfdf1f;
}
.iconhead {
    cursor: pointer;
    font-size: 24px;
    margin: 20px;
    color: green;
vertical-align: top;
  margin-top: 0px;
}
.iconhead i{
    font-size: 26px;
}
.contenthead {
    display: none; /* Initially hide the content */
  padding: 8px;
  margin-top: 10px;
  position: absolute;
  top: 54px;
  right: 252px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 9px 2rem 9rem rgba(33, 37, 41, 0.5) !important;
  color: black !important;
  min-width: 345px;
}
.notificationbar{
  margin-top: -58px;
  font-size: 14px;
  font-weight: 700;
  float: right;
  background-color: #b9edf2;
  border-radius: 50px;
  padding: 5px;
  height: 35px;
  width: 35px;
  text-align: center;
  margin-right: -12px;
  color: black;
}
    .searchform{
        width: 100%;
        vertical-align: top;
    }
    .searchbutton{
        background-color: #009900;
          margin-left: -219px;
          height: 51px;
          color: white;
          border-radius: 50px;
          width: 200px;
          padding: 5px;
    }
    .searchbuttonsmall{
        display: none;
    }
.companylogo{
  width: 120px;
  height: 120px;
  border-radius: 63px;
  display: inline-block;
  border: 1px solid #469969;
  padding: 10px;
}
.invoicedetspan{
    width: 135px;
  display: inline-block;
}
.myoffercta{
    color: green;   text-align: center;   display: inline-block;
    padding: 12px;
    font-weight: 700;
}
.myoffercta i{
    margin-bottom: 10px;
    height: 25px;
    width: 25px;
    font-size: 17px !important;
}
    .homemessage span{
        font-size: 26px; 
        font-weight: 600; 
        float: left;
        display: inline-block;
        padding: 10px;
    }
    .homemessage img{
        border-radius: 50%; width: 55px;
    }
.homemessagew{
  width: 16%;
  border-width: 1px;
  box-shadow: 1px 2px 40px #4699693d;
  padding: 8px;
  position: absolute;
  top: 322px;
}
        .popup-content {
            background-color: #7bae63;
            margin: 15% auto;
            padding: 20px;
            width: 449px;
            text-align: center;
            border-radius: 8px;
            box-shadow: 4px 6px 10px gray;
            color: white;
            animation: fadeInSlideDown 3s forwards; /* Animation for content */
        }
.chatmessage{
    margin-left: -450px;
    margin-top: 140px;
}
.chatmessagew{
    margin-top: -40px;
}
.chatmessageresp{
    margin-left: -150px;
    margin-top: -95px;
}
 .homemessagew .chatname{
    font-size: 14px;
    background-color: white;
 }
.homemessages{
    background-color: #dcf8c6;
    padding: 10px;
    border-radius: 10px;
    color: black;
    font-size: 13px;
}
.homemessagesresponse{
margin-top: 116px;
  background-color: #373737;
  padding: 10px;
  border-radius: 10px;
  color: white;
  border: 1px solid #403f3f;
  font-size: 13px;
  margin-left: -160px;
}
.chatheadright{
    float: right;
  margin-right: -70px;
  margin-top: -95px;
  border-radius: 50%;
}
    .phoneback{
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: 650px;
    }

    .chatoffer {
        width:100%;
    }
    .chatoffer p{
           color: #016401;   font-size: 16px;
           margin-top: 45px;
          font-weight: 900; 
          text-align: center;
    }
    .chatoffer i{
        font-size: 38px;
        margin-bottom: 15px;
    }
.homerarrow{
    float: right; 
    margin-top: -19px; 
    margin-right: -37px !important; 
    font-size: 36px !important; 
    color: #009900;
}
.homeinfo{
    min-height:500px;
    background-color:#f6fff9;
    width: 100%;
    padding: 80px;
    text-align: center;
    background: linear-gradient(to bottom, white 0%, #beffbe3d 50%, white 100%);
}
.homeicons{
    width: 100%;
    padding: 2px;
    text-align: center;
}
.homeicons a{
    color: black;
}
.homeicons div{
    width: 120px;
    display: inline-block;
    margin-bottom: 22px;
}
.homeicons i{
border-radius: 50%;
  padding: 10px;
  box-shadow: 0 0 0 3px rgba(122, 194, 36, 0.5), 0 0 0 9px rgba(97, 211, 19, 0.3), 0 0 0 9px rgba(89, 185, 24, 0.1);
  margin-bottom: 18px;
}
.homeicons span{
    font-size: 13px;
}
.homeicons div:hover {
   background: linear-gradient(to bottom,transparent 5%,#7FCE53);
   border-radius: 20px  ;
}
.content {
    padding: 20px;
}
.hidden-div {
    opacity: 0; /* Initially hidden */
    transform: translateX(-100%); /* Start position off-screen to the left */
    transition: transform 0.5s ease; /* Transition for sliding effect */
    padding: 10px;
    border-radius: 5px;
    position: relative;
    margin-top: 20px; /* Margin to separate from other content */
}
.show {
    opacity: 1; /* Ensure the element is visible */
    transform: translateX(0); /* Move the element to its normal position */
}
.formslabels{
    font-size: 14px;
  margin-bottom: 5px;
  display: inline-block;
  text-shadow: 1px 0px 1px #469969;
  text-transform: uppercase;
  filter: drop-shadow(1px 2px 20px white);
  width: 80%;
  font-weight: 900;
  margin-left: 1px;
}
.formicons{
    color: #7ebb00;
    font-size: 59px !important;
    margin-bottom: 30px;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

        @keyframes disappear {
          0% {
            opacity: 1;
          }
          100% {
            opacity: 0;
            visibility: hidden; /* Optional: Make the element non-interactive */
          }
        }   

    .errormessage{
        position: absolute;
      border: 1px solid black;
      padding: 15px;
      top: 15%;
      left: 43%;
      background-color: black;
      color: white;
      font-weight: 700;
      border-radius: 10px;
      z-index: 1;
      animation: disappear 3s forwards;
    }
.leftparthome{
    width: 60%;
    display: inline-block;
}
.inleftparth{
    margin-left:251px;
    margin-top: 123px;
    margin-right: 100px;
}
.rightparthome{
    width: 39%;
    display: inline-block;
}
.logotext{
font-weight: 800;
  font-size: 22px;
  color: #d36c12;
  text-shadow: 1px 1px 1px #8c8686;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 13px;
}
.optiontitle{
    font-weight: 800;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  margin-left: 31px;
  color: #009900;
  text-transform: uppercase;
  filter: drop-shadow(1px 2px 20px white);
  text-align: center;
  width: 80%;
  font-weight: 900;
  min-height: 70px;
}
.myh1uporange{
font-size: 45px;
  display: inline-block;
  vertical-align: top;
  color: #009900;
  text-transform: capitalize;
  filter: drop-shadow(1px 2px 20px white);
  text-align: center;
  width: 99%;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 75px;
}
.advancedbox{
    width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 20px;
}
.bordersearchnshadow{
         border-width: 1px;
        width: 100%;
        padding: 8px;
        border-width: 1px;
}
.bordersearch{
         border-width: 1px;
        box-shadow: 0px 21px 47px #79b391;
        width: 100%;
        padding: 8px;
        border-width: 1px;
}
.selectionuser{
        width: 100%;
        border-width: 1px;
        padding: 20px;
        margin-bottom: 40px;
}
.selectionuser p{
    min-height: 80px;
}
.bordersearchtop{
box-shadow: 11px -10px 1px #79b391;
         border-width: 1px;
        width: 100%;
        padding: 8px;
        border-width: 1px;
}
.bordershome{
  border-bottom: 2px solid #00800033;
  width: 18%;
  margin-left: 74px;
  height: 380px;
  padding: 8px;
  display: inline-block;
  border-radius: 5px;
}
.bordershome p{
  font-size: 16px;
  margin-top: 5px;
  display: inline-block;
}
.bordershome h5{
  display: inline-block;
  margin-top: 35px;
  margin-bottom: 35px;
  height: 45px;
}
.bordershome:hover{
  cursor: pointer;
/*  background-color: #c1722b5e;*/
filter: drop-shadow(1px 2px 15px #79b391);
}
.hovershadow:hover{
  filter: drop-shadow(1px 2px 6px green);
}
.bordernumber{
  float: left;
  border: 4px solid green;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  font-size: 25px;
  font-weight: 700;
  color: green;
  margin-top: -32px;
  margin-left: -30px;
  box-shadow: 13px 9px 22px rgba(255, 170, 7, 0.38);
}
.bordershome:hover .bordernumber{
    background-color: green;
    color: white;
}
    .workeroption{
        width: 20%;
        margin-left: 50px;
        box-shadow: 0px 0px 0px 3px #79b39114;
        padding: 20px;
    }
.searchinput{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #469969;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  min-height: 47px;
}
    #animation {
    width: 100%;
    overflow: hidden;
}
#animatedElement {
    width: 100%;
    transform: scaleX(0); /* Start with scaleX(0) to simulate starting from 0% */
    transform-origin: left; /* Anchor the scale transformation to the left */
    opacity: 1;
    transition: transform 2s ease-in-out, opacity 1s ease-in-out;
}
.supportbox{
  width: 346px;
  height: 208px;
  text-align: center;
  padding: 20px;
  border-radius: 20px;
  display: inline-block;
  color: black;
  margin-bottom: 40px;
}
.supportbox:hover{
    opacity: 0.8;
}
.supportbox p{
    font-size: 14px;
    font-weight: 500;
}
.supportbox i{
    font-size: 46px;
    color: #d56f16;
    margin-bottom: 20px;
}
.searchcta{
    border: 1px solid #022762;
  padding: 6px;
  color: white !important;
  background-color: #022762;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  width: 48px;
  display: inline-block;
  text-align: center;
  height: 40px;
}
.messagedata{
    font-size: 14px;
    color: gray;
    width: 100%;
}
.newuserbox{
min-width: 533px;min-height:540px;border-radius: 20px;
cursor: pointer;
}
.newuserbox:hover{
    filter: brightness(90%);
}
.newuserbox:hover .newusertext {
    color: #fb6a00;
}
.newusertext{
    display: inline-block;
  margin-top: 50px;
  width: 100%;
  background-color: white;
  padding: 10px;
  font-size: 24px;
  font-weight: 700;
}
.notification::before {
content: "New message";
  font-size: 14px;
  color: #058805;/*
  position: absolute;
  margin-top: -20px;
  margin-left: 17px;*/
}
.middlebetween{
    width: 13% !important;
    display: inline-block;
}
.middlebetweena{
    width: 100%;
    display: inline-block;
    color: black;
    padding: 15px;
    margin-bottom: 10px;
    font-style: italic;
  border-bottom: 1px solid gainsboro;
   font-size: 14px;
}
.middlebetweena:hover{
background-color: #dbf1f9;
  color: black;
}
  #scrollableBox {
    height: auto;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
    width: 100%;
    -ms-overflow-style: thin;
    scrollbar-width: thin;
    border:none;
    border-top: 1px solid gray;
  }
.room span{
    color: #304566 !important;
    text-align: center;
}
.searchjob{
    color: black;
}
.searchjob span{
    color: #304566 !important;
    margin-left: 30px;
}
.imageoffer{
    width: 30%;
    display: inline-block;
}
.exp{
    font-size: 12px;
    color:gray;
}
.minput{
    width: 100%;
    display: inline-block;
  border: 1px solid #bfbfbf;
  padding: 7px;
  border-radius: 7px;
  margin-left: 10px;
  box-shadow: 1px 1px gainsboro;
  height: 50px;
  margin-top: 15px;
}
.settingsinput{
    width: 100%;
  display: inline-block;
  border: 1px solid #acacac;
  padding: 7px;
  border-radius: 7px;
  margin-left: 10px;
  box-shadow: 1px 1px #dcdcdc5e;
  margin-top: 15px;
  font-size: 14px;
}
.changesuc{
      position: absolute;
      background-color: black;
      padding: 20px;
      right: 41%;
      top: 22%;
      width: 20%;
      text-align: center;
      color: white;
      font-size: 20px;
      border-radius: 20px;
}
.submenusettings{
    background-color: #dbf1f9;
}
.formuq{
    width: 50%;
    margin-left:400px;
}
.footinfo{
    font-size: 12px;
    width: 60%;
    margin-left: 23%;
}
.question{
    width: 100%;
}
.questionin{
    width: 100%;
    display: inline-block;
}
.smalldi{
    font-size: 12px;
    color: gray;
}
.logupagel{
    width: 80%;
}
.logupager{
    width: 19%;
}
.logform{
    width: 70%;
    display: inline-block;
}
.logformb{
    width: 25%;
    display: inline-block;
    margin-left: 25px;
}
.material-symbols-outlined{
    color: #062768;
}
.settingsmenu{
    margin-top: 150px;
    width: 12%;
    display: inline-block;
    margin-left: -15px;
}
.settingsmenu a{
    color: black;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 150,
  'GRAD' 200,
  'opsz' 48
}
.inputopening{
font-weight: 800;
  margin-top: 15px;
  width: 100%;
  margin-bottom: 20px;
  color: #627881;
}
.inputopeningsettings{
    font-weight: 600;
    margin-top: 25px;
    font-size: 14px;
}
.backcta{
    background-color:transparent;
    color: black;
}.backcta:hover{
    color: black;
}
.mega-menu{
    margin-top: 5px;
    font-size: 16px;
    padding: 6px;
}
.mobilemenu{
    display: none;
}
.logoheader{
  width: 64px;
  max-height: 62px;
  position: absolute;
  left: 120px;
  top: 1px;
}
.logosmall{
   width: 64px;
  max-height: 62px;
  position: absolute;
  left: 5px; 
  top: 5px;
}
.form-control{
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  height: 41px;
  display: inline-block !important;
  margin-top: 5px;
  margin-bottom: 15px;
}
    .mainrow{
        display: inline-block;
        width: 100%;
        margin-top: 94px;
    }
    .mainleft{
        width: 13%;
        display: inline-block;
        height: auto;
        background-color: #fbfbfb4f;
    }
    .mainapp{
        display: inline-block;
        vertical-align: top;
        width: 66%;
        padding: 10px;
    }
    .maintworows{
        display: inline-block;
        vertical-align: top;
        width: 72%;
        padding: 10px;
        margin-left: 60px;
    }
    .apptwo{
        display: inline-block;
        vertical-align: top;
        width: 84%;
        padding: 10px;
    }
    .mainappbody{
        margin-left: 120px;
        width: 88%;
    }
    .mainright{
        display: inline-block;
        vertical-align: top;
        width: 18%;
        background-color: #fbfbfb4f;
        height: auto;
        margin-top: -58px;
    }
    .rightpage{
        display: inline-block;
        width: 83%;
    }
    .twopage{
        display: inline-block;
        width: 60%;
        margin-left: 50px;
    }
    .twopageright{
    width: 26%;
      display: inline-block;
      margin-left: 90px;
    }
    .borders{
/*        border-width: 1px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        width: 100%;
        padding: 8px;*/
        border-width: 1px;
  box-shadow: 1px 2px 40px #4699693d;
  width: 100%;
  padding: 8px;
    }
    .bordersold{
/*       border-width: 1px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        width: 100%;
        padding: 8px;
        border-top: none;*/
    }
    .searchresult{
        width: 100%;
        min-height: 50px;
        padding: 8px;
        border: 1px solid #e8e8e8;
        border-left: 3px solid #009900;
         border-radius: 15px;
         border-top-left-radius: 0px;
         border-bottom-left-radius: 0px;
    }
.message {
 width: 100%;
  margin: 20px auto;
  padding: 15px;
  border-radius: 5px;
  color: black;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  background-color: #c1e8b363;
  border: 1px solid gainsboro;
}
.message p{
    font-size: 16px;
    font-weight: 600;
}
.message span{
    color: gray;
    font-size: 11px;
    vertical-align: bottom;
    display: inline-block;
    float: right;
}
.message:hover {
    opacity: 0.8;
}
.basicinfo p{
    font-size: 14px;
    margin-top: 0px;
    padding: 5px;
    margin-bottom: 5px;
}
    .border{
box-shadow: 0 6px 5px rgba(0, 0, 0, 0.06);
  width: 100%;
  padding: 20px;
  border: none !important;
    }
    .messagebox a{
        color: black;
    }
    .messagebox i{
        color: #009900;
    }
    .messagebox{
        cursor: pointer;
        margin-bottom: 20px;
        padding: 10px;
        width: 100%;
        border-bottom: 1px solid #51ff011a;
        border-radius: 10px;
        border: 1px solid green;
        font-size: 14px;
    }
    .messagebox div{
        margin-top: 7px;
    }
    .messagebox:hover{
        background-color: #c2c2c233;
        color: black;
    }
    .newmenubox{
        transition: transform .2s; 
        padding: 30px;
    }
    .newmenubox:hover{
        transform: scale(1.1);
    }
    .textmenubox{
        padding: 20px;
        color: black !important;
        width: 100%;
      text-align: center;
    }
    .textmenubox a{
        color: black;
    }
    .arrows{
        font-size: 14px !important;
    }
    .arrows p{
        font-size: 14px !important;
    }
    .rightbox{
        width: 75%;
    }
    .rightboxtext{
        font-size: 14px;
        width: 85%;
    }
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
}
.gallery-item img {
    width: 200px;
    height: 150px;
    display: block;
    cursor: pointer; /* Add cursor pointer to indicate clickable */
}
/* Modal styles */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: auto;
}
.modal-content {
    margin: auto;
    display: block;
    width: auto;
    max-height: 90%;
}
        .image-container {
      width: 200px;
      height: 200px;
      overflow: hidden; /* Hides parts of the image that don't fit */
      cursor: pointer;
      border-radius: 10px;
    }
    .image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Ensures image covers the area while preserving aspect ratio */
      object-position: center; /* Centers the image within the container */
    }
    .footerstyle{
        background-color: #122f0173;
  color: white;
  width: 70%;
  border-radius: 20px;
    }
.close {
    color: black;
    position: absolute;
    top: 15px;
    right: 35px;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 99999;
    background-color: white;
      width: 50px;
      text-align: center;
}
.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
    .offercta{
        padding: 9px;
          background-color: #061e55;
          color: white !important;
          border-radius: 10px;
          width: 150px;
          display: inline-block;
          margin: 15px;
    }
    .offercta:hover{
        opacity: 0.8;
    }
    .offerctasee{
        padding: 9px;
          background-color: green;
          color: white !important;
          border-radius: 10px;
          width: 200px;
          display: inline-block;
          margin: 15px;
    }
    .offerctasee:hover{
        opacity: 0.8;
    }
    .sidesubmenu span{
        color: black !important;
    }
    .sidesubmenu i{
        font-size: 16px;
        color: #469969;
    }
    .sidesubmenu a:hover i{
        color: white !important;
    }
    .sidesubmenu p{
        padding: 10px;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 400;
        color: black;
    }
    .sidesubmenu p:hover{
    background-color: #74d394;
    color: white !important;
    }
    .sidebar{
      padding: 10px;
      width: 80%;
      background-color: #FFF;
      font-size: 12px;
      color: black;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    }
    .sidebar span{
        color: black !important;
    }
    .sidebar i{
        font-size: 16px;
        color: #469969;
    }
    .sidebar a:hover i{
        color: white !important;
    }
    .sidebar p{
        padding: 10px;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 400;
        color: black;
    }
    .sidebar p:hover{
    background-color: #74d394;
    color: white !important;
    }
    .sidebartitle{
        margin-top: 5px;
        margin-bottom: 5px;
        color: gray;
        font-variant: all-petite-caps;
        font-weight: 700;
    }
    .rightsidebarmain{
        text-align: center;
        margin-top: 50px;
    }
    .rightsidebarmain i{
        color: green;
    }
    .myh1{
      font-weight: 800;
      font-size: 37px;
      margin-bottom: 20px;
      display: inline-block;
      vertical-align: top;
      margin-left: 70px;
      color: #719d2c;;
      text-shadow: 1px 1px 2px #000;
      width: 75%;
      text-transform: uppercase;
    }
    .banermenu{
        margin-top: 195px;
        width: 58%;
        display: inline-block;
    }
    .seperatehero{
        margin-top: 1px;
    }
    .homeimg{
        width: 40%;
    }
    .inimg{
        background-color: white !important;
        height: 610px;
        background-repeat: no-repeat; 
        background-size: cover;
        border-radius: 20px;
        opacity: 89%;
        width: 100%;
        padding: 40px; 
    }
    .signupcta{
        padding: 8px;
  border-radius: 20px;
  text-align: center;
  width: 150px;
  background: linear-gradient(to bottom right, #add8e6, #d8aaff);
  color: white;
  font-weight: 700;
  margin-left: 25px;
    }
.homeeleft{
    display: inline-block;
    width: 49%;
    text-align: justify;
}
.homeinforight{
    display: inline-block;
    width: 30%;
    vertical-align: top;
}
    .toptextimg{
        margin-top: -502px;
        margin-left: -100px;
        padding: 20px; 
        display: inline-block; 
        position: relative;
        width: 85%;
        text-align: left;
    }
    .spanstar{
        margin-left:82px;;
        padding: 13px;
         color: white;
         font-weight: 800;
         font-size: 22px;
         display: inline-block;
         font-weight: 700;
    }
    .starcolortext{
color: #d3d300;
  filter: drop-shadow(1px 2px 20px yellow);
  font-size: 21px !important;
  padding: 5px;
    }
    .starcolor{
color: #d3d300;
  filter: drop-shadow(1px 2px 20px yellow);
  font-size: 27px !important;
  padding: 5px;
    }
    .starreview{
color: #d3d300;
  filter: drop-shadow(1px 2px 12px yellow);
  font-size: 22px !important;
  padding: 5px;
  margin-left: 10px;
    }
    .oldstarwelcome{
        color:yellow;text-shadow: 7px 4px 6px #000;padding: 3px;   border: 1px solid white;   margin-left: 5px;
    }
    .myp{
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 20px;
      display: inline-block;
      vertical-align: top;
      width: 60%;
      background-color: #ffffffde;
      padding: 20px;
      text-align: justify;
      color: #304566;
        }
    .infoboxnew{
      box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
      margin-left: 10px;
      height: 140px;
      border-bottom: 5px solid #17e417;
      width: 29% !important;
      text-align: center;
        font-size: 24px;
        box-shadow: 7px 8px #80808036;
    }
    .infobox{
      border-color: #fff;
      border-style: solid;
      border-width: 2px;
      box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
      margin-left: 10px;
      height: 220px;
      border-bottom: 5px solid #17e417;
      background-color: white;
      width: 29% !important;
      text-align: center;
        transform: skew(-2deg,2deg);
        font-size: 24px;
        box-shadow: 7px 8px #80808036;
    }
    .infoboxyellow{
      border-color: #fff;
      border-style: solid;
      border-width: 2px;
      box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
      margin-left: 10px;
      height: 220px;
      border-bottom: 5px solid #d3ff00;
      background-color: #6485b9;;
      width: 29% !important;
      text-align: center;
      transform: skew(-2deg,2deg);
      margin-left: 35px;
      margin-right: 35px;
      color: #020971 !important;
      font-size: 24px;
      box-shadow: 7px 8px #80808036;
    }
    .infoboxred{
      border-color: #fff;
      border-style: solid;
      border-width: 2px;
      box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
      margin-left: 10px;
      height: 220px;
      border-bottom: 5px solid #ff008f;
      background-color: white;
      width: 29% !important;
      text-align: center;
    transform: skew(-2deg,2deg);
    font-size: 24px;
    box-shadow: 7px 8px #80808036;
    }
    .headbcta{
    padding: 5px;
  color: white;
  background-color: #009900;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  width: 170px;
  display: inline-block;
  text-align: center;
  margin-left: 100px;
    }
    .myh2{
        font-weight: 700;
        font-size: 22px;
        color: black;
    }
    .table{
    }
    .fivep h2{
        font-weight: 600;
    }
    .thead{
        text-align: center;
        padding: 10px;
        background-color: #FF4E63;
        color: white;
        margin-top: 40px;
        margin-right: 10px;
        display: inline-block;
        width: 98%;
        z-index: 1;
        position: relative;
    }
    .btn{
        z-index: 0;
        background-color: #ff8f00 !important;
     border: 1px solid #ff8f00;
    }
.nav-item a{
    color: black;
}
    .fp{
        display: inline-block;
        background-color: transparent !important;
        color: white !important;
        text-align: left;
        vertical-align: top;
        width: 20%;
        text-align: center;
    }
    .secondp{
        display: inline-block;
        background-color: transparent !important;
        text-align: left;
        width: 10%;
        margin-right: 10px;
        text-align: center;
    }
    .secondtext{
        font-size: 13px;
        margin-top: 30px;
        display: inline-block;
        vertical-align: center;
        font-weight: 700;
    }
    .tp{
        display: inline-block;
        background-color: transparent !important;
        color: white !important;
        text-align: left;
        vertical-align: top;
        width: 24%;
        text-align: center;
    }
    .fourp{
        display: inline-block;
        background-color: transparent !important;
        color: white !important;
        text-align: left;
        vertical-align: top;
        width: 20%;
        text-align: center;
    }
    .fivep{
        display: inline-block;
        background-color: transparent !important;
        color: white !important;
        text-align: left;
        vertical-align: top;
        width: 10%;
        text-align: center;
    }
    .sp{
        display: inline-block;
        background-color: transparent !important;
        color: white !important;
        vertical-align: top;
        width: 10%;
        text-align: center;
    }
    .hidelarge{
        display: none;
    }
    .logoicon{
        width:100px; display:inline-block;margin-left: 250px
    }
    #more {display: none;}
    footer{
        font-size: 12px;
        width: 99%;
        margin-top: 120px;

    }

    .footerlinks{
      background-color: #b9f2b959;
      border-top-left-radius: 150px;
      border-top-right-radius: 150px;
    }
    .footerhead{
        padding: 100px;
      background-color: white;
    }
    .footer{
        text-align: left;
    }
    .awardboxtext{
        font-size: 14px;
        padding: 5px;
        border: 1px solid #e3e3e3;
        width: 100%;
    }
    .hidden {
      display: none;
    }
    .border-bottom{
        border-bottom: 1px solid #ff6c00 !important;
    }
    .divup:hover{
        margin-top: -10px;
          transform: skew(1deg,-2deg);
          cursor: pointer;
    }
    .imagenumber{
    position: relative;
      top: -133px;
      left: 15px;
      background-color: #052948;
      width: 9%;
      font-size: 11px;
      padding: 4px;
      border-radius: 5px;
      color: white;
    }
    .forcompaniesimages{
        width: 90%;
        height: 270px;
    }
    .navbar{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 4;
        padding: 0px;
        color: white;
        border-bottom: 2px solid #fff; /* Add a solid border at the bottom */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    /* Other styling properties for the header menu */
        background-color: #fff;
        padding: 2px 0 !important; /* Adjust padding as needed */
    }
    .navbar a{
        color: black;
    }
    .navbar, .buttons{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .casinogamesimg{
        width: 71px;
        height: 41px;
    }
    .posts{
        padding:20px;margin: 0 auto;text-align: center;
    }
    button{
        border: none;
        transition: 0.3s;
        cursor: pointer;
    }
    .normalcta{
        background
    }
    .menu-btn{
        margin-left: 1em;
        background: none;
        display: inline-block;
        padding: 5px;
    }
    .menu-btn span{
        font-size: 2.3em;
    }
    .dropdown i{
        color: #009900;
        font-size: 18px;
    }
    .dropdown > div, .sub-dropdown > div {
        cursor: pointer;
        margin-left: 13px !important;
    }
    .dropdown > div > a {
        color: white !important;
    }
    .dropdown .menu a:hover{
        opacity: 0.6;
    }
    .dropdown:hover{
        background-color: #d9f2ff;
        color:black;
        border-radius: 7px;
    }
    .menu a{
        display: block;
        margin: 0.8em 0;
        width: 49%;
        display: inline-block;
        font-size: 15px;
        border-bottom: 1px solid red;
        padding: 2px;
        font-weight: 600;
        color: black;
        font-size: 14px;
    }
    .menucolor{
             background: #eaf5fb;
             width: 100%;
    }
    .footercta{
        display: none;
    }
    .footerctablack{
        display: none;
    }
    .window-container {
        margin-bottom: 20px;
        display: inline-block;
        vertical-align: top;
    }
    .window {
        display: none;
    }
    .window-toggle {
        cursor: pointer;
        color: #fff;
        border: none;
        border-radius: 3px;
        display: inline-block !important;
        position: absolute;
        background-color: transparent;
        color: black;
    }
    .window-toggle:hover {
        background-color: #0056b3;
        display: inline-block;
    }
    .footer{
        width: 100%;
        background-color: black;
        color:white;
        text-align: center;
        padding: 20px;
    }
    .postbox{
width: 20%;
  box-shadow: 3px 9px 30px gray;
  display: inline-block;
  margin-left: 60px;
  text-align: center;
  font-size: 14px;
height: 463px;
  padding: 20px;
    }
    .postbox div{
        font-size: 14px;
        font-weight: 700;
    }
    .postbox p{
        font-size: 12px;
        margin-top: 40px;
        padding: 4px;
    }
    .welcomeoptions p{
        font-size: 14px;
    }
    .welcomeoptions:hover{
background-color: #abcadd !important;
  cursor: pointer;
    }
    .imageshadow{
        filter: drop-shadow(1px 10px 26px #43a8bf);
     box-shadow: 2px 1px 6px #43a8bf;
    }
    .companyfields{
        width: 150px;
        display: inline-block;
    }
    .companyout{
        display: inline-block;
        width: auto;
    }
    .infoicon{
      color: #00133a;
      font-size: 21px !important;
      padding: 5px;
    }
    .custom-file-upload {
      border: 1px solid #ccc;
      display: inline-block;
      padding: 6px 12px;
      cursor: pointer;
    }
    .postimage{
        width: 357;height: 266px;
    }
    .posttitle{
        font-weight: 700;
        font-size: 18px;
        color: black;
        margin-top: 20px;
        vertical-align: top;
        display: inline-block;
    }
    .posttext{
        font-size: 14px;
        color: black;
        margin: 10px;
    }
   /* Your CSS styles here */
    .hidden-content {
      overflow: hidden;
      max-height: 0;
      transition: max-height 1s ease-out;
      background-color: #F2F2F2;
    }
    .visible-content {
      max-height: 2000px; /* Adjust to the maximum height you expect your content to have */
    }
    .button {
      background-color: #F2F2F2;
      width: 100%;
      color: black;
      padding: 28px;
      font-size: 16px;
      border: none;
      cursor: pointer;
      font-size: 18px;
      font-weight: 700;
      text-align: left;
      width: 100%;
      margin-top: 50px;
    }
    /* Your CSS styles here */
    /* Dropdown container */
    .dropdown {
      position: relative;
      display: inline-block;
    }
    /* Dropdown button */
    .dropbtn {
      background-color: #4CAF50;
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
    }
    /* Dropdown content (hidden by default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      transition: display 0.5s;
    }
    .dropdown-content.show {
      display: block;
    }
    .show {display: block;}
    .divider{
        margin-top: 100px;
    }
    .headertext{
        color: white;
      width: 48%;
    }
    .smallheader{
      width: 70%;
      text-align: center;
      margin-top: 30px;
    }
    .menulogo{
      width: 26%;
      height: 48px;
      border-radius: 5px;
      margin-right: 10px;
      margin-left: 10px;
    }
    .imgoffer{
        border-radius: 10px;
        padding: 5px;
        margin: 10px;
        width: 100%;
        height: 100px;
    }
     li .active{
       box-shadow: 0 0 0 1px #4bcefa inset;
      color: #fff;
      background-color: #4bcefa !important;
      color: white !important;
      border: none !important;
    }
    .casinotext{
        font-size: 12px;
        margin-left: 25px;
    }
    .igaming{
        width: 40%;
      border: 1px solid gray;
      border-radius: 4px;
      display: inline-block;
    }
    .image-overlay {
      background-color: rgba(0, 0, 0, 15); /* Adjust the alpha value to change darkness */
    }
    .descoffwo{
        font-size: 14px;
        word-wrap: break-word;
    }
    .offerswork{
        background-color: #0e1c46;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  border: 2px solid #304566;
  color: white;
    }
    .imagearrowright{
            padding: 10px;
          background-color: white;
          color: black;
          float: right;
          position: absolute;
          right: 0px;
          top: 50%;
          cursor: pointer;
          width: 50px;
     height: 68px;
     font-size: 30px;
    }
    .imagearrowleft{
          padding: 10px;
          background-color: white;
          color: black;
          float: right;
          position: absolute;
          left: 0px;
          top: 50%;
          cursor: pointer;
          width: 50px;
  height: 68px;
  font-size: 30px;
    }
    .icons{
        color: #469969;
        width: 20px;
        text-align: center;
    }
    .companyp{
        display: inline-block;
  color: #373737;
  vertical-align: top;
  font-size: 14px;
    }
 .ctaorange{
    border: 1px solid #009900;
  padding: 8px;
  color: white !important;
  background-color: #009900;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
 }
    .ctasmall{
    border: 1px solid #009900;
  padding: 8px;
  color: white !important;
  background-color: #009900;
  border-radius: 35px;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
    }
    .cta{
    border: 1px solid #009900;
  padding: 8px;
  color: white !important;
  background-color: #009900;
/*  border-radius: 5px;*/
  border-radius: 35px;
  font-size: 14px;
  font-weight: 600;
  width: 300px;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
    }
    .ctaform{
    border: 1px solid #009900;
  padding: 8px;
  color: white !important;
  background-color: #009900;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  width: 150px;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
    }
    .ctafull{
    border: 1px solid #009900;
  padding: 12px;
  color: white !important;
  background-color: #009900;
  border-radius: 35px;
  font-size: 1rem;
  font-weight: 700;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
    }
    .succta {
      border: 1px solid green;
      padding: 8px;
      color: white !important;
      background-color: green;
      border-radius: 10px;
      font-size: 14px;
      font-weight: 600;
      width: 120px;
      display: inline-block;
      text-align: center;
    }
    .succtanw {
      padding: 8px;
      color: white;
      background-color: green;
      border-radius: 10px;
      font-size: 12px;
      font-weight: 600;
      display: inline-block;
      text-align: center;
      width: 100%;
    }
    .tablecta {
      padding: 8px;
      color: white;
      background-color: #e47a0a;
      border-radius: 10px;
      font-size: 12px;
      font-weight: 600;
      display: inline-block;
      text-align: center;
      width: 100%;
    }
    .tablecta:hover{
        color: white;
        opacity: 0.8;
    }
    .nextarrow{
        float: right;
        background-color: transparent;
        margin-right: -100px;
    }
    .nextarrow .material-symbols-outlined{
        color: #304566 !important;
        font-size: 70px !important;
    }
    .prevarrow{
        float: left;
        background-color: transparent;
        margin-left: -100px;
    }
    .prevarrow .material-symbols-outlined{
        color: #304566 !important;
        font-size: 70px !important;
    }
    .selectroom label{
        margin-left: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
    .selectroom label span{
        margin-bottom: 20px;
    }
    .headermc{
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
        width: 100%;
        min-height: 50px;
        margin-bottom: 20px;
    }
    .headermessage{
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
        width: 100%;
        margin-bottom: 10px;
    }
    .jobform{
        width: 80%;
        margin-left: 50px;
    }
    .roomicons{
        font-size: 75px !important;
        color: #486c82;
        vertical-align: top;
        width: 100px;
    }
    .offergridpart{
        width: 80%;display: inline-block;margin-left: 20px;
    }
    .offergridcta{
        width:15%;display: inline-block;
    }
    .usermessageimg{
        width: 150px;
        margin-right: 50px;
    }
    .rightallowsmall{
        color: #009900 !important;
        font-size: 50px !important;
    }
    .leftallowsmall{
        color: #009900 !important;
        font-size: 50px !important;
    }
    .leftarrowb{
        color: #009900 !important;
        font-size: 50px !important;
    }
    .fa-solid{
        font-size: 16px;
        margin-right: 10px;
    }
    .fa-brands{
        font-size: 16px;
        margin-right: 10px;
    }
    .fas {
        font-size: 16px;
        margin-right: 10px;
    }
    .fa-regular {
        font-size: 16px;
        margin-right: 10px;
    }
    .searchi{
        display: inline-block;
        color: #373737;
        vertical-align: top;
         font-style: italic;
         font-size: 14px;
         margin-left: 8px;
    }
    .searchi i{
        color: #009900;
    }
    .messagei{
        width:26%;
        text-align: center;
    }
    .paginationbutton{
        font-size: 34px;
        color: #a2a2a2;
    }
    .rightbarimg{
border-radius: 57%;
  margin-top: 20px;
  border: 2px solid #9e9eff;
  width: 68px;
  height: 68px;
    }
    .rightbartext{
        width: 65%;color:gray;display: inline-block;   margin-top: 28px;   font-size: 14px;
    }
    .footersubmenu{
    background-color: #3b7136;
    padding: 60px;
    margin-top: 20px;
    margin-left: 10px;
    display: inline-block;
      text-align: center;
      vertical-align: top;
      display: inherit;
      border-top-right-radius: 50px;
      border-top-left-radius: 50px;
    }
    .footersubmenu ul{
        display: inline-block;
    }
    .footersubmenu a{
        color: white;
        display: inline-block;
        width: 350px;
       margin-bottom: 14px;
    }
.invoicecta{
    background-color: #d4f0ec;
  padding: 10px;
  width: 250px;
  border-radius: 10px;
  text-align: center;
  color: black;
  font-size: 14px;
  margin-bottom: 10px;
}
 .selectprovince{
padding: 12px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  background-color: transparent;
  border-bottom: 1px solid #e8e8e8;
 }
 .propertyimage{
    height: 100px;
    width: 100px;
 }
 .messageinfo{
    width:26%;
    text-align: center;
 }
  .offerinfo{
    width: 75%;
    display: inline-block;
    margin-left: 20px;
  }
.offerbuttons{
 display: inline-block;
  width: 19%;
  vertical-align: top;
  margin-left: 1px;
  }
    .rightimage{
        background-repeat: no-repeat;   background-size: cover; height:450px; width: 100%;transition: 0.8s; 
        cursor: pointer; border-bottom: 5px solid #000a1e;;
    }
    .rightimage:hover{
        background-repeat: no-repeat;   background-size: cover;filter: brightness(1);height:500px; width: 100%;
        cursor: pointer; 
    }
    .divhide{
    margin-left: 50px;
    margin-top: 40px; 
    padding: 10px;
     font-size: 20px;
     color: white;
     font-weight: 700;
     background-color: #011b4f;
     width: 30%; transition: 1s; display: inline-block;
  background: linear-gradient(
    50deg,
    rgba(255, 255, 255, 0.4) 12%,
    rgba(255, 255, 255, 0.1) 77%
  );
  background-blend-mode: ;
  box-shadow: 0px 4px 24px 1px rgba(0, 0, 0, 0.28);
  backdrop-filter: brightness(247%);
  -webkit-backdrop-filter: brightness(247%);
    }
    .forcompanies{
        color: black;
    }
    .rightimage:hover .divhide{
        display: inline-block;
        width: 80%;
        margin-bottom: 5px;
    }
    .infoboxnewu{
        display: none;
        width: 1%;
        transition: 1s;
    }
    .rightimage:hover .infoboxnewu{
        display: inline-block;
        width: 60%;
    }
    .rightimage:hover .forcompanies{
        display: none;
    }
    .starsbox{
        font-size: 20px;
        color: white;
    }
.unput-groupnew{
    position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 70%;
}
    .searchhome{
        padding: 10px !important;
        display: inline-block;
        border-radius: 10px;
    }
.myh1up{
      font-weight: 800;
      font-size: 32px;
      margin-bottom: 20px;
      display: inline-block;
      vertical-align: top;
      margin-left: 70px;
      color: white;
      text-shadow: 1px 1px 2px #000;
      text-transform: uppercase;
filter: drop-shadow(1px 2px 20px white);
}
    .mypupdate{
      font-weight: 700;
      font-size: 14px;
      display: inline-block;
      vertical-align: top;
      text-align: justify;
      color: white;
        }
 .openingdescrtitle{
    width: 100%;
 }
 .openingdescbox{
    width: 175px;
    color: gray;
    font-size: 12px;
 }
.classcontainer {
    display: flex;
}
.homepartone {
    height: 100vh;
    width: 52%;
    transition: width 1s;
}
.homeparttwo {
    width: 47%;
}
.submenu{
    width:25%;display: inline-block; margin-top: 55px;
}
.submenumain{
    width:71%;display: inline-block; margin-left: 20px;
}
.submenuimg{
    width: 74%;
    height: 178px;
    border-radius: 20px;
}
  input[type="file"] {
    display: none;
  }
  /* Style the custom button */
  .custom-file-upload {
border: 1px solid #fff;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  background-color: #44a862;
  color: white;
  border-radius: 4px;
  width: 200px;
  border-radius: 20px;
  text-align: center;
  font-weight: 600;
  }
.mtable th h1 {
    font-weight: bold;
    font-size: 14px;
  text-align: left;
  color: black;
}
    .mtable td {
          font-weight: normal;
          font-size: 14px;
          -webkit-box-shadow: 0 2px 2px -2px #0E1119;
          -moz-box-shadow: 0 2px 2px -2px #0E1119;
          box-shadow: 0 2px 2px -2px #0E1119;
          color: black;
          padding: 12px;
          text-transform: capitalize;
    }
.mtable {
    text-align: left;
    overflow: hidden;
    width: 100%;
    margin: 0;
  display: table;
  padding: 0 0 2em 0;
    margin-top: 25px;
}
.mtable td, .mtable th {
    padding-top: 1%;
  padding-left:1%;  
}.mtable th {
  text-transform: uppercase;
}
/* Background-color of the odd rows */
.mtable tr:nth-child(odd) {
    background-color: #FFF;
}
/* Background-color of the even rows */
.mtable tr:nth-child(even) {
    background-color: #F2F2F2;
}
.mtable th {
    background-color: #FDFDFD;
    border-bottom: 1px solid;
}
.mtable tr:hover {
    background-color: #EEEEEE21;
    cursor: pointer;
}
.mtable td:first-child { color: #FB667A;
}
    .homesearch{
        width:66%;
        display: inline-block;
    }
    .homecta{
    background-color: #009900;
    border-radius: 40px;
    font-size: 22px;
    font-weight: 700;
    color: white;
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    }
    .homecta i{
        font-size:29px;margin-left: 20px;margin-top: 2px;vertical-align: bottom;
    }
    .homecta:hover{
        opacity: 0.8 !important;
        color: white !important;
    }
.borderlbox{
    border-left: 3px solid #009900;
    margin-right:5px !important;
    min-height: 150px;
    vertical-align: bottom;
}
.borderlbox div{
    margin-left: 35px;
}
.borderlbox i{
    position: relative; 
    margin-left: -15px; 
    font-size: 26px;
    color: #009900;
    background-color: white !important;
}

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

    .sidebar{
        width: 95%;
    }
    .sidebar p {
        font-size: 12px !important;
        margin-left: 0px !important;
    }

    .chatoffer {
        width:100%;
    }
    .chatoffer p{
           color: #016401;   font-size: 13px;
           margin-top: 45px;
          font-weight: 900; 
          text-align: center;
    }
    .chatoffer i{
        font-size: 38px;
        margin-bottom: 15px;
    }
    
.homeebuild{
    margin-top: -80px;
  height: 130%;
  width: 100%;
  opacity: 0.6;
  margin-left: 50px;
}

.optiontitle{
    font-weight: 800;
  font-size: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  margin-left: 31px;
  color: #009900;
  text-transform: uppercase;
  filter: drop-shadow(1px 2px 20px white);
  text-align: center;
  width: 80%;
  font-weight: 900;
}
    .homemessage span{
        font-size: 16px;   font-weight: 600;   float: left; display: inline-block;   padding: 10px;
    }
    .homemessage img{
        border-radius: 50%; width: 55px;
    }
    .homemessages{
        font-size: 12px;
    }
    .homemessagesresponse{
        font-size: 12px;
    }
    .bordernumber{
        font-size: 18px;
        height: 35px;
        width: 35px;
    }
    .bordershome {
      border-width: 1px;
      width: 18%;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 30px;
      padding: 8px;
      display: inline-block;
      border-radius: 5px;
      height: 300px;
    }
    .bordershome h5{
        font-size: 15px;
        height: 45px;
    }
    .bordershome p{
        font-size: 15px;
    }
p{
    font-size: 14px;
}
.inputopeningsettings{
    font-size: 10px;
}
.settingsinput{
    font-size: 12px;
    padding: 5px;
}
label{
    font-size: 14px;
}
    .postbox{
width: 21%;
  box-shadow: 3px 9px 30px gray;
  display: inline-block;
  margin-left: 50px;
  text-align: center;
  font-size: 14px;
    }
    .postbox div{
        font-size: 16px;
        font-weight: 700;
    }
    .welcomeoptions p{
        font-size: 12px;
    }
    .welcomeoptions h2{
        font-size: 22px;
    }
.navbar{
    padding: 7px 0;
}
.myh1up{
      font-weight: 800;
      font-size: 22px;
      margin-bottom: 20px;
      display: inline-block;
      vertical-align: top;
      margin-left: 70px;
      color: white;
      text-shadow: 1px 1px 2px #000;
      text-transform: uppercase;
}
    .mypupdate{
      font-weight: 700;
      font-size: 12px;
      margin-bottom: 20px;
      display: inline-block;
      vertical-align: top;
      padding: 20px;
      text-align: justify;
      color: white;
        }
    .rightimage{
        background-repeat: no-repeat;   background-size: cover; height:310px; width: 100%;transition: 0.8s; 
        cursor: pointer; border-bottom: 5px solid #000a1e;
    }
    .rightimage:hover{
        background-repeat: no-repeat;   background-size: cover;filter: brightness(1);height:380px; width: 100%;
        cursor: pointer;
    }
    .divhide{
    margin-left: 50px;
    margin-top: 40px;
    padding: 10px;
    font-size: 16px;
    color: white;
     font-weight: 700;   background-color: #011b4f; width: 30%; transition: 1s; display: inline-block;
    }
    .rightimage:hover .divhide{
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
    }
    .infoboxnewu{
        display: none;
        width: 1%;
        transition: 1s;
    }
    .rightimage:hover .infoboxnewu{
        display: inline-block;
        width: 60%;
    }
    .starsbox{
        font-size: 20px;
        color: white;
    }
    .infobox {
      border-color: #fff;
        border-bottom-color: rgb(255, 255, 255);
      border-style: solid;
        border-bottom-style: solid;
      border-width: 2px;
        border-bottom-width: 2px;
      box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
      margin-left: 10px;
      height: 233px;
      border-bottom: 5px solid #17e417;
      background-color: white;
      width: 24% !important;
      text-align: center;
      transform: skew(-2deg,3deg);
      font-size: 14px;
    }
    .myp{
        font-size: 14px;
    }
    .toptextimg{
        margin-top: -425px;
    }
    .searchi{
        font-size: 12px;
    }
.formslabels{
    font-size: 12px;
  margin-bottom: 20px;
  display: inline-block;
  text-shadow: 1px 0px 1px #469969;
  text-transform: uppercase;
  filter: drop-shadow(1px 2px 20px white);
  width: 80%;
  font-weight: 900;
  margin-left: 1px;
}
}
@media screen and (max-width: 1500px) {
    .bordershome{
        height: 350px;
    }
    .workeroption{
        width: 38%;
    }
    .headbcta{
        font-size: 13px;
        margin-left: 55px;
    }
    .bordershome p{
        font-size: 12px;
    }
    .logoheader{
        display: none;
    }
    .logotext{
        font-size: 12px;
    }
    .mega-menu{
        font-size: 12px;
    }
}
/* Responsive Design  --------------------------------------------------------------------- */
@media screen and (max-width: 800px) {
    .popup-content{
        width: 80%;
    }
    .contenthead{
        right: 0px;
        left: 0px;
        top: 82px;
    }
    .iconhead{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 15px;
    }
    .iconhead i{
        font-size: 20px;
    }
    .logotext{
        font-size: 18px;
    }
    .phoneback{
        background-size: contain;
         background-position: center;
         background-repeat: no-repeat;
         height: 150px;
    }
 .brand{
        display: block;
    }
.leftparthome{
    width: 99%;
    display: inline-block;
}
.inleftparth{
    margin-left:5px;
    margin-top: 50px;
}
.rightparthome{
    width: 99%;
    display: inline-block;
}
.classmovetop{
    top: 80px  !important;
}
    .menuboxoptions{
    height: 72px;
    padding: 13px;
    border: 1px solid white;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    }
    .menu-container{
        background: #fff;
        position: absolute;
        top: 3.5em;
        left: 0;
        width: 100%;
        overflow-y: hidden;
        transition: 0.3s ease-in-out;
    }
    /* Width */
    .mega-menu::-webkit-scrollbar{
        width: 8px;
    }
    /* Track */
    .mega-menu::-webkit-scrollbar-track{
        background: #f1f1f1;
    }
    /* Handle */
    .mega-menu::-webkit-scrollbar-thumb{
        background: #888;
    }
    /* Handle on hover */
    .mega-menu::-webkit-scrollbar-thumb:hover{
        background: #555;
    }
    .mega-menu{
        padding: 0 1em 1em 1em;
        height: 100%;
        overflow-y: scroll;
    }
    .mega-menu li{
        font-weight: bold;
        font-size: 1.1rem;
        width: 100%;
    }
    .mega-menu li > div{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 0.5em;
    }
    .menu li{
        padding: 0 0em;
        font-size: 1em;
        font-weight: 400;
    }
    .menu a{
        display: block;
        margin: 0.8em 0;
        width: 49%;
        display: inline-block;
        color: black;
    }
    .menu{
        display: none;
    }
    /* Toggle class for Javascript */
    .menu-show{
        display: block;
    }
    .material-symbols-outlined{
        transition: 0.3s;
    }
    /* Toggle class for javascript */
    .icon-rotated{
        transform: rotate(90deg);
    }
    .dropdown>div, .sub-dropdown > div{
        cursor: pointer;
        padding: 0.5em;
    }
    .sub-menu{
        font-size: 0.9em;
        display: none;
    }
    /* Toggle class for Javascript */
    .sub-menu-show{
        display: block;
    }
    .dropdown:hover>div, .sub-dropdown:hover>div{
        text-decoration: underline;
        color: white;
    }
    /* Hide menu */
    .menu-container{
        height: 0;
    }
    /* Toggle class for javascript */
    .mega-menu-show{
        height: 58vh;
        margin-top: 4px;
    }
}
/* Media Queries ------------------------------------------------------------------------------- */
@media screen and (min-width: 800px) {
    .dropdown > div{
        padding: 7px;
    }
    .mega-menu{
        display: flex;
        justify-content: center;
    }
    .menu-btn{
        display: none;
    }
    .menu{
        background: #fff;
        position: absolute;
        top: 4.65em;
        left: 0;
        width: 100%;
        padding: 0 2em;
        overflow-y: scroll;
        transition: 0.4s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 2em;
    }
    .menu > li:first-child{
        font-size: 1.1em;
        margin: 0;
    }
    .sub-dropdown > div span:first-child{
        font-weight: bold;
    }
    .dropdown > div{
        transition: 0.3s;
    }
    .dropdown:hover > div{
        border-color: #000;
    }
    .dropdown li{
    }
    .dropdown > div span:last-child, 
    .sub-dropdown > div{
        display: none;
    }
    /* Width */
    .menu::-webkit-scrollbar{
        width: 8px;
    }
    /* Track */
    .menu::-webkit-scrollbar-track{
        background: #f1f1f1;
    }
    /* Handle */
    .menu::-webkit-scrollbar-thumb{
        background: #888;
    }
    /* Handle on hover */
    .menu::-webkit-scrollbar-thumb:hover{
        background: #555;
    }
    /* Hide menu */
    .menu{
        height: 0;
    }
    .dropdown:hover .menu{
        height: 50vh;
        padding: 5px;
        overflow-y: scroll;
        width: 700px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        height: auto;
        border-top: 3px solid #032d71;
        background-color: white;
        color: white !important;
        top: 37px;
    }
}
/* Media Queries ------------------------------------------------------------------------------- */
@media only screen and (max-width: 1824px) {
    .phoneback{
        background-size: contain; 
         background-position: center; 
          background-repeat: no-repeat; 
           height: 750px;
    }
    .homemessagew{
        width: 18%;
    }
    .chatmessage{
margin-left: -226px;
    margin-top: 131px;
    margin-bottom: 50px;
    }
    .chatmessageresp{
  margin-top: -20px;
    }
.myh1uporange {
    font-size: 29px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 1px;
    text-shadow: 1px 0px 2px #469969;
    text-transform: uppercase;
    filter: drop-shadow(1px 2px 20px white);
    text-align: center;
    width: 80%;
    font-weight: 700;
    margin-top: 150px;
}
.selectionuser{
    margin-bottom: 1px;
}
.selectionuser p{
    font-size: 14px;
    min-height: 60px;
}
.inleftparth {
margin-left: 118px;
    margin-top: 25px;
    margin-right: 46px;
}
}
@media only screen and (max-width: 600px) {

    .homecta{
    background-color: #009900;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 700;
    color: white;
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    }

    .mainappbody{
        margin-left: 0px;
        width: 99%;
    }


.chatmessage{
margin-left: 5px;
    margin-top: 152px;
    margin-bottom: 30px;
}
.chatmessagew{
    margin-top: 10px;
}
.chatmessageresp{
    margin-left: 5px;
    margin-top: 5px;
}
    .searchform{
        width: 100%;
    }
    .searchbutton{
        display: none;
    }
    .searchbuttonsmall{
    background-color: #009900;
    margin-left: -50px;
    height: 40px;
    color: white;
    border-radius: 50px;
    width: 40px;
    padding: 5px;
    display: inline-block;
    }
.settingsmenu{
    margin-top: 1px;
    width: 98%;
    display: inline-block;
    margin-left: 0px;
    position: fixed;
    bottom: 42px;
    text-align: center;
}
.sidesubmenu i{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}
.sidesubmenu a{
    width: 17%;
    display: inline-block;
    background-color: #e4e4e4;
    color: white;
    height: 80px;
    vertical-align: top;
}
.selectionuser p{
    min-height: auto;
    color: white;
    font-size: 15px;
    padding: 8px;
}
.optiontitle{
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  margin-left: 31px;
  color: white;
  text-transform: uppercase;
  filter: drop-shadow(1px 2px 20px white);
  width: 80%;
  font-weight: 900;
  text-align: left;
  min-height: auto;
  margin-left: 1px;
  text-align: center;
}
    .offergridpart{
        width: 95%;display: inline-block;margin-left: 20px;
    }
    .offergridcta{
        width:99%;display: inline-block;
    }
.myh1uporange {
    font-size: 15px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 1px;
    text-shadow: 1px 0px 2px #469969;
    text-transform: uppercase;
    filter: drop-shadow(1px 2px 20px white);
    text-align: center;
    width: 80%;
    font-weight: 700;
    margin-top: 1px;
}
.borderlbox{
    border-left: 4px solid #090;
    width: 90%;
    margin-left: 22px;
}
.bordersold{
    font-size: 12px;
    word-wrap: anywhere;
}
.formicons{
    color: #7ebb00;
    font-size: 37px !important;
    margin-bottom: 30px;
    display: inline-block;
    margin-top: 20px;
}
    .rightpage{
        display: inline-block;
        width: 99%;
    }
.homemessages{
    font-size: 13px;
}
.homemessagesresponse {
    font-size: 13px;
}
.ctaorange{
    border: 1px solid #009900;
  padding: 8px;
  color: white !important;
  background-color: #f26e0e;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  width: 300px;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
 }
    .ctafull{
    border: 1px solid #009900;
      padding: 12px;
      color: white !important;
      background-color: #009900;
      border-radius: 5px;
      font-size: 1rem;
      font-weight: 700;
      width: 90%;
      display: inline-block;
      text-align: center;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-left: 15px;
        }
    .ctasmall {
      border: 1px solid #009900;
      padding: 8px;
      color: white !important;
      background-color: #009900;
      border-radius: 5px;
      font-size: 12px;
      font-weight: 600;
      width: 85%;
      display: inline-block;
      text-align: center;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-left: 15px;
    }
    .ctatable{
    }
.inputdate{
    width: 100%;
    margin-bottom: 30px;
}
.homerarrow{
    display: none !important;
}
.chatheadright{
    float: right;
  margin-right: 1px;
  margin-top: 1px;
  border-radius: 50%;
}
.homemessagew{
    width: 97%;
}
.homemessagesresponse{
    margin-right: 0px;
    margin-top: 15px;
}
.mtable thead{
    display: none;
}
.mtable td, .mtable th {
    padding-bottom: 3%;
    padding-top: 5%;
  padding-left:4%;  
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  float: right;
  text-align: right;
  text-transform: uppercase;

}
.bordernumber{
  float: left;
  border: 4px solid green;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  font-size: 20px;
  font-weight: 700;
  color: green;
  margin-top: -32px;
  margin-left: 5px;
  box-shadow: 13px 9px 22px rgba(255, 170, 7, 0.38);
}
    .forcompaniesimages{
        width: 90%;
        height: 140px;
    }
.homeeleft{
    display: inline-block;
    width: 100%;
    text-align: justify;
    margin-top: 1px;
}
.homeinfo{
    padding: 44px;
}
.homeinforight{
    display: inline-block;
    width: 100%;
}
.homeicons{
    width: 100%;
    padding: 1px;
    text-align: center;
}
.homeicons a{
    color: black;
}
.homeicons div{
    width: 120px;
    display: inline-block;
    margin-bottom: 22px;
}
.homeicons i{
border-radius: 50%;
  padding: 10px;
  box-shadow: 0 0 0 3px rgba(122, 194, 36, 0.5), 0 0 0 9px rgba(97, 211, 19, 0.3), 0 0 0 9px rgba(89, 185, 24, 0.1);
  margin-bottom: 18px;
}
.homeicons span{
    font-size: 13px;
}
.homeicons div:hover {
   background: linear-gradient(to bottom,transparent 20%,#7FCE53);
}
    .homesearch{
        width:99%;
        display: inline-block;
    }
      .inleftparth {
    margin-left: 5px;
    margin-top: 55px;
    margin-right: 0px;
  }
    .bordershome {
      border-width: 1px;
      width: 38%;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 30px;
      padding: 8px;
      display: inline-block;
      border-radius: 5px;
      height: 365px;
    }
    .bordershome h5{
        font-size: 14px;
        height: 45px;
    }
    .bordershome p{
        font-size: 12px;
    }
    .workeroption {
    width: 91%;
    margin-left: 5px;
    margin-bottom: 25px;
    padding: 1px;
    background-color: #259b25db;
    color: white;
    border-radius: 25px;
    }
    .textmenubox{
        padding: 20px;
        color: black !important;
        width: 98%;
      text-align: center;
    }
    .submenu{
        width:99%;display: inline-block; margin-top: 55px;
    }
    .submenumain{
        width:99%;display: inline-block; margin-left: 0px;
    }
.submenuimg{
    width: 200px;
    height: 200px;
    border-radius: 20px;
}
    .apptwo{
        display: inline-block;
        vertical-align: top;
        width: 99%;
        padding: 10px;
    }
    .searchjob{
        color: black;
        width: 100%;
    }
    .rightsidebarmain{
        text-align: center;
        margin-left: 0%;
        margin-top: 50px;
    }
    .nextarrow{
        float: right;
        background-color: transparent;
        margin-right: 0px;
    }
.modal-content {
    margin: auto;
    display: block;
width: 88%;
  max-height: 200px;
  top: 20%;
}
    .twopage{
    display: inline-block;
    width: 98%;
    margin-left: 19px;
    }
    .twopageright{
        width: 95%;
        margin-left: 1px;
        margin-top: 50px;
    }
.rightbox{
    width: 92%;
  margin-left: 14px;
}
.form-control{
    width: 90% !important;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: 15px;
}
    .rightimage{
        background-repeat: no-repeat;   background-size: cover; height: 320px; width: 100%;transition: 0.8s; 
        cursor: pointer; border-bottom: 5px solid #000a1e;;
    }
    .rightimage:hover{
        background-repeat: no-repeat;
        background-size: cover;
        filter: brightness(1);
        height: 320px;
        width: 100%;
        cursor: pointer;
    }
    .divhide{
    margin-left: 50px;
    margin-top: 40px; 
    padding: 10px;
     font-size: 20px;
     color: white;
     font-weight: 700;
     background-color: #011b4f;
     width: 30%; transition: 1s; display: inline-block;
    }
    .rightimage:hover .divhide{
        display: inline-block;
        width: 50%;
        margin-bottom: 5px;
    }
    body{
        width: 99%;
        margin-left: 0px;
    }
.homepartone{
    height: auto; width: 100%; 
}
.homeparttwo{
    width: 100%;height: auto;
}
  .offerinfo{
    width: 90%;
    display: inline-block;
    margin-left: 20px;
  }
  .offerbuttons{
    width: 77%;
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
  }
    .messageinfo{
        width: 100%;
    }
    .mainrow{
        display: inline-block;
        margin-top: 120px;
        margin-left: 3px;
        width: 100%;
    }
    .mobilei{
        font-size: 19px;
        text-align: center;
        margin-right: 0px !important;
        margin-bottom: 3px;
        color: #469969 !important;
        margin-top: 5px;
    }
    .headermc{
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        width: 100%;
        margin-top: 20px;
        min-height: 50px;
        margin-bottom: 50px;
    }
    .messagei{
        width:100%;
        text-align: center;
    }
    .searchi{
        display: inline-block;
        width: 80%;
        word-wrap: break-word;
        font-size: 14px;
    }
    .selectroom label{
        margin-left: 1px;
    }
    .navbar a{
        color: black;
    } 
       .navbar a span{
        color: black;
    }
    .footerlogos{
     font-size: 28px !important;
     color: #000062;
    }
    .rightallowsmall{
     background-color: transparent;
     position: absolute;
    right: 0;
    top: 50%;
    font-size: 40px !important;
    }
    .leftallowsmall{
     position: absolute;
    left: 0;
    top: 50%;
   background-color: transparent;
   font-size: 40px !important;
    }
    .leftarrowb{
        font-size: 40px !important;
    }
    .roomicons{
        font-size: 35px !important;
        vertical-align: top;
        width: 100px;
    }
    .myp{
        font-size: 14px;
    }
    .formuq{
    width: 85%;
    margin-left: 46px;
    }
    .imageoffer{
        width: 48%;
        display: inline-block;
    }
  .questionin {
      width: 100%;
      height: auto;
      display: inline-block;
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .logupagel {
    }
    .logupager{
        width: 100%;
    }
    .mainappbody .row{
        width: 99% !important;
    }
    .sidebar{
position: absolute;
    bottom: 54px;
    right: 1px;
    background-color: #03163c;
    width: 60%;
    height: 500px;
    margin-left: 0px;
    overflow-y: scroll;
    transition: 1s;
    text-align: justify;
    border-top-right-radius: 0px;
    border-radius: 10px;
    }
    .sidebar p{
        border-top: none;
        border-bottom: none;
        color:white;
        font-size: 16px !important;
        padding: 5px;
    }
    .sidebar i{
        color: white !important;
    }
    .sidebar a{
        color: white !important;
    }
    #myDiv .sidebar .hidden{
        height: 100px;
        transition: 1s;
    }
    #myDiv .sidebar .hidden{
        height: 400px;
    }
    .mobilemenu{
      display: block;
      height: 49px;
      background-color: #fff;
      position: fixed;
      bottom: 0px;
      text-align: center;
      color: black;
      font-size: 12px;
      width: 100%;
      z-index: 1000;
      border-top: 1px solid #dfdfdf;
    }
    .jobform{
        width: 75%;
        margin-left: 40px;
    }
    .mobilemenu a{
        color: black;
    }
    .mobilemenu i{
        color: black;   
    }
    .navbar{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 4;
        padding: 0px;
        color: black;
        border-bottom: 2px solid #ddd; /* Add a solid border at the bottom */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    /* Other styling properties for the header menu */
        background-color: #fff;
        padding: 10px 0; /* Adjust padding as needed */
        width: 100%;
        min-height: 65px;
    }
    .headbcta{
        margin-left: 0px;
        margin-top: 40px;
    }
    .dropdown > a{
        color: white !important;
    }
     .newmenubox:hover{
        transform: none;
    }   
.logoheader{
    width:45px;
    max-height: 45px;
    margin-left: 38px;
}
.mainleft{
    display: none;
}
.mainapp{
    width: 99%;
}
    .maintworows{
        display: inline-block;
        vertical-align: top;
        width: 99%;
        padding: 10px;
        margin-left: 5px;
    }
.mainright{
    margin-top: 5px;
    height: auto;
    width: 99%;
}
header{
    margin-bottom: 1px;
    position: fixed;
    width: 100%;
    z-index: 19;
}
.seperatehero{
    margin-top: 1059px;
}
.infobox{
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
  box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
  margin-left: 1px;
  height: 190px;
  border-bottom: 8px solid #17e417;
  background-color: white;
  width: 45% !important;
  text-align: center;
  transform: skew(0deg);
}
    .infoboxyellow{
      border-color: #fff;
      border-style: solid;
      border-width: 2px;
      box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
      margin-left: 1px;
      height: 190px;
      border-bottom: 8px solid #d3ff00;
      background-color: white;;
      width: 47% !important;
      text-align: center;
    transform: skew(0deg);
      margin-left: 10px !important;
      margin-right: 0px;
      color: #6485b9 !important;
      font-size: 14px;
    }
    .infoboxred{
      border-color: #fff;
      border-style: solid;
      border-width: 2px;
      box-shadow: -1px 4px 34px rgba(0, 0, 0, 0.15);
      margin-left: 1px;
      height: 180px;
      border-bottom: 5px solid #ff008f;
      background-color: #6485b9;
      width: 96% !important;
      text-align: center;
     transform: skew(0deg);
     margin-top: 30px !important;
     color: white;
    }
    .banermenu{
        margin-top: 100px;
        width: 99%;
        display: inline-block;
    }
    .homeimg{
        width: 99%;
    }
    .inimg{
        background-color: white !important;
        height: 555px;
        background-repeat: no-repeat; 
        background-size: cover;
        border-radius: 20px;
        opacity: 89%;
        width: 100%;
        padding: 40px; 
    }
    .toptextimg{
        margin-top: 1px;
        margin-left: 1px;
        padding: 20px; 
        display: inline-block; 
        position: relative;
        width: 99%;
        text-align: left;
    }
    .spanstar{
        margin-left:5px;
        padding: 13px;
         color: white;
         font-weight: 800;
         font-size: 22px;
         display: inline-block;
    }
    .posts{
        padding:5px;margin: 0 auto;text-align: center;
    }
    .bodyclasssecond{
        margin-top: 20px;
        margin-left: 1px;
        vertical-align: top;
        display: inline-block;
        width: 90%;
    }
    .postbox{
      width: 100%;
  box-shadow: 2px 1px 6px gray;
      padding: 20px;
      display: inline-block;
      margin-left: 1px;
    }
.classmovetop{
    top: 0px !important;
}
.redbox{
border-color: #469969;
    background-color: #469969;
    color: white;
    border-radius: 5px;
}
    .yellowbox{
        display: inline-block;vertical-align: top;width: 41%;float:right;
    }
    .yellowborder{
    width: 170px;
    font-size: 13px;
    border-top: 2px dotted yellow;
    border-left: 2px dotted yellow;
    border-right: 2px dotted yellow;
    text-align: center;
    font-weight: 700;
    padding: 5px;
    background-color: #4B0E20;
    float: right;
    margin-right: 32px;
    margin-top: 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    max-height: 101px;
    min-height: 101px;
    }
    .yellowinfo{
        height: 101px;
        display: inline-block;
    }
    .yellowtext{
    color: #FFD84C;
    display: inline-block;
    margin-top: -24px;
    font-size: 14px;
    vertical-align: top;
    }
    .gamessmall{
      display: inline-block;
      vertical-align: top;
      margin-left: 10px;
      text-align: center;
      color: white;
      width: 19%;
    }
    .gamessmalltext{
        color: white;
        font-size: 12px;
    }
    .smallimage{
        width: 54px;
        height: 36px;
    }
    .scoresmall{
        font-size: 36px;
        font-weight: 600;
        color: white;
        text-align: center;
        display: inline-block;
        vertical-align: center;
        width: 17%;
    }
    .smallstar{
        font-size: 18px;
        color: white;
        padding: 14px;
        text-align: center;
        display: inline-block;
        vertical-align: center;
        width: 40%;
    }
    .imagesrowsmall{
        width: 100%;
        margin-top: 29px;
    }
    .greencta{
      background-color: #34B058;
      color: white;
      padding: 12px;
      text-transform: uppercase;
      border-radius: 50px;
      font-size: 13px;
      width: 150px;
      display: inline-block;
      text-align: center;
    }
    .smallgray{
        font-size:10px;
        color: gray;
    }
    .menu-btn{
        color: white;
    }
    .dropdown:hover > div{
border-color: #469969;
    background-color: #469969;
    color: white;
    border-radius: 5px;
    }
     #myDropdown .dropdown:hover > div {
        border-color: white !important;
        background-color: white !important;
    }
    .logoicon{
        width:100px; display:inline-block;margin-left: 1px
    }
    .window-toggle{
        left: 190px;
    }
      .mega-menu{
        background-color: #f2f2f2;
        color: white;
        width: 95%;
        margin-left: 9px;
      }
      .menu li{
        background-color: white;
      }
    ul{
        padding-left: 0rem;
    }
    .iconfooter{
    display: inline-block;
      width: 49%;
      color: white;
      font-size: 12px;
      text-align: center;
      padding: 5px;
    }
    .blackfooter{
        height: 45px;
        background-color: black;
        color: white;
    }
    .igaming{
        width: 40%;
    }
    .awardboxtext{
        width: 100%;
    }
    .awardbox{
        width: 100%;
    }
    .imagenumber{
    position: relative;
      top: -173px;
      left: 15px;
      background-color: #052948;
      width: 9%;
      font-size: 11px;
      padding: 4px;
      border-radius: 5px;
      color: white;
    }
    .footercta{
        display: block;
        position: fixed;
        bottom: 1px;
        width: 100%;
        background-color: #052948;
        height: 75px;
        font-size: 12px;
    }
    .footerctablack{
        display: block;
        position: fixed;
        bottom: 76px;
        width: 100%;
        background-color: black;
        color: white;
        height: 50px;
        font-size: 12px;
    }
    .myh1{
        font-size: 20px;
        margin-top: 20px;
        padding: 10px;
    }
    h3{
        font-size: 18px;
        padding: 10px;
    }
    p{
        font-size: 14px;
    }
    .commercialwhite{
        display: none;
    }
    .whiteimg{
        width: 15%;
        display: inline-block;
        vertical-align: center;
    }
    #myTab{
        border: none;
        margin: 20px;
        width: 300px;
        margin-left: 1px;
    }
    .hidelarge{
        display: block;
    }
    .changecolor{
        font-size: 13px;
    }
    .boxtext{
        font-size: 11px;
    }
    .hidesmall{
        display: none;
    }
    .logohead{
      width: 10%;
      display: inline-block;
    }
    .menulogo{
        width: 24%;
    }
}
@media only screen and (max-width: 390px) {
      .imagesrowsmall{
        width: 100%;
        margin-top: 80px;
    }
          .yellowtext {
            color: #FFD84C;
            display: inline-block;
            margin-top: -13px;
            vertical-align: top;
            margin-left: -28px;
          }
           .smallstar {
                font-size: 18px;
                color: white;
                padding: 14px;
                text-align: center;
                display: inline-block;
                vertical-align: center;
                width: 45%;
              }
              .smallstar {
                    font-size: 18px;
                    color: white;
                    padding: 14px;
                    text-align: center;
                    display: inline-block;
                    vertical-align: center;
                    width: 35%;
                }
                .yellowborder {
                width: 100%;
                font-size: 13px;
                border-top: 2px dotted yellow;
                border-left: 2px dotted yellow;
                border-right: 2px dotted yellow;
                text-align: center;
                font-weight: 700;
                padding: 5px;
                background-color: #4B0E20;
                float: right;
                margin-right: 32px;
                margin-top: 6px;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
                padding: 10px;
                height: 95px;
              }
    }
/* Media Queries ------------------------------------------------------------------------------- */
@media screen and (min-width: 992px){
        .logohead{
          width: 10%;
          display: inline-block;
        }
    .imgoffer{
    border-radius: 10px;
    padding: 5px;
    margin: 10px;
    width: 100%;
    height: 100px;
    }   
}