@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.6rem '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: "Philosopher", sans-serif; */

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

/* font-family: "Charmonman", cursive; */


:root{
    --black: #000;
    --brand: #c30416;
    --white: #fff;
    --blue:  #000f39;
    --body_txt_color: #121212;
    --hover-origin: bottom;
    --yellow: #ef7b00;
   }


   em{font-style: normal;}
   .as_btn{display: inline-flex; align-items: center; justify-content: center; font-size: 15px; line-height: 1; border-radius: 5rem; position: relative; z-index: 1; padding: 4.5px; background: var(--brand); margin-top: 2.5rem;}
   .btn_inner{position: relative; z-index: 1; padding: 1rem 1.1rem 1rem 4.2rem;  width: 100%; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
   .btn_inner::before { content: ""; position: absolute; z-index: 0; top: 0; left: 0;  width: 3.5rem;  height: 100%; background-color: var(--blue); border-radius: 5rem;  -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
   .btn_inner .btn_icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0;  min-width: 3.5rem; height: 100%;  z-index: 2; line-height: 1; color: var(--white);}
   .btn_inner .btn_icon > span{overflow: hidden; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
   .btn_text{display: inline-flex; overflow: hidden; text-shadow: 0 23px 0 currentColor; color: var(--blue);}
   .btn_text span{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; text-transform: uppercase; color: var(--white); letter-spacing: .2rem;}
   .btn_inner .btn_icon i{-webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; font-size: 1.5rem;}
   .btn_inner .btn_icon i:last-child{position: absolute; -webkit-transform: translateX(-150%); -ms-transform: translateX(-150%); transform: translateX(-150%);}
   .as_btn:hover .btn_inner::before{width: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
   .as_btn:hover .btn_icon span i:first-child{-webkit-transform: translateX(150%); -ms-transform: translateX(150%); transform: translateX(150%);}
   .as_btn:hover .btn_icon span i:last-child{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
   .as_btn:hover .btn_text{color: var(--white);}
   .as_btn:hover .btn_text span{-webkit-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px);}
   .ptb{padding: 6rem 0;}
   .iner_ptb{padding: 3rem 0 6rem 0;}
   h3{font-size: 2.8rem; text-transform: capitalize; font-weight: 600; color: var(--blue); line-height: 3.8rem;}
   h4{font-size: 2.5rem; text-transform: capitalize; font-weight: 600; color: var(--blue); line-height: 3.5rem;}
   h1,h2{font-size: 3.5rem; line-height: 4.5rem; text-transform: capitalize; color: var(--blue); font-weight: 600;}
   .img_fluid{max-width: 100%;}
   .sub_txt{display: inline-flex; font-size: 1.4rem; line-height: 1.4rem; text-transform: capitalize; font-weight: 800; color: var(--brand); letter-spacing: .2rem; font-family: "Charmonman", cursive; align-items: center; gap: 1rem;}
   .mid_sub_txt{justify-content: center;}
   .sub_txt img{max-width: 12%;}
   h5{font-size: 1.8rem; text-transform: capitalize; font-weight: 600; color: var(--blue); line-height: 2.8rem;}
   .hidden_sec{overflow: hidden;}



/****************************************************fixed_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);}


/****************************************************heder******************************************************************/  
    
   .heder_sec{border-bottom: .1rem solid rgba(255, 255, 255, 0.4); position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; background-color: var(--white); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);}
   /*.heder_sec::before{border-bottom: .3rem solid rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: -.6rem; content: ""; height: .3rem; width: 100%;}*/
   .nav_top .navbar-brand{position: absolute; left: 50%; top: 1.5rem; transform: translateX(-50%);}
   .nav_top .navbar-brand img{width: 10rem;}
   .menu_sec li{ position: relative; text-transform: capitalize; font-weight: 500;}
   .menu_sec li a{display: inline-block; padding: 2rem 3rem 2rem 0; color: var(--blue);}
   .menu_sec li.active a, .menu_sec li a:hover, .heder_sec.fixed .menu_sec li.active a, .heder_sec.fixed .menu_sec li a:hover{color: var(--brand);} 
   .menu_sec li:last-child a{padding-right: 0;}
   .top_social_list{position: absolute; right: 27.8rem; top: .6rem; padding: 0 6rem; z-index: 1;}
   .top_social_list::before{position: absolute; right: 0; top: -.6rem; border-right: .1rem solid rgba(0, 0, 0, 0.2); content: ""; width: .1rem; height: 6.7rem;}
    .top_social_list::after{position: absolute; left: 0; top: -.6rem; border-left: .1rem solid rgba(0, 0, 0, 0.2); content: ""; width: .1rem; height: 6.7rem;}
   .top_social_list li{display: inline-block;}
   .top_social_list li a{color: var(--blue); display: inline-block; padding: 2rem 3rem 2rem 0;}
   .top_social_list li:last-child a{padding-right: 0;}
   .top_social_list li a:hover{color: var(--brand);}
   .cal_top_txt{position: absolute; right: 0; top: 2rem; z-index: 1;}
   .cal_top_txt{color: var(--blue); font-weight: 600;}
   .cal_top_txt:hover{color: var(--brand);}
   .menu_sec{margin-left: -10rem; position: relative; padding-right: 9rem;}
   .menu_sec::before{position: absolute; right: 0; top: -.6rem; border-right: .1rem solid rgba(0, 0, 0, 0.2); content: ""; width: .1rem; height: 7.2rem;}
   /*.heder_sec.fixed{background: var(--white); }*/
   .heder_sec.fixed .menu_sec li a, .heder_sec.fixed .top_social_list li a, .heder_sec.fixed .cal_top_txt{color: var(--blue);}
   .heder_sec.fixed .menu_sec::before , .heder_sec.fixed .top_social_list::before, .heder_sec.fixed .top_social_list::after{border-right: .1rem solid rgba(0, 0, 0, 0.1);}
   .heder_sec.fixed .nav_top .navbar-brand {top: 0.5rem;}
   .heder_sec.fixed .nav_top .navbar-brand img { width: 7rem;}   
   
   
/****************************************************banner******************************************************************/  

   .bannersec{ width: 100%; margin-top: 6.8rem;}
   .banner_box{position: relative; display: flex; align-items: end; justify-content: end;}
    /*.banner_box img{height: 100vh; object-fit: cover;}*/
    /* .banner_box::before{background-image: linear-gradient(65deg, #002B22EB 30%, #002B2230 86%); opacity: 0.5; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";} */
   .banner_txt_box{background: var(--brand); padding: 3rem; position: relative;}
   .banner_txt_box::before{position: absolute; border: .1rem solid var(--white); top: 1rem; left: 1rem; bottom: 1rem; right: 1rem; content: "";}
   .banner_txt_box strong{position: relative; text-transform: capitalize; color: var(--white); font-family: "Philosopher", sans-serif; font-size: 4rem; line-height: 5rem;}
   .banner_txt_box p{color: var(--white); position: relative; margin-top: 3rem; border-top: .1rem dashed rgba(255, 255, 255, 0.5); padding-top: 1rem;}
   .bannersec .carousel-indicators {bottom: 2rem; top: inherit; justify-content: end; margin-right: 2%;}
   .bannersec .carousel-indicators [data-bs-target]{border: none; width: 1.6rem; height: 1.6rem; border-radius: 100%; border: .2rem solid #ccc; background: transparent; position: relative; display: block; margin: 0 .5rem; opacity: 1;}
   .bannersec .carousel-indicators [data-bs-target]::before{content: ''; position: absolute; left: .4rem; top: .4rem; right: .4rem; bottom: .4rem; background: #ccc; border-radius: 50%; z-index: 1;}
   .bannersec .carousel-indicators .active{border-color: var(--brand);}
   .bannersec .carousel-indicators .active[data-bs-target]::before  {background: var(--brand);}
   


/****************************************************about sec******************************************************************/  

   .ab_lt_pale_top_box{background: var(--blue); padding: 3rem; height: 100%;}
   .ab_lt_pale_top_box h3{position: relative; padding-bottom: 1.2rem;}
   .ab_lt_pale_top_box h3::before{position: absolute; left: 0; bottom: 0; width: 5rem; height: .5rem; background: var(--brand); content: ""; border-radius: .5rem;}
   .ab_lt_pale_list{margin-top: 3rem;}
   .ab_lt_pale_list li{color: var(--white); border-bottom: .1rem solid rgba(255, 255, 255, 0.09); margin-top: 1.5rem; padding-bottom: .8rem; text-transform: capitalize;}
   .ab_lt_pale_list li:last-child{padding-bottom: 0; border-bottom-color: transparent;}
   .ab_lt_pale_btm_box{background: var(--brand); padding: 3rem;  height: 100%;}
   .ab_lt_pale_btm_img .img_fluid {max-width: 69%; margin: 0 0 2.8rem 0;}
   .ab_lt_pale_btm_box .counter_box .count_number strong{font-size: 8rem; color: var(--white);}
   .ab_lt_pale_btm_box .counter_box .count_number sup{font-size: 4rem; top: 0; font-weight: 600; color: var(--white);}
   .ab_lt_pale_btm_box .counter_box span{text-transform: uppercase; font-weight: 500; font-size: 1.5rem; line-height: 1.5rem; letter-spacing: .2rem; color: var(--white);}
   .ab_rt{margin-left: 2rem;}
   .ab_lt_panel_img, .ab_rt_panel_img{margin-top: 3rem;}
   .ab_lt_panel_img{border: .5rem solid var(--white); box-shadow: 0px 0px 15px 0px rgba(0,0,0,.15);}
   .ab_rt_panel_list li{margin-top: 1.5rem; position: relative; padding-left: 2.5rem;}
   .ab_rt_panel_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f336"; color: var(--brand); position: absolute; left: 0; top: 0;}


/****************************************************top_call_sec******************************************************************/ 

   .top_call_lt{padding: 5rem 8rem;}
   .uatily_food_box{position: absolute; left: 58%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
   .uatily_food_box h5{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; font-size: 2.8rem; line-height: 3.8rem;}
   .top_call_rt, .top_call_rt img, .top_call_lt{height: 100%; object-fit: cover;}
   .top_call_lt{display: flex; flex-direction: column;}
   .top_call_lt .sub_txt{color: var(--white);}
   .top_call_lt .sub_txt img{filter: invert(1);}
   .content i {color: white; font-size: 2.5rem;}
   .pulse { height: 5rem; width: 5rem; border-radius: 50%; background-color: var(--yellow); background-image: radial-gradient(hsl(239,123,0), hsl(239,123,0)); display: flex;  justify-content: center; align-items: center; position: relative; cursor: pointer;}
   .pulse::before, .pulse::after {content: ''; position: absolute; width: calc(100%);  height: calc(100%); border-radius: 50%; border: .1rem solid var(--yellow); animation: calling 2s ease-in-out infinite;}
   .pulse::after {animation: calling 2s ease-in-out .35s infinite;}

   @keyframes calling {
      0% {
         width: calc(100%);     
      height: calc(100%);
         opacity: 1;
      }
      100% {
         width: calc(100% + 60px);     
      height: calc(100% + 60px);
         opacity: 0;
      }
   }

   .content{margin-top: 3rem;}
   .cal_btm_box{display: flex; align-items: baseline; gap: 4rem;}
   .cal_btm_box a{font-size: 2rem; color: var(--white); font-weight: 600;}
   .top_call_rt_shpe_img{position: absolute; right: 0; bottom: 0; display: inline-block; width: 31rem;}


/****************************************************service_sec******************************************************************/ 

   .service_single_item{display: flex; align-items: center; border-top: .1rem solid rgba(6, 50, 50, 0.15); padding: 3.8rem 4rem; position: relative; overflow: hidden; margin-top: 3rem; flex-direction: column;}
   .service_single_item::before{content: ""; position: absolute; inset: 0; background: #ECF8F8; transform: scaleY(0); transform-origin: var(--hover-origin); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: -1;}
   /* .item_left{flex-shrink: 0;} */
   /* .item_left_img{position: absolute; content: ""; top: 50%; transform: translateY(-50%); transition: all 0.4s ease 0s; left: -27.5rem; overflow: hidden; opacity: 0; visibility: hidden;} */
   /* .item_left_img img{opacity: 0; transform: translateX(-5%); clip-path: inset(0 100% 0 0); transition: clip-path 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.8s ease;} */
   /* .item_wrap{display: flex; align-items: center; gap: 20px; transition: all 0.4s ease 0s;} */
   .item_wrap .icon{display: -webkit-box; display: -ms-flexbox; display: flex ;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  height: 5rem; width: 5rem; border-radius: 50%; background: #ECF8F8; position: relative; z-index: 1;}
   .item_wrap .icon img{width: 5rem; transition: all 0.4s ease 0s;}
   .item_wrap .icon::before{content: ""; position: absolute; z-index: -1; left: 0;  top: 0; width: 100%; border-radius: 50%; transform: scale(0); height: 100%; background: #E3572B; transition: all 0.5s ease 0s;}
   /* .item_right_inner{display: flex; align-items: center; gap: 60px; justify-content: flex-end;} */
   /* .dtls_btn{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; background: transparent; border-radius: 50%; border: .1rem solid rgba(6, 50, 50, 0.1); transition: all 0.5s ease 0s; flex-shrink: 0; color: var(--blue);} */
   /* .service_sec .container{max-width: 100%; padding: 0 1.5rem;} */
   /* .item_right_inner p{margin: 0; max-width: 50%; transition: all 0.4s ease 0s;} */
   /* .service_single_item .item_left{flex-shrink: 0;} */
   /* .service_single_item .item_left_img{opacity: 1; visibility: visible; left: 0px;}
   .service_single_item .item_left_img img{opacity: 1; transform: translateX(0);  clip-path: inset(0 0 0 0);} */
   /* .service_single_item .item_wrap{transform: translateX(270px);} */
   /* .service_single_item:hover .item_right_inner p{max-width: 50%; } */
   .service_single_item:hover::before{transform: scaleY(1);}
   /* .service_single_item:hover .item_wrap .icon::before{transform: scale(1);}
   .service_single_item:hover .item_wrap .icon img{filter: invert(1);} */
   .service_single_item .txt h4 a{color: var(--blue);}




   .item_wrap{display: flex; align-items: center; justify-content: start; gap: 2rem; border-bottom: .1rem dashed #ccc; padding: 1.5rem 0; margin-bottom: 1rem;} 
   /* .srv_list_box li{margin-top: 3rem; align-items: center; border-bottom: .1rem dashed #ccc;} */

   .item_left .owl-nav{position: absolute; bottom: 2rem; right: 2rem; font-size: 0; display: flex; align-items: center; justify-content: end; gap: .5rem;}
   .item_left .owl-prev, .item_left .owl-next{width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0.8); border-radius: 100%; display: flex; align-items: center; justify-content: center;}
   .item_left .owl-prev::before, .item_left .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.5rem;}
   .item_left .owl-next::before{content: "\f105";}
   .srv_list_box{margin-top: 3rem;}




/****************************************************why_chosse_top_sec******************************************************************/ 

   .why_chosse_top_sec::before{position: absolute; left: 0; bottom: 0; width: 100%; height: 11%; content: ""; background: url(../images/bottom_shape.png)no-repeat center center/cover;}
   .why_chosse_top_box{margin-bottom: 3rem; position: relative;}
   .why_chosse_top_top_info{border-bottom: .1rem dashed #ccc; padding-bottom: 3rem; margin-bottom: 3rem;}
   .why_chosse_top_icon{position: absolute; left: 0; top: -1px;}
   .why_chosse_top_icon img{width: 4rem;}
   .why_chosse_top_box h4{padding-left: 5.5rem;}
   .why_chosse_top_box p{padding-top: 1.5rem;}
   .why_chosse_top_sec .row.main_row{margin: 0 -1.5rem;}
   .why_chosse_top_sec .cuml{padding: 0 1.5rem;}


/****************************************************eco_friendly_sec******************************************************************/ 

   .eco_friendly_sec{position: relative;}
   .eco_friendly_sec::before{background-image: linear-gradient(rgba(0, 20, 50, 0), rgba(0, 20, 50, 0.55) 40%, rgba(0, 20, 50, 0.75)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}


/****************************************************partners_sec******************************************************************/ 

   .partners_sec h2{display: flex; align-items: center; gap: 3rem; justify-content: center;}
   .line{display: block; border-bottom: .1rem solid #20282D; width: 30rem;}
   .brand_img{width: 19rem; height: 8rem; display: flex; align-items: center; justify-content: center; background: var(--white); box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05); border-radius: 15px; transition: 0.3s; cursor: pointer;}
   .brand_img img{max-width: 13rem;}
   .brand_img:hover{transform: scale(1.05) translateY(-5px);}
   .partners_sec .owl-item{padding: 2.5rem 0;}
   .partners_sec.ptb{padding: 6rem 0 3.5rem 0;}
   .partners_sec  .owl-nav, .partners_sec  .owl-nav.disabled{display: none;}


/****************************************************feed_back_sec******************************************************************/ 

   .lt_spe_img{position: absolute; left: 0; top: 0;}
   .rt_spe_img{position: absolute; right: 0; bottom: 0;}
   .rating li { display: inline-block; margin: .8rem .2rem 0 0;}
   .bold_icon::before, .liner_icon::before { font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107; }
   .bold_icon::before {content: "\f005";}
   .fed_rating_box{display: flex; align-items: center; justify-content: space-between; border-width: .1rem 0 .1rem 0; border-style: solid; border-color: rgba(6, 50, 50, 0.10); margin-top: 4rem; padding: 1rem 0;}
   .fed_back_box{background: var(--white); padding: 3rem; position: relative; display:flex; flex-direction: column ; height: 38rem; }


.fed_back_box>p {
    flex-grow: 1;
    margin-bottom: 25px;
    padding-bottom: 20px;
	overflow-y: auto;
}

.person_nemr {
    margin-top: auto;
}



   .feed_back_lt {margin-left: 8rem;}
   .person_nemr{border-top: .1rem dotted #ccc; margin-top: 1.5rem;}
   .person_nemr strong{text-transform: capitalize; color: var(--blue); font-family: "Philosopher", sans-serif; display: block; font-size: 2.2rem; padding-top: 1rem;}
   .qutin_img{position: absolute; right: 4rem; top: 4rem;}
   .qutin_img img{width: 6rem !important; opacity: 0.5;}
   .feed_back_sec .owl-nav{display: flex; align-items: center; gap: 1rem; font-size: 0; margin: -4.3rem 0 0 -52rem;}
   .feed_back_sec .owl-prev, .feed_back_sec .owl-next{width: 4.4rem; height: 4.4rem; display: flex; align-items: center; justify-content: center; background: var(--blue); border-radius: 100%;}
   .feed_back_sec .owl-prev::before, .feed_back_sec .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--white); font-size: 1.5rem;}
   .feed_back_sec .owl-next::before{content: "\f061";}



/****************************************************why_chosse_sec******************************************************************/ 

   .choose_box{border: .2rem solid #F7F7F7; margin-left: 37.5px; margin-top: 3rem; padding-top: 2.4rem; padding-bottom: 2rem;  padding-right: 1.5rem; -webkit-transition: border-color .5s ease; transition: border-color .5s ease; display: inline-block; width: 100%; position: relative;}
   .choose_icon{width: 7.5rem; text-align: center; margin-left: -37.5px; padding: 2rem 0; display: flex; align-items: center; justify-content: center; clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); background: #f5f5f5; height: 7.5rem; transition: 0.6s;}
   .choose_icon img{width: 5rem;}
   .choose_txt{padding-left: 2rem; width: 88%; float: right; display: block; margin: -8rem 0 0 0;}
   .why_chosse_sec .row{margin: 0 -3rem;}
   .why_chosse_sec .cuml{padding: 0 3rem;}
   .choose_box:hover{border-color: var(--brand);}
   .choose_box:hover .choose_icon{-webkit-transform: rotateY(180deg); transform: rotateY(180deg);}


/****************************************************footer_sec***************************************************************/

   .ft_top_lt{border-right: .1rem solid #FFFFFF26; padding-top: 4rem;}
   .ft_logo img{width: 15rem;}
   .ft_txt{padding-bottom: 3rem;}
   .ft_top_lt {padding-right: 2rem; height: 100%;}
   .ft_top_rt{padding-top: 4rem;}
   .ft_heading{text-transform: capitalize; color: var(--white); font-family: "Archivo", sans-serif; display: inline-block; font-size: 2.5rem; letter-spacing: .2rem; position: relative; padding-bottom: 1.5rem;}
   /* .ft_heading::before{position: absolute; left: 0; bottom: 0; background: var(--brand); width: 8rem; height: .5rem; content: "";} */
   .quilck_list{position: relative; margin-left: 2rem;}
   .quilck_list::before{position: absolute; left: 0; top: 2.2rem; background: #FFFFFFCC; width: .1rem; height: 82%; content: "";}
   .quilck_list li a{display: inline-block; color: #FFFFFFCC; position: relative; text-transform: capitalize; padding: 1.5rem 0 0 1.8rem;}
   .quilck_list li a::before{position: absolute; left: -.3rem; top: 2.4rem; background: var(--brand); width: .8rem; height: .8rem; border-radius: 100%; content: "";}   
   .ft_top_hedaing{text-transform: capitalize; color: var(--white); font-size: 1.8rem; line-height: 2.8rem; font-family: "Archivo", sans-serif;}
   .ft_con_rt{padding-left: 3rem;}
   .ft_con_lt{padding-left: 2rem;}
   .ft_add_list li{margin-top: 2.5rem;}
   .ft_add_list li b{text-transform: uppercase; color: var(--yellow); display: block; font-size: 1.4rem; letter-spacing: .2rem; line-height: 1.4rem; padding-bottom: .5rem;}
   .ft_add_list li, .ft_add_list li a, .ft_botton_lt, .ft_botton_rt{color: #FFFFFFCC;}
   .quilck_list li a:hover, .ft_add_list li a:hover{color: var(--brand);}
   .ft_btm{border-top: .1rem solid #263256; align-items: center; justify-content: space-between; padding: 1.5rem 0;}
   .ft_botton_rt a{color: var(--brand); font-weight: 600;}
   .ft_beam_txt{text-transform: uppercase; letter-spacing: .2rem; color: var(--white); font-weight: 600; display: inline-block;  padding: .8rem 1.5rem; margin-top: 2.5rem; font-size: 1.4rem; background: var(--brand); border-radius: 2.5rem;}
   .ft_beam_txt:hover{background: var(--yellow); color: var(--white); border-color: transparent;}
   .ft_social_list li{display: inline-block;}
   .ft_social_list li a{display: inline-block; padding: 0 6.5rem 0 0; position: relative; color: var(--white); font-size: 3rem;}
   .ft_social_list li a:hover{color: var(--yellow);}
   .ft_social_list li a::before{position: absolute; left: -5.7rem; top: 1.4rem; width: 50%; height: .2rem; background: var(--white); content: "";}
   .ft_social_list li:first-child a{padding-left: 0;}
   .ft_social_list li:first-child a::before{display: none;}
   .ft_social_list{position: absolute; right: 3rem; top: 9.3rem;}


/****************************************************about apge******************************************************************/  

   /* .iner_banr .banner_box{height: 55rem; display: flex; align-items: end; padding-bottom: 0;}
   .iner_banr .banner_box h1{ font-size: 4.5rem; line-height: 4.5rem; letter-spacing: .2rem;} */
   .iner_ab_img{display: block; margin: 2rem 0;}
   .work_icon{width: 8rem; height: 8rem; background: var(--white); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem auto; border-radius: 100%;}
   .work_icon img{width: 5rem;}
   .work_box{position: relative; margin-top: 3rem;}
   .work_box::before{position: absolute; right: -3.8rem; background: url(../images/arrow_img_1.png)no-repeat right top; background-size: 38%; width: 100%; height: 100%; content: ""; top: 3.1rem;}
   .work_sec .cuml:last-child .work_box::before{display: none;}
   .ab_chose_rt{margin-left: 4rem;}
   .ab_rt_heding{border-bottom: .2rem solid #2330321A; padding-bottom: .8rem;}
   .ab_chose_rt_list{display: inline-block; width: 100%;}
   .ab_chose_rt_list li{width: 50%; float: left; margin-top: 1rem; position: relative; padding-left: 2.5rem; font-size: 1.5rem;}
   .ab_chose_rt_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f058"; color: var(--brand); position: absolute; left: 0; top: 0;}
   .vison_mision_box{margin-top: 3rem; position: relative; border: .2rem solid rgba(0, 0, 0, 0.1019607843);}
   .vison_mision_icon{background-color: #e5ebea; width: 7rem; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0;}
   .vison_mision_icon img{width: 5rem;}
   .vison_mision_txt{display: block; padding: 1rem 1rem 1rem 9rem;}
   .ab_cal_rt{padding: 5rem;}
   .ab_cal_rt h2{padding-bottom: 3rem;}
   .ab_cal_rt p{line-height: 3rem;}
   .ab_cal_lt{height: 100%; object-fit: cover;}
   .ab_cal_rt ul li{display: inline-block; margin: 0 2rem 0 0;}
   .ab_cal_rt ul li:last-child{margin-right: 0;}
   .oter_btn{display: inline-block; padding: 0 2rem; background: var(--blue); color: var(--white); text-transform: uppercase; letter-spacing: .2rem; height: 4rem; line-height: 4rem; margin-top: 3rem;}
   .ab_cal_rt ul li:last-child .oter_btn{background: var(--brand);} 
   .oter_btn:hover, .ab_cal_rt ul li:last-child .oter_btn:hover{background: var(--black); color: var(--white);}
   .iner_banr_box{display: inline-block; padding: 1.5rem 3rem; background: var(--brand);}




/****************************************************contact_page******************************************************************/ 

   .iner_con_lt{border: .1rem solid #ececec; padding: 3rem;}
   .iner_con_lt{margin-right: 4rem;}
   .iner_con_lt li:not(:last-child){border-bottom: .1rem solid #ececec; padding: 2.8rem 0;}
   .iner_con_lt li:last-child{padding-top: 3rem;}
   .iner_con_lt li .iner_con_lt_txt small{display: block; color: #74787c; letter-spacing: .2rem; font-weight: 600;}
   .iner_con_lt li{position: relative; padding-left: 2.8rem !important;}
   .iner_con_lt_icon{position: absolute; left: 0; top: 3.5rem; color: var(--yellow);}
   .iner_con_lt li, .iner_con_lt li a{color: var(--blue);}
   .iner_con_rt {background: #f6f6f6; padding: 3rem;}
   .iner_con_map iframe{width: 100%; height: 30rem;}



/****************************************************form******************************************************************/ 

   .input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select{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, .input_fld input[type="date"]::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/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
    .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: 1.5rem; position: relative;}
    .input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
    .ban_frm_box .input_fld{width: 100%;}


/****************************************************members_list******************************************************************/ 

   .members_list_rt .counter_box{display: flex; align-items: center; gap: 5rem; justify-content: end;}
   .members_list_rt .counter_box strong{font-size: 6rem; line-height: 1;}
   .members_list_rt .counter_box sup{font-size: 6rem; line-height: 1; top: .9rem; font-weight: 600;}
   .members_list_rt .counter_box span{border-left: .1rem solid rgba(6, 50, 50, 0.1); display: inline-block; padding-left: 2.5rem; text-transform: uppercase; font-weight: 600; letter-spacing: .2rem;}
   .members_box{margin-top: 3rem; border: .1rem solid #ecebe4;}
   .members_txt{padding: 1.5rem;}
   .members_txt_list li{display: inline-block; margin: 0 1.5rem 0 0; position: relative; font-weight: 500; color: var(--blue);}
   .members_txt_list li:not(:last-child)::before{position: absolute; right: -2.3rem; top: 0; content: "/"; opacity: 0.5;}
   .members_txt_list li:last-child{margin-right: 0; padding-left: 2rem;}
   .share_btn_wrap{position: absolute; left: 2rem; bottom: 2rem;}
   .share_icon{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 4.8rem; height: 4.8rem; border-radius: 50%; background-color: rgba(244, 248, 236, 0.4); color: var(--white); font-size: 1.8rem; backdrop-filter: blur(10px); cursor: pointer; transition: all 0.4s ease 0s;}
   .mrte_social_link{position: relative; visibility: hidden; height: 0; transition: all 0.4s ease 0s;}
   .mrte_social_link li a{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(244, 248, 236, 0.5); text-align: center; color: var(--white); font-size: 16px;}
   .mrte_social_link li{display: flex; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; transition-delay: 0s; margin-bottom: 10px;}
   .mrte_social_link li:first-child{transition-delay: 0s;}
   .mrte_social_link li:nth-child(2){transition-delay: 0.2s;}
   .mrte_social_link li:nth-child(3){transition-delay: 0.4s;}
   .share_btn_wrap:hover .mrte_social_link{height: 100%;}
   .share_btn_wrap:hover .mrte_social_link li{opacity: 1; overflow: hidden; visibility: visible;}
   .mrte_social_link li a:hover{background: var(--yellow); color: var(--white);}
   .members_txt h4 a{color: var(--blue); display: inline-block; padding-bottom: .5rem;}
   .dtsl_btn{height: 4.8rem; width: 4.8rem; display: flex; align-items: center; justify-content: center; transform: rotate(-40deg); border: .1rem solid #dee2e6; position: absolute; right: 1.5rem; top: 2.6rem; border-radius: 100%; color: var(--blue);}
   .dtsl_btn:hover{background: var(--brand); color: var(--white); border-color: transparent;}
   .members_img a.img_anre{display: block;}
   .members_img a.img_anre::before{position: absolute; content: ""; width: 100%; height: 100%; background: none;  transition: all 0.4s ease-in-out; bottom: 0; height: 0; background-color: rgba(6, 50, 50, 0.2); opacity: 0; overflow: hidden;}
   .members_box:hover .members_img a::before{top: 0; height: 100%; opacity: 1; visibility: visible;}
   .members_list  .container{max-width: 100%; padding: 0 5rem;}


/****************************************************members_dtls******************************************************************/ 

   .members_dtls_lt_prs_dtls_box{position: relative; padding: 3rem; background-color: #eeeeee;}
   .members_dtls_lt_prs_dtls_txt{padding-top: 1.5rem; display: block;}
   .members_con_dtls_list li{position: relative; margin-top: 1.5rem; font-weight: 600; padding-left: 3rem;}
   .members_con_dtls_list li .members_con_dtls_icon{position: absolute; left: 0; top: .6rem; color: var(--yellow);}
   .members_con_dtls_list li, .members_con_dtls_list li a{color: var(--blue); }
   .members_dtls_lt_btm .mrte_social_link{visibility: visible; height: auto;}
   .members_dtls_lt_btm .mrte_social_link li{opacity: 1; visibility: visible; display: inline-block;}
   .members_dtls_lt_btm .mrte_social_link li a{background: #ccc; color: var(--blue); width: 3.5rem; height: 3.5rem; margin: 2rem 1.5rem 0 0;}
   .members_dtls_lt_btm .mrte_social_link li:last-child a{margin-right: 0;}
   .members_dtls_rt{margin-left: 4rem;}
   .members_dtls_rt p{line-height: 3rem; padding-top: 1.5rem;}
   .specialty_icon{width: 3.5rem; height: 3.5rem; background: var(--yellow); border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 16px; top: 12px;}
   .specialty_icon img{width: 2.8rem; filter: invert(1);}
   .specialty_txt p{line-height: 2.6rem; padding-top: 1rem;}
   .specialty_box{margin-top: 2rem; position: relative; border: .1rem solid #ccc; padding: 1.5rem; border-radius: .8rem;}
   .specialty_txt h5{padding-left: 5rem;}
   .fixed_lt {position: -webkit-sticky; position: sticky; top: 6.4rem; bottom: 0; z-index: 2;  -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;}
   .similar_team_list .owl-dots{display: flex !important; align-items: center; justify-content: center; margin-top: 3rem;}
   .similar_team_list .owl-dot{width: 1.2rem; height: 1.2rem; border: .1rem solid #ccc; border-radius: 100%; margin: 0 .5rem;}
   .similar_team_list .owl-dot.active{background: var(--brand); border-color: transparent;}
   .similar_team_list .owl-nav{display: none;}



/****************************************************gallery******************************************************************/ 

    .portfolio_box{position: relative; display: block; overflow: hidden;}
    .overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
    .portfolio_box .overlay::after{content: ""; left: 0%; top: 0%; background: #00132F; width: 100%; height: 100%; position: absolute; display: block; transition: 0.5s; opacity: 0;}
    .portfolio_box .overlay::before{z-index: 99; font-family: "Font Awesome 6 Pro"; content: "\2b"; left: 50%; top: 50%; color: var(--white); font-size: 3.2rem; border: .3rem solid var(--white); border-radius: 100%; width: 4rem; height: 4rem; line-height: 5.5rem; transform: translate(-50%,-50%) scale(0); opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute;}
    .portfolio_box:hover .overlay::after{opacity: .4;}
    .portfolio_box:hover .overlay::before{transform: translate(-50%,-50%) scale(1); opacity: 1;}


    .gallery {height: auto; width: 100%; display: flex; justify-content: center;}
    .gallery-wrapper {display: grid; grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); grid-auto-rows: 250px; grid-auto-flow: dense; width: 100%;}

    .gallery-wrapper > div {display: flex; justify-content: center; align-items: center; padding: .8rem; transition: 0.25s all;}
    .gallery-wrapper > div:hover {padding: .4rem; transition: 0.25s all;filter: brightness(1.1); cursor: pointer;}
    .gallery-wrapper > div > img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; border-radius: .8rem; box-sizing: border-box;}
    .gallery-wrapper .wide {grid-column: span 2;}
    .gallery-wrapper .xl-wide {grid-column: span 3;}
    .gallery-wrapper .tall {grid-row: span 2;}
    .gallery-wrapper .big { grid-column: span 2; grid-row: span 2;}
    .gallery-wrapper .xl-big { grid-column: span 3; grid-row: span 2;}
    .image-modal {display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9);}
    .modal-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
    .modal-content { max-width: 90%; max-height: 90vh; border: .2rem solid white; border-radius: 1.6rem; object-fit: contain;}
    .gallery-wrapper .portfolio_box, .gallery-wrapper .portfolio_box img{height: 100%; object-fit: cover; border-radius: .8rem; width: 100%;}
   .gallery.iner_gallery{padding: 3rem;}

/****************************************************error_page******************************************************************/ 

    .error_sec.error {color: #20293F; text-align: center; animation: fadein 1.2s ease-in; height: 100%; display: flex; flex-direction: column; justify-content: center;}
    .error_sec.error .error_sec_info > .code {font-size: 10.5em; text-shadow:  0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.14902) ; margin: 0;}
    .error_sec.error .error_sec_info > .desc {text-shadow: 0px 3px 5px rgba(0,0,0,0.5), 0px 6px 20px rgba(0,0,0,0.3); font-weight: 400; margin-top: 5rem;}

    @keyframes fadein {
        0% {
            margin-top: -50px;
            opacity: 0;
        }
        50% {
            opacity: 0.5;
        }
        100% {
            opacity: 1;
        }
    }


.btn_sec{position: fixed; left: 4.5rem; top: 60%;  z-index: 99;}
.call_btn{color: var(--black); padding: 1rem 2rem; display: inline-flex; text-align: center; border-radius: 0; background: #fff8ee; position: absolute; right: -7rem; top: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); letter-spacing: .1rem; font-size: 1.4rem; font-weight: 500; align-items: center; gap: .8rem;}
.call_btn i{color: var(--brand);}
.enquiry_btn{margin-top: 12.3rem; right: -.1rem !important; border-radius: 0; background: var(--brand); font-size: 2rem; cursor: pointer; padding: 1.3rem 1.5rem;} 
.enquiry_btn i{color: var(--white);}
.call_btn:hover{background: var(--brand); color: var(--white);}
.call_btn:hover i{color: var(--white);}
.ades_fom{position: absolute; left: 0; top: 0; z-index: 5; background: var(--white); padding: 3rem;}
.back_button{position: absolute; right: 1rem; top: 1rem; color: var(--black); cursor: pointer; font-size: 1.8rem;}









@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: 1899px){

      .ab_lt, .ab_lt .row, .ab_lt_pale_top_img, .ab_lt_pale_top_img img, .ab_lt_pale_top_img, .ab_lt_pale_top_img img{height: 100%; object-fit: cover;}
      .ab_lt_panel_img, .ab_rt_panel_img {margin-top: 2rem;}
      .ab_lt, .ab_lt .row{height: 70%;}
   }

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

      .menu_sec {margin-left: -7rem; padding-right: 7rem;}
   }

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

      .menu_sec {margin-left: 0rem; padding-right: 4rem;}
      .nav_top .navbar-brand {left: 53%;}
      .nav_top .navbar-brand img {width: 7rem;}
      .top_call_lt {padding: 5rem 10rem 5rem 8rem;}
   }

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

      .heder_sec .container{max-width: 100%; padding: 0 3rem;}
      .menu_sec li a {padding: 2rem 2rem 2rem 0;}
      .nav_top .navbar-brand {left: 51%; top: 0.5rem;}
      .ft_social_list {right: -1rem;}
      .ft_beam_txt {font-size: 1.1rem;}
      .ft_con_rt { padding-left: 2rem;}
      .feed_back_sec .owl-nav {margin: -4.3rem 0 0 -46rem;}
      .ab_lt_pale_top_box {padding: 2rem;}
      .partners_sec h2{ font-size: 2.5rem; line-height: 3.5rem;}
      .qutin_img {right: 2rem; top: 2rem;}
}

   /****************************************************members_list******************************************************************/

      .dtsl_btn {height: 3.8rem; width: 3.8rem; right: 1rem; top: 1.6rem;}

   /****************************************************about apge******************************************************************/  

      .ab_chose_lt, .ab_chose_lt img{height: 100%; object-fit: cover;}
   }

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

      .top_social_list {padding: 0 3rem;}
      .menu_sec li a {padding: 2rem 1.5rem 2rem 0;}
      .menu_sec {padding-right: 2.5rem;}
      .top_call_lt {padding: 5rem 10rem 5rem 5rem;}
   }

   @media only screen and (max-width: 1199px){
      
      .nav_top .navbar-brand {left: inherit; top: inherit; position: inherit; transform: inherit;}
      .top_social_list {right: 16.8rem; top: 2rem; padding: 0 2rem;}
      .menu_sec::before{display: none;}
      .heder_sec .navbar-expand-lg .navbar-collapse{justify-content: center !important;}
      .top_social_list::before, .top_social_list::after {height: 3.7rem; top: 0;}
      .menu_sec {padding-right: 24.5rem;}
      .top_social_list li a {padding: 1rem 2rem 1rem 0;}
      .cal_top_txt {top: 2.4rem;}
      /* .heder_sec.fixed .nav_top .navbar-brand {top: 1.5rem;} */
      .ab_rt {margin: 0 0 3rem 0;}
      .ab_sec  .row.min_row{flex-direction: column-reverse;}
      .item_wrap h4 {font-size: 2.2rem; line-height: 3.2rem;}
      .feed_back_sec .owl-nav {margin: -4.3rem 0 0 -40rem;}
      .qutin_img {right: 2rem; top: 2rem;}
      .ft_top_lt {border-right-color: transparent; padding-right: 0;}
      .ft_social_list {right: 0;}
      .why_chosse_sec .row {margin: 0 -2rem; justify-content: center;}
      .why_chosse_sec .cuml { padding: 0 2rem;}
      .choose_box {margin-left: 0;}
      .choose_icon { position: absolute; left: 1.4rem; top: 3.4rem; margin-left: 0; height: 6.5rem; width: 6.5rem;}
      .choose_txt{margin: 0; padding-left: 4rem;}
      .choose_txt p.pt-3{padding-top: .5rem !important;}
      .feed_back_lt {margin-left: 0;}
      .fed_back_box{margin-top: 3rem;}
      .feed_back_sec .owl-nav{margin: 0; justify-content: center; position: absolute; right: 0; top: -16rem;}
      .fed_rating_box {margin-top: 2rem;}
      .brand_img {width: 17rem; height: 7rem;}
      .bannersec { margin-top: 7.8rem;}
      .ab_lt, .ab_lt .row, .ab_lt_pale_top_img, .ab_lt_pale_top_img img, .ab_lt_pale_top_img, .ab_lt_pale_top_img img {height: auto;}

   /****************************************************contact_page******************************************************************/ 

      .iner_con_lt {margin: 0 0 3rem 0;}

   /****************************************************members_list******************************************************************/

      .members_list_rt{margin-top: 2rem;}

   /****************************************************members_dtls******************************************************************/ 

      .members_dtls_rt {margin-left: 2rem;}

   /****************************************************about apge******************************************************************/  

      .ab_cal_rt {padding: 3rem;}
   }

    @media only screen and (max-width: 1100px) {
        .gallery-wrapper {grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); grid-auto-rows: 200px;}    
    }

   @media only screen and (max-width: 991px){
      
      .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;}
      .cal_top_txt {right: 4.6rem;}
      .top_social_list {right: 23.8rem;}
      .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 22.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; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--brand);}
      .nav_top .navbar-collapse.show {left: 0;}
      .menu_sec {padding-right: 0;}
      .menu_sec li a {padding: 1.5rem; display: block; width: 100%; border-bottom: .1rem dashed #ccc;}
      .top_call_lt { padding: 3rem 3rem 5rem 3rem;}
      .uatily_food_box {left: 4.1rem; top: inherit; bottom: 2rem; transform: inherit;}
      .uatily_food_box img{max-width: 14rem;}
      .uatily_food_box h5 {font-size: 2rem; line-height: 2.8rem;}
      .why_chosse_top_rt{padding-top: 1.5rem;}
      .choose_txt {padding-left: 5rem;}
      .top_social_list { right: 20.8rem;}
      .ft_con_lt{padding-left: 0;}
      .ptb{padding: 3rem 0;}
      .iner_ptb{padding: 2rem 0 5rem 0;}

   /****************************************************members_list******************************************************************/

      .members_list .container {padding: 0 3rem;}

   /****************************************************members_dtls******************************************************************/ 

       .members_dtls_rt {margin: 2rem 0 0 0;}


   /****************************************************about apge******************************************************************/  

      .work_box::before{display: none;}  
      .ab_chose_lt, .ab_chose_lt img{height: auto;}
      .ab_chose_rt {margin: 3rem 0 0 0;}
      .ab_cal_lt{height: 30rem;}
      
   }

    @media only screen and (max-width: 900px) {
        .gallery-wrapper {grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr)); grid-auto-rows: 175;}    
    }

   @media only screen and (max-width: 767px){
      
      .container,  .heder_sec .container, .members_list .container{max-width: 100%; padding: 0 1.5rem;}
      .bannersec .carousel-indicators {bottom: 0rem;}
      .ab_lt_pale_top_img, .ab_lt_pale_top_img img{height: 100%;}
      /* .uatily_food_box {top: 4%;} */
      .top_call_lt { padding: 2rem 2rem 5rem 3rem;}
      h1, h2 {font-size: 3rem; line-height: 4rem;}
      .partners_sec .line {width: 18rem;}
      .ft_btm{flex-direction: column; text-align: center;}
      .ft_con_rt{padding-left: 0; position: absolute; right: 4.3rem; top: 5.9rem;}
      .ft_txt.ft_con_rt .ft_beam_txt{background: transparent; border-radius: 0; border-width: .1rem 0 .1rem 0 ; border-style: solid; border-color: var(--white);}
      .ft_txt.ft_con_rt .ft_beam_txt:hover{background: var(--white); color: var(--blue); border-color: transparent;}
      .ft_top_rt {padding-top: 1rem;}
      .ft_logo img {width: 10rem;}
      .ft_social_list{position: inherit; right: inherit; top: inherit; margin-top: 2rem;}
      .ft_social_list li a::before {top: 1.7rem;}
      .ft_social_list li a {font-size: 2rem;}
      /* .ft_social_list {top: 7.3rem;} */
      .why_chosse_sec .row {margin: 0 -1rem;}
      .why_chosse_sec .cuml{padding: 0 1rem;}
      .choose_txt {padding-left: 4rem;}  
      .why_chosse_top_sec::before { height: 8%;}
      .why_chosse_top_top_info { padding-bottom: 2rem; margin-bottom: 2rem;}
      .why_chosse_top_sec .row.main_row {margin: 0 -1rem;}
      .why_chosse_top_sec .cuml {padding: 0 1rem;}
      .ptb{padding: 4rem 0;}
      .iner_ptb{padding: 1rem 0 4rem 0;}
      
   }

    @media only screen and (max-width: 700px) {
        .gallery-wrapper { grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr)); grid-auto-rows: 150px;}
    }


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

      .top_social_list{display: none;}
      .ab_rt .sub_txt {font-size: 1.2rem; line-height: 1.2rem;}
       h1, h2 {font-size: 2.2rem; line-height: 3rem;}
      .top_call_rt_shpe_img {width: 21rem;}
      .cal_btm_box {gap: 3rem;}
      .top_call_lt{padding: 2rem;}
      .uatily_food_box img {max-width: 8rem; }
       /* .uatily_food_box { top: 0;} */
      .uatily_food_box h5 {font-size: 1.5rem; line-height: 1.8rem;}
      .top_call_lt p.pt-5{padding-top: 1rem !important;}
      .nav_top .navbar-brand img , .heder_sec.fixed .nav_top .navbar-brand img{width: 5rem;}
      .cal_top_txt {top: 1.4rem;}
      .bannersec {margin-top: 5.6rem;}
      .bannersec .carousel-indicators [data-bs-target]::before { left: .2rem; top: .2rem; right: .2rem; bottom: .2rem;}
      .bannersec .carousel-indicators [data-bs-target] {width: 1rem; height: 1rem;}
      .why_chosse_top_rt{padding: 1rem;}
      .why_chosse_top_sec::before {height: 6%;}
      .eco_friendly_info .as_btn{border-radius: 0; font-size: 1.2rem; padding: 2.5px; width: 100%;}
      .eco_friendly_info .as_btn .btn_icon, .eco_friendly_info .as_btn .btn_inner::before{display: none;}
      .eco_friendly_info .btn_inner {padding: .8rem .5rem;}
      .eco_friendly_info .as_btn .btn_text span{ text-transform: capitalize;}
      .choose_txt {padding-left: 0;}
      .choose_txt h4{padding-left: 6rem; font-size: 2.2rem; line-height: 3.2rem;}
      .choose_txt p.pt-3{padding-top: 2rem !important;}
      .choose_icon {position: absolute; left: 1.4rem; top: 14px; margin-left: 0; height: 5.5rem; width: 5.5rem;}
      .choose_icon img { width: 4rem; }
      .feed_back_sec .owl-prev, .feed_back_sec .owl-next {width: 3.4rem; height: 3.4rem;}
      .feed_back_sec .owl-nav{position: inherit; right: inherit; top: inherit; margin-top: 2rem;}
      .feed_back_rt  h2{text-align: center;}
      .feed_back_rt .sub_txt{justify-content: center;}
      .brand_img img { max-width: 11rem;}
      .brand_img { width: 13rem; height: 7rem;}
      .partners_sec h2 {gap: 1rem;}
      .partners_sec h2 { font-size: 1.8rem; line-height: 2.2rem;}
      .partners_sec .line { width: 6rem;}
      .ft_con_rt{position: inherit; right: inherit; top: inherit;}
      .ft_top_lt  .as_btn{width: 100%;}
      .ft_botton_lt{font-size: 1.4rem;}
      .iner_ptb{padding: 2rem 0 4rem 0;}
      .why_chosse_top_box h4 {font-size: 2.2rem; line-height: 3.2rem;}
      .why_chosse_top_icon img { width: 3.5rem;}
      .ft_add_list li{font-size: 1.5rem;}
      .partners_sec .owl-item {padding: 1.5rem 0;}


   /****************************************************contact_page******************************************************************/ 
      .iner_con_lt , .iner_con_rt{padding: 2rem 1.5rem;}
      .iner_con_lt h4{font-size: 2rem; line-height: 3rem;}
      .iner_con_lt li, .iner_con_lt li a{font-size: 1.4rem;}
      .iner_con_lt li{padding-left: 0 !important;}
      .iner_con_lt_icon {top: 1.5rem;}
      .iner_con_lt {margin: 0 0 2rem 0;}
      .iner_con_map iframe {height: 20rem;}


   /****************************************************members_list******************************************************************/

      .members_list_rt .counter_box {gap: 2rem;}
      .members_list_rt .counter_box span {font-size: 1.2rem; line-height: 2.2rem;}
      .members_list_rt .counter_box strong, .members_list_rt .counter_box sup {font-size: 4rem;}
      .members_list_rt .count_number{width: 50%;}      



   /****************************************************members_dtls******************************************************************/ 

      .members_dtls_lt_prs_dtls_box {padding: 2rem;}


   /****************************************************about apge*******************************************/

      .iner_ab_content.text-center p{text-align: justify;}
      .work_txt h4{font-size: 2rem; line-height: 3rem;}
      .work_txt p.pt-3{padding-top: .5rem !important;}
      .ab_chose_rt_list li{width: 100%;}
      .ab_cal_rt{padding: 2rem 1.5rem;}
      .ab_cal_rt ul{width: 100%; display: inline-block; margin: 0 -.5rem;}
      .ab_cal_rt ul li .oter_btn {padding: 0 1rem; font-size: 1.4rem; width: 100%;}
      .ab_cal_rt ul li {margin: 0; width: 50%; float: left; padding: 0 .5rem;}


   /****************************************************gallery_page*******************************************/

      .gallery.iner_gallery{padding: 1rem;}
      .gallery-wrapper .tall { grid-row: span 2 !important;}
      .gallery-wrapper .xl-wide {grid-column: span 1 !important;}
      .portfolio_box .overlay::before {font-size: 2.2rem; width: 3.5rem; height: 3.5rem;}


/****************************************************error_page******************************************************************/ 
      .error_sec.error .error_sec_info > .code {font-size: 7.5em;}




      .btn_sec{top: 40%;}







      .srv_list_box, .choose_box, .members_box, .work_box {margin-top: 2rem;}
	   
	   
	   	/* review-page */
			.fed_back_box {
				height: 100%;
			}
      
   }



		


   @media only screen and (max-width: 550px) {
        .gallery-wrapper {grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); grid-auto-rows: 150px;}
        .gallery-wrapper .wide {
            grid-column: span 2 !important;
        }
        /* .gallery-wrapper .xl-wide {
            grid-column: span 2 !important;
        } */
        /* .gallery-wrapper .tall {
            grid-row: span 2 !important;
        } */
        .gallery-wrapper .big {
            grid-column: span 2 !important;
            grid-row: span 2 !important;
        }

        .gallery-wrapper .xl-big {
            grid-column: span 2 !important;
            grid-row: span 2 !important;
        }
    }

    @media only screen and (max-width: 400px) {
        .gallery-wrapper {
            grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
            grid-auto-rows: 100px;
        }
        #sync2 .room_txt h4 { font-size: 1.2rem; line-height: 1.8rem;}
    }

   @media only screen and (max-width: 480px){
   
       .top_call_rt_shpe_img {width: 15rem;}

   }