html {background: #303030 !important;height: 100%; width: 100%; font-family: 'Roboto', sans-serif;}
body {margin:0px; padding: 0px; background-color: #303030; height: 100%; width: 100%; font-family: 'Roboto', sans-serif;}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

div,p,span,ul,li,a, {margin: 0px;padding:0px;}
.clear {clear:both;}
.wrapper {padding: 0px; margin: 0px !important;height: 100%;}
.hide {display: none;}
.top_bar {background-color: #FFFFFF;    height: 46px;    padding: 20px;   position:relative; }
.left_bar {    background-color: #D71A21;    width: 16%;    position:relative;    height: 100%; float: left;     z-index: 100000;}    
.bg {  
       position: fixed;
    width: 80%;
    height: 77%;
    bottom: 0;
    background-color: #393939;
    /* top: 0; */
    -webkit-clip-path: ellipse(53% 79% at 47% 99%);
    clip-path: ellipse(56% 117% at 51% 122%);



}
.left_menu {background-color: #fff; width:4.5%; position:relative; height: 100%;float: left;}
.left_menu li {list-style: none;}
.left_menu li a {color:#707070;font-family: sans-serif;font-size:12px; text-decoration: none;}
.content_section {float: left;width: 79.5%;position: relative;    margin: 0;    padding: 0; margin-top: -21px;     background-color: #303030;}
.logo {position: relative;    top: 8px;     text-align: center; }
.logo img { width: 220px; max-width: 100%;}
.title_section {     width: 250px;    position: relative;    top: 322px;    left: 50px;}
.title_section a {text-decoration: none;}
.title_section p{font-size: 50px;color: white;font-family: sans-serif;font-weight: bold;margin: 0;padding:0;padding-bottom: 12px;}
.title_section span {font-family: sans-serif; color: white; line-height: 1.5;}
.getstart {border-radius: 50px;background-color: #1E1E1E;justify-content:center;margin-right:30px; margin-top: 30px; color: white; padding: 15px; align-items: center;gap:8px; font-size: 18px;display:flex; font-family: sans-serif;font-weight: bold; position:relative;     padding-top: 20px;}
.call_us {    font-family: sans-serif;
  
    float: left;
    font-size: 13px;     padding-top: 20px;     padding-right: 16px;
    color: #c2c2c2;
    display: block;}
.call_us p {padding: 0px;}

.right_arrow { width:25px;}
.right_arrow img{
    max-width: 100%;
}

.category_img{
                 display: block;
            width: 75%;
            height: 260px;
            margin: 1em auto;
            background-size:cover;
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-border-radius: 1.5em;
            -moz-border-radius: 1.5em;
            border-radius: 1.5em;
            overflow:hidden;
            
            box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
                position: relative;
                
               }
    

.category_card .btn_section {   


    left: 10px;
    bottom: 5px;
    width: 90%;
  

}

.category_card .title{
    line-height:normal;
    top:27px;
}
.category_card .title h2 {
    font-size: 15px;
    margin-bottom: 7px;
}

    .category_card .btn_section .book_ad, .category_card .btn_section .search {
        padding: 10px 7px;
        text-transform: capitalize;
    }

.homeslider .slick-prev, .homeslider .slick-next {
    top: 88% !important;
}


.homeslider .slick-next {
    left: -92px !important;
}

.homeslider .slick-prev {
    left: -45px;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

.category a img {width: 100%;border-radius:25px; }

.category img {border-radius:25px; }
      .title {position: relative;
    text-align: center;
    padding:0px 5px;   
    margin: 0 auto;text-shadow: 4px 3px 8px #040404;
    top: 19px;}
.title h2 {font-family: sans-serif; font-size: 18px; font-weight: bold; color: white; text-align: center;}
.title span {font-family: sans-serif; font-size: 12px;color: white;}

.carousel-control {}
.carousel-indicators {    transform: rotate(90deg);}

.btn_section {   position: absolute;
    left: 30px;
    bottom: 8px;
    width: 80%;
    text-align: center;
    margin: 0 auto;} 
.btn_section a {text-decoration:none;}
.book_ad {background-color: #D71A21;
    border-radius: 25px;
    color: white;
    font-family: sans-serif;
    padding: 14px;
  
    margin-bottom: 5px;
    text-transform: uppercase;}
.search {background-color: #FFFFFF; border-radius: 25px;color: #949494; font-family: sans-serif;    padding: 14px;      margin-bottom: 5px; text-transform: uppercase;}
.cntnt_margin {    margin-top: 35px !important;    margin-left: 140px !important;}
    .cntnt_margin.mt-25 {
        margin-top: 25px !important;
       
    }
    .slick-prev {
        z-index: 10000;
    }

.slick-prev, .slick-next {    top: 89% !important;}

.slick-next {    left: -72px !important;}

.rotate {      margin-top: 16px;font-size: 14px;}

/*.rotate p {writing-mode: vertical-lr;-webkit-transform:rotate(180deg);     margin-left: 22px;}*/

.rotate p { writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;-webkit-transform:rotate(180deg); margin-left: 22px; 
  direction: rtl;
}
.rotate p a {text-decoration: none;color: #a0a0a0;font-family: sans-serif;}

.social_media {padding: 17px;}

.social_media a {margin-bottom: 10px; display: block;}
.login_container { 
    float: right;}

.login_section {float: left;     padding-top: 5px;}
    .login_section a { text-decoration: none;
    margin: 0px;
    padding: 0px;
    color: #b7b7b7;
    padding-top: 13px;
    display: inline-block;
    font-weight: bold;
    font-family: sans-serif;
    }

.notification {    float: left;    width: 40px;    /* border-right: 2px solid #EBEBF2; */    margin-right: 11px;    margin-left: 10px;    padding-top: 7px;}

.user_profile {    float: left;    width: 47px;    height: 47px;    border-radius: 50%;    overflow: hidden; margin-right: 10px;}

.user_profile img {max-width:100%;}
.user_name {    width: 90px;    float: left; cursor: pointer;}

.dropdown-menu {min-width: 0 !important;}

.mobile {display: none;     background-color: #113C4C;}

.new-icon {position: absolute;
    right: 0px;
    top: 0px;}


.dropdown {float: left;
    padding-top: 16px;
    cursor: pointer;
    font-size: 15px;     margin-right: 12px;}

  @media only screen and (min-width:800px){
      
      
    .web_hide {display:block !important;}
       
    }



@media only screen and (max-width:799px){
      
      
    .web_hide {display:none !important;}
    .mobile {display: block !important;}
       
    }

.homeslider{
    margin-right:10px;
}

 @media only screen and (min-width: 1025px) and (max-width: 1450px)

    {
        .title_section p {font-size:33px}
      


        .category_img {    width: 95%;
    height: 247px;}

    }
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .social_media {
        padding: 8px;
    }


    .logo img {
        width: 157px;
    }

    .title_section {
        left: 40px;
    }

        .title_section p {
            font-size: 37px;
        }

    .getstart {
        width: 224px;
        font-size: 21px;
    }

    .right_arrow {
        right: 18px;
    }


    .bg {
        width: 80%;
        height: 77%;
        bottom: 70px;
        background-color: #393939;
        /* top: 0; */
        -webkit-clip-path: ellipse(53% 79% at 47% 99%);
        clip-path: ellipse(93% 117% at 51% 122%);
    }


    a:hover, a:focus {
        text-decoration: none !important;
    }

}

.select-container {
    position: relative;    
    width: 270px;
   
}

.select-container .select {
    position: relative;
    background: black;
    width:100%;
    border-radius:100px;
    border:1px solid rgba(255,255,255,.5 );
    height: 37px;
    z-index:11;
}

    .select-container .select::after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        opacity: .7;
        top: 50%;
        right: 15px;
        transform: translateY(-50%) rotate(45deg);
        border-bottom: 2px solid white;
        border-right: 2px solid white;
        cursor: pointer;
        transition: border-color 0.4s;
        margin-top: -3px;
    }

.select-container.active .select::after {
    border: none;
    border-left: 2px solid white;
    border-top: 2px solid white;
    margin-top:0px;
}

.select-container .select input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: none;
    outline: none;
    border: none;
    font-size: 15px;
    color: white;
    cursor: pointer;
    box-sizing:border-box;
}

    .select-container .option-container {
        margin-top: 50px;
        padding-bottom: 10px;
        height: 300px;
        opacity: 0;
        overflow-y: scroll;
        transition: 0.4s;
        visibility: hidden;
    }
    .select-container .scroll {
        position: absolute;
        background: black;
        width: 100%;      
        z-index: 10;
        border: none;
        opacity:0;
        border-radius: 20px;
        top: 0px;
        visibility:hidden;
    }
    .select-container.active .scroll {
        border: 1px solid rgba(255,255,255,.5);
        opacity: 1;
        visibility:visible;
    }

    .select-container.active .option-container {
        opacity: 1;
        visibility: visible;
    }
    .select-container.active .select{
        border-bottom: 1px solid rgba(255,255,255,.5);        
        border-radius: 20px 20px 0px 0px;
    }

    .select-container .option-container::-webkit-scrollbar {
        width: 5px;
        border-radius: 100px;
    }

    .select-container .option-container::-webkit-scrollbar-thumb {
        background: rgb(255,255,255 );
        border-radius: 100px;
    }

    .select-container .option-container .option {
        position: relative;
        cursor: pointer;
        transition: 0.2s;
        padding: 5px 12px;
    }

        .select-container .option-container .option.selected {
            background: #D71A21;
            pointer-events: none;
            opacity: 1;
        }

        .select-container .option-container .option:hover {
            background: #D71A21;
            opacity: 1;
        }

        .select-container .option-container .option label {
            color: white;
            opacity: .7;
            cursor: pointer;
        }
.categoryselection {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-right: 10px;
}
.select-container .option-container .option label {
    font-size: 14px;
    display: block;
    margin: 0px;
    text-transform: capitalize;
    font-weight: normal;
}
.gobutton {
    background: #D71A21;
    padding: 0px 20px !important;
    font-size: 16px !important;
    border-radius: 100px !important;
    color: white;
}
.select-container .select input::placeholder {
    color:white;
}
.usertype {
    display: flex;
    gap: 16px;
    color: white;
    align-items: center;
    flex-grow: 1;
    position:relative;
}
.userradio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    margin:0px;
}

.userradio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.userradio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.userradio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.userradio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

    .userradio input[type="radio"]:checked + label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .userradio input[type="radio"]:disabled + label {
        opacity: 0.65;
    }

        .userradio input[type="radio"]:disabled + label::before {
            cursor: not-allowed;
        }

.userradio-primary input[type="radio"] + label::after {
    background-color: #D71A21;
}

.userradio-primary input[type="radio"]:checked + label::before {
    border-color: #D71A21;
}

.userradio-primary input[type="radio"]:checked + label::after {
    background-color: #D71A21;
}
.usertypecontainer {
    display: flex;
    gap: 16px;
    background:black;
    align-items:center;
    border-radius:100px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.5);
    height:100%;
}