/* costume */
@font-face {
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mplusrounded1c/v15/VdGBAYIAV6gnpUpoWwNkYvrugw9RuM0q5psPrfqk33YqOjLBxkUhdkeuqyIMwGYkDA.0.woff2) format('woff2');
}
a {
    text-decoration: none;
}

.font-10 {
    font-size: 10px
}

.font-8 {
    font-size: 8px
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24pt
}

.font-26 {
    font-size: 26pt
}

.font-28 {
    font-size: 28pt
}

.font-48 {
    font-size: 30pt
}

.font-weight-200 {
    font-weight: 300
}

.font-weight-300 {
    font-weight: 400
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-800 {
    font-weight: 700
}


body {font-family: 'M PLUS Rounded 1c', sans-serif;padding-top: 0;}
/*.navigation_links .navbar-light .navbar-nav .nav-link {color: #0C1239 !important;font-size: 16px;font-weight: 600;}
.main_banner::before {content: "";background-image: url(../images/banner-bg.png);position: absolute;width: 362px;height: 111%;top: -88px;}
.navigation_links.container{max-width: 1600px;padding-left: 100px}
.main_banner .container{max-width: 1600px;padding-left: 100px}
.banner_img::before{content:'';background:#00000080;position: absolute;width:100%;height:100%;left:0;right:0}
.navigation_links {z-index: 2;}
.main_banner{z-index: 1;}
.banner_img{height:700px;border-radius: 12px;overflow: hidden;}*/
/*.banner_captipn {position: absolute;top: 24%;left: 12%;width: 32%;} 
*//*
.banner_captipn {position: absolute;top:24%;left:4%;width:37%;background:#020202c4;padding:22px;border:1px dashed #8a8a8a;border-radius: 11px;}
.banner_captipn h6{color: white;font-style: oblique;font-weight: 600;} 
.banner_captipn h1 {font-size: 50px;color: white;font-weight: 700;text-transform: capitalize;}
.banner_captipn p {font-size: 18px;color: white;  font-weight: 400;}
.companies_logo{    background-color: #f4f6ff;box-shadow: 0 0 0 0 #ffffff;padding-left: 220px !important;}
.banner_icon {position:absolute;z-index:1;right:25%;background:#ad2023;width:30px;height:30px;display: flex;text-align: center;border-radius:50px;justify-content: center;top:28%;align-items:center;transition: all ease .5s;}
.banner_icon::before {content: "";position: absolute;z-index: 0;display: block;width: 100%;height: 100%;background: #c43c2e;border-radius: 50%;animation: pulse-border 1.5s ease-out infinite;left: 0;bottom: 0;z-index: -1}
@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.6);
        opacity: 0
    }
}*/
/* header */
.menu_area {z-index: 3;}
 .sticky-wrapper {background-color: #010f1c;}
 .top_header{color: #fff;  position: relative;padding: 6.5px 0;  background-color: #ad2023;z-index: 1;}
 .logo-bg:before {content: "";height: 100%;width:100%; position:absolute;background-color:#010f1c; top: 0;
    left: 0;  z-index: 2; clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);}
 .logo-bg {position: absolute;bottom: 0;left: 0; width: 18%;height: 130px;z-index: 1; clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); background-color:#ad2023;}
.social_icons a{font-size: 16px;color: white;}
 .header-logo {position: relative;margin-top: -37px;z-index: 3;}
.header_notice p {font-weight: 500;font-size: 14px;margin-bottom: 0;color: #ffffff;}
.bg_brown{background: #ad2023;}
.social_icons{border-left: 1px solid;}
/* banner_css */
.banner_sec {
    background-image: url(https://gulbergcity.com/images/Guberg-City-Gate-Image.jpg);
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 82% 100%;
    overflow: hidden;
}
.text_muted{color:#a0a1a6}
.banner_sec::before{content:"" ;position: absolute;width: 100%;height: 100%;background:#2b2d2f69;}
.bottom_bg{position: absolute;bottom:-90px}
/* header end */
 .footer_top_banner{
    background-color: #ad2023;
    z-index: 11;
}
.mini-banner-one__shape-one {
    position: absolute;
    top: 0;
    left: -20px;
    z-index: -1;
    animation: zumpX2 1s infinite alternate;
}
.mini-banner-one__shape-two {
    position: absolute;
    top: 0;
    right: -20px;
    z-index: -1;
    animation: zumpX 1s infinite alternate;
}
.sec_heading {font-size: 48px;}
.footer-one__shape-one {
    position: absolute;
    bottom: 0px;
    right: 170px;
    z-index: -1;
    animation: zumpX2 1s infinite alternate;
}
.footer-section {
    background-color: #1d1d1d;
    z-index: 1;
    position: relative;
}
.footer-section ul li{border:0}
.list-group a {
    transition: all 0.3s ease;
    position: relative;
    color: #a0a1a6;
    font-weight: 500;
    text-decoration: none;
    font-size: 17px;
}
.contact-desc {
    font-size: 14px;
}
.bottom_copyright{border-top:1px solid #ffffff1c}
.footer_right_contnt {
    background: #b53739;
    padding: 8px 14px;
    border-radius: 8px;
}
@keyframes pulse-border{0%{transform:scale(1);opacity:1}100%{transform:scale(1.8);opacity:0}} .actions span::before {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite;
    left: 0;
    bottom: 0;
    z-index: -1;
}.actions span {
    width: 70px;
    height: 70px;
    cursor: pointer;
    border: 1px solid #dc143c;
    font-size: 30px;
    background-color: #dc143c;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.actions {
    transition: all ease .5s;
} 
.actions {
    position: absolute;
    z-index: 5;
    transition: all ease .5s;
    top: 43%;
    left: 0;
    right: 0;
}
.owl-nav{display:none}
.gallery_section .mini-banner-one__shape-one {
    position: absolute;
    top: 0;
    left: -20px;
    z-index: auto;
    animation: zumpX2 1s infinite alternate;
}
.two_icon {right: 10%;top: 55%;}
.thre_icon {  right: 35%;top: 72%;}
.first_icon {right: 50%;top: 5%;}
.scnd_icon {right: 44%;top: 40%;}
.banner_icon .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 292px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index: 1;top: 50px;border-radius: 7px;border: 2px solid #ddd;text-align: left;}
.banner_icon .dropdown-content::before {content: "";position:absolute;left:50%;transform: translateX(-50%) rotate(180deg);bottom: auto;border-style: solid;border-width: 18px 17px 0px 17px;border-color: #fff transparent transparent;top:-16px;}
.dropdown:hover .dropdown-content {
  display: block;
}
.sticky {position: fixed !important;background-color:#fff !important;
    z-index: 999;border-bottom: 3px solid #ad2023;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;transition:all 0.5s;
   max-width: 100% !important;padding-left: 20px !important;       animation-name: slideInDown;

}
/*navbar-css-header*/
.gulberg_menu .dropdown-toggle::after {color: #fff !important;}
.sm_menu .dropdown-item{color: #d5d5d5d6 !important;}
.sm_menu .dropdown-item:hover{color: #fff !important;background-color: #282828;}
.social a {padding: 7px 7px;color: #fff;text-decoration: none;}
.social-icone i{width: 38px;height: 38px;display: flex;justify-content: center;align-items: center;}
.share-facebook i{background: #3b5a9a;border-radius: 100px;}
.share-twitter i{background: #1aa9e1;border-radius: 100px;}
.share-yt i{background-color: #A12835;border-radius: 100px;}
/*Banner-css*/
.banner{padding-left: 100px;padding-right: 100px;position: relative;}
.banner .carousel-control-prev-icon {left: -54px;position: absolute;}
.carousel-control-next-icon {right: -54px;position: absolute;}
.main-banner{height: 600px;position: relative;z-index: 1;}
.title_heading{z-index: 2;position: absolute;}
.Main_button {position: relative;display: block;background-color: #000;padding: 12px 20px 12px 20px;font-weight: 601;color: #fff;width: 183px;}
.heading h1 {
    font-size: 24px;
    color: rgb(255, 255, 255);
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 14px !important;
    text-shadow: 1px 1px 2px black, 0 0 25px #b8963b, 0 0 5px #e4c77a;
}.rgba_img {
    position: absolute;
    width: 100%;
    height: 100%;
/*    backdrop-filter: blur(3px);
*/    top: 0;
    left: 0;
    background:#e9b11261;
}
.text_shadow{text-shadow: 1px 1px 2px black, 0 0 25px #b8963b, 0 0 5px #e4c77a;}
.carousel-caption {
    bottom: 30%;
}
.contact_detail img {
    height: 60px;
}
.contact_detail i {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ad2023;
}
.ml5 {
    position: relative;
    font-weight: 300;
    font-size: 4.5em;
    color: #402d2d;
  }
  
  .ml5 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em;
    line-height: 1em;
  }
  
  .ml5 .line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
    width: 100%;
    background-color: #fff;
    transform-origin: 0.5 0;
  }
  
  .ml5 .ampersand {
    font-family: Baskerville, serif;
    font-style: italic;
    font-weight: 400;
    width: 1em;
    margin-right: -0.1em;
    margin-left: -0.1em;
  }
  
  .ml5 .letters {
    display: inline-block;
    opacity: 0;
  }
  .banner #demo .carousel-inner .carousel-item{height:650px}
  .banner #demo .carousel-inner .carousel-item img{height:100%}
.right_slider_bg {position: absolute;right:-183px;top:0}
.heading p{width: 60%;}
.heading h3 {font-size: 38px;}
.btn-slide-custom::before {content: '';position: absolute;top: -5px;right: -5px;bottom: -5px;left: -5px;border: 1px solid #2a2a2a;transition: all .3s;}
.button-div{display: flex;justify-content: center; }
.Main_button :hover::before {top: 0;right: 0;bottom: 0;left: 0;}
.work-block{display: flex;justify-content: center;align-items: center;}
.border_1{border:1px solid #80808059}
.gif-carousel .owl-dots {text-align: center;display: block !important;}
.gif-carousel button.owl-dot .active{background: #000!important;}
.gif-carousel button.owl-dot {display: inline-block !important;width: 15px !important;height: 15px !important;border: 2px solid #000 !important;border-radius: 50% !important;margin-left: 0.5rem;}
/* .slider{background:url(https://www.portotheme.com/wordpress/porto/architecture2/wp-content/uploads/sites/111/2020/12/arch-plan-1.jpg)} */
/*footer*/
.footer-bg{background-image: url(../images/bg-footer.png);background-position: bottom right;background-repeat: no-repeat;}
.logo_desktop{width: 50px;}
.footer-section{background-color: #000000ed;}
.bg_greyy{background-color: #80808038;border-radius: 100px;}
.share-insta i{background-image: radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%);}
.border_bot{border-bottom: 1px solid #80808091}
.text_grey{color: grey;}
/* .list-group a::before {position: absolute;content: "";width: 0%;height: 1px;left: 0px;bottom: 0px;transition: all 500ms ease;background-color: #AD2023;}
.list-group a:hover::before {width: 50%;} */
.list-group a{transition: all 0.3s ease;position: relative;color: grey;font-weight: 500;text-decoration: none;}
.text_secondary{color: grey;}
.newsletter-form .input-group input {width: 76%;margin-bottom: 0;padding: 20px;border: 0px;}
.input-group .btn {position: relative;z-index: 2;}
.newsletter-form button {background-color: #AD2023;padding: 20px;font-size: 15px;font-weight: bold;border-radius: 0px;color: #fff;}
.bottom-footer{background-color: #000;}
.video_bg{background-color: #f3f3f3;}
/* about_us */

.gc-banner-inner {
    position: relative;
    z-index: 1;
    padding-left: 0;
}
 .gc-image-box {
    position: relative;
    overflow: hidden;
    height: 690px;
    border-radius: 0 60px 60px 0;
    padding-left: 27px;
    border-right: 10px solid #AD2023;
    z-index: 1;
}
 .gc-image-box::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 50px;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/bg-shape.jpg)repeat #f4f5f9;
}
 .gc-btn-video {
    border-radius: 50%;
    width: 78px;
    height: 78px;
    background: #000;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 6px solid #fff;
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 1;
}
 .gc-banner-inner::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -35px;
    z-index: -2;
    width: 100px;
    height: 100px;
    background-color: #AD2023;
    transform: translateY(-50%)rotate(-45deg);
}
/* content side */
 .gc-element-populated {
    margin: 0px 0px 0px 30px;padding: 15px;
    position: relative;z-index: 1;
}
.gc-subtitle span {
    font-size: 20px;color: #AD2023;
font-weight: 600;

}
.gc-subtitle span::before {
    background-color: #AD2023;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    display: inline-block;
    margin-right: 10px;
    content: "";
}
 .gc-title {
    font-size: 34px;font-weight: 600;
}
.gc-content p{font-size: 18px}
.pxl--item-title{font-size: 28px;color: #AD2023;
font-weight: 600;
}
 
.pxl-counter3 .pxl--item-title {
    font-size: 26px;
    color: #ddd;
    margin-bottom: 0;
    font-weight: 700;
    font-family: inter,sans-serif;
}
.pxl--counter-number {
    transform: rotate(0deg);
    top: -6px;
    left: 0;
    background-color: #ddd;
    position: relative;
}
 .pxl--counter-suffix {
    font-size: 37px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    top: 3px;
    left: -5px;
}
.pxl-image{padding-top: 48px;}
.pxl--counter-number {
    font-size: 37px;
    background-color: #AD2023;
    color: #fff;
    font-weight: 700;
    padding: 8px 20px 8px 20px;
    display: inline-block;
    line-height: 1.1em;
    font-family: helvetica neue,sans-serif;
}
 .pxl--counter-number::after {
    position: absolute;
    content: "";
    top: 0;
    right: -30px;
    clip-path: polygon(0 0,0 100%,100% 50%);
    width: 30px;
    height: 100%;
    background-color:  #AD2023;
    z-index: 1;
}
.pxl-icon-box3 .pxl-item--inner {
    padding: 20px 15px 45px;
    background-color: #f4f5f9;
    text-align: center;
    margin-right: 30px;width: 33%;
}
.pxl-icon-box3 .pxl-item--title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}
.pxl-icon-box3 .pxl-item--icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    position: relative;
    color: #fff;
    text-align: center;
    background-color: #AD2023;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto -70px;
    transition: all .3s ease;
}
.pxl-icon-box3 .pxl-item--icon i, .pxl-icon-box3 .pxl-item--icon img {
    display: inline-block;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
}


.sec_title .separater {
    position: relative;
    width: 14px;
    height: 20px;
    margin-bottom: 10px !important;
    border-left: 2px solid #e3bf59;
    border-right: 2px solid #e3bf59;
    margin: 0 auto;

}

.sec_title .separater:before {
    position: absolute;
    content: '';
    left: 4px;
    top: -5px;
    width: 2px;
    height: 20px;
    background-color: #b22d30;
}

.sec_title .title {
    position: relative;
    color: #b22d30;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}

.sec_title  h4{font-size: 26px;}

.sec_title .separater.text-white:before {
    background-color: #ffff;
}.sec_title .separater.text-white {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
        /* services */
        .service_bg .work-block {
            margin-bottom: 0px}

        .inner_service_box:before {
            position: absolute;
            content: '';
            width: 4px;
            height: 4px;
            left: 0px;
            top: 21px;
            transform: scale(0, 0);
            transition: all 500ms ease;
            background: #b22d30;

        }

        .inner_service_box:after {
            position: absolute;
            content: '';
            width: 4px;
            height: 38px;
            left: 0px;
            top: 29px;
            transform: scale(0, 0);
            transition: all 500ms ease;
            background: #b22d30;

        }

        .inner_service_box .icon_box {
            position: absolute;
            right: 0px;
            font-size: 50px;
            line-height: 50px;
            color: #8e91a2;
            z-index: 1;
            transition: all 500ms ease;
        }

        .inner_service_box .icon_box:before {
            position: absolute;
            left: 0px;
            top: -10px;
            content: '';
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: -webkit-linear-gradient(-90deg, #e6e6ea, #f2f2f2 100%);
            z-index: -1;
        }

        .inner_service_box:before,
        .inner_service_box:after {
            transform: scale(1, 1);
        }

        .inner_service_box:before,
        .inner_service_box:after {
            transform: scale(1, 1);
        }
/* counter-area */
.counter_bg {
    background-image: url("../images/counter-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 20px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
} .counter_bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ad2023;
    opacity: 0.9;
    z-index: -1;
    border-radius: 10px;
}
.first_child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-right: 0px dashed #dbc174 !important;
}
.single_counter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-right: 1px dashed #dbc174;
} .count_title h2 {
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 600;
}
        /* Schedules_Routines */
        .Schedules_Routines {
            background-image: url("../images/counter-bg.jpg");
        }

        .Schedules_Routines:before {
            position: absolute;
            content: '';
            background:linear-gradient(56deg, #b95644 30%, #AD2023 62% , #F1E496 116%);
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            right: 0px;
            opacity: 0.94;
        }

        .Schedules_Routines {
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            width: 100%;
            height: 513px;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        .shedule_content {
            position: relative;
            z-index: 1;
        }

        .shedule_tabs ul li a {
            color: white;
            padding: 14px 30px;
            border-top-left-radius: 6px !important;
            border-top-right-radius: 6px !important;
            border: 0;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
            font-family: 'DM Sans', sans-serif;
        }

        .shedule_tabs ul li a:hover {
            isolation: isolate;
            border: 0;
            color: white;
            border-color: transparent;
        }

        .shedule_tabs .nav-tabs .nav-link,
        .nav-tabs .nav-link:hover,
        .search_property .nav-link:focus {
            border: 0 !important;
        }

        .text_yellow {
            color: #e3bf59;
        }

        .text_brown {
            color: #b22d30;
        }

        .h_30 {
            height: 20px;
        }

        .progres_content {
            position: absolute;
        }

        .progres_main_img::after {
            position: absolute;
            top: 0;
            left: 0;
            background-image: linear-gradient(56deg, #AD2023 30%, #F1E496 100%);
            opacity: 0.93;
            content: "";
            height: 100%;
            width: 100%;
        }

        .main_tab_content:before {
            position: absolute;
            content: '';
            background: #eee;
            width: 1491px;
            height: 100%;
            left: 0px;
            top: 0px;
            background-image: url(https://elementor.zozothemes.com/corpkit/wp-content/uploads/sites/45/2021/08/contact-bg.png);
        }

        .bg_light {
            background-color: #eee !important;
            padding-bottom: 216px;
        }
        .feature_icons {
            color: #ad2023 !important;
        }
              /* video_section */
            .video_tabs>.nav::before {
                content: "";
                position: absolute;
                left: 95px;
                top: calc(25% - 1px);
                width: 83%;
                height: 1px;
                background-color: #dcdcdc;
                z-index: 1;
            }
           .video_tabs ul li a.active .tabs_dot {
            border: 4px solid #e3bf59;
            width: 28px;
            border-radius: 50px;
            font-size: 18px;
            padding: 2px;
            background: #ad2023 !important;
            height: 28px;
            display: inline-block;
        }
            .video_tabs ul li a.active{background-color: transparent !important;
                color: #000;
                letter-spacing: 0.1em;
            font-weight: 600;}
            .video_tabs ul li a {
                background-color: transparent !important;
                color: #000 !important;
                letter-spacing: 0.1em;
                font-size: 16px;
                text-align: center;
                margin-right: 12px;
                text-transform: uppercase;
            }
            .tabs_dot {
                border: 5px solid #ddd;
                border-radius: 50px;
                width: 25px;
                height: 25px;
                display: inline-block;
                text-align: center;
                background: white !important;
            }

                .video_tabs ul li.nav-item {width: 16.66%;z-index: 1;}
                .video_img_box { position: relative; display: block; min-height: 400px; background-color: #1a150e; overflow: hidden;z-index: 1;border-radius:10px}
                .video_assignment_img {position: absolute;top: 0;bottom: 0; left: 0; right: 0;background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .70;  z-index: -1;}
                .video_pop_up {z-index: 3;right: 44%;bottom: 44%;width: 95px;height: 95px;border-radius: 50%;background: #e3bf59 !important;}               .video-btn {cursor: pointer; animation: shadowPulse 2s linear infinite; box-shadow: 0 0 0 10px rgb(108, 92, 231, 0.4);}
                .aprtment_video_modal .modal-dialog {max-width: 1100px;margin-right: auto;margin-left: auto;}
                .pop_up_close{ top: 6px; right: 6px; opacity: 1;z-index: 1;}
                .video_bg {position: relative;top: 0;left: 0;width: 100%;height: 100%;min-height: 500px;}
               #image{ animation-name: flow; animation-duration: 1.5s;}
                @keyframes flow {
                  from {opacity: .3;}
                  to {opacity: 1;}
                }   @keyframes shadowPulse {
                    0% {
                      -webkit-box-shadow: 0 0 0 0 rgba(21, 219, 150, 0.4);
                      box-shadow:0 0 0 0 rgb(227 191 89 / 86%);
                    }
                    70% {
                      -webkit-box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
                      box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
                    }
                    100% {
                      -webkit-box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
                      box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
                    }
                    }

                    .pattern-layer {
                        position: absolute;
                        right: -208px;
                        top: 32px;
                        width: 821px;
                        height: 469px;
                        background-position: right top;
                        background-repeat: no-repeat;
                        opacity: 0.6;
                    }
                    .position_relative{position: relative;z-index: 1;}
                    .bor_left {
                        border-left: 6px double #ddd;
                    }




      /* Slider */
.room-content h2{font-size: 30px;text-transform: uppercase;letter-spacing: 1px;font-family: 'Cinzel', serif;}
.theme_btn {font-weight: 700;overflow: hidden;padding: 12px 42px;  background-color: #ad2023;}
.theme_btn:before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;transition: all 0.4s;transform: scale(0.2, 1);background-color: #dec77d;}
.theme_btn .txt {position: relative;z-index: 1;}
.theme_btn:hover::before {opacity: 1;transform: scale(1, 1);}
.theme_btn:after {position: absolute;content: '';right: 4px;top: 0px;bottom: 0px;width: 4px;z-index: 1;transition: all 0.4s;background-color:white;}
.slick-slider{ position: relative;display: block;box-sizing: border-box;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden; margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{ transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{ display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{  display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;   border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.gallery_section{position:relative;padding:100px 0px 100px;background-color:#f9f7f4;}
.gallery_section:before{position:absolute;content:'';left:0px;top:0px;width:50%;bottom:0px;background-color:#ad2023;}
.room-content{position:absolute;left:30px;bottom:30px;max-width:450px;width:100%;padding:40px 40px;background-color:white;}
 .room-content .text{
    position:relative;
    font-weight:400;
    font-size:var(--font-16);
    color:var(--color-four);
    margin-top:var(--margin-top-20);
      letter-spacing:1px
}



.page-header .thm-breadcrumb {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.page-header__title {
margin: 0;
color: #fff;
letter-spacing: -.05em;
font-size: 38px;
margin-top: 2px;
font-weight: bold;
}
.page-header {
height: 386px;
display: flex;
position: relative;
background-color: #AD20236E;
justify-content: center;
align-items: center;
}
.page-header::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url(../images/page-header-1-1.png);
background-repeat: no-repeat;
background-position: top right;
z-index: 1;
}
.page-header .thm-breadcrumb li a {
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 77%/0px 1px no-repeat;
    color: inherit;
    transition: all 500ms ease;
}.page-header .thm-breadcrumb li:not(:last-child)::after {
    content: '/';
    margin-left: 10px;
    margin-right: 10px;
}
.page-header .thm-breadcrumb li {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
}
.page-header__bg {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mix-blend-mode: luminosity;
    opacity: .7;
}
.page-header .container {
    position: relative;
    z-index: 3;
}
/* service_sec */
.work-block {
    position: relative;
    margin-bottom: 50px;
    margin-top: 50px;
    z-index: 1;
    text-align: center;
}
.work-block .content-box {
    position: relative;
    background: linear-gradient(56deg, #AD2023 30%, #F1E496 100%);
    padding: 85px 30px 30px;
    margin-bottom: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.work-block .inner-box .icon {
    position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -50px;
    height: 100px;
    width: 100px;
    background: #dec678;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 500ms ease;
}

.work-block .inner-box .icon::after {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #dec678;
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.work-block h4 {
    position: relative;
    color: green;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}
.work-block h4 a {
    color: #fff;
    transition: all 300ms ease;
}
.work-block .text {
    font-weight: 400;
    margin-bottom: 0;
    color:#fff
}
.work-block .content-box::after {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #AD2023;
    content: "";
    transition: all 300ms ease;
}
.timline_tabs_info li::after {
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background: rgba(0, 0, 0, 0.07);
    content: "";
}
.timline_tabs_info li a {
    color: #000;
}
/* gallery */
.theme_btn {font-weight: 700;overflow: hidden;padding: 12px 42px;  background-color: #ad2023;}
.theme_btn:before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;transition: all 0.4s;transform: scale(0.2, 1);background-color: #dec77d;}
.theme_btn .txt {position: relative;z-index: 1;}
.theme_btn:hover::before {opacity: 1;transform: scale(1, 1);}
.theme_btn:after {position: absolute;content: '';right: 4px;top: 0px;bottom: 0px;width: 4px;z-index: 1;transition: all 0.4s;background-color:white;}
.projects-current-theme3 .inner-box .image-box {
    position: relative;
    overflow: hidden;
    transition: all 300ms ease;
}
.projects-current-theme3 .inner-box .image-box .image img {
    width: 100%;
    transition: all 300ms ease;
    height:500px;
    object-fit:cover
}
.projects-current-theme3 .inner-box .image-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 40px 50px;
    z-index: 9;
    overflow: hidden;
}
.projects-current-theme3 .inner-box .image-box .overlay-box::before {
    position: absolute;
    left: -100%;
    top: 0;
    height: 150%;
    width: 160%;
    background-color: #ad2023;
    content: "";
    opacity: 0.9;
    -webkit-transform: rotate(46.7deg);
    transform: rotate(46.7deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
}
.projects-current-theme3 .inner-box .image-box .overlay-box .icon {
    position: relative;
    display: block;
    left: -20px;
    height: 52px;
    width: 52px;
    border-radius: 50px;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #222429;
    background-color: #ffffff;
    font-size: 18px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: none;
    transition: none;
}
.projects-current-theme3 .inner-box .image-box .overlay-box .title {
    position: relative;
    display: block;
    margin-bottom: 2px;
    top: 10px;
    opacity: 0;
    color: #222429;
}
.projects-current-theme3 .inner-box .image-box .overlay-box .cat-list {
    position: relative;
    top: 10px;
    opacity: 0;
}
.projects-current-theme3 .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.projects-current-theme3 .inner-box:hover .image-box .overlay-box:before {
    left: 0;
    opacity: 1;
    visibility: visible;
}
.projects-current-theme3 .inner-box:hover .image-box .title {
    top: 0;
    opacity: 1;
    transition: all 300ms ease;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
.projects-current-theme3 .inner-box:hover .image-box .icon {
    left: 0;
    opacity: 1;
    transition: all 300ms ease;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.projects-current-theme3 .inner-box:hover .image-box .cat-list {
    top: 0;
    opacity: 1;
    transition: all 300ms ease;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}
.gallery:before{
    background-image: url("https://wp2022.kodesolution.com/oitech/wp-content/uploads/2022/10/bg-shap1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#222429;
  padding: 95px 0px 230px 0px;
  content:"";
  position: absolute;
  width:100%;
  height:400px
}




/* work_process */
.proces_content h2{font-size: 24px;}
.process_icons {
    font-size: 60px;
    margin-bottom: 35px;
    width: 140px;
    height: 140px;
    color: #ad2023;
    border: 2px dashed #ad2023;
    border-radius: 50%;
    position: relative;
}
.arrow_img_one:before {
    content: '';
    top: 30px;
    right: -23%;
    z-index: 99;
    width: 170px;
    height: 50px;
    background: url(images/process-arrow.png) no-repeat 0 0;
    display: block;
    position: absolute;
}
.arrow_img_two:before {
    content: '';
    top: 58px;
    right: -24%;
    z-index: 99;
    width: 170px;
    height: 50px;
    background: url(images/process-arrow-two.png) no-repeat 0 0;
    display: block;
    position: absolute;
}
.process_no {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font-weight: 800;
    top: 0;
    right: 0;
    z-index: 99;
    background-color: #caa858;
}
.work_process{background-image:url(https://enginir-demo.pbminfotech.com/factory/wp-content/uploads/sites/3/2019/06/map-bg.png?id=10984);
  background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;}


/* work_process_end */


        .text h2{font-size: 24px}

.service-single-item:hover .read_mre {
    color: #fff !important;
}
.service-single-item:hover .text p  {
    color: #fff;
}
.service-single-item:hover .text h2 {
    color: #fff;
}
.service-single-item:hover {
    background-color: transparent;
}
.service-single-item:hover .shape-top {
    background-color: #caa858;
    opacity: 1;
}
.service-single-item:hover .images-bg::before {
    visibility: visible;
    opacity: 0.71;
}
.service-single-item:hover .icon {
    background: #caa858;
}
.service-single-item:hover .icon i {
    font-size: 40px;
    color: #fff;
}
.service-single-item:hover .images-bg {
    opacity: 1;
    visibility: visible;
}


          .service-single-item .icon {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background: rgb(173 32 35);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    border: 5px solid #ffffff;
    position: relative;
    z-index: 1111;
}

.service-single-item .images-bg::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(27, 73, 98);
    opacity: 0;
    visibility: hidden;
}
.service-single-item .icon i {
    font-size: 40px;
    color: #fff;
}
        .qrest-service-section {
    background: url(https://www.ankongroup.com.bd/products/html/qrest/assets/images/services/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    padding-bottom: 135px !important;
    position: relative;
    padding-top: 35px !important;
}
.service-single-item {
    position: relative;
    text-align: center;
    padding: 50px 0;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 120px 0px rgba(196, 206, 213, 0.36);
    transition: all 0.3s ease-in-out;
    z-index: 111;
    margin-bottom: 25px;
}
.service-single-item .shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgb(173 32 35);
    clip-path: polygon(100% 0, 100% 7%, 24% 34%, 0 17%, 0 0);
    z-index: 111;
    transition: all 0.3s ease-in-out;
}
.service-single-item .images-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -11;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}


.service-single-item .images-bg::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(27, 73, 98);
    opacity: 0;
    visibility: hidden;
}
    .main_banner {
    overflow: hidden;
    position: relative;
    background: #5c7185;
}
.main_banner::before {
    content: "";
    min-width: 100%;
    min-height: calc(100vh - 55px);
    position: absolute;
    filter: blur(6px);
}

.bg-shape {
    position: absolute;
    bottom: -86px;
    width: 100%;
}
 .sign_heading{font-family: 'Lovers Quarrel'; font-size: 34pt}
  .rgba_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0, 0.4);
}
.carousel {
    height: 100vh;
}
.main_content {
    top: -100px;
}
.main_heading {position: absolute;z-index: 1;}
.btn_top::before {
    content: 'We build your';
    position: absolute;
    top: -14%;
    left: 7%;
    background-color: #033969;
    width: 100%;
    height: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s ease-in-out;
    font-weight: bold;
}
.btn_top {
    padding: 10px;
    font-size: 15px;
    outline: none;
    border: 2px solid #033969;
    background-color: white;
    color: white;
    position: relative;
    letter-spacing: 1px;
}
.carousel-control-next-icon {
    background-image: none;
}
.carousel-control-prev-icon {
    background-image: none;
}
.carousel-control-prev.btn_bg{left: 23px;
    background: antiquewhite;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg); border: 3px double #7f7272;}
   .carousel-control-next.btn_bg {
    right: 23px;
    background: antiquewhite;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    border: 3px double #7f7272;
}
    .btn_bg span {transform: rotate(-45deg);}
    .btn_bg span i{color: black;
    font-size: 26px;
    line-height: 33px;}
    /** The Class
---------------------------------------**/
.image-zoom {
  -webkit-animation: image-zoom 5s ease-out both;
          animation: image-zoom 5s ease-out both;
             animation-iteration-count: infinite;
             height:100vh
}

@keyframes image-zoom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


       .content-boxed {
    position: relative;
    padding-left: 80px;
    border-left: 10px solid #ad2023;
}

.content-boxed:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 0px;
    width: 5px;
    height: 100%;
    background: url(https://www.jaageer.com/images/left-border.png) no-repeat;
} .title_top:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 4px;
    width: 7px;
    height: 18px;
    background-color: #ad2023;
}.main-slider h1 {font-size: 70px}
    .btn-style-three {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
     border-radius: 0px;
    letter-spacing: 1px;
    padding: 12px 30px;
    background: #ad2023;
}
.carousel-control-next-icon {
    right: auto;
    position: absolute;
}
.timeline_tab ul li a svg g path {
    fill: #ad2023  !important;
}
.timeline_tab ul li a svg {
margin-bottom:10px}
.timeline_tab ul li {
flex:1
    }

   .timeline_tab ul li a.active {
      background-color: #ad2023 !important;
      color: white !important;
      border-radius: 0 !important;
    }
    .timeline_tab ul li a.active svg g path{fill:white !important}
  .timeline_tab  ul li a:hover{background-color:#ffaa17;color: white;}
  .projects-current-theme3.position-relative {
    border: 1px dashed #fff;
}
  .projects-current-theme3 figure{margin: 0;}
  .team-carousel.home_event .owl-nav {
    display: block;
    position: absolute;
    left: -142px;
    top: 68%;
}
.team-carousel.home_event.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 40px;
    height: 40px;
    border: 2px solid #22242980;
    color: #22242980;
    border-radius: 50px;
}
.team-carousel.home_event.owl-carousel .owl-nav button.owl-prev {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border: 2px solid #22242980;
    color: #22242980;
    border-radius: 50px;
}
.team-carousel.home_event.owl-carousel .owl-nav button.owl-prev{
margin-right: 10px;
}
.nav__top{padding-left: 15px;}
.gallery::after {
    background-image: url("https://wp2022.kodesolution.com/oitech/wp-content/uploads/2022/10/home2-bg3.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f4f5f9;
    content: "";
    position: absolute;
    width: 202px;
    height: 309px;
    bottom: 0;
}
/* ====== HEADER FIXES ====== */

/* Mobile View (992px سے کم) */
@media (max-width: 991.98px) {
    /* Logo ko theek karo */
    .header-logo {
        margin-top: 0 !important;
        position: relative;
        z-index: 999;
    }
    
    .header-logo img {
        max-height: 50px !important;
        width: auto !important;
    }
    
    /* Toggle button ko white karne ke liye */
    .navbar-toggler {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        padding: 6px 10px !important;
        background: transparent !important;
    }
    
    .navbar-toggler:focus {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) !important;
        outline: none !important;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
        width: 1.2em;
        height: 1.2em;
    }
    
    /* Desktop elements hide karo */
    .top_header,
    .logo-bg,
    .col-lg-10 {
        display: none !important;
    }
    
    /* Menu area ko theek karo */
    .menu_area {
        padding: 10px 15px !important;
        background-color: #010f1c !important;
    }
    

    
    #mobileNavbar .nav-link {
        padding: 12px 20px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        transition: all 0.3s ease;
    }
    
    #mobileNavbar .nav-link:hover {
        background-color: rgba(255,255,255,0.05);
    }
    
    #mobileNavbar .nav-link:last-child {
        border-bottom: none;
    }
}

/* Desktop View (992px se upar) */
@media (min-width: 992px) {
    /* Mobile elements hide karo */
    .navbar-toggler,
    #mobileNavbar {
        display: none !important;
    }
    
    /* Logo position restore karo */
    .header-logo {
        margin-top: -37px;
    }
}

/* ====== GENERAL FIXES ====== */

/* Bootstrap conflicts ko fix karo */
.collapse:not(.show) {
    display: none;
}

.collapse.show {
    display: block;
}

/* Carousel fixes */
.main_banner .carousel-inner {
    height: 100vh;
    min-height: 600px;
}

.main_banner .carousel-item {
    height: 100%;
}

.main_banner .carousel-item img {
    height: 100%;
    object-fit: cover;
}

/* Content box responsive */
@media (max-width: 768px) {
    .content-boxed {
        padding-left: 30px !important;
        border-left-width: 5px !important;
    }
    
    .main-slider h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
    
    .title_top {
        font-size: 14px !important;
    }
    
    .content-boxed:before {
        left: 5px !important;
    }
}

/* Timeline tabs responsive */
@media (max-width: 768px) {
    .timline_tabs_info {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .timline_tabs_info .nav-item {
        min-width: 160px;
        flex-shrink: 0;
    }
    
    .timline_tabs_info li::after {
        display: none;
    }
}

/* Ensure container doesn't break mobile layout */
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

/* Fix z-index conflicts */
.sticky-wrapper {
    position: relative;
    z-index: 1030;
}

.menu_area {
    position: relative;
    z-index: 1031;
}

/* Mobile Contact button fix */
@media (max-width: 991.98px) {
    .bg_brown {
        background-color: #ad2023 !important;
        color: white !important;
        border: none !important;
        padding: 12px 20px !important;
        border-radius: 5px !important;
        display: block !important;
        width: 100% !important;
        margin-top: 10px;
    }
}

/* ====== IMPORTANT FIX FOR TOGGLE BUTTON ====== */

/* Agar Bootstrap ka navbar-toggler-icon white nahi ho raha */
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Agar Bootstrap 5 ka navbar-toggler border show ho raha ho */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Mobile menu background fix */
.bg-dark {
    background-color: #010f1c !important;
}

/* Ensure menu items are clickable */
.nav-link {
    cursor: pointer !important;
}
/* responsive */
        @media screen and (max-width:1400px) {

        }
        @media screen and (min-width:1200px) and   (max-width:1399.98px) {
   
        }
        @media screen and (min-width:992px) and   (max-width:1199.98px) {
.sec_heading {
    font-size: 30px;
}
.qrest-service-section {
    padding-bottom: 0px !important;
}
.gc-image-box {
    height: auto;
}
.gc-title {
    font-size: 26px;
}
.gc-content p {
    font-size: 16px;
    margin-bottom: 0;
}
.pxl-image {
    display: flex;
    justify-content: end;
}
        }
        @media screen  and (min-width:768px) and (max-width:991.98px) {
.content-boxed {
    padding-left: 46px;margin-left: 0rem !important;
}
.main-slider h1 {
    font-size: 20px;
}
.img-fluid {
    max-width: 50px;
}
.menu_area {padding: 30px 0px 14px 16px;}
.header-logo {
    margin-top: -18px;
}
.logo-bg {
    background-color: transparent;
}
.carousel {
    height: auto;
}
.main_banner .carousel-inner{height: 300px;}
.gc-image-box {
    height: auto;
}
.gc-banner-inner::after {
    left: 10px;
}
.gc-element-populated {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}
.gc-title {
    font-size: 26px;
}
.pxl-image{display: none;}
.pxl-icon-box3 .pxl-item--title {
    font-size: 15px;
}
.pxl-icon-box3{padding-top: 20px;}
.qrest-service-section {
    padding-bottom: 0px !important;
}
.timline_tabs_info li a {
    font-size: 13px;
}
.sec_heading {
    font-size: 23px;
    display: flex;
    justify-content: center;
}
.million_visitors{    justify-content: center !important;}
.text h2 {
    font-size: 20px;
}
        }
        @media screen and (min-width:576px) and (max-width:767.98px) {

.content-boxed {
    padding-left: 46px;margin-left: 0rem !important;
}
.main-slider h1 {
    font-size: 20px;
}
.img-fluid {
    max-width: 50px;
}
.menu_area {padding: 30px 0px 14px 16px;}
.header-logo {
    margin-top: -18px;
}
.logo-bg {
    background-color: transparent;
}
.carousel {
    height: auto;
}
.main_banner .carousel-inner{height: 300px;}
.gc-image-box {
    height: auto;
}
.gc-banner-inner::after {
    left: 10px;
}
.gc-element-populated {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}
.gc-title {
    font-size: 26px;
}
.pxl-image{display: none;}
.pxl-icon-box3 .pxl-item--title {
    font-size: 15px;
}
.pxl-icon-box3{padding-top: 20px;}
.qrest-service-section {
    padding-bottom: 0px !important;
}
.timline_tabs_info li a {
    font-size: 13px;
}
.sec_heading {
    font-size: 23px;
    display: flex;
    justify-content: center;
}
.million_visitors{    justify-content: center !important;}
.text h2 {
    font-size: 20px;
}
        }
        @media screen  and (min-width:381px) and (max-width:575.98px){
   
.content-boxed {
    padding-left: 46px;margin-left: 0rem !important;
}
.main-slider h1 {
    font-size: 20px;
}
.img-fluid {
    max-width: 50px;
}
.menu_area {padding: 30px 0px 14px 16px;}
.header-logo {
    margin-top: -18px;
}
.logo-bg {
    background-color: transparent;
}
.carousel {
    height: auto;
}
.main_banner .carousel-inner{height: 300px;}
.gc-image-box {
    height: auto;
}
.gc-banner-inner::after {
    left: 10px;
}
.gc-element-populated {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}
.gc-title {
    font-size: 26px;
}
.pxl-image{display: none;}
.pxl-icon-box3 .pxl-item--title {
    font-size: 15px;
}
.pxl-icon-box3{padding-top: 20px;}
.qrest-service-section {
    padding-bottom: 0px !important;
}
.timline_tabs_info li a {
    font-size: 13px;
}
.progress_detail{padding-top: 25px;}
.sec_heading {
    font-size: 23px;
    display: flex;
    justify-content: center;
}
.million_visitors{    justify-content: center !important;}
        }
        @media screen and (min-width:320px) and (max-width:380.98px) {


.content-boxed {
    padding-left: 46px;margin-left: 0rem !important;
}
.main-slider h1 {
    font-size: 20px;
}
.img-fluid {
    max-width: 50px;
}
.menu_area {padding: 30px 0px 14px 16px;}
.header-logo {
    margin-top: -18px;
}
.logo-bg {
    background-color: transparent;
}
.carousel {
    height: auto;
}
.main_banner .carousel-inner{height: 300px;}
.gc-image-box {
    height: auto;
}
.gc-banner-inner::after {
    left: 10px;
}
.gc-element-populated {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}
.gc-title {
    font-size: 26px;
}
.pxl-image{display: none;}
.pxl-icon-box3 .pxl-item--title {
    font-size: 15px;
}
.pxl-icon-box3{padding-top: 20px;}
.qrest-service-section {
    padding-bottom: 0px !important;
}
.timline_tabs_info li a {
    font-size: 13px;
}
.progress_detail{padding-top: 25px;}
.sec_heading {
    font-size: 23px;
    display: flex;
    justify-content: center;
}
.million_visitors{    justify-content: center !important;}
        }