@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.8rem 'Montserrat', sans-serif; color: var(--body_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: "Philosopher", sans-serif;}
input[type="text"]::-webkit-placeholder , input[type="text"]::-moz-placeholder , input[type="password"]::-webkit-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-webkit-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-webkit-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-webkit-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, textarea::-webkit-placeholder{ opacity: 1;  }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }

/* font-family: "Montserrat", sans-serif; */
/* font-family: "Philosopher", sans-serif; */


:root{
    --black: #000;
    --brand: #FBB42F;
    --white: #fff;
    --body_txt_color: #383838;
   }


@keyframes ripple{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}

@keyframes up-down{
    0% {
        bottom: 25px;
      }
      50% {
        bottom: 38px;
    }
    100% {
        bottom: 25px;
    }
}


@keyframes marquee {
    to {
      left: -100%;
    }
  }




/*-----------------------------------------------------------------------------------------top_button----------------------------------------------------------------*/
    .top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
    .top_btn i{font-size: 1.7rem; line-height: 4rem;}
    .top_btn.show{opacity: 0.7;}
    .top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}



    em{font-style: normal;}
   .as_btn{position: relative; display: inline-block; text-transform: uppercase; color: var(--black); overflow: hidden; padding: 1.5rem 2.3rem; letter-spacing: .2rem; font-size: 1.4rem; font-weight: 600; border: .1rem solid var(--brand); transition: all 0.45s ease-in-out; line-height: 1.4rem; z-index: 1; background: var(--brand); margin-top: 2.5rem; border-radius: .2rem;}
   .as_btn::before{content: ""; position: absolute; left: 0; top: 0;  bottom: 0; right: 0; background: var(--brand); width: 100%; height: 100%;  transition: 0.5s; z-index: -1; transform: scale(0); transition: all 0.45s ease-in-out;}
   .as_btn:hover::before{transform: scale(1);}
   .as_btn:hover{color: var(--black); background: unset;}
   .ptb{padding: 6rem 0;}
   .inner_ptb{padding: 3rem 0 6rem 0;}
   .sub_heding{display: inline-block; color: var(--black); letter-spacing: .2rem; font-size: 1.4rem; line-height: 1.4rem; font-weight: 600; position: relative; padding: 1rem 1.5rem;}
    h1,h2{font-size: 3.5rem; line-height: 4.5rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
    h1 em, h2 em{display: block;}
    .sub_heding .line_1, .sub_heding .line_2, .sub_heding .line_3, .sub_heding .line_4{background: var(--brand);}
    h3{font-size: 3rem; line-height: 4rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
    h4{font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
    h5{font-size: 2rem; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
    .main_heding{position: relative; z-index: 1; margin-bottom: 1rem;}
    .main_heding::before{background: #dcdcdc; width: 100%; height: .1rem; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: -1; content: "";}
    .main_heding span{background: var(--white); display: inline-block; padding: 0 2.5rem; margin-right: 15rem;}
    .srv_sec .mian_contaier, .portfolio_sec .container{max-width: 100%; padding: 0 3rem;}


/*----------------------------------------------------------------------------------------header---------------------------------------------------------------------*/
    .header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: var(--white); padding: 1rem 0;}
    .nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
    .drop-nav{ position: absolute; top: 10px; right: 0px;}
    .nav_top .dropdown-menu li a{ font-size: 13px;}
    .menu_sec li{ position: relative; text-transform: capitalize;}
    .menu_sec li a{color: var(--black); text-transform: capitalize; font-weight: 500; display: inline-block; padding: 1.2rem 2rem; position: relative; z-index: 1;}
    .menu_sec li a::before{background: var(--brand); transition: opacity 0.5s, transform 0.5s; height: 2.7rem; margin-top: -1.3rem; left: 1rem; right: calc(50% + 12px); transform: scaleX(1.0); opacity: 1; content: ""; position: absolute; z-index: -1; top: 50%; opacity: 0;}
    .nav_top .navbar-brand img{width: 15rem;}
    .menu_sec li.active a::before, .menu_sec li a:hover::before{opacity: 1;}
    .top_solai_icon{position: absolute; right: 24.3rem; top: .9rem;}
    .top_solai_icon li{display: inline-block; position: relative; margin: 0 4.6rem 0 0;}
    .top_solai_icon li::before{content: ""; position: absolute; top: 50%;  left: 3.5rem;  width: 5rem;  height: .1rem;  background: rgba(167, 167, 167, 0.431372549);  border-radius: 3rem;   transition: 0.35s;}
    .top_solai_icon li a{width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; border: .1rem solid rgba(167, 167, 167, 0.431372549); border-radius: 100%; color: var(--black);}
    .top_solai_icon li:last-child {margin-right: 0;}
    .top_solai_icon li:last-child::before{display: none;}
    .hedr_rt_bok_btn {position: absolute; right: 0; top: .7rem;}
    .bok_btn{text-transform: uppercase; color: var(--black); font-size: 1.4rem; line-height: 1.4rem; font-weight: 600; letter-spacing: .3rem; position: relative;  display: inline-block; padding: 1rem 1.5rem;}
    .line_1, .line_2, .line_3, .line_4{content: ""; display: block; position: absolute; background-color: currentColor; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out;  transition: all .3s ease-out; background: var(--black); z-index: 1;}
    .line_1 {width: 3rem; left: 0; bottom: 0; height: .2rem;}
    .line_2{ height: 3rem; left: 0; top: .2rem; width: .2rem;}
    .line_3{ width: 3rem; right: 0; top: 0;  height: .2rem;}
    .line_4{ height: 3rem; right: 0; bottom: .2rem; width: .2rem;}
    .bok_btn:hover{color: var(--brand);}
    .bok_btn:hover .line_1, .bok_btn:hover .line_3{width: 100%; }
    .bok_btn:hover .line_2, .bok_btn:hover .line_4, .bok_btn:hover .line_1, .bok_btn:hover .line_3{background: var(--brand);}
    .bok_btn em{display: inline-block; position: relative;  background: var(--white); z-index: 2; }
    /* .bok_btn::before{content: ""; width: 100%; height: 100%; background-color: transparent;  border: .1rem solid var(--brand);  transform: skewX(8deg);  position: absolute;  left: 50%;  top: 50%;  transform: perspective(700px) rotateY(-18deg) translate(-58%, -50%) skewX(-8deg);  transition:all 0.45s ease-in-out;  z-index: -1; background: var(--brand);} */
    .bok_btn:hover::before { transform: perspective(700px) rotateY(0deg) translate(-50%, -50%) skewX(0deg);}
    .header_sec .container{max-width: 100%; padding: 0 10rem;}
    .menu_sec{margin-right: 20rem;}
    .header_sec.fixed {box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);}

/*---------------------------------------------------------------------------------------banner-----------------------------------------------------------------------*/  
    .bannersec{ width: 100%; overflow: hidden; height: 100%;}
    /* .banner_box{height: 100vh; position: relative;}
    .banner_box::before{background: linear-gradient(0deg, #121212 0%, #121212 5%, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .2) 100%); content: ''; position: absolute;  z-index: 1;  left: 0;  top: 0; width: 100%; height: 100%; pointer-events: none;} */
    .bannr_txt_info{position: absolute; left: 0; bottom: 12rem; width: 100%;}
    .bannr_txt{position: relative; z-index: 2; }
    .bannr_txt strong{font-family: "Philosopher", sans-serif; font-size: 5rem; line-height: 7rem; text-transform: uppercase; text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, 0.7); color: var(--white); font-weight: 600; letter-spacing: .2rem; display: block;}
    .bannr_txt strong span{background-image: linear-gradient(to right,rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.07) 100%), linear-gradient(to right, var(--white) 0%, var(--white) 100%); background-size: 100% 1px, 100% 4px; background-position: 0 100%, 0 100%; background-repeat: repeat-x; background-color: transparent;}
    .bannersec .hero-slider { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; overflow: hidden;}
    .bannersec .hero-slider .swiper-slide {overflow: hidden; color: var(--white);}
    .bannersec .hero-slider .swiper-container { width: 100%; height: 100vh; position: absolute; left: 0; top: 0;}
    .bannersec .hero-slider .slide-inner {width: 100%; height: 100vh;  position: absolute; left: 0;  top: 0;  z-index: 1;  background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left;}
    .bannersec .hero-slider .slide-inner::before{background: linear-gradient(0deg, #121212 0%, #121212 5%, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .2) 100%); content: ''; position: absolute;  z-index: 1;  left: 0;  top: 0; width: 100%; height: 100%; pointer-events: none;}
    .bannersec .hero-slider .swiper-button-prev, .bannersec .hero-slider .swiper-button-next { background: transparent; width: 55px; height: 55px; line-height: 53px; margin-top: -30px; text-align: center; border: 2px solid #d4d3d3; border-radius: 55px; opacity:0; visibility:hidden; transition:all .3s ease;}
    .bannersec .hero-slider:hover .swiper-button-prev, .bannersec .hero-slider:hover .swiper-button-next {transform:translateX(0); opacity:1; visibility:visible;}
    .bannersec .hero-slider .swiper-button-prev { left: 2.5rem; transform:translateX(50px);}
    .bannersec .hero-slider .swiper-button-prev::after { font-family: "Font Awesome 6 Pro"; content: "\f060";  font-size: 15px;  color: #d4d3d3; font-style: normal; display: inline-block; vertical-align: middle; font-weight: 900;}
    .bannersec .hero-slider .swiper-button-next { right: 2.5rem; transform:translateX(-50px);}
    .bannersec .hero-slider .swiper-button-next::after { font-family: "Font Awesome 6 Pro";content: "\f061"; font-size: 15px; color: #d4d3d3; font-style: normal; display: inline-block; vertical-align: middle; font-weight: 900;}
    .bannersec .hero-slider .swiper-pagination-bullet {  width: 1.2rem; height: 1.2rem; text-align: left; line-height: 1.2rem; font-size: 1.2rem; color: #000; opacity: 0.3; background: var(--white); transition:all .2s ease; position: relative; margin: 0 1.6rem;}
    .bannersec .hero-slider .swiper-pagination-bullet-active {opacity:1;}
    .bannersec .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
    .bannersec .hero-slider .swiper-pagination-custom, .bannersec .hero-slider .swiper-pagination-fraction { bottom: 30px;}
    .bannersec .swiper-pagination { text-align:right; right: 4rem; bottom: 4rem; left: inherit; width: auto;}
    .bannersec .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 5rem; max-width: 1200px; padding: 0 15px;  margin: 0 auto;  left: 50%; transform: translateX(-50%);}
    .bannersec .swiper-pagination-bullet::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; transition:opacity 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;}
    .bannersec .hero-style {transition:all .4s ease;}
    .bannersec .swiper-pagination-bullet-active::before{width: 300%;  height: 300%; opacity: 1;}

/* april-16 2026 */
     .bannersec .hero-slider .swiper-button-prev svg , .bannersec .hero-slider .swiper-button-next svg{ display: none;}
    .bannersec .hero-slider .swiper-button-prev::after , .bannersec .hero-slider .swiper-button-next::after{ font-size: 2rem !important;}
/* april-16 2026 */


    /* @media (min-width: 767px) {
        .bannersec .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
    } */


    .scroll-down { position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); -webkit-animation: up-down 2s linear infinite alternate; animation: up-down 2s linear infinite alternate; z-index: 1;}
    .scroll-down svg {fill: none; stroke: var(--brand);}
    .scroll-down svg path, .scroll-down svg circle { fill: var(--brand);}



/*---------------------------------------------------------------------------------------about_sec------------------------------------------------------------------------------*/
    .ab_rt{background: #171726; padding: 4rem 0 0 4rem; position: relative; height: 100%;}  
    .rat_img{display: flex; align-items: center; justify-content: center;} 
    .rat_img_box img{width: 5.5rem; border: .2rem solid #ccc; border-radius: 100%; margin: 0 -1.3rem 0 0;}  
    .ab_lt_top_flex {align-items: center;  gap: 5rem;}
    .ab_lt_top_flex span.rating_txt{border-left: .1rem solid #ccc; display: inline-block; padding-left: 3rem; color: var(--black); font-weight: 600;}
    .ab_para_txt{margin-top: 3.5rem; border-left: .5rem solid var(--brand); padding-left: 2rem;}
    .ab_lt{margin-right: 2rem;}
    /* .ab_rt_img{position: absolute; right: 0; bottom: 0;} */
    .ab_rt_img{display: inline-block; margin: 0 -6rem 0 0; position: absolute; bottom: 0;}
    .ab_rt_img img{max-width: 100%;}
    .ab_lt_btm_img{display: block; margin-top: 4rem;}
    .chek_flex{align-items: center; justify-content: space-between; margin-top: 3rem;}
    .rt_solai_icon li{display: inline-block;}
    .rt_solai_icon li a{width: 3.5rem; height: 3.5rem; background: #ccc; color: var(--black); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 .5rem 0 0;}
    .rt_solai_icon li:last-child a{margin-right: 0;}
    .rt_solai_icon li a:hover{background: var(--brand); color: var(--black);}
    .line_brd{display: inline-block; height: .2rem; width: 27rem; background: #ccc;}
    .chek_flex  p{font-weight: 600; color: var(--black);}
    .count_txt{position: absolute; bottom: 3rem; display: block;}
    .cont_numbr{display: block;}
    .count_txt strong{color: var(--brand); font-size: 3.5rem; line-height: 4.5rem;}
    .cont_numbr sub{color: var(--brand); font-size: 1.8rem;}
    .count_txt em{color: var(--white);}
    .rt_shp_img{position: absolute; right: 0; top: 0;}
    .rt_btm_shp_img{position: absolute; left: 0; bottom: 0;}
    .rt_shp_img img, .rt_btm_shp_img img{opacity: 0.1; max-width: 100%;}


/*------------------------------------------------------------------------------------------srv_sec----------------------------------------------------------------------*/
    
    .srv_boxes{ display: flex; align-items: center;  position: relative; overflow: hidden; background-size: 100% !important; min-height: 52rem;}
    .srv_box{max-width: 43.25rem; margin: 0 auto;}
    .abum_btn{font-weight: 600; color: var(--black); padding: 0.3125rem 0.3125rem 0.25rem 1.875rem; position: relative; text-transform: uppercase; margin-top: 0.5rem; display: inline-block;}
    .abum_btn::before{content: ""; height: 0.125rem; width: 1.25rem; background-color: #444; position: absolute; top: 64%; transform: translateY(-50%);  left: 0;  transition: all 0.3s ease-in-out;}
    .abum_btn span{display: inline-block; transition: all 0.3s ease-in-out;}
    .srv_box h4 a{color: var(--black);}
    .abum_btn:hover span{transform: translateX(10px);}
    .abum_btn:hover{color: var(--brand);}
    .abum_btn:hover::before{background: var(--brand);}
    .see_all_btn {text-align: center;}
    .srves_sec::before{background-color: #020101; opacity: 0.25; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}
    .ph_nym{display: inline-block; padding: 1rem 1.5rem; color: var(--white); border: .2rem solid var(--white); position: relative; font-weight: 600; letter-spacing: .2rem; border-radius: 2.5rem; font-size: 1.8rem; position: absolute; left: 6rem; bottom: 3rem;}
    .ph_nym:hover{background: var(--brand); color: var(--black); border-color: transparent;}

    .srv_boxes .slideDiv, .srv_boxes .controls {position: absolute;}
    .srv_boxes .slideDiv, .srv_boxes .slide { width: 100%; height: 100%;}
    .srv_boxes .slide{display: none; align-items: center; justify-content: center;}
    .srv_boxes  .slide.active{display: flex;}

    .blog_content{height: 9rem; overflow-y: auto;}
    .blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: var(--brand);}

/* .slide {
  background-size: cover;
} */





/*------------------------------------------------------------------moments_sec------------------------------------------------------------*/
    .vdo_img{margin-top: 3rem; position: relative;}
    .popup_vedio{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); z-index: 1; width: 8rem; height: 8rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--white); font-size: 4rem; color: var(--brand) !important;}
    .popup_vedio::before{content: "";  position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--white); border: 0; z-index: -1;  border-radius: 50%; -webkit-transition: all ease 0.4s;  transition: all ease 0.4s; -webkit-animation-duration: 5s; animation-duration: 5s;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  -webkit-animation-name: ripple;  animation-name: ripple;}
    .popup_vedio::after{content: ""; position: absolute; left: 0;  top: 0; right: 0;  bottom: 0;  background-color: var(--white);  border: 0;  z-index: -1;  border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple;}
    
/*-------------------------------------------------------------------our_philosophy--------------------------------------------------------*/
    .our_philosophy.ptb{margin-top: -15rem;}
    .our_philosophy_txt{padding-top: 11rem;}
    .philosophy_box_txt{display: block; padding-left: 7rem;}
    .philosophy_box{margin-top: 3rem; border: .1rem solid #E7E6E8; padding: 1.5rem; border-radius: .5rem 0 .5rem 0; position: relative;}
    /* .philosophy_top_flex{align-items: center; gap: 2rem; justify-content: center;} */
    .philosophy_box_icon img{width: 6rem;}
    /* .con_frm_box{background: var(--white); padding: 1rem 1.5rem; margin-top: 2rem; border-radius: .5rem; -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.03); -ms-box-shadow: 0 3px 30px rgba(0,0,0,0.03); box-shadow: 0 3px 30px rgba(0,0,0,0.03);} */
    /* .con_frm_box .input_fld {margin-bottom: 0;} */
    .con_frm_box .input_fld input[type="email"], .con_frm_box .input_fld input[type="text"]{border-radius: .5rem;}
    /* .con_frm_box .as_btn {padding: 1.2rem 2.3rem;} */

    .con_frm_box{border: .1rem solid rgba(128, 137, 150, 0.1);  -webkit-border-radius:.5rem; -moz-border-radius: .5rem;  border-radius: .5rem; background-color: var(--white);   -webkit-box-shadow:  0 0 40px rgba(82, 85, 90, 0.1);   -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);   box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);   padding: 3rem;  position: relative;}
    .con_frm_box_info{margin-right: 3rem;}
    /* .con_frm_box p{margin-bottom: 2rem;} */
    .ft_menu_list.othr_txtlit li{color: var(--black); width: 50%; margin: .2rem 0 1.5rem 0; position: relative; padding-left: 1.5rem; font-size: 1.4rem;}
    .ft_menu_list.othr_txtlit li::before{position: absolute; left: 0; top: 1.2rem; width: .5rem; height: .5rem; background: var(--brand); content: "";}
    .philosophy_box_icon{display: inline-block; position: absolute; left: 1.4rem; top: 16px;}


    /*goutam_add_sec_ccss*/
    .our_philosophy .philosophy_box{ background: var(--white); padding: 2rem; border-radius:1rem; box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; text-align:center; border:none; }
    .our_philosophy .philosophy_box h2{ font-size: 4.5rem; color:var(--brand); }
    .our_philosophy .philosophy_box h4{ padding: 1rem 0; }
    .our_philosophy .philosophy_box .images{ margin-top: 2rem; }
    .our_philosophy .philosophy_box .images span{ display:flex; justify-content:center; align-items:center; width:10rem; height:10rem; border-radius:100%; background: var(--brand); margin: 0 auto; }
    .our_philosophy .philosophy_box .images span img{ height:5rem; }
    .our_philosophy .row{ margin: 0 -1.5rem; }
    .our_philosophy .row .philosophy_paddi{ padding: 0 1.5rem; }



/*-----------------------------------------------------------------Portfolio-----------------------------------------------------------------*/

    .portfolio_boxes { width: 100%; display: grid; grid-auto-flow: dense; grid-template: "1fr 1fr 1fr 1fr 1fr" 33.33vh "1fr 1fr 1fr 1fr 1fr" 33.33vh;}
    .portfolio_boxes .box { position: relative; background: #ccc; overflow: hidden;}
    .portfolio_boxes .box.a { grid-row: span 2;}
    .portfolio_boxes .box.b, .portfolio_boxes .box.f, .portfolio_boxes .box.h, .portfolio_boxes .box.j { grid-column: span 2;}
    .portfolio_boxes .box img {  position: absolute;  top: 0;  left: 0; width: 100%;  height: 100%; object-fit: cover;}
    .portfolio_boxes .box.h { grid-column: span 1;}
    .portfolio_boxes .portfolio_box{position: static;}



/*-----------------------------------------------------------------portfolio-------------------------------------------------------------------*/
    .portfolio_box{position: relative; z-index: 1; overflow: hidden; cursor: pointer;}
    .portfolio_box img{transition: 0.5s; background-size: cover;}
    .portfolio_box:hover img{-webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); filter: blur(1px);}
    .portfolio_link{display: flex ;width: 100%; height: 100%;  background-color: rgba(0,0,0,0.15);  position: absolute;  top: 0;  left: 0;  justify-content: center;  align-items: center;  opacity: 0;  transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; color: var(--white) !important; font-size: 5rem;}
    .portfolio_box:hover .portfolio_link{opacity: 1; transform: translateY(0);}
    
    


    
/*------------------------------------------------------------------faq_sec-----------------------------------------------------------------*/
    .faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem;}
    .faq_number{font-size: 2rem; color: var(--brand); font-weight: 700; line-height: 1; margin-right: 2rem;}
    .faq_content .accordion-button:not(.collapsed){background: transparent;}
    .faq_content .accordion-button {padding: 2rem 1.25rem;}
    .faq_content .accordion-button:focus { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
    .faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
    .faq_content .accordion-button::after{color: var(--brand); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
    .faq_content .accordion-body { padding: 2rem 1.5rem;}
    .lt_faq{margin-right: 5rem;}
    .faq_content .accordion-item , .faq_content .accordion-button{background-color: transparent;}


/*------------------------------------------------------------------get_started_sec-------------------------------------------------------------*/
    .get_started_sec{position: relative; z-index: 1;}
    .get_started_sec::before{position: absolute; top: 0; left: 45%; content: ""; width: .2rem; height: 100%; background: var(--white); transform: translateX(-50%); z-index: -1; }
    .get_started_sec::after{position: absolute; top: 50%; right: 55%; content: ""; width: 45%;  height: .2rem;  background: var(--white); transform: translateY(-50%); z-index: -1;}
    .get_started_box{background: rgba(255, 255, 255, .6); padding: 3rem; border-radius: .5rem; border: .2rem solid var(--white); margin-right: 2rem;}


/*------------------------------------------------------------------feed_back_sec-------------------------------------------------------------*/
    .testimonial_box{ padding: 8rem 3rem 7rem; margin: 8rem 0 3rem 0; border: .1rem solid var(--brand);  position: relative;}
    .testimonial_box .pic{ width: 10rem; height: 10rem;  border-radius: 50%;  border: .5rem solid var(--brand); overflow: hidden; margin: 0 auto; position: absolute; top: -5rem; left: 0; right: 0;}
    .testimonial_box .pic img{ width: 100%; height: auto;}
    .testimonial_box .description{ font-size: 1.8rem; color: var(--black); line-height: 3rem; text-align: center; margin: 0; position: relative;}
    .testimonial_box .description:before{font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 16.5rem; color: #d7d7d7; position: absolute; content: "\22"; z-index: -1; opacity: .4; left: 50%; top: 85%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .testimonial_box .title{ display: inline-table;  padding: 1rem; margin: 0 auto; background: var(--white); border: .1rem solid var(--brand);  font-size: 2rem;  font-weight: 700; color: var(--brand); letter-spacing: .1rem; text-transform: uppercase; position: absolute; bottom: -22px; left: 0; right: 0;}
    .testimonial_box .post{font-size: 1.5rem; color: var(--body_txt_color);}
    .testimonial_box .owl-theme .owl-controls{ width: 100%; height: 5rem; opacity: 1; position: absolute; top: 38%;}
    .testimonial_box .owl-theme .owl-controls .owl-buttons div{ width: 5rem; height: 5rem; line-height: 40px; border-radius: 0; background: transparent;}
    .testimonial_box .owl-prev{position: absolute; left: -5%;}
    .testimonial_box .owl-next{position: absolute; right: -5%;}
    .testimonial_box .owl-prev:after, .testimonial_box .owl-next:after{ content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 3rem;  color: var(--brand); opacity: 1;}
    .testimonial_box .owl-next:after{ content: "\f105"; }
    .rt_fed_shp_img{position: absolute; bottom: 0; right: 0;}
    .btm_fed_shp_img{position: absolute; bottom: 3rem; left: 3rem;}
    .rt_fed_shp_img img, .btm_fed_shp_img img{max-width: 100%;}
    .feed_back_info .owl-dots, .srv_boxes .owl-dots{display: flex; align-items: center; justify-content: center; gap: .8rem; margin-top: 3rem;}
    .feed_back_info .owl-dot, .srv_boxes .owl-dot{background-color: #e3e3e3; width: .8rem; height: .8rem; border-radius: 100%;}
    .feed_back_info .owl-dot.active, .srv_boxes .owl-dot.active{width: 1.2rem; height: 1.2rem; background: var(--brand);}









 


/*---------------------------------------------------------------------gallery_sec---------------------------------------------------------------------*/
    .gallery_sec  .container{max-width: 100%; padding: 0;}
    .gallery_sec .wrapper { display: grid; place-items: center;  transition: background-color 0.8s; margin-top: 3rem; overflow: hidden;}      
    .gallery_sec .marquee { display: grid; grid-template-columns: repeat(9, minmax(12vmin, 1fr)); overflow: hidden; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0));}
    .gallery_sec .marquee img { --time: 35s; position: relative; width: 105%;  aspect-ratio: 1;  grid-column: 1; grid-row: 1; object-fit: cover; cursor: pointer; left: calc(100% * 9); animation: marquee var(--time) linear infinite;}
    .gallery_sec .marquee img:nth-of-type(1) {
        animation-delay: calc((var(--time) / 9) * (9 - 1) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(2) {
        animation-delay: calc((var(--time) / 9) * (9 - 2) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(3) {
        animation-delay: calc((var(--time) / 9) * (9 - 3) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(4) {
        animation-delay: calc((var(--time) / 9) * (9 - 4) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(5) {
        animation-delay: calc((var(--time) / 9) * (9 - 5) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(6) {
        animation-delay: calc((var(--time) / 9) * (9 - 6) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(7) {
        animation-delay: calc((var(--time) / 9) * (9 - 7) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(8) {
        animation-delay: calc((var(--time) / 9) * (9 - 8) * -1);
    }
    .gallery_sec .marquee img:nth-of-type(9) {
        animation-delay: calc((var(--time) / 9) * (9 - 9) * -1);
    }
      
/*    dialog {
    border: none;
    outline: none;
    margin: auto;
    border-radius: 0.25rem;
    background-color: transparent;
    
    &::backdrop { display: none; }
    
    & img {
        width: min(800px,80vw);
        aspect-ratio: 16/9;
        object-fit: cover;
        display: block;
    }
    }*/

    























/*--------------------------------------------------------------------------------------footer_sec----------------------------------------------------------------------*/
    .ft_btm{background-color: #181B22; padding: 1.5rem 0;}
    .ft_btm .d-flex{align-items: center; justify-content: space-between;}
    .ft_top{padding-top: 4rem;}
    .ft_txt{padding-bottom: 3rem;}
    .ft_botton_lt, .ft_botton_rt{color: var(--white);}
    .ft_botton_rt a{color: var(--brand); border-bottom: .1rem solid var(--brand);}
    .ft_heding{font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; font-family: "Philosopher", sans-serif; color: var(--white); position: relative; font-weight: 600; display: inline-block; padding-bottom: 1rem; margin-bottom: 1rem;}
    .ft_heding::before{content: ""; position: absolute; left: 0; bottom: 0; height: .1rem; width: 5rem; background: var(--brand);}
    .ft_contact_list li{margin-top: 1.2rem; position: relative; padding-left: 2.5rem;}
    .ft_contact_list li b{color: var(--white); position: absolute; left: 0; top: .6rem;}
    .ft_contact_list li, .ft_contact_list li a, .ft_txt p{color: #777;}
    .ft_menu_list {display: inline-block; width: 100%;}
    .ft_menu_list li{width: 50%; float: left; margin-top: 1rem; text-transform: capitalize;}
    .ft_menu_list li a{color: var(--white); display: inline-block; position: relative; padding-left: 1.5rem;}
    .ft_menu_list li a::before{position: absolute; left: 0; top: 12px; width: .5rem; height: .5rem; background: var(--brand); content: "";}
    .email_box {align-items: center; padding: 2rem; border: .1rem solid rgba(255,255,255,.17);border-radius: .5rem; margin: 1.5rem 0 1rem 0; padding: 1rem;}
    .blog_email_box .input_fld {display: inline-block; width: 100%;}
    .blog_email_box .input_fld input[type="email"] {width: 82%; float: left; border-color: transparent; height: 4rem; color: var(--white);}
    .blog_email_box .input_fld button { width: 4rem; float: right; margin: 0; padding: 0; text-align: center; height: 4rem;}
    .ft_top .culm:nth-child(2) .ft_txt{padding-left: 4rem;}
    .ft_top .culm:nth-child(3) .ft_txt{padding-left: 3rem;}
    .ft_solai_icon li{display: inline-block; position: relative; margin: 1.5rem 7rem 0 0;}
    .ft_solai_icon li::after{content: ""; position: absolute; top: 50%; left: 190%; width: 5rem; height: .1rem; background: rgba(167, 167, 167, 0.431372549);  border-radius: 3rem; transition:0.35s;}
    .ft_solai_icon li:last-child::after{display: none;}
    .ft_solai_icon li:last-child{margin-right: 0;}
    .ft_solai_icon li a{color: var(--brand);}
    

/*-------------------------------------------------------------------------form---------------------------------------------------------------------------------*/
    .input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
    .input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder{color: #999; opacity: 1;}
    .input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
    /* .input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;} */
    .input_fld button{border: none;}
    /* .search_box .input_fld button a{color: #555 !important;} */
    .input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
    .input_fld{margin-bottom: 2rem;}
    .input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
    .input_fld .form-select{background: url(../images/select_arrow.png)no-repeat right 1.5rem center var(--white); background-size: 1rem; height: 5rem; padding: 0 1.5rem 0 2.5rem; color: #999; border: .1rem solid #ced4da; font-size: 1.5rem;  border-radius: .5rem; padding: 0 1.5rem; cursor: pointer; width: 100%;}
    .input_fld .form-select.form-control:focus{border-color: var(--brand); outline: 0; box-shadow: none; } 


/*------------------------------------------------------------------------- Home page end ---------------------------------------------------------------------------------*/


/*------------------------------------------------------------ 19-04-25 -----*/


/*------------------------------------------------------------------------- inner page start ---------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------- inner_banner start ---------------------------------------------------------------------------------*/
    .inner_banner .banner_box{ position: relative; }
    .inner_banner .banner_box img {height: 35rem; object-fit: cover;}
    .inner_banner .banner_box .inner_banner_text { position: absolute; left: 0; bottom: 3rem; width: 100%;}
    .inner_banner .banner_box .inner_banner_text span{ display: inline-block; background: rgba(255, 255, 255, .2); padding: 1rem 5rem; border-radius: 1rem; border: .2rem solid rgba(255, 255, 255, 1.0); }
    .inner_banner .banner_box .inner_banner_text h1{ color: var(--brand) !important; font-size: 4rem;}


/*------------------------------------------------------------------------- inner_testimonial start ---------------------------------------------------------------------------------*/
    .inner_testimonial{ background: #fff7f0; position: relative; z-index: 1; }
    .inner_testimonial .row { margin: 0 -2rem; }
    .inner_testimonial .row .testi_paddi{ padding: 0 2rem; }
    .inner_testimonial .rt_fed_shp_img{ z-index: -1; }


/*------------------------------------------------------------------------- inner_contact start ---------------------------------------------------------------------------------*/
    .inner_contc .info_block{  /*height: 100%;*/ border: .1rem solid rgba(0, 0, 0, .2); padding: 2rem; border-radius: .5rem; }
    .inner_contc .info_block h2{ background: var(--brand); text-align: center; padding: .5rem 0; margin-bottom: 2rem; border-radius: .2rem; }
    .inner_contc .info_block .info_item{ text-align: center; background: #fff; padding: 2rem; border-right: .1rem solid rgba(0, 0, 0, .1); border-bottom: .1rem solid rgba(0, 0, 0, .1); }
    .inner_contc .info_block .info_item i{ font-size: 3.5rem; color: var(--brand); }
    .inner_contc .info_block .info_item h4{ font-size: 2.5rem; color: var(--black); padding: .5rem 0 2rem 0; }
    .inner_contc .info_block .info_item a, .inner_contc .info_block .info_item h6{ font-size: 2rem; color: var(--black); }
    .inner_contc .info_block .info_item a:hover{ color: var(--brand); }
    .inner_contc .info_block .row .info_paddi{ padding: 0; }
    .inner_contc .info_block .info_paddi:nth-child(even) .info_item{ border-right: none; }
    .inner_contc .info_block .info_paddi:nth-child(3) .info_item, .inner_contc .info_block .info_paddi:nth-child(4) .info_item{ border-bottom: none; }
    .inner_contc .inner_form_box{ margin-left: 3rem; background: #fff; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; padding: 3rem; border-radius: .5rem; }
    .inner_contc .inner_form_box h2{ padding-bottom: 2rem; }
    .inner_contc .inner_form_box .input_group{ margin-bottom: 2rem; }
    .inner_contc .inner_form_box .input_group .form-control{ height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; color: var(--black); font-size: 1.5rem; border-radius: .2rem; background: transparent; border:.1rem solid rgba(0, 0, 0, .3); }
    .inner_contc .inner_form_box .input_group textarea{ min-height:15rem; padding-top: 1rem !important; }
    .inner_contc .inner_form_box .input_group.btn_group{ text-align: center;} 
    .inner_contc .inner_form_box .btn_group button{ width: 100%; margin-top: 0; }
    .inner_map .container{ max-width: 100%; padding: 0; }
    .inner_map .map iframe{ width: 100%; }



/*------------------------------------------------------------------------- inner_about start ---------------------------------------------------------------------------------*/
    /*inner_choose*/
    .inner_choose .choose_box{ margin-top: 3rem; padding: 2rem; border-radius: .2rem; text-align: center; box-shadow: rgba(0, 0, 0, .2) 0 0 1rem; }
    .inner_choose .choose_box span{ border: .2rem solid var(--brand); border-radius: 100%; width: 10rem; height: 10rem; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
    .inner_choose .choose_box span img{ width: 5rem; transition: all .4s ease; }
    .inner_choose .choose_box:hover img{ transform: scaleX(-1); }

    .inner_choose .choose_box h3{ font-size: 2.5rem; padding: 2rem 0 .5rem 0; }
    .inner_choose .row{ margin: 0 -1.5rem; }
    .inner_choose .row .choose_paddi{ padding: 0 1.5rem; }

    /*inner_together*/
    .together_sec{ background: #fff4e0; }
    .together_sec h3{ font-size: 4.5rem; }
    .together_sec .together_btn { gap: 0 2rem; justify-content: center; margin-top: 3rem; }
    .together_sec .together_btn a.first{ background: var(--black); color: #fff; }

    /*inner_call_to_us*/
    .about_cta .container{ max-width: 100%; padding: 0; }
    .about_cta .image img{ height: 40rem; object-fit: cover; }
    .about_cta .image{ position: relative; }
    .about_cta .image::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 1; }
    .about_cta .image .desc{ z-index: 2; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; }
    .about_cta .image .desc h2{ font-size: 7rem; color: var(--white); }
    .about_cta .image .desc p{ color: var(--white); padding: 2rem 0 3rem 0; }

    /*inner_p_graphy_sec*/
    .p_graphy_sec{ position: relative; z-index: 1; /*background: #1f3300;*/ background: #000; overflow: hidden; }
    .p_graphy_sec .container{ max-width: 100%; padding: 0; }
    .p_graphy_sec::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/p_graphy_bg_1.jpg) no-repeat center center/cover; z-index: -1; opacity: .18; }
    .p_graphy_sec .p_graphy_main .p_graphy_paddi{ padding: 0; }
    .p_graphy_sec .image img{ height: 45rem; object-fit: cover; }
    .p_graphy_sec .text{ padding: 0 4rem 0 7rem; }
    .p_graphy_sec .text.text_pr{ padding: 0 7rem 0 4rem; }
    .p_graphy_sec .text h2{ font-size: 4rem; color: var(--white); padding-bottom: 2rem; }
    .p_graphy_sec .text p{ font-size: 1.6rem; color: var(--white); }

    /*inner_about_sec*/
    .inner_about{ position: relative; z-index: 1; }
    .inner_about::before{ content: ""; position: absolute; bottom: 0; left: -12rem; width: 43rem; height: 37rem; background: url(../images/about_bg.png) no-repeat; z-index: -1; opacity: 0.4; }
    .inner_about .inner_about_main{ margin-top: 4rem; border: .1rem solid rgba(0, 0, 0, .07); padding: 2rem; border-radius: .5rem; }
    .inner_about .image{ position: relative; margin-right: 3rem; margin-top: 0; }
    .inner_about .image img{clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); height: 40rem; object-fit: cover; }
    .inner_about .image svg{ position: relative; }
    .inner_about .image svg::after{content: ""; position: absolute; background: url(../images/about-img5.png) no-repeat; top: 0; left: 0; width: 100%; height: 100%; }
    .inner_about .about_text h5{ font-size: 2rem; font-weight: 600; color: #000; padding: 0 0 2rem 0;  }
    .inner_about .about_text p{ font-size: 1.6rem; }
    .inner_about .about_text h2{ padding-top: 2rem; }

    /*inner_vision_sec*/
    .vision_sec .vision_box{ padding: 2rem; background: var(--white); border-bottom: .3rem solid var(--brand); border-radius: .5rem; box-shadow: rgba(0, 0, 0, .25) 0 0 1rem; }
    .vision_sec .vision_box span{ border-bottom: .3rem solid var(--brand); height: 10rem; width: 10rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
    .vision_sec .vision_box span img{ width: 5rem; }
    .vision_sec .vision_box .text h3{ padding: 2rem 0 .5rem 0; }
    .vision_sec .row{ margin: 0 -1.5rem; }
    .vision_sec .row .vision_paddi{ padding: 0 1.5rem; }




/*------------------------------------------------------------------------- inner_photo_gallery start ---------------------------------------------------------------------------------*/
    .inner_phto_glry .container{ max-width: 100%; padding: 0 3rem; }
    .inner_phto_glry .row{ margin: 0 -1.5rem; }
    .inner_phto_glry .row .phto_glry_paddi{ padding: 0 1.5rem; }
    .inner_phto_glry .portfolio_box{ margin-top: 3rem; }
    .inner_phto_glry .portfolio_box img{ height: 40rem; object-fit: cover; }

    .inner_phto_glry .portfolio_box:hover img{ transform: scaleX(-1); }



/*------------------------------------------------------------------------- inner_video_gallery start ---------------------------------------------------------------------------------*/
    .inr_video_sec .video_box iframe{ width: 100%; }
    .inr_video_sec .video_box { margin-top: 3rem; margin-right: 2rem; }
    .inr_video_sec .video_main .inr_video_paddi:nth-child(2) .video_box, .inr_video_sec .video_main .inr_video_paddi:nth-child(4) .video_box { margin-right: 0; }


/*------------------------------------------------------------------------- inner_service start ---------------------------------------------------------------------------------*/
    .inr_service_sec{ background: #fff; padding-top: 3rem; }
    .inr_service_sec .container{ max-width: 100%; padding:0 10rem; }
    .inr_service_sec .inr_service_box{ margin-top: 3rem; display: flex; flex-direction: column; }
    .inr_service_sec .inr_service_box .text { position: relative; padding: 3rem; background: #fff; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; }
    .inr_service_sec .inr_service_box .text h4{ font-size: 1.8rem; color: #000; font-weight: 600; padding: 1rem 0 0 0; }
    .inr_service_sec .inr_service_box .text .icon{ position: absolute; top: .5rem; right: .5rem; }
    .inr_service_sec .inr_service_box .text h2{ font-size: 3rem; }   

    .inr_service_sec .inr_service_paddi:nth-child(3n-1) .inr_service_box{ flex-direction: column-reverse; }
    .inr_service_sec .row { margin: 0 -2rem; }
    .inr_service_sec .row .inr_service_paddi{ padding: 0 2rem; }
    .inr_service_sec .inr_service_box .image img{ height: 36rem; object-fit: cover; }
    .inr_service_sec .inr_service_box .text .icon img.icon_image{ width: 6rem; }

/*------------------------------------------------------------------------- inner_Service_details start ---------------------------------------------------------------------------------*/

.inner_dtls_serv .container{ max-width: 100%; padding: 0 20rem; }

.inner_dtls_serv .dtls_left ul{ margin-bottom: 5rem; }
.inner_dtls_serv .dtls_left ul h3{ font-size: 3rem; border-bottom: .2rem solid var(--brand); margin-bottom: 1.5rem; }
.inner_dtls_serv .dtls_left ul h3 span{ background: var(--brand); width: 5rem; }

.inner_dtls_serv .dtls_left .category li a{ color: #000; font-size: 2rem; font-weight: 600; }
.inner_dtls_serv .dtls_left .category li a:hover{ color: var(--brand); }
.inner_dtls_serv .dtls_left .category li{ border-bottom: .1rem dashed #000; padding: 1.5rem 0; display: flex; align-items: center; justify-content: space-between; }
.inner_dtls_serv .dtls_left .category li span{ border: .1rem solid rgba(0, 0, 0, .2); border-radius: 100%; width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; }
.inner_dtls_serv .dtls_left .category li span i { font-size: 1.6rem; color: var(--brand); }

.inner_dtls_serv .dtls_left .query li a{ font-size: 2rem; color: var(--black); border-bottom: .2rem solid var(--brand); }
.inner_dtls_serv .dtls_left .query li{ padding: 1.5rem 0;  }
.inner_dtls_serv .dtls_left .query li a:hover{ color: var(--brand); border-bottom: .2rem solid var(--black); }
.inner_dtls_serv .dtls_left .query li a i{ padding-right: 1rem; }

.inner_dtls_serv .dtls_left .flo li a i{ color: #fff; font-size: 1.8rem; }
.inner_dtls_serv .dtls_left .flo li a{ background: var(--brand); width: 4rem; height: 4rem; display: flex; border-radius: 100%; justify-content: center; align-items: center; }
.inner_dtls_serv .dtls_left .flo .flo_flex{ gap: 0 1rem; }

.inner_dtls_serv .left_fix{ position: sticky; bottom: 0; top: 6rem; z-index: 2; width: 100%; }




.inner_dtls_serv .dtls_right{ margin-left: 5rem; }
.inner_dtls_serv .dtls_right .image img{ height: 50rem; object-fit: cover; }
.inner_dtls_serv .dtls_right .image .image_text{ margin: 2rem 0 2rem 0; }
.inner_dtls_serv .dtls_right .image .image_text h6{ font-size: 1.6rem; font-weight: 600; }
.inner_dtls_serv .dtls_right .image .image_text h6 i{ color: var(--brand); padding-right: 1rem; }
.inner_dtls_serv .dtls_right .bottom_text { margin-bottom: 2.5rem; }
.inner_dtls_serv .dtls_right .bottom_text h2 { padding-bottom: 1rem; }
.inner_dtls_serv .dtls_right .steps h2{ padding-bottom: 1rem; }
.inner_dtls_serv .dtls_right .steps p{ padding-bottom: 1rem; }
.inner_dtls_serv .dtls_right .steps ul li { position: relative; color: #000; font-weight: 500; padding: 1rem 0 1rem 2.5rem; }
.inner_dtls_serv .dtls_right .steps ul li::before{ content: "\f560"; color: var(--brand); position: absolute; left: 0; font-family: "Font Awesome 6 pro"; }



.inner_dtls_serv .dtls_right .dtls_gallery .portfolio_box .portfolio_content i { font-size: 3rem; }
.inner_dtls_serv .dtls_right .dtls_gallery{ margin-top: 3rem; }
.inner_dtls_serv .dtls_right .dtls_gallery .owl-carousel .owl-nav.disabled{ display: block; }

    .inner_dtls_serv .dtls_right .dtls_gallery .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
    .inner_dtls_serv .dtls_right .dtls_gallery .owl-prev { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); left:0; }
    .inner_dtls_serv .dtls_right .dtls_gallery .owl-next { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); right:0; }
    .inner_dtls_serv .dtls_right .dtls_gallery .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.6rem; }
    .inner_dtls_serv .dtls_right .dtls_gallery .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--white); font-size: 1.6rem; }


.inner_dtls_serv .dtls_right .dtls_gallery .portfolio_box img{ height: 25rem; object-fit: cover; }




    @media (min-width: 992px) and (max-width: 9000px) 
    {
    .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
        -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
        background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

    .nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

    }

    /* responsive */
    @media only screen and (max-width: 1800px){
        .menu_sec {margin-right: 30rem;}
    }

    @media only screen and (max-width: 1699px){
        .menu_sec {margin-right: 35rem;}
        .top_solai_icon {right: 18.3rem;}
    }

    @media only screen and (max-width: 1499px){
        .header_sec .container {max-width: 100%; padding:0 2rem;}
        .top_solai_icon {right: 20.3rem;}
        .menu_sec li a {padding: 1.2rem 1rem 1.2rem 2rem;}
        .ab_rt_img {margin:0 -4rem 0 0;}
        .con_frm_box h2{font-size: 3.2rem; line-height: 4.2rem;}
        .con_frm_box_info {margin-right: 2rem;}
        
        
    }

    @media only screen and (max-width: 1399px){
        .srv_box { max-width: 37.25rem;}
        /* .srv_boxes {min-height: 51.875rem;} */
        .line_brd {width: 17rem;}
        .menu_sec {margin-right: 39rem;}




        /* 22-05-2025 */
        .inr_service_sec .inr_service_box .text{ padding: 2.5rem; }
        .inner_dtls_serv .container{ padding: 0 5rem; }

        /*goutam*/
        .our_philosophy .container{ max-width:100%; padding: 0 1.5rem; }
        .our_philosophy .philosophy_box h4{ font-size: 2.2rem; }
        
    }

    @media only screen and (max-width: 1299px){
        .top_solai_icon li::before { width: 3rem;}
        .top_solai_icon li {margin:0 2.6rem 0 0;}
        .top_solai_icon {right: 16.3rem;}
        .menu_sec {margin-right: 32rem;}
        .ab_rt_img {margin:0 -3rem 0 0;}


        /* 22-05-2025 */
        .inr_service_sec .container { padding: 0 5rem; }

    }


    @media only screen and (max-width: 1199px){
        .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
        .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
        .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
        .hedr_rt_bok_btn {right: 4.4rem; top: .3rem; }
        .top_solai_icon {right: 21.3rem; top: .3rem;}
        .nav_top .navbar-collapse.show{left: 0;}
        .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .5rem solid var(--brand);}
        .menu_sec {margin-right: 0;}
        .menu_sec li a {padding: 1.5rem; display: block; border-bottom: .1rem dashed #ccc;}
        .menu_sec li a::before{display: none;}
        .menu_sec li.active a{color: var(--brand);}
        .bannersec {height: auto;}
        .bannersec .hero-slider , .bannersec .hero-slider .slide-inner, .bannersec .hero-slider .swiper-container{height: 60rem;}
        .bannr_txt strong {font-size: 5rem; line-height: 6rem;}
        .bannersec .hero-slider .swiper-button-prev, .bannersec .hero-slider .swiper-button-next{opacity: 1; transform: inherit; top: inherit; border-bottom: 0; margin: 0; right: 0;} 
        .bannersec .hero-slider .swiper-button-prev{left: inherit; right: 0;}
        .line_brd {width: 11rem; }
        .ab_rt_img {margin: 0;}
        .ft_solai_icon li::after {left: 169%;}
        .ft_solai_icon li {margin:1.5rem 6rem 0 0;}
        .srv_box { max-width: 30.25rem;}
        /* .srves_sec.ptb{padding: 0 0 5rem 0;} */
        /* .see_all_btn .as_btn { margin-top: -6.5rem;} */
        .srv_boxes {min-height: 44rem;}











        /* 19-05-2025 */
        .inner_contc .container{ max-width: 100%; padding: 0 1.5rem; }
        .inner_contc .info_block .info_item{ padding: 2rem 1rem; }
        .p_graphy_sec .text{ padding: 0 4rem 0 5rem; }
        .p_graphy_sec .text.text_pr{ padding: 0 5rem 0 4rem; }
        .inner_about .image img{ height: 100%; }
        .inr_service_sec .inr_service_paddi:nth-child(3n-1) .inr_service_box{ flex-direction: column; }






    }

    @media only screen and (max-width: 991px){
        .gallry_boxes {grid-template: "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px;}
        .ab_rt_img {margin: 0; display: block; text-align: right; }
        .count_txt { position: inherit; bottom: inherit; margin-top: 2rem; padding-bottom: 3rem;}
        .ab_rt_img img {max-width: 80%;}
        .ab_lt {margin-right: 0;}
        /* .srv_boxes {padding: 10rem 0 14rem 0;} */
        .con_frm_box_info {margin: 0 0 2rem 0;}
        /* .gallry_boxes {grid-template: "1fr 1fr" 200px "1fr 1fr" 200px "1fr 1fr" 200px "1fr 1fr" 200px "1fr 1fr" 200px "1fr 1fr" 200px "1fr 1fr" 200px;} */
        .portfolio_boxes {grid-template:"1fr 1fr 1fr 1fr 1fr" 20vh "1fr 1fr 1fr 1fr 1fr" 20vh "1fr 1fr 1fr 1fr 1fr" 20vh;}
        .get_started_sec::before, .get_started_sec::after{display: none;}
        .gallery_sec .marquee {grid-template-columns: repeat(5, minmax(12vmin, 1fr));}
        .ft_top .culm:nth-child(2) .ft_txt , .ft_top .culm:nth-child(3) .ft_txt{padding-left: 0;}
        .portfolio_boxes .box.h {grid-column: span 0;}
        .portfolio_boxes .box.a {grid-row: span 1;}
        .portfolio_boxes .box.b, .portfolio_boxes .box.f, .portfolio_boxes .box.h, .portfolio_boxes .box.j {grid-column: span 3;}
        .testimonial_box {background: var(--white);}
        .ptb{padding: 5rem 0;}
        .inner_ptb{padding: 2rem 0 5rem 0;}        
        .ph_nym {left: 3rem;}





    /* -------------------------------------- 19-05-2025 */
    .inner_banner .banner_box img { height: 30rem; }
    .inner_contc .row .contc_paddi{ padding: initial; }
    .inner_contc .row { margin: initial; }
    .inner_contc .inner_form_box{ margin-top: 3rem; }
    .inner_map .map iframe{ height: 30rem; }
    .vision_sec .vision_box{ margin-top: 3rem; }
    /*.p_graphy_sec .text, .p_graphy_sec .image{ margin-top: 3rem; }*/
    .p_graphy_sec .p_graphy_lst_row{ flex-direction: column-reverse; }
    .p_graphy_sec .text, .p_graphy_sec .text.text_pr { padding: 6rem 4rem 6rem 5rem; }
    .p_graphy_sec .image img { height: 30rem; }
    .p_graphy_sec .text h2{ font-size: 3.5rem }
    .inner_about .image{ margin-right: 0;  }
    .inner_about .about_text{ margin-top: 3rem; }
    .inner_about .inner_about_main{ padding: 1rem; margin-top:3rem; }
    .inner_about::before{ opacity: .2; }
    .inr_service_sec .container { padding: 0 1.5rem; }
    .inr_service_sec{ padding-top: 3rem; }
    .inner_dtls_serv .dtls_right{ margin-left: 0; margin-top: 3rem; }
    .inner_dtls_serv .container{ padding: 0 1.5rem; }
        
        
/* goutam        */
        .bannr_txt strong { font-size: 3rem; line-height: 4rem; }











    }


    @media only screen and (max-width: 767px){
        
        .container, .srv_sec .mian_contaier, .portfolio_sec .container,  .header_sec .container{max-width: 100%; padding: 0 1.5rem; }
        .hedr_rt_bok_btn .bok_btn{font-size: 0; letter-spacing: 0; padding: .8rem 1.5rem; line-height: 1.8rem;}
        .hedr_rt_bok_btn .bok_btn i{font-size: 1.8rem;}
        .hedr_rt_bok_btn .bok_btn em{display: flex; align-items: center; justify-content: center;}
        .top_solai_icon {right: 11.3rem;}
        .bannr_txt strong {font-size: 4.5rem; line-height: 5.5rem;}
        .bannersec .hero-slider, .bannersec .hero-slider .slide-inner, .bannersec .hero-slider .swiper-container {height: 50rem;}
        .ab_rt_img img { max-width: 57%; }
        /* .srv_boxes { padding: 14rem 0;} */
        /* .see_all_btn .as_btn{margin-top: -2rem;} */
        .ph_nym{font-size: 0; width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; padding: 0; letter-spacing: 0;}
        .ph_nym i{font-size: 2rem;}
        .con_frm_box h2 {font-size: 2.8rem; line-height: 3.8rem;}
        h1, h2 {font-size: 3rem; line-height: 4rem;}
        .main_heding span {margin-right: 8rem;}
        .gallery_sec .marquee {grid-template-columns: repeat(4, minmax(9vmin, 1fr));}
        .ft_btm .d-flex{flex-direction: column; text-align: center;}
        .ptb{padding: 4rem 0;}
        .inner_ptb{padding: 1rem 0 4rem 0;}
        .srves_sec.ptb{padding: 4rem 0;}
        .ph_nym{display: none;}
        .srv_boxes { min-height: 51rem; }
        .srv_box {max-width: 37.25rem;}








        /* 21/05-2025 */
        .together_sec h3 { font-size: 3.5rem; }
        .vision_sec.ptb{ padding-top: 1rem; }
        .about_cta .image .desc h2{ font-size: 5rem; }
        .inner_phto_glry .container{ padding: 0 1.5rem; }
        .inner_phto_glry.ptb{ padding-top: 2rem; }
        .inr_video_sec.ptb{ padding-top: 1rem; }
        .inr_video_sec .video_box{ margin-right: 0; }
        .inr_service_sec{ padding-top: 1rem; }
        .inr_service_sec .row{ margin: 0 0 !important; }
        .inr_service_sec .row .inr_service_paddi{ padding: 0 0 !important; }
        .inner_dtls_serv .dtls_right .image img{ height: 40rem; }

        /* goutam        */
        .bannr_txt strong { font-size: 2.5rem; line-height: 3.5rem; }


    }


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

        
        .bannersec .hero-slider, .bannersec .hero-slider .slide-inner, .bannersec .hero-slider .swiper-container {height: 45rem;}
        .scroll-down svg{height: 60;}
        .ab_lt_top_flex {gap: 1rem; flex-direction: column;}
        .ab_lt_top_flex span.rating_txt { border-left: none; padding-left: 0;}
        .ab_para_txt {margin-top: 1.5rem;}
        .chek_flex {flex-direction: column; margin-top: 2rem;}
        .line_brd{margin: 1rem 0;}
        .ab_rt h3 { font-size: 2rem; line-height: 3rem;}
        .ab_rt {padding:2rem 0 0 1.5rem;}
        .ab_rt_img img {max-width: 70%;}
        .main_heding span {margin-right: 5rem;}
        /* .srv_boxes {padding: 7rem 0 6rem 0;} */
        .srv_boxes {min-height: 27rem;}
        .srv_boxes .blog_content {height: 6rem;}
        .srv_box h4{font-size: 2.2rem; line-height: 3.2rem;}
        .srv_box {max-width: 19.25rem;}
        .srv_boxes .owl-dots { margin-top: 1rem;}
        /* .srves_sec.ptb {padding: 2rem 0 4rem 0;} */
        .popup_vedio {width: 4rem; height: 4rem; font-size: 2rem;}
        .our_philosophy.ptb {margin-top: -5rem;}
        .our_philosophy_txt {padding-top: 1rem;}
        .con_frm_box h2 {font-size: 2.5rem; line-height: 3.5rem;}
        .ft_menu_list.othr_txtlit li {width: 100%; margin: .5rem 0 0 0;}
        .ft_menu_list.othr_txtlit{margin-bottom: 1rem;}
        .faq_heading {font-size: 1.6rem; line-height: 2.6rem; margin-right: 2rem;}
        h1, h2 {font-size: 2.8rem; line-height: 3.8rem; }
        .main_heding span {margin-right: 2rem; padding: 0 .8rem;}
        .gallery_sec .marquee {grid-template-columns: repeat(2, minmax(9vmin, 1fr));}
        .btm_fed_shp_img { bottom: 1rem;left: 1rem;}
        .get_started_box{padding: 2rem; margin-right: 0;}
        .inner_ptb{padding: 2rem 0 4rem 0;}
        .top_solai_icon{display: none;}
        .testimonial_box { padding: 6rem 2rem 5rem;}
        .testimonial_box .blog_content {height: 14rem;}
        .testimonial_box .description {font-size: 1.6rem; line-height: 2.6rem;}
        .testimonial_box .title{ font-size: 2rem; }




        .con_frm_box{padding: 2rem;}
        .ab_lt_btm_img, .vdo_img, .wrapper{margin-top: 2rem;}








    /* -------------------------------------- 19-05-2025 */
    .inner_banner .banner_box img { height: 30rem; }
    .inner_banner .banner_box .inner_banner_text{ text-align: center; }
    .inner_contc .info_block h2{ font-size: 2rem; }
    .inner_contc .info_block .info_item i{ font-size: 2.5rem; }
    .inner_contc .info_block .info_item h4{ font-size: 2rem; padding: .5rem 0 1rem 0; }
    .inner_contc .info_block .info_item h6{ font-size: 1.6rem; }
    .inner_contc .info_block .info_item{ border: none; background: #fff; box-shadow: rgba(0, 0, 0, .2) 0 0 1rem; margin-top: 2rem; }
    .inner_contc .info_block h2{ margin-bottom: 0; }
    .inner_contc .inner_form_box .btn_group button{ width: 100%; margin-top: 0; }

    .together_sec h3 { font-size: 3rem; }
    .together_sec .together_btn{ margin-top: 1rem; flex-direction: column; gap:0 0; }
    .together_sec .together_btn a{ margin-top: 1.5rem }
    .about_cta .image .desc h2{ font-size: 3.5rem; }
    .about_cta .image .desc p{ padding: 2rem 0 0rem 0; }
    .inner_choose .choose_box{ margin-top: 2rem; padding: 1rem; }

    .p_graphy_sec .text, .p_graphy_sec .text.text_pr { padding: 3rem 2rem 3rem 3rem; }
    .p_graphy_sec .text h2 { font-size: 2.9rem; padding-bottom: 1rem; }
    .inner_about::before { opacity: 0.1; }
    .inner_about .about_text h5{ font-size: 1.6rem; padding: 0 0 1rem 0; }
    .inner_about .about_text { margin-top: 2rem; }
    .inner_about h2{ font-size: 2.7rem; }
    .inner_about .inner_about_main{ margin-top: 2rem; }
    .inner_choose .choose_box span img{ width: 4rem; }
    .inner_choose .choose_box span{ width: 9rem; height: 9rem; }
    .inner_phto_glry .row .phto_glry_paddi{ padding: 0 initial; }
    .inner_phto_glry .row{ margin: 0 initial; }
    .inner_phto_glry .portfolio_box{ margin-top: 2rem; }
    .inr_video_sec .video_box{ margin-top: 2rem; }
    .inr_service_sec .inr_service_box .text h2{ font-size: 2.5rem; }
    .inr_service_sec .inr_service_box .text { padding: 2rem; }
    .inr_service_sec .inr_service_box .text h4{ font-size: 1.5rem; padding: 0; line-height: 2.5rem; }
    .inr_service_sec .inr_service_box .text a{ width: 100%; text-align: center; font-size: 1.2rem; padding: 1.2rem 2.3rem; }
    .inr_service_sec .inr_service_box { margin-top: 2rem; }
    .inner_dtls_serv .dtls_left .category li a{ font-size: 1.6rem; }
    .inner_dtls_serv .dtls_left ul h3{ margin-bottom: 0; }
    .inner_dtls_serv .dtls_left .category li span i{ font-size: 1.2rem; }
    .inner_dtls_serv .dtls_left .category li span{ width: 2.5rem; height: 2.5rem; }
    .inner_dtls_serv .dtls_left ul { margin-bottom: 3rem; }
    .inner_dtls_serv .dtls_left .query li { padding: .5rem 0; }
    .inner_dtls_serv .dtls_left .query h3, .inner_dtls_serv .dtls_left .flo h3{ margin-bottom: 1rem; }
    .inner_dtls_serv .dtls_right .image img { height: 30rem; }
    .inner_dtls_serv .dtls_right .bottom_text { margin-bottom: 2rem; }
    .inner_banner .banner_box .inner_banner_text span{ padding: 1rem 3rem; }
    .inner_banner .banner_box .inner_banner_text h1{ font-size: 3rem; }
    .inner_dtls_serv .dtls_left ul h3{ font-size: 2.8rem; }
    .inner_dtls_serv .dtls_left ul h3 span{ width: 4rem; }
    .inr_service_sec .inr_service_box .image img{ height: 30rem; }
    .inner_phto_glry .portfolio_box img{ height: 30rem;}

    /*goutam_add*/
    .bannr_txt strong {font-size: 1.4rem; line-height: 2.5rem;}

















        
    }

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

    }

    @media only screen and (max-width: 479px){
        /* .testimonial_box{ padding: 70px 10px 30px; } */
        .testimonial_box .description:before{ top: -20px }
        /* .testimonial_box .title{ font-size: 12px; }
        .testimonial_box .post{ font-size: 11px; } */
    }