*{box-sizing: border-box; margin: 0; padding: 0; list-style: none;}
:root{
    --white:#fff;
    --black:#000;
    --wb-gold:#A27C3D;
    --wb-black:#333333;
    --pera:#666;
    --menu-bg:#785730;
    --border:#999999;
    --wb-service:#F1E9DB;
    --circle:#8b611d;
    --slider-bg:#F5F5F5;
}
body{font-family: 'Plus Jakarta Sans'; color: var(--wb-black); font-size: 16px;font-weight: 400;line-height: 26px;}
/*p{text-align:justify;}*/


/* menu  */
.simple-nav {border-bottom: 1px solid var(--wb-gold);}
.nav-link {color: var(--pera);text-align: center;font-family: "Plus Jakarta Sans";font-size: 16px;font-style: normal;line-height: normal;margin: 0;font-weight: 600;}
.nav-link a {text-decoration: none;color: var(--pera);text-align: center;font-family: "Plus Jakarta Sans";font-size: 16px;font-style: normal;line-height: normal;margin: 0;}
.nav-link:hover,.nav-link a:hover,.menu-list:hover{color: var(--pera);}
.navbar-nav {justify-content: space-between;}
button:focus:not(:focus-visible) {box-shadow: none; }
.navbar-collapse {margin: 20px 0;}
.sub-text h2 {color: var(--white);font-family: Cinzel;font-size: 34px;font-style: normal;line-height: normal;}
.sub-menu-detils h3 {color: var(--white);font-family: Cinzel;font-size: 22px;font-style: normal;line-height: normal;border-bottom: 1px solid var(--white);}
.sub-menu-detils span {color: var(--wb-service);text-align: center;font-family: "Plus Jakarta Sans";font-size: 14px;font-style: normal;line-height: normal;}
.menu-list p,.menu-list a {gap: 14px;cursor: pointer;}
.menu-list:hover a i {transform: rotate(180deg);transition: all 0.5s ease-in-out;}
.menu-list:hover p i {transform: rotate(180deg);transition: all 0.5s ease-in-out;}
.menu-list:hover a {color: var(--white);text-decoration: none;transition: all 0.5s ease-in-out;}
.menu-list:hover p {color: var(--wb-black);text-decoration: none;transition: all 0.5s ease-in-out;}
.sub-menu-list {justify-content: center;}
.sub-menu-list ul {gap: 30px;}
.layer {width: 100%;position: absolute;left: 0;top: 77%;background: var(--menu-bg);opacity: 0;display: none;z-index: 2;}
.menu-list:hover .layer {opacity: 1;display: block;}
.nav-bar {position: relative;}
.sub-layer {display: flex;padding: 20px 20px 100px 0;width: 85%;margin-left: auto;}
.sub-info {width: 300px;border-right: 1px solid var(--wb-service);display: flex;align-items:center;    padding-left: 15px;}
.sub-menu-grid {display: grid;grid-template-columns: repeat(4, 1fr);}
.sub-menu-detils {padding: 20px 20px;border-right: 1px solid var(--wb-service);}
.sub-line img {background: var(--white);border-radius: 100%;margin-left: 10px;}
.sub-text p.text-white {color: var(--white) !important;}
.sub-line {cursor: pointer;}
.marq-details {background-color: var(--wb-service);padding: 8px 25px 12px 25px;border-radius: 40px;text-decoration: none;color: var(--wb-black);}
.marq-details:hover {color: var(--wb-gold);}
.g-20 {gap: 20px;}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(162, 124, 61, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
header {position: fixed;top: 0;width: 100%;z-index: 99;padding: 10px 0;}
.scrolled {background-color: var(--white);transition: background-color 0.3s ease;}
.sub-text {
    padding-right: 5px;
}
  /* menu  */


/* -----home page css Start-----  */

   .show_block
   {
      display: flex;
      justify-content: center;
      overflow: hidden;
   }

.baaner {background-image: url(../images/bg.svg);background-position: top;background-repeat: no-repeat;background-attachment: fixed;padding-top: 200px;}
.center_part{position: relative;}
.center_part::before {content: "";position: absolute;left: 0;background-image: url(../images/centerright.png);width: 889px;height: 1171px;object-fit: cover;background-repeat: no-repeat;z-index:-1;}
.center_part::after {content: "";position: absolute;top: 0;right: 0;background-image: url(../images/centerleft.png);width: 889px;height: 1171px;object-fit: cover;background-repeat: no-repeat;z-index:-1;}
.baaner p {
    margin-bottom: 30px;
    /*margin-right:20px;*/
    
}

/* banner before after comman  */


.comman_head{color: var(--wb-gold);font-family: Cinzel;font-size: 48px;font-style: normal;line-height: normal;text-transform: uppercase;text-align: center;margin-bottom: 14px;}
/* .service-text{font-style: normal;line-height: normal;padding: 8px 23px;background-color: var(--wb-service);border-radius: 40px;color: var(--wb-black);text-decoration: none;display: inline-block;}
.service-text:hover{color: var(--wb-black);} */ 

/* service details */
.eat-img {width: 89%;}
.eatbb-img{width: 77%;}
/*.inner-service-sec{padding-right:13px}*/
.inner-service-sec img{border-radius: 0px 40px;margin-bottom: 10px;}
.inner-service-sec.ser-img img{border-radius: 40px;}
.inner-service-sec h5{text-align: center;color: var(--wb-black);font-family: Cinzel;font-size: 36px;font-style: normal;line-height: normal;margin: 0;}
/* -----home page css End-----  */

.career-sec h1{margin-bottom: 31px;}
.heading-p{color: var(--pera);text-align: center;font-size: 22px;font-style: normal;line-height: 36px;margin-bottom: 61px;}
.dedication-sec{border-radius: 20px 0px;border: 1px solid var(--border);background: rgba(255, 255, 255, 0.50);padding: 35px 19px;}
/*.small-p{line-height: 24px;}*/
.career-main{margin-bottom: 36px;}
.career-main .water{height:358px;}
.small-heading-title{color: var(--wb-gold);font-family: Cinzel;font-size: 36px;font-style: normal;line-height: normal;text-transform: uppercase;
/*margin-bottom: 20px;*/
}
.custom-btn{transition: all 0.5s ease-in-out;background-color: var(--wb-gold);padding: 8px 37px;display: inline-block;color: var(--white)!important;text-decoration: none;border-radius: 40px;border: 1px solid var(--wb-gold);}
.custom-btn:hover{color: var(--white);}
.career-dev{border-radius: 0px 20px 20px 0px;border: 1px solid var(--border);padding: 28px 19px;}
.building, .center_part, .dvtn_points, .work_here, .main-social, .benefits-sec, .benefits, .estated, .career-counter, .bussiness-slider, .difference, .main-counter, .contact_iframe , .mt-100{padding-top: 80px;}



/* Social Responsibility-sec-start */
.main-social .social-respo{padding: 0;}
.mg{width:250px;}
.main-social h1{line-height: 60px;margin-bottom: 20px;}
.slider-hero .slick-dots li button:before, .client_vslide .slick-dots li button:before, .estated_slide .slick-dots li button:before{font-size: 20px; color: #D9D9D9; opacity: 1;}
.slider-hero .slick-dots{bottom:-30px;}
.slider-hero  .slick-dots li.slick-active button:before{color: #D0A55E;}
.estated_slide  .slick-dots li.slick-active button:before{color: #D0A55E;}
/* Social Responsibility-sec-end */

/* Social Responsibility-sec-start */

.buss-slider{background-color: var(--slider-bg);padding: 30px 30px;}
.buss-left{padding-right: 0;}
.buss-right{padding-left: 0;}
.bussiness-slider .small-heading-title{margin-bottom: 10px;}
.bussiness-slider .slick-dots{text-align: start;padding-left: 40px;    bottom: -47px;}
.homepage-slider .buss-slider{
    height:300px !important;
    
}
/* Social Responsibility-sec-end */


/* devotion logo slider start */
.career-counter{position: relative;display: flex;align-items: center;justify-content: center;}
.devotion-logo img {padding: 43px 0 31px 0;}
.career-counter .bussion-logo-slider{display: flex;justify-content: space-between;}
.buss-inner{background-color: var(--white);border: 1px solid #BBBBBB;border-radius: 20px;padding: 10px 20px;}
.dev-logo-slider {white-space: nowrap;position: absolute;bottom: 40px;}
.career-counter .logo_items {display: flex;}
.logo-slider .slick-slide:nth-child(odd) {transform: translateY(-40px);}
.logo-slider .slick-slide:nth-child(even) {transform: translateY(20px);}
.career-counter .container{position: absolute;}
/* devotion logo slider end */


.main-counter {background-image: url(../images/careere-line.svg);background-position: center;background-repeat: no-repeat;}
.main-counter .counter-box h2{color: var(--wb-black);text-align: center;font-size: 44px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 20px;}
.main-counter .counter-box p{color: #A27C3D;text-align: center;font-family: Inter;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}
.intro {height: auto;min-height: 100vh;text-align: center;background-color: teal;}
.main-counter .counter-box {border-radius: 20px;border: 1px solid #BBB;background: #FFF;margin-bottom: 20px;width: 190px;padding: 40px 10px;height: 190px;}
.main-counter p {text-align: center;margin-bottom: 0;}
.zigzag-layout .col-lg-3:nth-child(odd) .counter-box {margin-top: 0;}
.zigzag-layout .col-lg-3:nth-child(even) .counter-box {margin-top: 50px;}


/* -----home page css end-----  */


/* ---------Who We Are page css--------- */

.mg-red{border-radius: 30px 0;}
.right_circle, .left_circle {background: var(--circle);padding: 96px;color: var(--white);text-align: center;font-size: 30px;font-style: normal;font-weight: 600;line-height: 183px;text-transform: capitalize;width: 400px;height: 400px;border-radius: 500px;opacity: .8;position: relative;}
.circal_Area {display: flex;justify-content: center;padding: 35px 0; position: relative;  z-index: 1;}
.left_add {position: relative;left: -90px;opacity: .8;}
.rg_text {max-width: 700px;}
.circal_title{ color: var(--wb-gold); text-align: center;font-family: Cinzel;font-size: 22px;font-style: normal;line-height: 138.1%;text-transform: uppercase;display: none;} 
.lf_text{text-align: end;max-width: 700px;transform: translateX(85%) !important;}
.right_circle::before,.right_circle::after {content: '';position: absolute;background-color: var(--circle);}
.right_circle::before {width: 2px;height: 141px;top: 31%;left: -31%;transform-origin: top right;transform: rotate(161deg);}   
.right_circle::after {width: 144px;height: 2px;top: 123px;left: -122px;}
.left_circle::before,.left_circle::after {content: '';position: absolute;background-color: var(--circle);}
.left_circle::before {width: 2px;height: 141px;bottom: -5%;right: -24%;transform-origin: top right;transform: rotate(335deg);}
.left_circle::after {width: 164px;height: 2px;bottom: 30%;right: -24%;}
.circal_Area:before {content: "";position: absolute;border: 1px solid var(--circle);padding: 5px;background: var(--circle);border-radius: 50%;top: 3%;left: 5.7%;}   
.circal_Area:after {content: "";position: absolute;border: 1px solid var(--circle);padding: 5px;background: var(--circle);border-radius: 50%;bottom: 8%;right: 13.7%;}   

.bb_line{border-radius: 20px 0px;border: 1px solid var(--border);background: var(--white); padding: 28px; text-align: center;}
.sub_head{color: var(--wb-gold);font-family: Cinzel;font-size: 21px;font-style: normal;line-height: 138.1%;text-transform: uppercase;}
.title_head{color: var(--wb-gold);text-align: center;font-family: Cinzel;font-size: 48px;font-style: normal;text-transform: uppercase;}
.devmg {position: absolute;top: 50%;left: 47%;transform: translate(-50%, -50%);}
.devmg img {width: 70%;}
.quatish{border: 3px solid var(--border); position: relative; margin-top: 80px;}
.quatish:before {content: "";position: absolute;background-image: url(../images/FrameRight.svg);width: -webkit-fill-available;height: -webkit-fill-available;background-repeat: no-repeat; top: -30px;left: 25px;}
.quatish p::after {content: "";position: absolute;background-image: url(../images/FrameRight.svg);width: -webkit-fill-available;height: -webkit-fill-available;background-repeat: no-repeat;transform: rotate(180deg);bottom: -30px;right: 25px;}
.quatish p{margin: 0;text-align: center;font-family: Cinzel;font-size: 30px;font-style: normal;line-height: normal;padding: 60px 100px;}
.quatish span {color: var(--wb-gold);font-family: Cinzel;font-size: 22px;font-style: normal;line-height: normal;text-transform: uppercase;padding-top: 25px;display: block;}
/* ---------Who We Are page css--------- */

/* -----------Milestone page css-----------  */

/*.pdn_add {margin: 0;text-align: end;padding-top: 40%;}*/
/*.miles, .add_circal {position: relative;}*/
/*.miles::before, .miles::after {content: '';position: absolute;background-color: var(--circle);}*/
/*.miles::before {width: 2px;height: 137px;top: 24%;left: -23%;transform-origin: top right;transform: rotate(39deg);}*/
/*.miles::after {width: 146px;height: 2px;top: 81px;left: -146px;}*/
/*.add_circal:before{content: "";position: absolute;border: 1px solid var(--circle);padding: 5px;background: var(--circle);border-radius: 50%;top: 53%;left: 33%;}*/
/*.revers_row {flex-direction: row-reverse;position: relative;}*/
/*.milesrever::before, .milesrever::after {content: '';position: absolute;background-color: var(--circle);}*/
/*.milesrever::before {width: 2px;height: 137px;top: 15%;right: 43%;transform-origin: top right;transform: rotate(324deg);}*/
/*.milesrever::after {width: 140px;height: 2px;top: 15%;right: 43%;}*/
/*.revers_row::before {content: "";position: absolute;border: 1px solid var(--circle);padding: 5px;background: var(--circle);border-radius: 50%;top: 52%;right: 36.3%;}*/

/* -----------Milestone page css-----------  */
/* -----------Milestone page css-----------  */
.mileston_upper{padding-top: 80px;}
.mileston_upper, .miles_rg, .miles_rg h4, .mg_area, .miles_lf, .mg_area_more{position: relative;}
.mileston_upper::before {
    content: "";
    position: absolute;
    left: 49%;
    border: 1px solid;
    height: -webkit-fill-available;
    border-image-slice: 1;
    border-image-source: linear-gradient(49deg, rgba(162, 124, 61, 0.10) 0%, #A27C3D 19%, #A27C3D 49.5%, #A27C3D 81%, rgba(162, 124, 61, 0.10) 100%);
}
.miles_lf{ max-width: 538px;    padding-left: 75px;}
.miles_rg {
  text-align: end;
  padding-right: 75px;
}
.miles_rg h3, .miles_lf h3{
  color: var(--wb-gold);
font-family: Cinzel;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.miles_lf h4::after {
  content: "";
  position: absolute;
  padding: 10px;
  border: 1px solid;
  color: var(--wb-gold);
  background: var(--wb-gold);
  border-radius: 50%;
  left: -7.5%;
}
.miles_rg h4::after {
  content: "";
  position: absolute;
  padding: 10px;
  border: 1px solid;
  color: var(--wb-gold);
  background: var(--wb-gold);
  border-radius: 50%;
  right: -14%;

}
.mg_area_more {
  text-align: end;
  padding-right: 112px;
}
.mg_area, .mg_area_more {
  padding-top: 44px;
}
.mg_area::before {
  content: "";
  position: absolute;
  border: 1px solid var(--wb-gold);
  width: 30%;
  top: 10px;
  left: -4%;
}
.mg_area::after {
  content: "";
  position: absolute;
  border: 1px solid var(--wb-gold);
  height: 7%;
  left: 26%;
  top: 3%;
}
.mg_area_more::before {
  content: "";
  position: absolute;
  border: 1px solid var(--wb-gold);
  width: 30%;
  top: 10px;
  right: 1%;
}
.mg_area_more::after {
  content: "";
  position: absolute;
  border: 1px solid var(--wb-gold);
  height: 7%;
  right: 31%;
  top: 3%;
}
/* -----------Milestone page css-----------  */

/* -----------Latest News page css-----------  */
.title_sub{color: var(--wb-gold);font-family: Cinzel;font-size: 40px;font-style: normal;line-height: normal;text-transform: uppercase;}
.all_trending{padding: 0; margin: 0;}
.trend_detail {display: flex;align-items: center;justify-content: space-between;padding: 13px 0;border-bottom: 1px solid var(--border);}
.trend_detail h3 {max-width: 480px;color: var(--wb-gold);font-family: Cinzel;font-size: 22px;font-style: normal;line-height: normal;}
.in_trending {background: var(--wb-gold);width: 70px;height: 70px;padding: 11px;border-radius: 50%;}
.in_trending svg {transition: transform 0.3s ease;}
.in_trending:hover svg {transform: rotate(44deg);}
.custom-btn:hover{color: var(--white);}
.more_detail h3, .box_info h3,.contact_info h3{color: var(--wb-gold);font-family: Cinzel;font-size: 22px;font-style: normal;font-weight: 700;line-height: normal;margin: 10px 0;}
.box_area{border-radius: 20px 0px;border: 1px solid var(--border);background: var(--white); overflow: hidden;z-index: 1;position: relative;height:100%;}
.box_info{padding: 9px 23px;}
.box_info p, .info_text {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;list-style: none;overflow: hidden;margin: 0;}
.box_info a {transition: all 0.5s ease-in-out;display: block;text-align: center;border-radius: 40px;background: var(--wb-gold);padding: 11px;font-size: 18px;font-style: normal;font-weight: 500;text-decoration: none;color: var(--white);margin: 20px 0;border: 1px solid var(--wb-gold);}
.box_info a:hover {background: transparent;color: var(--wb-gold);}
.box_info h5 {color: var(--pera);font-size: 14px;font-style: normal;line-height: normal;}
.detail_title{color: var(--wb-gold);font-size: 20px;font-style: normal;font-weight: 600;line-height: 25px;}
.group_growth{position: relative; background-color: var(--white); padding: 90px 150px; z-index: 1;margin: 30px 130px;}
.group_growth p{font-family: Cinzel;font-size: 30px;font-style: normal;line-height: normal; margin: 0;}
.group_growth:before {content: "";position: absolute;border: 1px solid var(--wb-gold);top: 19%;height: 189px;left: 5%;}
.group_growth p:before {content: "";position: absolute;background-image: url(../images/framsmal.svg);background-repeat: no-repeat;width: 55px;height: 41px;left: 7%;top: 25%;}
.share_social {display: flex;gap:20px;align-items: center;color: var(--pera);font-size: 20px;justify-content: center;padding-top: 15px;border-top: 1px solid var(--border);}
.social_link {padding: 0;margin: 0;display: flex;gap: 13px;}
/* -----------Latest News page css-----------  */


/* Vision and Values page counter css  */
.about-pos{transform: translateX(18%);z-index: 1;}
.about-pos .comon-span{width: 300px;position: relative;}
.main-about-us .about-main-circle{display: flex;justify-content: center;}
.about-span-box:before {width: 650px;content: '';height: 1px;background: var(--black);display: block;position: absolute;right: 0;top: -15px;}
.main-about-us .about-big-circle{width: 560px;height: 560px;border-radius: 50%;border: 5px solid var(--white);background: #EEEBD3;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.about-pos .about-span-box {text-align: right;left: 100%;top: 44%;position: absolute;}
.about-med-inner {position: absolute;top: 42%;left: -31%;}
.main-about-us .about-med-circle{width: 360px;height: 360px;border-radius: 50%;border: 5px solid var(--white);background: #DFD6A9;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.about-pos .about-span-med{text-align: left;right: 100%;top: 42%;position: absolute;}
.about-span-med:before {width: 540px;content: '';height: 1px;background: var(--black);display: block;position: absolute;top: -15px;}
.about-small-inner {position: absolute;bottom: -23%;right: 32%;}
.main-about-us .about-small-circle{width: 300px;height: 300px;border-radius: 50%;border: 5px solid var(--white);background: #785730;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.about-pos h2{font-size: 60px;font-style: normal;font-weight: 600;line-height: normal;}
.about-pos .about-span-small {text-align: right;position: absolute;left: 70%;top: 36%;transform: translatex(90%);}
.about-span-small:before {width: 378px;content: '';height: 1px;background: var(--black);display: block;position: absolute;top: -15px;right: 0;}
.building{margin-top: 190px;}
.about-pos .abount-inner-span{display: none;}
.mbo_res{display: none;}
.main-about-us.ptb{z-index: 1;position: relative;}
.building_items {display: grid;grid-template-areas: "a c e" "b c f" "b d d ";row-gap: 12px;column-gap: 30px;}
/*.building_items {display: grid;}*/
.item1{grid-area: a;}
.item2{grid-area: b;}
.item3{grid-area: c;}
.item4{grid-area: d;}
.item5{grid-area: e;}
.item6{grid-area: f;}
.item5 {grid-area: e;height: 204px;object-fit: cover;border-radius: 20px 0;}
.item3 {grid-area: c;height: 359px;object-fit: cover;border-radius: 20px 0;}
.item2 {grid-area: b;height: 248px;object-fit: cover;}
/* Vision and Values page counter css  */

/* footer css Start  */
footer{margin-top: 100px;}
.newslatter{border-radius: 20px;border: 1px solid #BBB;background: var(--white);padding: 0 60px 60px;}
.newslatter h3 {transform: translateY(-41px) !important;background: var(--white);width: min-content;margin: 0 auto;}
.nl_p{margin: 0;padding: 0 ; border: 0;}
.newslatter form{border-bottom: 1px solid var(--border);padding-bottom: 15px;display: flex; justify-content: space-between;}
.nl_btn{transition: all 0.5s ease-in-out;padding: 10px 30px;border-radius: 10px;background: var(--wb-gold);border: 1px solid var(--wb-gold); color: var(--white);display: block;width: fit-content;transition: all 0.5s ease-in-out;    text-decoration: none;}
.nl_btn:hover ,.custom-btn:hover {
    color: var(--wb-gold);
    background: transparent;
}
.nl_input{border: none; background: transparent;}
.nl_input:focus-visible{outline: none;}
.ft_head{color: var(--wb-gold);font-size: 22px;font-style: normal;font-weight: 700;line-height: 30px;}
footer ul{padding: 0; margin: 0;}
footer ul li a{font-size: 16px;font-style: normal;line-height: 36px; color: var(--wb-black); text-decoration: none;}
footer ul li a:hover ,.contact_info a:hover{color: var(--wb-gold);}
footer p {color: var(--pera);margin: 0;padding: 20px 0;text-align: center;border-top: 1px solid var(--wb-gold)  ;margin-top: 50px;}
.ft_social {margin-top: 95px;}
/*.ft_social .social_link {justify-content: center;}*/
/* footer css End  */



/* event page css start */
.d-event-sec {border: none;display: flex;justify-content: center;margin: 26px 0;}
.d-event-sec option {background-color: var(--white);color: var(--black);}
.d-event-sec .for-select{display: flex;justify-content: center;margin-bottom: 30px;}
.d-event-sec .custom-btn{border: none;margin-left: 10px;padding: 8px 60px;appearance: none; background-color: var(--wb-service); color: var(--black); position: relative; cursor: pointer;}
.d-event-sec select:focus-visible{outline: none;}
.event_list{padding: 24px;border-radius: 20px 0px;border: 1px solid var(--border);background: var(--white);display: inline-block;list-style: none;text-decoration: none; color: var(--wb-black);}
.event_list:hover p, h4{color: var(--wb-black);}
.event_list h3{color: var(--wb-gold);font-size: 22px;font-style: normal;line-height: normal;text-transform: uppercase;font-family: Cinzel;}
.d-event-sec p{overflow: hidden;text-overflow: ellipsis;font-size: 14px;font-style: normal;color: var(--wb-black);}
.d-event-sec h4{color: var(--wb-black);font-size: 14px;font-style: normal;line-height: normal;letter-spacing: 0.28px;padding: 8px 36px;border-radius: 40px;background: var(--wb-service);display: inline-block;margin: 0;}
.select_one {position: relative;}
.select_one:after {content: "";position: absolute;background-image: url(../images/arrow-down.svg);width: 24px;height: 24px;right: 13%;top: 23%;}
.event_list h4 {margin: 0;padding: 7px 32px;background: var(--wb-service);width: max-content;border-radius: 20px;font-size: 18px;margin-top: 24px;}

/* event details page css start */
.home_bg {position: relative;}
.d-event-sec .container{padding: 0;}
.event-booking-inner{border-radius: 20px 0px;opacity: 0.95;background: var(--white);padding: 30px;max-width: 600px;position: absolute;top: 22%;right: 5%;width: 100%;}
.event-booking-details{padding: 0 40px 0 40px;display: flex;justify-content: space-between;}
.booking-inner-text strong{color: var(--black);font-family: Cinzel;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;margin-bottom: 10px;}
.booking-inner-text p{color: var(--black);font-style: normal;}
.event-booking-inner .custom-btn{padding: 10px 110px;margin-top: 25px;display: inline-block;} 
/* bottom images and content page start */
.down-details-sec p{font-size: 16px;margin-bottom: 0;}
.evnet-btn {display: flex;justify-content: center;}
/* event details page css end */


/* event page css end */


/* ----------blog page css----------  */
.blog_btn.nav-link.active {padding: 10px 70px;background-color: var(--wb-gold);border-radius: 50px;}
.blog_btn.nav-link{ padding: 10px 70px;  background-color: var(--wb-service);border-radius: 50px; color: var(--wb-black);} 
.blog_tab .nav {
    display:flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 20px;
}

.blog_tab .nav::-webkit-scrollbar {
    height: 5px;
}

.blog_tab .nav::-webkit-scrollbar-track {
    background: #DDDDDD;
    border-radius: 10px;
}

.blog_tab .nav::-webkit-scrollbar-thumb {
    background: var(--wb-gold);
    border-radius: 10px;
}

.gallery_tab .nav{justify-content: center; gap:20px;}
/* ----------blog page css----------  */

/* .environment page css  */z
.mg_slide .slick-prev:before, .slick-next:before{color: var(--black);font-size: 34px !important;}
.mg_slide .slick-prev:before, .slick-next:before{color: var(--black) !important;font-size: 34px;}
.mg_slide .slick-prev {top: unset;bottom: -9%;left: 3px;     z-index: 1;}
.mg_slide .slick-next {top: unset;bottom: -9% !important;left: 4%; z-index: 1;}
.slick-prev:before, .slick-next:before{    font-family: 'Plus Jakarta Sans'!important;}
.growth_area{display: grid; grid-template-columns: repeat(5, 1fr);    gap: 17px;}
.growth_box{border-radius: 20px 0px;border: 1px solid var(--border);background: rgba(255, 255, 255, 0.50); padding: 25px;}
.count_gro{text-align: center;font-family: Cinzel;font-size: 34px;font-style: normal;line-height: normal;}
.onemg {background-image: url(../images/graph.png);height: 380px;background-position: center;background-repeat: no-repeat;}
.twomg{background-image: url(../images/clip.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 240px;margin-top: 142px;}
.thremg {background-image: url(../images/triangle.png);background-position: left, bottom;background-repeat: no-repeat;background-size: cover;height: 213px;margin-top: 170px;}
.fourmg {background-image: url(../images/round.png);background-position: left, bottom;background-repeat: no-repeat;background-size: cover;height: 240px;margin-top: 142px;}
.fivemg {background-image: url(../images/meet.png);height: 380px;background-position: center;background-repeat: no-repeat;}
.form_area{padding: 70px 30px; border-radius: 20px; border: 1px solid var(--border); background: var(--white);}
.fm_input {border: 0;border-bottom: 1px solid var(--border);border-radius: 0;color: var(--black);}
.fm_input:focus{box-shadow: none;}

.btn_file {width: 100%;padding: 50px;text-align: center;border: 1px dashed var(--border);cursor: pointer;color:var(--border);}
.input_container p {font-size: 13px;line-height: 20px;margin: 0;}
input.custom-btn {width: auto;border: none;margin: 0 auto;margin-top: 60px;border: 1px solid var(--wb-gold);}
/* .environment page css  */

/* real=estate css start */
.event_list img {margin-bottom: 15px;}
.estat-banner-img {position: relative;}
.mg-pera {position: absolute;bottom: 0%;color: #DDD;text-align: center;margin:0 80px;/*left: 20%;*/}
/* real=estate css start */


/* benefits page css  */
.client_say{border-radius: 20px 0px;border: 1px solid var(--wb-service);background: var(--slider-bg); padding: 75px 200px; position: relative;}
.client_say:before {content: "";position: absolute;border: 1px solid var(--wb-gold);top: 19%;height: 270px;left: 5%;}
.client_say:after {content: "";position: absolute;background-image: url(../images/framsmal.svg);background-repeat: no-repeat;width: 55px;height: 41px;left: 9%;top: 20%;}
.mg_client img {border-radius: 50px;width: 85px;}
.name_dest h4{color: var(--wb-gold);font-family: Cinzel;font-size: 44px;font-style: normal;line-height: normal;margin: 0;}
.name_dest p{margin: 0;font-size: 18px;color: #737373;}
.client_vslide .slick-dots li.slick-active button:before {background-image: url(../images/Star.svg) !important;content: '';display: inline-block;width: 20px;height: 20px;background-size: cover;background-repeat: no-repeat;}
.client_vslide .slick-dots{width: fit-content;transform: rotate(90deg);right: -20%;bottom: 43%;}
/* benefits page css  */

/* dcr devotion start */
.dcr-box{padding: 20px;border-radius: 0px 50px;border: 1px solid var(--border);position: relative;}
.dcr-box h4{color: var(--wb-gold);font-family: Cinzel;font-size: 20px;font-style: normal;line-height: normal;margin-bottom: 16px;}
.dcr-box p{color: var(--wb-black);font-size: 12px;font-style: normal;line-height: normal;margin-bottom: 40px;}
.dcr-box h2{color: var(--wb-black);text-align: end;font-family: Cinzel;font-size: 34px;font-style: normal;line-height: normal;margin-bottom: 0;}
.dcr-2{border-radius: 0px 50px;text-align: right;border-radius: 50px 0}
.dcr-2 h2{text-align: left;}
.devo-cont1 {padding-right: 0;margin-bottom: 10px;}
.devo-cont3 {padding-right: 0;}
.amit_area {padding-left: 100px;margin-bottom: 80px !important;}
.amit_area .slick-dots {width: fit-content;transform: rotate(90deg);left: -3%;bottom: 43%;}
.amit_area .slick-dots li button:before{font-size: 20px;color: #D0A55E !important;}

/* dcr devotion end */

/* What we do  page css   */
.services_expla {border-radius: 20px 0px;border: 1px solid var(--border);overflow: hidden;padding: 0 0 0 30px;}
.difference_box {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;margin-top: 40px; position: relative; }
.difference_box::before {content: "";position: absolute;top: 0;background-image: url(../images/line.png);background-repeat: no-repeat;width: 100%;height: -webkit-fill-available;}
.diff_box p{margin: 0;}
.diff_box{border-radius: 20px 0px;border: 1px solid var(--border);background: var(--white); overflow: hidden; padding: 20px;z-index: 1;}
.diff_one {height: fit-content;}
.diff_tow {height: fit-content;margin-top: 17px;}
.diff_three {height: fit-content;margin-top: 80px;}
.diff_four, .diff_five {display: flex;height: fit-content;justify-content: space-between;    align-items: center; flex-wrap: wrap;}
.diff_five{height: fit-content;}
.diff_six{height: fit-content;margin-top: 60px;}
.diff_seven{height: fit-content;margin-top: 120px;}
.diff_four img {width: 80px;height: 80px;}
.count_gro span{color: var(--pera);font-family: "Plus Jakarta Sans";font-size: 16px;font-style: normal;}
/* What we do  page css   */

/* Leadership page css  */
.tree_decades {background-image: url(../images/tree.png);background-repeat: no-repeat;height: 797px;object-fit: cover;margin-top: 80px;background-size: contain;}
.tree_areas {padding-top: 50px;max-width: 700px;}
.will_box {padding: 71px 24px;border-radius: 0px 50px;border: 1px solid var(--border);background: rgba(255, 255, 255, 0.50);height: 262px;display: flex;align-items: center;justify-content: center;}
.will_box p{color: var(--wb-gold);text-align: center;font-family: Cinzel;font-size: 20px; margin: 0;}
.company_will{margin: 0 100px;text-align: center;}
.tree_areas ul li, .list_nf li {list-style: disc;}
.tree_areas ul, .list_nf {padding-left: 20px;}
/* Leadership page css  */

/*contact css*/
.contact_form input{border-bottom: 1px solid var(--border);padding-bottom: 15px;}
.contact_form .contact_innner .col-lg-6 , .contact_form .contact_innner .col-lg-12{margin-bottom:80px;}
#career-form .contact_innner .col-lg-6{margin-bottom:60px;}
.contact_links{display:flex;text-align:start;width:360px;justify-content: space-between;}
.contact_wrapper{display:flex;justify-content: center;gap:80px;}
.contact_info a{font-size: 14px;font-style: normal;line-height: normal; color: var(--wb-black); text-decoration: none;}
.contact_form input.custom-btn {margin-bottom: 0;padding: 8px 37px;margin-top: 0;}
.contact_form input::placeholder {color: var(--wb-black);}

/*contact css*/
/*blog css*/
.blog-detail ul li, .blog-detail ol li {
list-style:disc;    
}
 .blog-detail table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
  }

 .blog-detail thead {
    background-color: #a27c3d;
    color: #fff;
  }

 .blog-detail th, td {
    text-align: left;
    padding: 12px 15px;
    border: 1px solid #ddd;
  }

 .blog-detail tbody tr:nth-child(even) {
    background-color: #f9f9f9;
  }

 .blog-detail tbody tr:hover {
    background-color: #f1f1f1;
  }

 .blog-detail th {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  @media (max-width: 768px) {
   .blog-detail table, .blog-detail thead, .blog-detail tbody, .blog-detail th, .blog-detail td, .blog-detail tr {
      display: block;
    }

   .blog-detail thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

   .blog-detail tr {
      margin-bottom: 20px;
      border: 1px solid #ccc;
      padding: 10px;
    }

    .blog-detail td {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
    }

    .blog-detail td:before {
      position: absolute;
      top: 12px;
      left: 15px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      font-weight: bold;
    }

   .blog-detail td:nth-of-type(1):before { content: "Jurisdiction"; }
   .blog-detail td:nth-of-type(2):before { content: "Ownership"; }
   .blog-detail td:nth-of-type(3):before { content: "Market Access"; }
   .blog-detail td:nth-of-type(4):before { content: "Regulatory Flexibility"; }
  }
/*blog css*/

.border_radius_left{
    border-radius: 50px 0px;}
    .industey_growth .group_growth{
        border-radius: 20px;
border: 1px solid #DDD;
background: #FFF;
margin: 30px 30px;
    padding: 52px 120px;
    }
    .industey_growth .group_growth:before{
        height: 65%;
    }
    .industey_growth .group_growth p {
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    line-height:28px;
}
.industey_growth .group_growth p:before{display:none;}
.f-24{
    color: #111;
text-align: center;
font-family: Cinzel;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.f-34{
    color: #A27C3D;
font-family: Cinzel;
font-size: 34px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.Corporate_Services{
        flex: 1;

}
.residential_estate {background-image: url(../images/Residential.png);    padding-bottom: 20px;background-repeat: no-repeat;height: auto;object-fit: cover;margin-top: 80px;background-size: contain;    background-position: bottom;}
.Our_catalog .main-counter .counter-box{ padding: 30px 10px;}
.tourist_packages .services_expla{padding-top:70px;}
.tourist_packages .onemg {
    background-image: url(../images/north_america.png);
    background-position: bottom;
}
.tourist_packages .fivemg {
    background-image: url(../images/High_net_worth.png);
    background-position: bottom;
}
.industrys .f-24{
    color: #111;
    font-family: "Plus Jakarta Sans";
text-align: start;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: unset;
}
.bd_left{
    border-left:1px solid #DDD;
}
.retail_industry .onemg {
    background-image: url(../images/retail_marketing.png);
    background-position: bottom;
}
.retail_industry .fivemg {
    background-image: url(../images/market_trend_analysis.png);
    background-position: bottom;
}
.real_state .fivemg {
    background-image: url(../images/Increasing.png);
    background-position: bottom;
}
.in_house{
    height:201px;
}
.real_state .main-counter .counter-box{display: flex;align-items: center;}
/*.growth_area  .growth_box p{*/
/*    text-align: start;*/
/*} */
/*ravi*/

 .com_dots
    {
        display:flex;
        justify-content: center;
    }
    
    .com_dots ul li
    {
       list-style: disc;  
    }
    
    .com_dots ul
    {
        border-right:1px solid #DDDDDD;
        padding-right:14px;
    }
    
     .com_dots ul:last-child
     {
         border:none;
     }
     
      .count_gro
    {
        font-size:24px;
    }
     .WhatsAppButton {
         z-index: 1;
        position: relative;
        transform: translate(120px, 0);
        width: 166px;
        overflow: hidden;
        background-color: var(--wb-gold);
        color: #fff;
        border-radius: 10px 0 0 10px;
        transition: all .5s ease-in-out;
        vertical-align: middle;
         position: fixed;
        top: 60%;
        right: 0;
        padding: 11px 5px;
      }

      /*.float-buttons {*/
      /*  position: fixed;*/
      /*  top: 40%;*/
      /*  right: 0;*/
        /* z-index: 900; */
      /*}*/

      .WhatsAppButton svg {
        /*font-size: 30px;*/
        color: #fff;
        line-height: 30px;
        margin-inline: 12px;
        /*padding: 10px;*/
        transform: rotate(0);
        transition: all .5s ease-in-out;
        text-align: center !important;
      }

      .WhatsAppButton a span {
        color: #fff;
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 10px;
        position: absolute;
        line-height: 16px;
        font-weight: bolder;
      }

      .WhatsAppButton:hover {
        color: #fff;
        background-color: var(--wb-gold);
        transform: translate(0, 0);
      }
      .breadcrumb_hed{
          display: flex;
    justify-content: center;
    margin-bottom: 12px;
      }
      .breadcrumb_hed .breadcrumb-item a{
          color: #6c757d;
    text-decoration: none;
    font-weight: bold;
    
      }
      #collapsibleNavbar .nav-link.active {
  color:var(--wb-gold)!important; 
  font-weight: 600;
}
#enquireform .iti {
    position: relative;
    display: block;
}
.bottom-whatsapp {
    position: fixed;
    bottom: 20px;
    width: 55px;
    right: 22px;
    height: 55px;
    z-index: 999;
}
.blog-detail a{
    color:#a27c3d;
}

   /*faq css*/
/* FAQ Header Base */
.faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background-color: #f4f6fb;          /* closed bg */
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.4s ease, color 0.4s ease;
}

/* Open (active) header */
.faq-header:not(.collapsed) {
    background-color: #a27c3d;          /* open bg */
    color: #ffffff;
}

/* Icon base */
.faq-icon {
    position: relative;
    width: 16px;
    height: 16px;
    transition: transform 0.4s ease;
}

/* Plus icon */
.faq-icon::before,
.faq-icon::after {
    content: '';
    position: absolute;
    background-color: currentColor;
    transition: transform 0.4s ease, opacity 0.3s ease;
}

/* Horizontal line */
.faq-icon::before {
    width: 16px;
    height: 2px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* Vertical line */
.faq-icon::after {
    width: 2px;
    height: 16px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

/* When accordion is open → turn plus into minus */
.faq-header:not(.collapsed) .faq-icon::after {
    opacity: 0;
}

/* Body animation smoothing */
.accordion-collapse {
    transition: height 0.4s ease;
}

/* FAQ body styling */
.faq-body {
    padding: 16px 20px;
    background-color: #ffffff;
    border-radius: 0 0 8px 8px;
} 
.blog_tab .box_area {
        display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.blog_tab .box_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 100%;
}