@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap);
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
  overflow-x: hidden !important;
  position: relative;
}
iframe#tidio-chat-iframe {
    margin-right: 35px !important;
}
h2 {
    font-family: 'Barlow';
}
/* .fix-sec .sticky {
  z-index: -1;
} */
.add_border {
  width: 0;
  transition: all .5s;
  background-color: #fff0;
}

/*----------------------------------------- Global Enquire Now Form CSS start*/
.enq_sticky_btn {
  position: fixed;
  transform: rotate(-180deg) !important;
  right: 0;
  top: 33%;
  writing-mode: tb-rl !important;
  background: #888b8f;
  font-family: 'Barlow';
  font-weight: 600;
  font-size: 14px;
  line-height: 0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  text-decoration: none;
  cursor: pointer;
  height: 140px !important;
  line-height: 0px !important;
  width: 40px !important;
  padding-right: 22px;
  text-align: center;
  z-index: 1;
  /* border-top-right-radius: 20px;
  border-bottom-right-radius: 20px; */
}
.book_vst_sticky_btn {
  position: fixed;
  transform: rotate(-180deg) !important;
  right: 0;
  top: 50%;
  writing-mode: tb-rl !important;
  background: #000;
  font-family: 'Barlow';
  font-weight: 600;
  font-size: 14px;
  line-height: 0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  text-decoration: none;
  cursor: pointer;
  height: 160px !important;
  line-height: 0px !important;
  width: 40px !important;
  padding-right: 22px;
  text-align: center;
  z-index: 1;
  /* border-top-right-radius: 20px;
  border-bottom-right-radius: 20px; */
}
.book_visit_from_div {
  position: fixed;
  width: 30%;
  height: 100vh;
  right: 0;
  top: 0;
  background-color: #F47920;
  z-index: 9;
  padding: 40px 30px 0px 30px;
  transform: translateX(101%);
  transition: all 0.6s;
  z-index:14;
}
input#date_fld_bk_vst::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.enquire_from_div {
  position: fixed;
  width: 30%;
  height: 100vh;
  right: 0;
  top: 0;
  background-color: #F47920;
  z-index: 9;
  padding: 80px 30px 30px 30px;
  transform: translateX(101%);
  transition: all 0.6s;
  z-index: 14;
}
.book_visit_from_div img.enq_close_btn {
  float: right;
  margin-top:0px;
}
input#date_fld_bk_vst {
margin-top: 17px;
}
input#date_fld_bk_vst::placeholder {
  color:#Fff;
}

_::-webkit-full-page-media, _:future, :root input#date_fld_bk_vst {
  margin-top: 12px;
}
.enq_close_btn {
  margin-top: -90px;
  width: 18px;
  cursor: pointer;
}
.enquire_global_form div{
  padding-right:8px ;
}
.enquire_from {
    margin-top: 30px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 10px;
}
select.enq_global_form {
  padding-bottom: 15px !important;
  
}
.select_drp select{
  border-radius: 0px;
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid #ffffff4d;
  padding-left: 0;
  padding-bottom: 44px;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  color: #FFFFFF !important;
}
.enq_frm_slct:focus{
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #ffffff4d;
  color: #ffffffb3 !important;
  
}
.enq_frm_slct option{
  color:#212529;
  padding-left: 15px;
}
.req_txt{
  border:none;
  border-bottom: 1px solid #ffffff4d;
  background-color: transparent;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  border-radius: 0px;
}
.req_txt::placeholder {
  color:rgb(255 255 255 / 40%) !important;
}
textarea:focus {
  background-color: transparent !important;
  outline:none !important;
  border-color:#ffffff4d !important;
  box-shadow: unset !important;
  color: #ffffffb3 !important;
}

.enquire_global_form input.btn.cont_form_btn:hover {
  border-color:#fff !important;
}
.enquire_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(49, 61, 71, 0.8);
  /* -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px); */
  z-index:9;
  display: none;
}
/*----------------------------------------- Global Enquire Now Form CSS END*/


.scrollbar-track.scrollbar-track-x {
  display: none !important;
}
.no_mg_top {
  margin-top:-15px !important;
}



/*----------------------------------------- Heading Text Animation */
.animate_txt {
  position: relative;
  overflow: hidden;
  float: left;
  height: 63px;
  width: 100%;

} 
.animate_txt h2 {
    position: absolute;
    transform: translate(0px, 100px);
}
.animate_big_txt {
  position: relative;
  overflow: hidden;
  float: left;
  height: 130px;
  width: 100%;

}
.animate_big_txt span {
  position: absolute;
  transform: translate(0px, 135px);
}
.animate_big_txt h2 {
  position: absolute;
  transform: translate(0px, 135px);
}
.no_float {
  float: unset;
}

/* Image Animation */
.reveal_img {
  width: fit-content;
  position: relative;
  overflow: hidden;
}
.reveal_img_dv{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:#fff;
  transform: translateX(0%);
}
/* .reveal_img img {
  opacity: 0;
}
 */

.p_opacity {
  opacity:0;
}

 .slick-list.draggable {
  cursor: pointer;
  cursor: hand;
  cursor: grab;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.no_padding {
  padding:0px;
}
.no_right_padding {
  padding-right:0px;
}
.no_LR_margin {
  margin-left:0px !important;
  margin-right:0px !important;
}


/*----------------------------------------- Content Width */
.cstm_container
{
  max-width:1250px;
  margin: auto;
  width: 100%;
  position: relative;
}

/*----------------------------------------- global Font style */
.big_heading {
  font-family: 'Barlow';
  font-weight: 800;
  font-size: 124.867px;
  line-height: 138.6px;
  letter-spacing: -0.005em;
  text-transform: uppercase; 
  color: #FFFFFF;
  
}
.section_heading {
  font-family: 'Barlow';
  font-weight: 800;
  font-size: 60px;
  line-height: 60px;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  color: #313D47;
}
.section_sub_heading {
  font-family: 'Barlow';
  font-weight: 600;
  font-size: 32px;
  line-height: 35.52px;
  text-transform: uppercase;
  color: #FFFFFF ;
  margin-bottom:0px;
  width:100%;
}

.section_name {

  font-family: 'Barlow';
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #313D47;
  padding-bottom: 22px;
  border-bottom: 1px dashed #2BB04C;
  margin-bottom: 0;
    
}
.sub_para {
  font-family: 'Barlow';
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #414042;
  margin:30px 0; 

}
.para, .main-blog-cstm p {
  font-family: 'Barlow';
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #313D47;
  margin:30px 0;

}


/*----------------------------------------- global Button style */
.arrow_btn {

  font-family: 'Barlow';
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #313D47;
  text-decoration: none;
  display: block;
  margin-top:70px;
  position: relative;
  width:fit-content;

}
.arrow_btn::after {
  content:'';
  position:absolute;
  background: #2BB04C;
  width:40px;
  height:40px;
  border-radius: 50px;
  top: -8px;
  right: -55px;
  background-image: url(/assets/white_btn_arrow.329ddb653ab08d626a5f.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
  transform: scale(1);
  transition:all 0.6s;
}
.arrow_btn:hover {
  color: #313D47;
}
.arrow_btn:hover::after {
  transform: scale(1.3);
} 
.orange_arrow_btn {
  font-family: 'Barlow';
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #313D47;
  text-decoration: none;
  display: block;
  margin-top:70px;
  position: relative;
  width:fit-content;
}
.orange_arrow_btn::after {
  content:'';
  position:absolute;
  background: #fff;
  width:40px;
  height:40px;
  border-radius: 50px;
  top: -10px;
  right: -55px;
  background-image: url(/assets/orange_arrow.589cf1502ce479161870.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
  transform: scale(1);
  transition:all 0.6s;
}
.orange_arrow_btn:hover {
  color: #313D47;
}
.orange_arrow_btn:hover::after {
  transform: scale(1.3);
} 



/*----------------------------------------- Slick Slider Arrow Css */
.slick-prev ,.slick-next {
  opacity: 1 !important;
  width: 60px !important;
  height: 60px !important;
  border: 1px solid #DDDDDD !important;
  border-radius: 50px;
  content: '' !important;
}

.slick-prev {
  left: 0 !important;
  z-index:1 !important;
}
.slick-prev:before {
  content: '' !important;
  background-image:url(/assets/sldr_left_arrow_blk.f780cc3acc0f6818f1f6.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.slick-next {
  right: 0 !important;
}
.slick-next:before {
  content: '' !important;
  background-image:url(/assets/sldr_right_arrow_blk.231ab011c4bca680f9fb.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.moreless_button {
  cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.oragn_txt {
    color: #F47920;
}

/*----------------------------------------- NEW H! Tag Css */
.new_h1 {
  font-family: 'Barlow';
  font-weight: 600;
  font-size: 24px;
  line-height: 35.52px;
  text-transform: uppercase;
  color: #313D47;
  margin-bottom: 0px;
  width: 100%;
}


@media only screen and (min-device-width: 767px) and (max-device-width: 991px) { 
  .enquire_from {
    height: 450px;
  }
  .enquire_from_div {
    width: 40%;
  }
  .book_visit_from_div {
    width: 40%;
  }
  .book_vst_sticky_btn {
    top: 60%;
  }
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
  .enquire_from {
    height: 450px;
  }
  .book_vst_sticky_btn {
    top: 60%;
  }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1080px) {
  .book_vst_sticky_btn {
    top: 60%;
  }
   
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1280px) {
  .cstm_container {
      max-width: 1250px;
      padding: 0 30px;  
  }
}
@media only screen and (min-device-width: 1279px) and (max-device-width: 1280px) {
  .animate_txt {
    height: 70px;
  }
  .enquire_from {
    height:400px;
  }
  .section_sub_heading {
    font-size:31px;
  }
  .book_vst_sticky_btn {
    top: 57%;
  }

}





@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
  
  .book_vst_sticky_btn {
    top: 57%;
  }
}
@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {

  .book_vst_sticky_btn {
    top: 55%;
  }

}
@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {

  .book_vst_sticky_btn {
    top: 55%;
  }

}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {

  .book_vst_sticky_btn {
    top: 55%;
  }
  
}
@media only screen and (min-device-width: 1280px) and (max-device-width: 1369px) {
  .enquire_from {
    height:400px;
    padding-right: 15px;

  }
}
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
  
  iframe#tidio-chat-iframe {
      margin-right: 0px !important;
  }
  .enquire_from {
    padding-right: 15px;
  }
  .enq_sticky_btn {
    top:28%;
    font-size: 11px;
    height: 110px !important;
    width: 30px !important;
    padding-right: 15px;
    z-index:1;
  }
  .book_vst_sticky_btn {
    top: 50%;
    font-size: 11px;
    height: 135px !important;
    width: 30px !important;
    padding-right: 15px;
    z-index: 1;
  }
  
  .mob_pd_LR {
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .big_heading{
    /* font-size: 45px;
    line-height: 49px; */
    font-size: 40px;
    line-height: 42px !important;
  }

  .section_sub_heading {
    font-size: 18px;
    line-height:18px;
  }
  .section_name  {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 15px;
  }

  .section_heading {
    font-size: 26px;
    line-height: 31px;
  }

  .sub_para  {
    font-size: 14px;
    line-height: 23px;
    margin: 10px 0 10px 0;
  }

  .para {
    font-size: 14px;
    line-height: 23px;
  }


  .arrow_btn  , .orange_arrow_btn {
    font-size: 14px;
    line-height: 17px;
  }
  .arrow_btn::after , .orange_arrow_btn::after{
    top: -15px;
  }


  .slick-prev, .slick-next {
    width: 40px !important;
    height: 40px !important;
  }
  .animate_txt {
    height: 33px;
  }
  .animate_big_txt {
    height: 45px;
  }
  .moreless_button {
    font-size: 14px !important;
  }

  .enquire_from_div {
    width:100%;
  }
  .book_visit_from_div {
    width: 100%;
  }
  .enquire_from {
      height: 400px;
  }
  .agile_sec .reveal_img_dv {
    height: 90%;
  }

  .new_h1 {
    font-size: 14px;
    line-height: 20px;
  }

}



@media screen and (max-width: 1280px) { 
  .enquire_from {
      height: 400px;
      padding-right: 20px;
  }
}

@media screen and (max-device-width: 1366px) and ( max-height: 720px ){
  .enquire_from {
      height: 500px;
      padding-right: 20px;
  }
}
@media screen and (min-height: 600px) and (max-height: 700px){
  .enquire_from {
      height: 500px;
      padding-right: 20px;
  }
}
@media only screen and (max-device-width: 1366px) and (min-height: 740px) and (max-height: 757px) {
  .enquire_from {
      height: 550px;
      padding-right: 20px;
  }
}
@media only screen and (min-device-width: 834px) and (max-device-width: 992px) {
  .tab_pd_LR {
    padding-left:35px !important;
    padding-right:35px !important;
  }
}



@media only screen and (min-device-width: 834px) and (max-device-width: 992px) {
  .tab_pd_LR {
    padding-left:35px !important;
    padding-right:35px !important;
  }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 834px) {
  .tab_pd_LR {
    padding-left:35px !important;
    padding-right:35px !important;
  }
  .animate_txt {
    height: 40px !important;
  }
  .animate_big_txt {
    height: 90px;
  }
  .section_heading {
    font-size: 35px;
    line-height: 50px;
  }
  .big_heading {
    font-size: 82px;
    line-height: 93.6px;
  }
  .section_sub_heading{
    font-size: 24px;
  }
  .sub_para {
    font-size: 17px;
    line-height: 23px;
  }
  .para {
    font-size: 17px;
    line-height: 28px;
  }
  .slick-prev, .slick-next {
    width: 50px !important;
    height: 50px !important;
  }
  .moreless_ttl {
    font-size: 14px;
  }

  .new_h1 {
    font-size: 17px;
    line-height: 24px;
  }

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 835px) and (max-device-width: 1080px) {

    .big_heading {
      font-size: 110px;
      line-height: 110.6px;
    }
    .section_sub_heading {
      font-size: 29px;
      line-height: 31px;
    }
    .section_heading {
      font-size: 50px;
    }
    .animate_txt {
      height: 55px;
    }
    .sub_para {
      font-size: 21px;
      line-height: 30px;
    }
    .para {
      font-size: 16px;
      line-height: 26px;
    }
    .animate_big_txt {
      height: 107px;
    }
    .moreless_ttl {
      font-size: 14px;
    }

}
.Headd {
  opacity: 0;
  pointer-events: none;
}

.load-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
  pointer-events: none;
}

.load-screen {
  position: relative;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  opacity: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.load-screen video {
  width: 100px;
}
.animate_logo_dv {
width: 100px;
height: 100px;
position: relative;
overflow: hidden;
}
.animate_logo_dv img {
width: 97%;
}
.animate_logo_sld {
position: absolute;
bottom: 0;
left: 0%;
width: 100%;
height: 100%;
background: #fff;
transition: all 0.2s;
}

p#thnk_box1 {
text-align: left;
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

.animate_logo_dv {
  width: 70px;
  height: 70px;
}

}

.desktop_header1 .hdr_container{
    background-color: rgb(0 0 0 / 40%);
}

/*-------------------------- header 2 CSS Start Here */
.desktop_header2{
    display: none;
    background: #000;
}
.desktop_header2 .hiprk_logo_dv {
    width:45px;
    margin-right: 35px;
    float: left;
}
.desktop_header2 .hdr_container {
    height: 78px;
    padding-top: 18px;
    transition: all ease-in-out 0.5s;
}
.desktop_header2 .header_top_bar {
    padding:0px;
    width: 100%;
}
.desktop_header2 .hdr_2_menu .navbar{
    padding:0px;
    padding-top:1px;
}
.desktop_header2 .enq_bnt {
    height: 50px;
    background: transparent;
    border-radius: 0;
    display: block;
}
.desktop_header2 .enq_txt_btn a {
    color:#eb7d2b !important;
    cursor: pointer;
}
.desktop_header2 .show_header_bg1 {
    height: 465px;
}
.show_header_bg_sticky2 {
    height:465px !important; 
}
.desktop_header2 .show_header_bg2 {

    height: 155px;
}
.desktop_header2 li.menu_link a {
    font-size: 15px;
}
/*-------------------------- header 2 CSS End Here */

.header_sec {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    /* height:0px; */
}
/* .header_box {
    height:180px;
    background-color: #313D47;
} */
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index:14;
    animation: smoothScroll 1s forwards;
}
/* .fixed .logo_dv {
    padding-top: 6px;
}
.fixed .desk_menu_row {
    display: none;
}
.fixed  .header_top_bar {
    padding-top: 18px;
}
.fixed .hdr_container {
    background-color:#000 !important;
    height: 100px;
} */
.fixed .hdr_container {
    background-color:#000 !important;
}
.hdr_container {
    max-width: 1400px;
    width:100%;
    margin: auto;
    padding:0 40px;
    height:145px;
    transition: all ease-in-out 0.5s;
    /* transition: background-color 0.8s, height .2s; */
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
/* ---------------------------- Top bar CSS */
.header_top_bar {
    padding-bottom: 12px;
    padding-top: 20px;
}
.zero_padding {
    padding:0px;
}
.hdr_cntact_dv {
    display: flex;
    align-items: center;
    float: right;
    position: relative;
}
img.white_logo {
    width: 27%;
}
.hr_contact_no {
    color: #ffff;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0.08em;
    /* text-align: right; */
    padding-left: 15px;
    text-decoration: none;
    text-transform: uppercase;
    border-left: 2px solid #fff;
}
.hr_contact_no:hover {
    color:#F47920 !important;
}
.search_box {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 90px;
    float: left;
    display: flex;
    justify-content: center;
    margin-right:16px;
    cursor: pointer;
    transition: all 0.5s;
}
.search_box:hover {
    border: 1px solid #F47920;
    background-color: #F47920;
}
.search_box img {
    width: 17px;
}
.enq_bnt {
    background: #313D47;
    border-radius: 50px;
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 0;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    float: left;
    display: flex;
    height: 60px;
    width: 200px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    z-index: 0;
    transition:width 0.5s;
    cursor: pointer;
}
.enq_bnt span {
    width: 0;
    height: 100%;
    background: #dddddd;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    margin-left: 0px;
    display: flex;
    transition: all 0.6s;
    opacity:0;
}
.enq_bnt span img {
    width:10px;
}
.enq_bnt:hover span{
    margin-left: 20px;
    opacity:1;
} 
.enq_bnt:hover {
    width:220px;
}
/* .enq_bnt::after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:90%;
    height:100%;
    background:url('../img/svg/dropdown_arrow.svg') , #313D47;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    border-radius: 50px;  
    z-index:-1;  
} */
/* ---------------------------- Navbar CSS */


.cls_header_bg {
    background-color:transparent;
    height:180px;
}
.show_header_bg1 {
    background-color:#000 !important;
    /* height:505px; */
    height:555px;
    /* transition: all 0.8s; */
    transition: all .7s cubic-bezier(.19,1,.22,1);
}
.show_header_bg2 {
    background-color:#000 !important;
    height:240px;
    /* transition: all 0.8s; */
    transition: all .7s cubic-bezier(.19,1,.22,1);
}
.dropdown {
    /* transition:all 0.8s; */
    transition: all .7s cubic-bezier(.19,1,.22,1);
}
.dropdown a.dropdown-toggle.nav-link {
    padding-left:2px ;
    padding-top: 15px;
    padding-bottom: 15px;
    transition:all 0.5s;
}
.open_megamenu{
    visibility: visible !important;
    opacity: 1 !important;
}
.add_black {
    background-color:#000 !important;
}
/* .dropdown:hover a.dropdown-toggle.nav-link  {
    padding-left:7%;
} */
.over_flow {
    overflow: hidden;
}
.megamenu {
    
    display: block;
    visibility: hidden;
    opacity:0;
    transition: all 0.5s;
    /* transition: all .7s cubic-bezier(.19,1,.22,1); */
    background-color: #000;
    border-radius: 0;
    margin-left: -1px;
    padding:20px 0px !important;
    top: 87% !important;
}
.megamenu li{
    height: 30px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
} 
.col-megamenu h5.top_spc {
    margin-top: 30px !important;
}
.col-megamenu h5 {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 0.08em;
    color:#fff;
    border-bottom: 1px solid #ffffff85;
    padding-bottom: 3px;
    width:fit-content;
    margin:10px 0px 5px 0!important;
}
.megamenu a {
    font-weight:300 !important;
    text-decoration: none;
    text-transform: capitalize !important;
}
.megamenu a:hover {
    color:#F47920 !important;
}
#main_nav{
    display: block !important;
}
.navbar-nav li.menu_link {
    width: 18%;
    margin-right: 35px;
    padding-bottom:1px;
    border-top: 1px solid rgba(255, 255, 255, 0.47);
    transition: all 0.5s;
    position: relative;
}

li.menu_link a{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    background-color: transparent;
    position: relative;
}
.navbar-nav li.menu_link:hover a.nav-link::before {
    transform: scale(1);
    transform-origin: left center;
}
.navbar-nav li.menu_link a.nav-link::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #F47920;
    top: -1px;
    left: 0;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .55s cubic-bezier(.33,0,.24,1);
}
.dropdown a::after {
    position:absolute;
    right: 2px;
    top: 12px;
    background-image:url(/assets/dropdown_arrow.671103eb775445a1de9e.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    width: 29px;
    height: 29px;
    border: 0px;
    transition: all 0.5s;
}
/* .dropdown:hover a::after {
    right: 7%;
} */
.mega_link {
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: transparent;
    border: 0px;
    color: #fff;
    font-family: 'Barlow';
    letter-spacing: 0.5px;
}
.row_border{
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    padding-top: 17px;
    margin-left: 10px;
    margin-right: 10px;
}
.menu_animate_box{
    transition: 1.5s cubic-bezier(.19,1,.22,1) ;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    opacity: 0;
    -webkit-transform: translateY(2.2rem);
    transform: translateY(2.2rem);
}
.animi_bx1 {
    transition-delay: .25s;
}
.animi_bx2 {
    transition-delay: .35s;
}
.animi_bx3 {
    transition-delay: .45s;
}
.animi_bx4 {
    transition-delay: .55s;
}
.submenu_animation{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.prk_col3 {
    /* border-right: 1px solid rgba(255, 255, 255, 0.35) ; */
    width: 165px !important;
    transition: all 0.6s;
}
.state_col {
    padding-left: 50px;
}

.navbar .megamenu{ padding: 1rem; }
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
	
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
	    max-height: 90vh;
	    margin-top:10px;
	}
}
/* ============ mobile view .end// ============ */

.contact_link a.nav-link {
    padding-top: 15px;
}




/* Search Input Overlay CSS */
.search_div
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    z-index: -2;
    background-color: rgb(0 0 0 / 85%);
    opacity:0;
    transition: all 1s;
}
.srch-box img {
    padding-left: 8px;
}
.srch-box .txt:hover {
    color: rgb(255 255 255 / 60%);
}
.search_div > .srch-row {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 60%;
}
.search_div .srch-row .col-12 {
    width: 100%;
    background-color: #fff;
    padding: 40px 35px;
}
input.srch-input {
    border: 0px;
    border-bottom: 1px solid #eb7d2b;
    width: 100%;
    font-family: 'Barlow';
    font-size: 25px;
    font-weight: 100;
    background: transparent;
}
input.srch-input:focus
{
    outline: none;
}

.srch-btn {
    background-color: transparent;
    border: none;
    position: absolute;
    padding: 0;
    right: 38px;
    width: 16px;
    top: 45px;
}
.srch-btn img
{
    width: 100%;
}
.cls-btn
{
    width: 25px;
    height: 25px;
    position: absolute;
    right: 50px;
    top: 50px;
    padding-top: 14px;
    cursor: pointer;
}
span.line1 {
    width: 100%;
    height: 2px;
    background: #fff;
    float: left;
    transform: rotate(45deg);
}
span.line2 {
    width: 100%;
    height: 2px;
    background: #fff;
    float: left;
    transform: rotate(-45deg);
    margin-top: -2px;

}
.park_menu_col1 {
    padding-right: 30px;
}
.park_menu_col1 a {
    display: block;
    width:100%;
}
.park_menu_col1 img{
    width: 100%;
    margin-top: 12px;
}
.bk_vst_btn {
    display: flex !important;
    margin-top: 10px;
    background-color: #313D47 !important;
    width: 100% !important;
    text-align: center;
    height: 57px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.col_offset{
    margin-left:4.166666667%
}
.explore_menus li , .esg_menus li{
    justify-content: center;
}
#mobile_menu {
    display: none;
}
.mobile_nav {
    display: none;
}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1369px) {
    .hdr_container {
        max-width: 1250px;
    }
    .header_top_bar {
        padding-bottom: 7px;
        padding-top: 20px;
    }
}




.mob_search_dv {
    padding: 0 10px 0 15px;
    display: none;
}
.mob_search_dv form{
    position: relative;
}
.mob_search_dv .srch-btn {
    right: 9px;
    top: 7px;
}
.mob_search_dv input.srch-input {
    border-bottom: 1px solid #fff;
    border: 1px solid #fff;
    padding: 7px;
    color: #fff;
    font-weight: 200;
    font-size: 16px;
    border-radius: 5px;
}
.mob_search_dv input.srch-input::placeholder {
    color: #fff;
    font-weight: 200;
    font-size: 16px;
}
.mob_search_dv .srch-btn img {
    width: 83%;
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {


    .header_sec {
        overflow: hidden;
    }
    .desktop_header2 {
        display:none !important;
    }
    /*------------------------- mobile menu css start*/
    #mobile_menu, .mobile_nav  {
        display: block;
        order:3;
        font-family: 'Barlow'
    }
    .mobile_nav {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #F47920;
        top: 0;
        left: 0;
        padding: 30px;
        padding-left: 20px;
        z-index: 9;
        transform: translateX(101%);
        transition: all ease 0.6s;
        display: block;
        overflow: scroll;
        z-index: 14;
    }

    .mobile_nav a.nav-link {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 0.03em;
        padding: 0!important;
    }

    ul.navbar-nav li {
        border-bottom: 1px solid #d6d6d6;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 15px 0;
        transition-delay: 2s;
    }

    ul.dropdown-menu {
        background-color: transparent;
        border: none;
    }
    
    ul.dropdown-menu li {
        padding: 5px  0;
    }

    ul.navbar-nav li a.dropdown-item {
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.05em;
        padding-left: 0px;
    }
    
    ul.dropdown-menu {
        padding-left: 10px;
    }

    
    .open_mob_nav {
        transform: translateX(0%);
        
    }
    img.close_mob_nav {
        float: right;
        width: 17px;
    }

    
    div#mob_accordian {
        margin-top: 50px;
    }
    #mob_accordian ul{
        padding-left:0px;
    }

    #mob_accordian li {
        list-style-type: none;
    }
    #mob_accordian ul ul li a{
        color: white;
        text-decoration: none;
        font-size: 14px;
        line-height: 27px;
        display: block;
        padding: 0 15px;
        transition: all 0.15s;
        position: relative;
        font-family: 'barlow';
    }
    .lv_1 {
        font-size: 24px !important;
        line-height: 40px !important;
        font-weight: 600;
    }
    .lv_2 {
        font-size: 16px !important;
        line-height: 35px !important;
        font-weight:500;
    }
    .lv_3 {
        font-size: 15px !important;
        line-height:30px !important;
        font-weight:400;
    }
    .lv_3ul {
        border-bottom: 1px solid #fff;
        border-left: 0px solid !important;
        padding: 10px 0px;
    }
    #mob_accordian ul ul li.active >  a {
        color: #313d47;
    }
    #mob_accordian ul ul li.active >  a.book_visit_btn {
        color: #fff !important;
    }
    #mob_accordian ul ul li.active a:hover { 
        color: #313d47;
    }
    #mob_accordian ul ul {
        display: none;
    }
    #mob_accordian li.active>ul {
        display: block;
    }
    #mob_accordian ul ul ul {
        margin-left: 15px;
        border-left: 1px dotted #313d47;
    }
    #mob_accordian a:not(:only-child):after {
        content: "+";
        font-family:'barlow';
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 25px;
        font-weight: 300;
    }
    #mob_accordian .active>a:not(:only-child):after {
        content: "-";
    }
    .mob_search_dv {
        display: block;
    }
    .bk_vst_btn {
        width: fit-content !important;
        margin-left: 15px;
        height: 40px;
        margin-bottom: 20px;
    }
    
    /*------------------------- mobile menu css End*/

    

    img.white_logo {
        width: 115px;
    }
    .header_top_bar {
        width:100%;
        margin: auto;
        padding-top: 25px;
    }
    .hdr_container {
        padding: 0 20px;
        height: 80px;
    }
    .hr_contact_no {
        /* display: none; */
        border-right: 1px solid #fff;
        border-left: 0;
        font-size: 10px;
        text-align: right;
        padding-left: 0;
        padding-right: 10px;
        margin-right: 4px;
        line-height: 15px;
    }
    .search_box {
        order: 2;
        width: 35px;
        height: 35px;
        margin-right: 10px;
        display: none;
    }
    .search_box img {
        width: 14px;
    }
    .enq_bnt {
        height: 30px;
        width: 100px !important;
        font-size: 9px;
        margin-right: 10px;
    }
    .desk_menu_row {
        display: none;
    }


    .search_div > .srch-row {
        width: 90%;
    }
    .search_div .srch-row .col-12 {
        padding: 35px 15px;
    }
    .cls-btn {
        right: 20px;
    }

}


/*---------------------------------------------------------------- Tab screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .header_sec {
        overflow: hidden;
    }
    .desktop_header2 {
        display:none !important;
    }
    /*------------------------- Tab menu css start*/
    #mobile_menu, .mobile_nav  {
        display: block;
        order:3;
        font-family: 'Barlow'
    }
    .mobile_nav {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #F47920;
        top: 0;
        left: 0;
        padding: 30px;
        z-index: 9;
        transform: translateX(101%);
        transition: all ease 0.6s;
        display: block;
        overflow: scroll;
    }

    .mobile_nav a.nav-link {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 0.03em;
        padding: 0!important;
    }

    ul.navbar-nav li {
        border-bottom: 1px solid #d6d6d6;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 15px 0;
        transition-delay: 2s;
    }

    ul.dropdown-menu {
        background-color: transparent;
        border: none;
    }
    
    ul.dropdown-menu li {
        padding: 5px  0;
    }

    ul.navbar-nav li a.dropdown-item {
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.05em;
        padding-left: 0px;
    }
    
    ul.dropdown-menu {
        padding-left: 10px;
    }

    .dropdown a::after {
        background-image: url(/assets/arrow-65-16.ed4af4fc94078b28d634.png);
        width: 20px;
    }
    a.nav-link.dropdown-toggle.show::after {
        transform: rotate(180deg);
    }

    ul.dropdown-menu.show li:nth-last-child(1) {
        border-bottom: none;
    }

    a.nav-link.dropdown-toggle.show {
        color: #313D47;
    }

    .open_mob_nav {
        transform: translateX(0%);
        
    }
    img.close_mob_nav {
        float: right;
    }

    div#mob_accordian {
        margin-top: 50px;
    }
    #mob_accordian ul{
        padding-left:0px;
    }

    #mob_accordian li {
        list-style-type: none;
    }
    #mob_accordian ul ul li a{
        color: white;
        text-decoration: none;
        font-size: 14px;
        line-height: 27px;
        display: block;
        padding: 0 15px;
        transition: all 0.15s;
        position: relative;
        font-family: 'barlow';
    }
    .lv_1 {
        font-size: 24px !important;
        line-height: 40px !important;
        font-weight: 600;
    }
    .lv_2 {
        font-size: 16px !important;
        line-height: 35px !important;
        font-weight:500;
    }
    .lv_3 {
        font-size: 15px !important;
        line-height:30px !important;
        font-weight:400;
    }
    .lv_3ul {
        border-bottom: 1px solid #fff;
        border-left: 0px solid !important;
        padding: 10px 0px;
    }
    #mob_accordian ul ul li.active >  a {
        color: #313d47;
    }
    #mob_accordian ul ul li.active a:hover { 
        color: #313d47;
    }
    #mob_accordian ul ul {
        display: none;
    }
    #mob_accordian li.active>ul {
        display: block;
    }
    #mob_accordian ul ul ul {
        margin-left: 15px;
        border-left: 1px dotted #313d47;
    }
    #mob_accordian a:not(:only-child):after {
        content: "+";
        font-family:'barlow';
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 25px;
        font-weight: 300;
    }
    #mob_accordian .active>a:not(:only-child):after {
        content: "-";
    }
    /*------------------------- Tab menu css End*/

    

    img.white_logo {
        width: 40%;
        margin-top: 7px;
    }
    .header_top_bar {
        width:100%;
        margin: auto;
        padding-top: 25px;
    }
    .hdr_container {
        padding: 0 20px;
        height: 100px;
    }
    .search_box {
        order: 2;
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
    .hr_contact_no {
        font-size: 14px;
        border-right: 1px solid #fff;
        border-left: 0;
        text-align: right;
        padding-left: 0;
        padding-right: 15px;
        margin-right: 15px;
        line-height: 15px;
    }
    .search_box img {
        width: 14px;
    }
    .enq_bnt {
        height: 45px;
        width: 127px !important;
        font-size: 11px;
        margin-right: 10px;
    }
    .desk_menu_row {
        display: none;
    }


    .search_div > .srch-row {
        width: 90%;
    }
    .search_div .srch-row .col-12 {
        padding: 35px 15px;
    }
    .cls-btn {
        right: 20px;
    }
    .bk_vst_btn {
        width: fit-content !important;
        margin-left: 15px;
        height: 40px;
        margin-bottom: 20px;
    }

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
   
    /* .hr_contact_no {
        font-size: 15px;
        margin-right: 15px;
    }
    .search_box {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .search_box img {
        width: 16px;
    }

    .desktop_header2 li.menu_link a {
        font-size: 13px;
    } */

    .header_sec {
        overflow: hidden;
    }
    .desktop_header2 {
        display:none !important;
    }
    /*------------------------- mobile menu css start*/
    #mobile_menu, .mobile_nav  {
        display: block;
        order:3;
        font-family: 'Barlow'
    }
    .mobile_nav {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #F47920;
        top: 0;
        left: 0;
        padding: 30px;
        padding-left: 20px;
        z-index: 9;
        transform: translateX(101%);
        transition: all ease 0.6s;
        display: block;
        overflow: scroll;
    }

    .mobile_nav a.nav-link {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 0.03em;
        padding: 0!important;
    }

    ul.navbar-nav li {
        border-bottom: 1px solid #d6d6d6;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 15px 0;
        transition-delay: 2s;
    }

    ul.dropdown-menu {
        background-color: transparent;
        border: none;
    }
    
    ul.dropdown-menu li {
        padding: 5px  0;
    }

    ul.navbar-nav li a.dropdown-item {
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.05em;
        padding-left: 0px;
    }
    
    ul.dropdown-menu {
        padding-left: 10px;
    }

    
    .open_mob_nav {
        transform: translateX(0%);
        
    }
    img.close_mob_nav {
        float: right;
        width: 17px;
    }

    
    div#mob_accordian {
        margin-top: 50px;
    }
    #mob_accordian ul{
        padding-left:0px;
    }

    #mob_accordian li {
        list-style-type: none;
    }
    #mob_accordian ul ul li a{
        color: white;
        text-decoration: none;
        font-size: 14px;
        line-height: 27px;
        display: block;
        padding: 0 15px;
        transition: all 0.15s;
        position: relative;
        font-family: 'barlow';
    }
    .lv_1 {
        font-size: 24px !important;
        line-height: 40px !important;
        font-weight: 600;
    }
    .lv_2 {
        font-size: 16px !important;
        line-height: 35px !important;
        font-weight:500;
    }
    .lv_3 {
        font-size: 15px !important;
        line-height:30px !important;
        font-weight:400;
    }
    .lv_3ul {
        border-bottom: 1px solid #fff;
        border-left: 0px solid !important;
        padding: 10px 0px;
    }
    #mob_accordian ul ul li.active >  a {
        color: #313d47;
    }
    #mob_accordian ul ul li.active a:hover { 
        color: #313d47;
    }
    #mob_accordian ul ul {
        display: none;
    }
    #mob_accordian li.active>ul {
        display: block;
    }
    #mob_accordian ul ul ul {
        margin-left: 15px;
        border-left: 1px dotted #313d47;
    }
    #mob_accordian a:not(:only-child):after {
        content: "+";
        font-family:'barlow';
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 25px;
        font-weight: 300;
    }
    #mob_accordian .active>a:not(:only-child):after {
        content: "-";
    }
    .bk_vst_btn {
        width: fit-content !important;
        margin-left: 15px;
        height: 40px;
        margin-bottom: 20px;
    }
    /*------------------------- mobile menu css End*/

    

    
    .header_top_bar {
        width:100%;
        margin: auto;
        padding-top: 25px;
    }
    .hdr_container {
        padding: 0 20px;
        height: 100px;
    }
    .hr_contact_no {
        border-right: 1px solid #fff;
        border-left: 0;
        text-align: right;
        padding-left: 0;
        padding-right: 15px;
        margin-right: 15px;
        line-height: 15px;
        font-size:14px;
    }
    .search_box {
        order: 2;
        width: 45px;
        height: 45px;    
        margin-right: 10px;
    }
    .search_box img {
        width: 14px;
    }
    .enq_bnt {
        height: 50px;
        /* width: 140px !important; */
        font-size: 13px;
        margin-right: 20px;
    }
    .desk_menu_row {
        display: none;
    }


    .search_div > .srch-row {
        width: 90%;
    }
    .search_div .srch-row .col-12 {
        padding: 35px 15px;
    }
    .cls-btn {
        right: 20px;
    }
    
}
_::-webkit-full-page-media, _:future, :root .chrome_spot_img {
	display:none;
}
_::-webkit-full-page-media, _:future, :root .safari_spot_img {
	display:block;
}
 
.chrome_spot_img {
	display:block;
}
.safari_spot_img {
	display:none;
}

.home_spotlight_slider_sec {
    width:100%;
    height:100vh;
    position: relative;
    position: fixed;
    transition: opacity .5s ease;
    isolation: isolate;
}
.home_spotlight_space {
    width:100%;
    height:100vh;
}
/* 
.sld_arrow {
    transform: translate(-400px, 400px);
    transition: all .8s ease .3s;
    opacity: 0;
}

.sld_arrow {
    transform: translate(-400px, 400px);
    transition: all .8s ease .3s;
    opacity: 0;
} */

.remove-trnsfrm {
    transform: none;
    opacity: 1;
}
.home_slider ,.home_slider .slick-list , .home_slider .slick-track , .home_slider .slick-slide div{
    height:100%;
}

.hm_sld {
    width:100%;
    height:100%;
    position: relative;
}
.hs_content {
    display: flex;
    height: 75% !important; 
    align-items: flex-end;
}
.inner_cnt {
    height: fit-content !important;
    z-index:9999;
}
_::-webkit-full-page-media, _:future, :root .inner_cnt {
    height: 195px !important;
}
.spot_video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
}
.sticky_arrow {
    position: absolute;
    top: auto;
    bottom: 0 !important;
    right: 100px !important;
    width: 57% !important;
}
.hip_tag_img {
    position: absolute;
    left: 260px !important;
    top: 153px;
    width: 65px;
}
.hs_1 {
    /* background-image:url('../img/home_spotlight1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top; */
}
.hs_0 {
    background-image:url(/assets/hip_banner1.79191b4c723de5cb9efd.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.hs_2 {
    background-image:url(/assets/home_sptlgt1.5ed5cd7086c5424b8087.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.hs_3 {
    background-image:url(/assets/home_spotlight1.03b89f967f2cd9372784.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.home_slider .slick-prev {
    left: 341px !important;
    top: 740px;
    /* border: 1px solid #000!important; */
}
.home_slider .slick-next {
    left: 425px !important;
    top: 740px;
    /* border: 1px solid #000!important; */
}
.home_slider .slick-prev:before {
    background-image:url(/assets/sldr_left_arrow_wht.ecdead77b1f66bb2c68e.svg) !important;
}
.home_slider .slick-next:before {
    background-image:url(/assets/sldr_right_arrow_wht.da6c5591592302368e2b.svg) !important;
}
.sld_arrow {
    mix-blend-mode: color;
    position: absolute;
    bottom: 0;
    right: -165px;
    width: 80%;
    /* z-index: 1; */
}
.ovrly_box {
    position: absolute;
    /* background-color: rgb(101 109 118 / 30%); */
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
}
.spot_rvl_animation {
    overflow: hidden;
    margin-bottom: 20px;
}
.spot_hd {
    transition: all ease-in-out 0.8s;
    margin-bottom: 0;
    margin-left: 3px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 44px;
    width: 400px;
}
.sp_sld1_txt {
    text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.30);
    transition: all ease-in-out 0.8s;
}
.sound_btn {
    
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 40px;
    background: rgb(0 0 0 / 40%);
    padding: 5PX;
    width: 50px;
    height: 50px;
    transition: all 0.5s;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 90px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.sound_btn img {
    width: 20px;
    filter: invert(1);
}


@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {

    .sticky_arrow {
        position: absolute;
        top: auto;
        bottom: 0 !important;
        right: 50px !important;
        width: 45% !important;
    }
    .home_slider .slick-prev {
        left: 50px !important;
    }
    .home_slider .slick-next {
        left: 125px !important;
    }
    .home_slider .slick-prev , .home_slider .slick-next {
        top:540px;
    }

    .hs_content {
        height: 81% !important; 
        align-items: end;
    }

    .hip_tag_img {
        left: 15px !important;
    }

}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {

    .sticky_arrow {
        position: absolute;
        top: auto;
        bottom: 0 !important;
        right: 25px !important;
        width: 55% !important;
    }
    .home_slider .slick-prev {
        left: 65px !important;
    }
    .home_slider .slick-next {
        left: 145px !important;
    }
    .home_slider .slick-prev , .home_slider .slick-next {
        top:540px;
    }

    .hs_content {
        height: 81% !important; 
        align-items: flex-end;
    }
    .hip_tag_img {
        left: 50px !important;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {

    .sticky_arrow {
        position: absolute;
        top: auto;
        bottom: 0 !important;
        right: 50px !important;
        width: 57% !important;
    }
    .home_slider .slick-prev {
        left: 100px !important;
    }
    .home_slider .slick-next {
        left: 180px !important;
    }
    .home_slider .slick-prev , .home_slider .slick-next {
        top:615px;
    }

    .hs_content {
        height: 81% !important; 
        align-items: flex-end;
    }
    .hip_tag_img {
        left: 12px !important;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {

    .sticky_arrow {
        position: absolute;
        top: auto;
        bottom: 0 !important;
        right: 50px !important;
        width: 57% !important;
    }
    .home_slider .slick-prev {
        left: 180px !important;  
    }
    .home_slider .slick-next {
        left: 260px !important;
    }

    .home_slider .slick-prev , .home_slider .slick-next {
        top:640px;
    }

    .hs_content {
        height: 81% !important; 
        align-items: flex-end;
    }
    .hip_tag_img {
        left: 92px !important;
    }
}

@media screen and (max-width: 1600px) and (min-height: 905px) and (max-height: 906px) {
 
    .home_slider .slick-prev , .home_slider .slick-next {
        top:740px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .home_slider .slick-prev {
        left: 150px !important;  
    }
    .home_slider .slick-next {
        left: 225px !important;
    }
    .home_slider .slick-prev , .home_slider .slick-next {
        top:620px;
    }

    .hs_content {
        height: 81% !important; 
        align-items: flex-end;
    }
    .hip_tag_img {
        left: 60px !important;
    }
} 


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .home_spotlight_slider_sec {
        height: 55vh;
        overflow: hidden;
    }
    .home_slider .slick-prev {
        left: 20px !important;
        top: auto;
        bottom: 0;
    }
    .home_slider .slick-next {
        left: 75px !important;
        top: auto;
        bottom: 0;
    }
    .hs_content {
        padding-left: 20px;
        align-items: flex-end;
        height: 85% !important;
    }
    .hip_tag_img {
        left: 19px !important;
        width: 35px;
        top: 90px;
    }
    .sticky_arrow {
        bottom: 0 !important;
        right: 15px !important;
        width: 60% !important;
    }
    .home_spotlight_space {
        width: 100%;
        height: 55vh;
    }
    _::-webkit-full-page-media, _:future, :root .inner_cnt {
        height: 80px !important;
    }
    .sp_sld1_txt {
        margin-bottom: 2px;
    }    
    .spot_hd {
        font-size: 17px;
        line-height: 19px;
        width: 200px;
    }
    .spot_video {
        object-fit: contain;
    }
    .sound_btn { 
        width:35px;
        height:35px;
        right: auto;
        left: 20px;
        bottom: 80px;
    }
    .sound_btn img {
        width:15px;
    }
    
}

/*---------------------------------------------------------------- Tab screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .home_spotlight_slider_sec {
        height:90vh;
    }
    .home_spotlight_space {
        height: 90vh;
    }
    .hip_tag_img {
        top: 110px;
        left: 20px !important;
        width: 55px;
    }
    .sticky_arrow {
        right: 40px !important;
    }
    .home_slider .slick-prev {
        left: 35px !important;
        top: auto;
        bottom: 50px;
    }
    .home_slider .slick-next {
        left: 100px !important;
        top: auto;
        bottom: 50px;
    }
    _::-webkit-full-page-media, _:future, :root .inner_cnt {
        height: 150px !important;
    }
    .sp_sld1_txt {
        margin-bottom: 2px;
    }    
    .spot_hd {
        font-size: 35px;
        line-height: 40px;
        width: 350px;
    }
    

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .home_slider .slick-next {
        left: 110px !important;
        top: auto;
        bottom: 95px;
    }
    .home_slider .slick-prev {
        left: 35px !important;
        top: auto;
        bottom: 95px;
    }
    .sticky_arrow {
        right: 50px !important;
    }
    .hs_content {
        height: 72%!important;
    }
    _::-webkit-full-page-media, _:future, :root .inner_cnt {
        height: 160px !important;
    }

    .hip_tag_img {
        top: 110px;
        left: 20px !important;
        width: 55px;
    }

    .spot_hd {
        font-size: 38px;
        line-height: 40px;
        width: 350px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 991px) 
{
    .sound_btn { 
        width:45px;
        height:45px;
        right: auto;
        left: 20px;
        bottom: 46px;
    }
    .sound_btn img {
        width:18px;
    }
}
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}


.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/assets/ajax-loader.fb6f3c230cb846e25247.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/a4e97f5a2a64f0ab1323.eot);
    src: url(/a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/295183786cd8a1389865.woff) format('woff'), url(/c94f7671dcc99dce43e2.ttf) format('truetype'), url(/assets/slick.2630a3e3eab21c607e21.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.agile_sec{
    padding: 100px 0px 100px 0px;
    background-color:#fff;
}

.agile_row {
    display: flex;
    align-items: center;
}

.agile_col_title{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 24px;
    line-height: 26.64px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #F47920;
    opacity: 0;
}

.col_row_2{
    padding-top: 20px;
}
.agile_col2_img {
    width: 100%;
}
.agile_col2_img img {
    width: 91%;
}
.agile_col2 .agile_col_title {
    margin-top: 27px;
}
.agile_col1 .agile_img{
    margin: 44px 0px 40px 0px;
    height: auto;
}
.agile_col2 .agile_img {
    margin: 31px 0px 40px 0px;
    object-fit: cover;
    object-position: top;

}
.agile_img{
    margin: 20px 0px 30px 0px;
}
.para_pd{
    padding-right: 80px;
}
.btn_spc{
    margin-top: 35px;
}
.gloabl_video {
    width:91%;
    height: 336px;
    object-fit: cover;
}

:not(:root):fullscreen {
    object-fit: contain !important;
}

.p_opacity {
    opacity:0;
}
.mobile_btn {
    display: none;
}


.agile_sec .add_border {
    border-top: 1px dashed #2BB04C;  
}

.agile_sec .section_name {
    border: none;
    padding-bottom: 0;
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .agile_sec {
        overflow: hidden;
        padding: 70px 0px 40px 0px;
    }
    .agile_row {
        margin-top: 30px;
    }
    .agile_sec .agile_img {
        width:100%;
        margin: 5px 0 30px 0;
    }   
    .para_pd {
        padding-right:0px;
    }
    .agile_col_title  {
        font-size: 16px;
        line-height: 18px;
    }
    .agile_col_title br {
        display: none;
    }
    .desktop_btn{
        margin-bottom: 30px !important;
    }
    /* .desktop_btn {
        display: none;
        
    }
    .mobile_btn {
        display: block;
    } */
    .gloabl_video {
        height:auto;
    }
    .agile_col2 .agile_img {
        height: 200px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .agile_sec {
        padding: 60px 0px 60px 0px;
    }
    .para_pd {
        padding-right: 30px;
    }

    .agile_img {
        margin: 20px 0px 30px 0px;
    }
    .agile_col_title {
        font-size: 21px;
    }
    .gloabl_video {
        height:auto;
    }
    .agile_col2 .agile_img {
        height: 193px;
    }
    .agile_col1 .agile_img {
        margin-bottom: 45px;
    }
    .agile_col2 .agile_img {
        margin-bottom: 45px;
        margin-top: 41px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .reveal_img {
        width: 100%;
    }
    .agile_col_title {
        font-size: 21px;
        line-height: 26.64px;
    }
    .gloabl_video {
        height:auto;
    }
    .agile_col2 .agile_img {
        height: 255px;
    }
    .para_pd {
        padding-right: 15px;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {

    .agile_col2 .agile_img {
        margin-top: 22px;
    }

}
.assets_sec{
    background-color: #EFEFEF;
    padding: 60px 0px 60px 0px;
}
.assts_hd_row {
    margin-bottom: 20px;
}
.assts_cnt_row {
    margin-top:30px;
}
.value_assets_sub_hd{
    color: #313D47;
    padding-bottom: 18px;
    border-bottom: 1px solid #313d4766;
}
.ast_img {
    margin: auto;
    margin-top: 66px;
    margin-left: 100px;
    max-width: 87%;
}
.milion_hd{
    color: #F47920;
    /* margin-top: 17px;
    margin-bottom: 20px; */
}
.vlu_assets_inner_box1 
{
    padding-top: 65px;
}
.vlu_assets_inner_box2 {
    padding-top:44px;
}
.assets_subpoints{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19.2px;
    align-items: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #313D47;
    /* margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #313d4780; */

}

.assets_sec .add_border {
    border-top: 1px solid #313d4766;
    margin-top: 12px;
    margin-bottom: 10px;
}

.assets_sec .value_assets_sub_hd {
    padding-bottom: 0px;
    border: none;
}


.assets_subpoints_sub_heading{
    font-family: 'Barlow';
    font-weight: 700;
    font-size: 32px;
    line-height: 35.52px;
    text-transform: uppercase;
    margin-bottom:0px;
    color:#F47920;
}

/* Heading Text Animation */
.vlu_sub_hd_animate {
    position: relative;
    overflow: hidden;
    float: left;
    height: 63px;
    width: 100%;
  
} 
.vlu_sub_hd_animate p {
    position: absolute;
    transform: translate(0px, 100px);
}

#svg{
    width:50%;
}
.ani{
    stroke: black;
    stroke-width: .2px;
    fill-opacity: 0;
}
/* .svg_crl1 {
    fill:"#BBBDBF";
} */
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .assets_sec {
        padding:40px 0 40px 0;
    }
    .ast_img {
        width: 100%;
        margin-top: -24px;
        margin-left: 0px;
    }

    .assts_cnt_row {
        display: flex;
    }
    .asst_col1 {
        order:2;
        margin-top: 30px;
        width: 60.333333%;
    }
    .asst_col2 {
        order:1;
    }
    .asst_col3 {
        order:3;
    }

    .vlu_assets_inner_box1 {
        padding-top: 0;
    }
    .vlu_assets_inner_box2 {
        padding-top: 0;
    }
    .assets_subpoints_sub_heading {
        font-size: 19px;
        line-height: 13px;
    }
    .vlu_sub_hd_animate {
        height: 40px;
    }

    .milion_hd{
        font-size: 34px;
        line-height: 21px !important;
    } 
    .assets_subpoints{
        font-size: 13px;
        line-height: 17.2px;
    }

}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {


    .assets_sec { 
        padding: 40px 0px 40px 0px;
    }

    .asst_col2 {
        text-align: center;
    }

    .ast_img {
        margin: auto;
        margin-top: 66px;
        margin-left: 100px;
        max-width: 87%;
    }

    .assts_hd_row {
        margin-bottom: 0px;
    }
    .assts_cnt_row{
        margin: 0px;
    }
}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .assts_hd_row {
        margin-bottom: 0;
    }
    .ast_img {
        margin: auto;
        margin-top: 75px;
        margin-left: 40px;
        max-width: 90%;
    }
    .assets_subpoints_sub_heading {
        font-size: 26px;
        line-height: 25px;
    }
    .vlu_sub_hd_animate {
        height: 30px;
    }
    .vlu_assets_inner_box2 {
        margin: 30px 0;
    }
    .vlu_assets_inner_box1 {
        padding-top: 40px;
    }

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    .assets_subpoints_sub_heading{
        font-size: 26px;
    }
    .assets_subpoints{
        font-weight: 500;
        font-size: 17px;
    }
    .ast_img {
        margin: auto;
        margin-top: 78px;
        margin-left: 62px;
        max-width: 87%;
    }
}
.park_sec {
  padding: 80px 0 52px 335px;
  overflow: hidden;
}

.map_sec_name {
  width: 60%;
  margin-bottom: 25px;
}
.park_sec_hd {
  margin-top: 21px;
  margin-bottom: 18px;
}
.map_dv {
  position: relative;
}
.prk_wht .slick-arrow {
  background-color: #fff;
}

.ncr_dv {
  top: 195px;
  left: 180px;
}
.ncr_dv .sd_name_box {
  position: absolute;
  right: 90px;
}
.ncr_dv:hover .sd_name_box {
  opacity: 1;
}
.ahmedabad_dv {
  top: 334px;
  left: 66px;
}
.ahmedabad_dv .sd_name_box {
  position: absolute;
  right: 65px;
}
.ahmedabad_dv .sd_name_box:after {
  right: -15px;
  width: 15px;
}
.ahmedabad_dv:hover .sd_name_box {
  opacity: 1;
}
.ahmedabad_dv .sd_pin_box {
  margin-right: 7px;
}
.mumbai_dv {
  top: auto;
  bottom: 255px;
  left: 88px;
}
.mumbai_dv:hover .sd_name_box {
  opacity: 1;
}
.mumbai_dv .sd_name_box {
  position: absolute;
  right: 74px;
}
.mumbai_dv .sd_name_box::after {
  right: -33px;
  width: 33px;
}
.indore_dv {
  top: auto;
  bottom: 353px;
  left: 126px;
  cursor: inherit !important;
}
.indore_dv .sd_name_box {
  position: absolute;
  left: 97px;
}
.indore_dv .sd_name_box::after {
  left: -46px;
}
.indore_dv:hover .sd_name_box {
  opacity: 1;
}

.nashik_dv {
  top: auto;
  bottom: 296px;
  left: 106px;
  cursor: inherit !important;
}
.nashik_dv .sd_name_box {
  position: absolute;
  right: 85px;
}
.nashik_dv:hover .sd_name_box {
  opacity: 1;
}
.bhiwandi_dv {
  top: auto;
  bottom: 265px;
  left: 136px;

  flex-direction: column;
}
.bhiwandi_dv .sd_name_box {
  position: absolute;
  left: 96px;
}
.bhiwandi_dv .sd_name_box::after {
  left: -46px;
}
.bhiwandi_dv:hover .sd_name_box {
  opacity: 1;
}

.pune_dv {
  top: auto;
  bottom: 218px;
  left: 151px;
}
.pune_dv .sd_name_box {
  margin-right: 0;
  margin-top: 4px;
  transition: all 0.8s;
  position: absolute;
  right: 96px;
}
.pune_dv:hover .sd_name_box {
  opacity: 1;
}
.goa_dv {
  top: auto;
  bottom: 160px;
  left: 118px;
}
.goa_dv .sd_name_box {
  position: absolute;
  right: 92px;
}
.goa_dv:hover .sd_name_box {
  opacity: 1;
}
.bengaluru_dv {
  top: auto;
  bottom: 119px;
  left: 185px;
}
.bengaluru_dv .sd_name_box {
  position: absolute;
  right: 96px;
}
.bengaluru_dv:hover .sd_name_box {
  opacity: 1;
}
.bengaluru_dv .sd_pin_box {
  margin-right: 6px;
}

.chennai_dv {
  top: auto;
  bottom: 103px;
  left: auto;
  right: 351px;
}
.chennai_dv .sd_name_box {
  position: absolute;
  right: -228px;
}
.chennai_dv .sd_name_box::after {
  left: -46px;
}
.chennai_dv:hover .sd_name_box {
  opacity: 1;
}
.chennai_dv .sd_pin_box {
  margin-right: 6px;
  cursor: pointer;
}

.hyderabad_dv {
  top: auto;
  bottom: 230px;
  left: auto;
  right: 362px;
}
.hyderabad_dv .sd_name_box {
  position: absolute;
  right: -180px;
}
.hyderabad_dv .sd_name_box::after {
  left: -46px;
}
.hyderabad_dv:hover .sd_name_box {
  opacity: 1;
}
.hyderabad_dv .sd_pin_box {
  margin-right: 6px;
}

.nagpur_dv {
  top: auto;
  bottom: 320px;
  left: 200px;
}
.nagpur_dv .sd_name_box {
  position: absolute;
  right: -180px;
}
.nagpur_dv .sd_name_box::after {
  left: -46px;
}
.nagpur_dv:hover .sd_name_box {
  opacity: 1;
}
.nagpur_dv .sd_pin_box {
  margin-right: 6px;
}
.kolkata_dv {
  top: 350px;
  right: 177px;
  cursor: inherit !important;
}
.kolkata_dv:hover .sd_name_box {
  opacity: 1;
}
.kolkata_dv .sd_name_box {
  position: absolute;
  right: 88px;
}
.state_dv {
  width: -moz-fit-content;
  width: fit-content;
  height: fit-content;
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
  opacity: 0;
  transform: scale(0);
  gap: 57px;
}
.state_dv:hover .sd_pin_box {
  transform: scale(1.3);
  background: #313d47;
}
.state_active {
  transform: scale(1.3);
  background: #313d47 !important;
}

.state_active1 {
  background: #313d47cc !important;
  opacity: 1 !important;
}
.state_dv:hover .park_no_dv,
.state_dv:hover .sd_name_box {
  background: #313d47cc;
}
.state_dv:hover .sd_name_box {
  z-index: 1;
}

.kolkata_dv:hover .sd_pin_box {
  background: #313d47;
  transform: scale(1.3);
}
.kolkata_dv:hover .park_no_dv {
  background: #313d47;
}
.kolkata_dv:hover .sd_name_box {
  opacity: 1;
}
.mumbai_dv:hover .sd_pin_box {
  background: #313d47;
  transform: scale(1.3);
}
.mumbai_dv:hover .park_no_dv {
  background: #313d47;
}
.mumbai_dv:hover .sd_name_box {
  opacity: 1;
}

.indore_dv:hover .sd_pin_box {
  background: #313d47;
  transform: scale(1.3);
}
.indore_dv:hover .park_no_dv {
  background: #313d47;
}
.indore_dv:hover .sd_name_box {
  background: #313d47;
  opacity: 1;
}

.nashik_dv:hover .sd_pin_box,
.bhiwandi_dv:hover .sd_pin_box {
  background: #313d47;
  transform: scale(1.3);
}
.nashik_dv:hover .park_no_dv,
.bhiwandi_dv:hover .park_no_dv {
  background: #313d47;
}
.nashik_dv:hover .sd_name_box,
.bhiwandi_dv:hover .sd_name_box {
  background: #313d47;
  opacity: 1;
}

/* .state_dv:hover .sd_pin_box img{
    width: 10px;
} */

.sd_name_box {
  background: #313d47cc;
  border-radius: 4px;
  padding: 4px 9px;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  margin-right: 7px;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  gap: 9px;
  position: relative;
  opacity: 0;
}
.sd_name_box::after {
  content: "";
  position: absolute;
  right: -46px;
  top: 14px;
  width: 48px;
  height: 1px;
  background: #313d47cc;
}
.state_count {
  display: flex;
  gap: 4px;
}
.state_count span {
  width: 18px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.active_stats {
  background: #2bb04c;
}
.planed_stats {
  background: #f47920;
}
.jv_stats {
  background: #a338d0;
}
.incity_stats {
  background: #530660;
}

p.state_name {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
}

.sd_pin_box {
  float: left;
  width: 35px;
  height: 35px;
  background: #313d47b2;
  border-radius: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  transition: all 0.4s;
  animation: fadein 0.5s;
  /* animation: pulse 1.5s infinite; */
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pulse {
  from {
    box-shadow: 0 0 0 0px #f47920;
  }
  to {
    box-shadow: 0 0 0 11px rgba(0, 0, 0, 0);
  }
}
.sd_pin_box img {
  width: 13px;
}
.park_no_dv {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
  background: #333d47;
  border-radius: 50px;
  padding: 4px;
  display: none;
}
.park_no {
  font-family: "Barlow";
  font-weight: 600;
  font-size: 9px;
  line-height: 7px;
  letter-spacing: 0.08em;
  color: #ffffff;
}
.park_active_status_dv {
  margin-top: 15px;
}
.park_active_status_dv div {
  width: 100%;
  float: left;
}
.park_active_status_dv img {
  margin-right: 20px;
  float: left;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 3px;
}
.park_active_status_dv p {
  font-family: "Barlow";
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #313d47;
  width: fit-content;
  float: left;
}

/*-------------------------------- Park Slider Col CSS start here */
.park_slider_sub_dv {
  position: relative;
  width: 100%;
  float: left;
  margin-top: 20px;
}
.park_info_dv {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  float: left;
}
.park_slider_outer_dv {
  float: left;
  width: 100%;
  margin-top: 20px;
}
#div1 {
  display: block;
}
.park_name_dv {
  border-radius: 50px;
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}
.park_name {
  font-family: "Barlow";
  font-weight: 600;
  font-size: 24px;
  line-height: 26.64px;
  text-transform: uppercase;
  color: #fff;
  width: fit-content;
  float: left;
  margin-bottom: 0px;
  margin-right: 35px;
  background: #f47920;
  padding: 15px 25px;
  border-radius: 90px;
}
.park_status {
  font-family: "Barlow";
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #313d47;
  width: fit-content;
  float: left;
  margin-bottom: 0px;
  margin-right: 20px;
}
.park_status span {
  font-weight: 700;
}

.park_main_slider .slick-list {
  padding: 0 100px 0 0 !important;
  height: 484px;
}
.park_main_slider .slick-slide.slick-active.slick-center.slick-current,
.park_main_slider .slick-slide.slick-active.slick-cloned {
  opacity: 1;
  transition: all 0.8s;
}

.park_main_slider
  .slick-slide.slick-active.slick-center.slick-current
  + .slick-active {
  opacity: 0.3;
  transition: all 0.8s;
}
.prk_content_dv {
  width: 100%;
  float: left;
  cursor: pointer;
  height: 425px;
  transition: all 0.5s;
}
.park_main_slider .slick-slide.slick-active .prk_content_dv:hover {
  height: 475px;
  margin-top: -22px;
}
.park_main_slider
  .slick-slide.slick-active
  .prk_content_dv:hover
  .arrow_circle {
  opacity: 1;
}
.park_main_slider .slick-slide.slick-active .prk_content_dv:hover .prk_btn {
  opacity: 1;
  display: block;
}
.park_sld {
  padding-right: 30px;
  padding-top: 25px;
}
.prk_img_dv {
  /* height: 190px; */
  height: 44%;
  position: relative;
  transition: all 0.5s;
}
.prk_img_dv > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.patch_dv {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #313d47;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  width: fit-content;
}
.patch_dv p {
  font-family: "Barlow";
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
}
.arrow_circle {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #f47920;
  border-radius: 50px;
  top: auto;
  bottom: -25px;
  right: 20px;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
}
.arrow_circle > img {
  width: 15px;
}
.prk_inner_content {
  border: 1px solid #dddddd;
  border-top: 0px;
  padding: 20px 20px 0px 20px;
  float: left;
  background-color: #fff;
  transition: all 0.5s;
  /* height:235px; */
  height: 55.5%;
  width: 100%;
}
.prk_cnt_vlu {
  float: left;
  width: 50%;
  overflow-wrap: break-word;
}
.prk_cnt_vlu p {
  width: 100% !important;
  text-align: end;
  display: block !important;
}
.prk_cnt_hd {
  width: 50%;
  float: left;
}
.prk_cnt_hd p {
  width: 100% !important;
}
.park_main_slider
  .slick-slide.slick-active
  .prk_content_dv:hover
  .prk_inner_content {
  padding-bottom: 25px;
}
/* IBGC CSS */
.igbc_status {
  font-family: "Barlow";
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f47920;
}
p.prk_name {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  display: flex;
  align-items: center;
  color: #313d47;
}
.prk_dv_1 {
  width: 100%;
  float: left;
}
p.area_hd,
.potential_hd,
.usage_hd {
  color: #989ea4;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  width: fit-content;
  float: left;
}
p.area_vlu,
.potential_hd_vlu,
.usage_hd_vlu {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #313d47;
  width: fit-content;
  float: right;
}
.usage_hd_vlu {
  float: right;
  margin-bottom: 0px;
  transition: all 0.5s;
}
.usage_hd {
  width: 25%;
}
.park_main_slider
  .slick-slide.slick-active
  .prk_content_dv:hover
  .usage_hd_vlu {
  padding-bottom: 10px;
}
.prk_btn {
  font-family: "Barlow";
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f47920;
  float: left;
  margin-top: 6px;
  opacity: 0;
  /* display: none; */
  transition: all 0.8s;
  width: 100%;
}
.prk_btn:hover {
  color: #f47920;
}
.park_info_dv .slick-prev {
  left: -87px !important;
  z-index: 1 !important;
  bottom: 100px;
  top: auto !important;
}
.park_info_dv .slick-next {
  left: -87px !important;
  z-index: 1 !important;
  bottom: 25px;
  top: auto !important;
}

/*-------------------------------- Park Slider Col CSS end here */

.park_dp_div {
  display: none;
}

#div2 .slick-track,
#div5 .slick-track,
#div8 .slick-track {
  margin: 0;
}
#div2 .slick-slide.slick-active.slick-cloned,
#div5 .slick-slide.slick-active.slick-cloned,
#div8 .slick-slide.slick-active.slick-cloned {
  display: none;
}
#div7 .slick-track,
#div4 .slick-track {
  margin: 0;
}
#div7 .slick-slide.slick-active.slick-cloned,
#div7 .slick-slide.slick-cloned,
#div4 .slick-slide.slick-active.slick-cloned,
#div4 .slick-slide.slick-cloned {
  display: none;
}

.park_inner_dv hr {
  border-bottom: 1px dashed #2bb04c;
}
.map_sec_name {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0px;
}
/* 
.park_main_slider .slick-list {
  transform: translateX(100%);
  transition: transform 0.9s ease 0.8s;
} */

.remov-trnsfrm {
  transform: none !important;
}
.mobile_prk_dv {
  display: none;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.chennai_slider .slick-track {
  margin-left: 0px;
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
  .park_sec {
    padding-left: 30px;
  }
  .prk_content_dv {
    height:500px;
  }
  .prk_inner_content {
      height: 42.5%;
  }
  .park_main_slider .slick-slide.slick-active .prk_content_dv:hover {
      height: 550px;
      margin-top: -22px;
  }
  /* .park_name_dv {
        width: 73%;
    } */
  .park_name {
    margin-right: 16px;
  }

  .kolkata_dv {
    right: 40px;
  }
  .nagpur_dv {
    left: 215px;
  }
  .hyderabad_dv {
    right: 125px;
  }
  .chennai_dv {
    right: 135px;
  }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
  .park_sec {
    padding-left: 60px;
  }
  /* .park_name_dv {
        width: 70%;
    } */
  .park_name {
    margin-right: 16px;
  }
  .prk_content_dv {
    height: 460px;
  }
  .park_main_slider .slick-slide.slick-active .prk_content_dv:hover {
    height: 525px;
    margin-top: -22px;
}
  .prk_inner_content {
    height: 51.5%;
}
  .kolkata_dv {
    right: 60px;
  }
  .nagpur_dv {
    left: 208px;
  }
  .hyderabad_dv {
    right: 140px;
  }
  .chennai_dv {
    right: 150px;
  }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
  .park_sec {
    padding-left: 95px;
  }
  /* .park_name_dv {
        width: 68%;
    } */
  .park_name {
    margin-right: 16px;
  }
  .prk_content_dv {
    height: 480px;
  }
  .park_main_slider .slick-slide.slick-active .prk_content_dv:hover {
      height: 536px;
      margin-top: -22px;
  }
  .kolkata_dv {
    right: 75px;
  }
  .nagpur_dv {
    left: 213px;
  }
  .hyderabad_dv {
    right: 270px;
  }
  .chennai_dv {
    right: 257px;
    bottom: 118px;
  }
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1499px) {
  .park_sec {
    padding-left: 40px;
  }
  /* .park_name_dv {
        width: 68%;
    } */
  /* .park_name {
        margin-right: 16px;
    } */

  .kolkata_dv {
    right: 113px;
  }

  .hyderabad_dv {
    right: 184px;
  }
  .chennai_dv {
    right: 217px;
  }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
  .park_sec {
    padding-left: 75px;
  }
  /* .park_name_dv {
        width: 64%;
    } */
  .park_info_dv .slick-prev,
  .park_info_dv .slick-next {
    background-color: #fff;
  }

  .kolkata_dv {
    right: 155px;
  }
  .nagpur_dv {
    left: 211px;
  }
  .hyderabad_dv {
    right: 349px;
    bottom: 240px;
  }
  .chennai_dv {
    right: 324px;
    bottom: 125px;
  }
}

@media only screen and (min-device-width: 1601px) and (max-device-width: 1669px) {
  .park_sec {
    padding-left: 114px;
  }
  /* .park_name_dv {
        width: 64%;
    } */
  /* .park_info_dv .slick-prev , .park_info_dv .slick-next {
        background-color:#fff;
    } */

  .kolkata_dv {
    right: 155px;
  }
  .nagpur_dv {
    left: 211px;
  }
  .hyderabad_dv {
    right: 190px;
  }
  .chennai_dv {
    right: 255px;
  }
}

@media only screen and (min-device-width: 1670px) and (max-device-width: 1700px) {
  .park_sec {
    padding-left: 114px;
  }
}

@media only screen and (min-device-width: 1701px) and (max-device-width: 1740px) {
  .park_sec {
    padding-left: 237px;
  }

  .kolkata_dv {
    right: 130px;
  }

  .hyderabad_dv {
    right: 221px;
  }
  .chennai_dv {
    right: 233px;
  }
}

@media only screen and (min-device-width: 1741px) and (max-device-width: 1799px) {
  .park_sec {
    padding-left: 237px;
  }

  .hyderabad_dv {
    right: 263px;
  }

  .kolkata_dv {
    right: 175px;
  }

  .chennai_dv {
    right: 255px;
  }
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1840px) {
  .park_sec {
    padding-left: 287px;
  }

  .kolkata_dv {
    right: 152px;
  }

  .hyderabad_dv {
    right: 245px;
  }

  .chennai_dv {
    right: 263px;
  }
}

@media only screen and (min-device-width: 1841px) and (max-device-width: 1899px) {
  .park_sec {
    padding-left: 296px;
  }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1540px) {
  .hyderabad_dv {
    right: 297px;
  }
  .kolkata_dv {
    right: 112px;
  }
  .park_sec {
    padding-left: 130px;
  }
  .chennai_dv {
    right: 273px;
    bottom: 125px;
  }
}

@media only screen and (min-device-width: 1540px) and (max-device-width: 1579px) {
  .hyderabad_dv {
    right: 297px;
  }
  .kolkata_dv {
    right: 112px;
  }
  .park_sec {
    padding-left: 160px;
  }
  .chennai_dv {
    right: 273px;
    bottom: 125px;
  }
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
  .mob_hide {
    display: none;
  }
  .mobile_prk_dv {
    display: block;
  }

  #div7 .slick-slide.slick-active.slick-cloned,
  #div7 .slick-slide.slick-cloned,
  #div4 .slick-slide.slick-active.slick-cloned,
  #div4 .slick-slide.slick-cloned {
    display: block;
  }

  .park_sec {
    padding: 70px 0 52px 20px;
    height: 1540px;
  }
  .map_dv {
    position: relative;
    float: left;
  }
  .map_sec_name {
    width: 94%;
  }
  .park_map_col {
    margin-bottom: 30px;
    padding-left: 0;
  }
  .state_active {
    transform: scale(1.3) !important;
  }
  img.map_img {
    width: 435px;
  }

  p.state_name {
    font-size: 9px;
    line-height: 3px;
  }
  .sd_name_box {
    margin-top: 4px;
  }
  .sd_pin_box {
    width: 25px;
    height: 25px;
  }
  .sd_pin_box img {
    width: 8px;
  }
  .park_no_dv {
    width: 15px;
    height: 15px;
  }
  .park_no {
    font-weight: 300;
    font-size: 7px;
    line-height: 5px;
  }
  .ncr_dv {
    top: 124px;
    left: 115px;
  }
  .ahmedabad_dv {
    top: 225px;
    left: 40px;
  }
  .ahmedabad_dv .sd_name_box {
    flex-direction: column;
    top: -55px;
    left: -27px;
    padding: 8px 9px;
  }
  .ahmedabad_dv .sd_name_box::after {
    display: none;
  }
  .indore_dv {
    top: 237px;
    left: 85px;
  }
  .indore_dv .sd_name_box {
    position: absolute;
    left: 9px;
    top: -33px;
  }
  .nashik_dv {
    top: 266px;
    left: 71px;
  }
  .nashik_dv .sd_name_box {
    right: 23px;
  }
  .bhiwandi_dv {
    bottom: 314px;
    left: 96px;
    flex-direction: row;
  }
  .bhiwandi_dv .sd_name_box {
    left: 32px;
    top: -8px;
  }
  .bhiwandi_dv .sd_name_box::after {
    left: -19px;
  }

  .mumbai_dv {
    bottom: 304px;
    left: 61px;
    cursor: inherit !important;
  }
  .mumbai_dv .sd_name_box {
    position: absolute;
    right: 23px;
    flex-direction: column;
    padding: 8px 9px;
  }
  .pune_dv {
    bottom: 270px;
    left: 102px;
  }
  .pune_dv .sd_name_box {
    right: 55px;
    flex-direction: column;
    gap: 10px;
    padding: 8px 9px;
  }
  .pune_dv .sd_name_box::after {
    right: -19px;
    top: 20px;
  }
  .goa_dv {
    bottom: 236px;
    left: 81px;
  }
  .goa_dv .sd_name_box {
    right: 29px;
  }
  .bengaluru_dv {
    bottom: 200px;
    left: 124px;
  }
  .bengaluru_dv .sd_name_box {
    right: 53px;
    flex-direction: column;
    gap: 10px;
    padding: 8px 9px;
  }
  .bengaluru_dv .sd_name_box::after {
    top: 20px;
  }
  .hyderabad_dv {
    bottom: 288px;
    right: auto;
    left: 148px;
  }
  .chennai_dv {
    right: auto;
    left: 162px;
    bottom: 211px;
  }
  .chennai_dv .sd_name_box {
    right: -99px;
    flex-direction: column;
    gap: 10px;
    padding: 8px 9px;
  }
  .chennai_dv .sd_name_box::after {
    left: -18px;
    top: 20px;
  }
  .nagpur_dv {
    bottom: 357px;
    left: 133px;
  }
  .nagpur_dv .sd_name_box {
    flex-direction: column;
    right: -69px;
    padding: 8px 9px;
  }
  .nagpur_dv .sd_name_box::after {
    left: -19px;
    top: 17px;
  }
  .kolkata_dv {
    top: 232px;
    right: auto;
    left: 274px;
    
  }
  .kolkata_dv .sd_name_box {
    right: 30px;
    flex-direction: column;
    padding: 8px 9px;
  }
  .kolkata_dv .sd_name_box::after {
    right: -19px;
    top: 17px;
  }
  .hyderabad_dv .sd_name_box {
    position: absolute;
    right: -108px;
  }
  .park_active_status_dv p {
    font-size: 13px;
    margin-bottom: 11px;
  }
  .park_active_status_dv img {
    margin-right: 10px;
    width: 19px;
    margin-top: 2px;
  }
  .sd_name_box::after {
    right: -19px;
    top: 12px;
    width: 20px;
    display: none;
  }
  .ncr_dv .sd_name_box {
    right: 30px;
  }
  .state_count span {
    width: 14px;
    font-size: 11px;
  }
  .park_slider_col {
    padding-left: 0;
  }
  .park_dp_div {
    display: none;
  }
  .park_main_slider .slick-list {
    padding: 0 50px 0 0 !important;
    height: 535px;
  }
  .park_info_dv .slick-prev {
    left: 0 !important;
    z-index: 1 !important;
    bottom: -50px;
    top: auto !important;
  }
  .park_info_dv .slick-next {
    left: 55px !important;
    z-index: 1 !important;
    bottom: -50px;
    top: auto !important;
  }
  .park_status {
    font-size: 16px;
    line-height: 19px;
  }
  .park_name {
    display: none;
  }
  .park_dp_div {
    float: left;
    width: fit-content;
    margin-top: 20px;
    position: relative;
  }
  .park_dp_div::before {
    position: absolute;
    top: 17px;
    right: 9px;
    content: "";
    background-image: url(/assets/down_arrow.ca7e94a15959d3596331.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 8px;
    z-index: 1;
  }
  select#park_dropdown {
    height: 40px;
    background-color: #f47920;
    color: #fff !important;
    border-radius: 90px;
    width: 100%;
    font-family: "Barlow";
    border-color: #f47920;
    padding-left: 35px;
    padding-right: 35px;
    background-image: url(/assets/mob_prk_pin.e5f96901e176b6505971.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 10px;
    appearance: none;
    position: relative;
  }
  select#park_dropdown:focus-visible {
    outline-color: #f47920;
  }
  select#park_dropdown:focus {
    background-color: #f47920 !important;
    color: #fff !important;
  }
  #park_dropdown option {
    color: #000 !important;
  }
  .igbc_status {
    font-size: 14px;
    line-height: 16px;
  }
  .prk_content_dv {
    height: 490px;
  }
  .park_main_slider .slick-slide.slick-active .prk_content_dv:hover {
    height: 490px;
    margin-top: 0px;
  }
}

@media only screen and (min-device-width: 601px) and (max-device-width: 1023px) {
  #div2 .slick-slide.slick-cloned,
  #div5 .slick-slide.slick-cloned {
    display: none;
  }
  /* .mob_hide {
        display: none;
    } */
  .mobile_prk_dv {
    display: block;
    visibility: hidden;
  }
  .park_name_dv {
    display: grid;
  }
  .park_name {
    font-size: 19px;
    padding: 9px 20px;
    margin-bottom: 10px;
  }
  .park_status {
    font-size: 15px;
    margin-top: 5px;
  }
  .sd_name_box::after {
    display: none;
  }
  .map_dv {
    position: relative;
    float: left;
  }
  img.map_img {
    width: 450px;
  }
  .state_active {
    transform: scale(1.3) !important;
  }
  p.state_name {
    font-size: 9px;
    line-height: 10px;
  }
  .sd_name_box {
    margin-top: 4px;
  }
  .sd_pin_box {
    width: 27px;
    height: 27px;
  }
  .sd_pin_box img {
    width: 11px;
  }
  .park_no_dv {
    width: 15px;
    height: 15px;
  }
  .park_no {
    font-weight: 300;
    font-size: 7px;
    line-height: 5px;
  }
  .state_count span {
    width: 16px;
    font-size: 11px;
  }
  .ncr_dv {
    top: 124px;
    left: 122px;
  }
  .ncr_dv .sd_name_box {
    right: 31px;
  }
  .ahmedabad_dv {
    top: 231px;
    left: 41px;
  }
  .ahmedabad_dv .sd_name_box {
    right: -28px;
    top: -42px;
  }
  .indore_dv {
    top: 244px;
    left: 85px;
  }
  .indore_dv .sd_name_box {
    left: 26px;
    top: -39px;
  }
  .nashik_dv {
    top: 279px;
    left: 74px;
  }
  .nashik_dv .sd_name_box {
    right: 33px;
  }
  .bhiwandi_dv {
    bottom: 336px;
    left: 102px;
    flex-direction: row;
  }
  .bhiwandi_dv .sd_name_box {
    left: 37px;
    top: -17px;
  }
  .mumbai_dv {
    bottom: 323px;
    left: 63px;
  }
  .mumbai_dv .sd_name_box {
    right: 16px;
    top: -35px;
  }
  .pune_dv {
    bottom: 292px;
    left: 107px;
  }
  .pune_dv .sd_name_box {
    right: 35px;
  }
  .goa_dv {
    bottom: 259px;
    left: 84px;
  }
  .goa_dv .sd_name_box {
    right: 30px;
  }
  .bengaluru_dv {
    bottom: 214px;
    left: 127px;
  }
  .bengaluru_dv .sd_name_box {
    right: 36px;
  }
  .hyderabad_dv {
    bottom: 320px;
    right: auto;
    left: 154px;
  }
  .hyderabad_dv .sd_name_box {
    right: -111px;
    top: -5px;
  }
  .chennai_dv {
    right: auto;
    left: 159px;
    bottom: 229px;
  }
  .chennai_dv .sd_name_box {
    right: -155px;
  }
  .nagpur_dv {
    bottom: 378px;
    left: 136px;
  }
  .nagpur_dv .sd_name_box {
    right: -113px;
  }
  .kolkata_dv {
    top: 238px;
    right: auto;
    left: 281px;
  }
  .kolkata_dv .sd_name_box {
    right: 28px;
    top: -4px;
  }
  .park_active_status_dv p {
    font-size: 13px;
  }
  .park_active_status_dv img {
    margin-right: 10px;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1400px) {
  .park_sec {
    padding-left: 30px;
    height: 900px;
  }

  .map_dv {
    position: relative;
    float: left;
  }
  /* img.map_img {
        width: 450px;
    } */
  .state_active {
    transform: scale(1.3) !important;
  }
  p.state_name {
    font-size: 11px;
    line-height: 13px;
  }
  .sd_name_box {
    margin-top: 4px;
  }
  .sd_pin_box {
    width: 34px;
    height: 34px;
  }
  .sd_pin_box img {
    width: 14px;
  }
  .park_no_dv {
    width: 18px;
    height: 18px;
  }
  .park_no {
    font-weight: 300;
    font-size: 10px;
    line-height: 8px;
  }

  .ncr_dv {
    top: 186px;
    left: 170px;
  }
  .ahmedabad_dv {
    top: 334px;
    left: 61px;
  }
  .indore_dv {
    top: 350px;
    left: 120px;
  }
  .nashik_dv {
    top: 398px;
    left: 106px;
  }
  .bhiwandi_dv {
    bottom: 433px;
    left: 147px;
    flex-direction: row;
  }
  .mumbai_dv {
    bottom: 414px;
    left: 99px;
  }
  .pune_dv {
    /* bottom: 319px;
        left: 160px; */
    bottom: 380px;
    left: 149px;
  }
  .goa_dv {
    bottom: 322px;
    left: 118px;
  }
  .bengaluru_dv {
    bottom: 269px;
    left: 183px;
  }
  .hyderabad_dv {
    bottom: 389px;
    right: auto;
    left: 221px;
  }
  .hyderabad_dv .sd_name_box {
    right: -177px;
  }
  .chennai_dv {
    right: auto;
    left: 238px;
    bottom: 264px;
  }
  .chennai_dv .sd_name_box {
    right: -226px;
  }
  .nagpur_dv {
    bottom: auto;
    left: 200px;
    top: 388px;
  }
  .nagpur_dv .sd_name_box {
    position: absolute;
    right: -182px;
    top: -3px;
  }
  .kolkata_dv {
    top: 340px;
    right: auto;
    left: 411px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .arrow_circle {
    opacity: 1;
  }

  .prk_btn {
    opacity: 1;
    display: block;
  }
  .park_main_slider .slick-list {
    transform: none;
  }
}

/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {
  .park_sec {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .map_dv {
    transform: scale(0.85);
  }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 1023px) {
  .park_sec {
    padding: 60px 0 52px 25px;
  }

  .park_dp_div {
    float: left;
    width: 25%;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
  }
  .park_dp_div::before {
    position: absolute;
    top: 17px;
    right: 15px;
    content: "";
    background-image: url(/assets/down_arrow.ca7e94a15959d3596331.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 8px;
    z-index: 1;
  }
  select#park_dropdown {
    height: 40px;
    background-color: #f47920;
    color: #fff !important;
    border-radius: 90px;
    width: 100%;
    font-family: "Barlow";
    border-color: #f47920;
    padding-left: 35px;
    padding-right: 35px;
    background-image: url(/assets/mob_prk_pin.e5f96901e176b6505971.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 10px;
    appearance: none;
  }
  select#park_dropdown:focus {
    background-color: #f47920 !important;
    color: #fff !important;
  }
  select#park_dropdown:focus-visible {
    outline-color: #f47920;
  }
  #park_dropdown option {
    color: #000 !important;
  }
  .park_info_dv .slick-prev {
    left: 0px !important;
    bottom: -70px;
  }
  .park_info_dv .slick-next {
    left: 65px !important;
    bottom: -70px;
  }
  #div7 .slick-slide.slick-active.slick-cloned,
  #div7 .slick-slide.slick-cloned,
  #div4 .slick-slide.slick-active.slick-cloned,
  #div4 .slick-slide.slick-cloned {
    display: block;
  }
  .igbc_status {
    font-size: 12px;
  }
  p.prk_name {
    font-size: 22px;
    line-height: 17px;
    margin-bottom: 9px;

  }
  .prk_btn {
    font-size: 14px;
  }
  .arrow_circle {
    width: 40px;
    height: 40px;
    bottom: -20px;
  }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
  .park_sec {
    padding-bottom: 64px;
  }
  .map_dv {
    position: relative;
    transform: scale(0.8);
    margin-left: -65px;
  }
  .hyderabad_dv {
    right: 65px;
  }
  .bhiwandi_dv {
    bottom: 430px;
    left: 149px;
    flex-direction: row;
  }
  .prk_inner_content {
    padding: 20px 15px 0px 15px;
  }
  .park_name {
    font-size: 20px;
    line-height: 26.64px;
    padding: 10px 20px;
  }
  p.prk_name {
    font-size: 21px;
    line-height: 22px;
    margin-bottom: 5px;
  }
  p.area_vlu,
  .potential_hd_vlu,
  .usage_hd_vlu {
    font-size: 15px;
  }
  p.area_hd,
  .potential_hd,
  .usage_hd {
    font-size: 15px;
  }
  .prk_btn {
    font-size: 14px;
  }
  .patch_dv {
    top: 15px;
    right: 15px;
  }
  .patch_dv p {
    font-size: 11px;
  }
  .arrow_circle {
    width: 40px;
    height: 40px;
    bottom: -20px;
  }
  .chennai_dv .sd_name_box {
    right: -166px;
  }
  .hyderabad_dv .sd_name_box {
    right: -125px;
    top: 1px;
  }
  .bengaluru_dv .sd_name_box {
    right: 36px;
  }
  .nagpur_dv .sd_name_box {
    right: -125px;
  }
  .kolkata_dv .sd_name_box {
    right: 40px;
    top: 0px;
  }
  .bengaluru_dv .sd_name_box {
    right: 46px;
  }
  .goa_dv .sd_name_box {
    right: 40px;
  }
  .pune_dv .sd_name_box {
    right: 45px;
  }
  .mumbai_dv .sd_name_box {
    right: 40px;
    top: 0px;
  }
  .bhiwandi_dv .sd_name_box {
    left: 47px;
    top: -2px;
  }
  .nashik_dv .sd_name_box {
    right: 40px;
  }
  .indore_dv .sd_name_box {
    left: 48px;
    top: -3px;
  }
  .ahmedabad_dv .sd_name_box {
    right: -28px;
    top: -42px;
  }
  .ncr_dv .sd_name_box {
    right: 40px;
  }
  .state_count span {
    width: 16px;
    font-size: 11px;
  }
  .sd_name_box::after {
    display: none;
  }
  .igbc_status {
    font-size: 14px;
    line-height: 19px;
  }
  .prk_content_dv {
    height: 455px;
  }
}

_::-webkit-full-page-media,
_:future,
:root .chrome_integ_img {
    display: none;
}

_::-webkit-full-page-media,
_:future,
:root .safari_integ_img {
    display: block;
}

.chrome_integ_img {
    display: block;
}

.safari_integ_img {
    display: none;
}

.intg_solution_sec {
    height: 950px;
}

.intg_solution_sec .row {
    height: 100%;
}

#accordion {
    width: 565px;
    padding: 05px 0px 0px 0px
}

.txt_1 {
    width: 890px;
    overflow: hidden;
}

.ing_solu_col_1 {
    background-color: #F47920;
    position: relative;
    padding: 85px 0px 95px 326px;
}

.ing_solu_col_2 {
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
    background-color: #F47920;
}

.intq_img_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #F47920;
    top: 0;
    left: 0;
    transform: translateX(0);
    transition: all 0.5s ease-in;
}

.intg_card_body_desc {
    padding-top: 1px;
}

.intg_sol_img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.intg_sol_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.assts_dev_img {
    display: block;
}

.intg_arrow {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 100px;
    mix-blend-mode: color;
}

.intg_hd_dv {
    position: absolute;
    z-index: 1;
    width: 100%;
}

.intg_hd_1 {
    margin-left: 20px;
    position: relative !important;
    transform: translate(0px, 0px) !important;
}

.intg_hd_2 {

    margin-left: 230px;
    margin-top: -12px;
    position: relative !important;
    transform: translate(0px, 0px) !important;
}

.accord_dv {
    margin-top: 278px;
}

.intg_card {
    background: none;
    border-top: 1px solid #ffffff26;
    border-bottom: 1px solid #ffffff26;
    border-right: none;
    border-left: none;
}

.intg_btn:focus {
    outline: none;
    box-shadow: none;
}

.intg_btn {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 18px;
    position: relative;
}

.accord_para {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
}

.intg_card_header {
    background: none;
    border: none;
    padding: 15px 0 15px 0;
}

.img_deactive {
    display: none;
}

a.btn.intg_btn.collapsed .plus_icon {
    opacity: 1;
}

a.btn.intg_btn:not(.collapsed) .minus_icon {
    opacity: 1;
    color: #313D47;
}

a.btn.intg_btn:not(.collapsed) {
    color: #313D47;
}

.plus_icon {
    opacity: 0;
}

.minus_icon {
    opacity: 0;
}

.accord_icon {
    margin-right: 6px;
    transition: all 0.6s;
    position: absolute;
    left: 0;
    line-height: 17px;
}



@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .ing_solu_col_1 {
        padding-left: 46px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1399px) {
    .ing_solu_col_1 {
        padding-left: 53px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1499px) {
    .ing_solu_col_1 {
        padding-left: 86px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .ing_solu_col_1 {
        padding-left: 168px !important;
    }
}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1800px) {
    .ing_solu_col_1 {
        padding-left: 166px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1579px) {
    .ing_solu_col_1 {
        padding-left: 136px !important;
    }

}


@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {

    .ing_solu_col_1 {
        padding: 85px 0px 95px 35px;
    }
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .intg_solution_sec {
        height: auto;
    }

    .ing_solu_col_1 {
        /* padding: 30px 20px 40px 20px; */
        padding: 60px 20px 60px 20px;
        overflow: hidden;
    }

    .intg_hd_1 {
        margin-left: 0;
    }

    .intg_hd_2 {
        margin-left: 0;
        margin-top: 0px;
    }

    #accordion {
        width: 100%;
    }

    .accord_dv {
        margin-top: 110px;
    }

    .intg_btn {
        font-size: 13px;
    }

    .iteg_btn {
        margin-top: 40px;
    }

    .ing_solu_col_2 {
        display: none;
    }

    .intg_card_header {
        padding: 10px 0 10px 0;
    }
}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .intg_hd_1,
    .intg_hd_2 {
        font-size: 100px;
    }

    .intg_solution_sec .ing_solu_col_1 .animate_big_txt {
        height: 115px;
    }

    .intg_solution_sec .ing_solu_col_1 .accord_dv {
        margin-top: 250px;
    }

    .intg_solution_sec {
        height: auto;
    }

    .ing_solu_col_1 {
        padding-top: 40px;
        padding-bottom: 70px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .ing_solu_col_2 {
        display: none;
    }

    .ing_solu_col_1 {
        padding: 50px 35px 70px 35px;
    }

    .txt_1 {
        width: 100% !important;
    }

    .intg_hd_2 {
        margin-left: 0;
        margin-top: -5px;
    }

    .intg_hd_1 {
        margin-left: 0;
    }

    .intg_solution_sec {
        height: auto;
    }

    .animate_big_txt {
        height: 90px;
    }

    .ing_solu_col_1 .accord_dv {
        margin-top: 220px;
    }

}

@media only screen and (min-device-width: 992px) and (max-device-width: 1269px) {
    .ing_solu_col_1 {
        padding-left: 35px !important;
    }
    .intg_solution_sec  #accordion {
        width: auto;
    }

}


@media only screen and (min-device-width: 1281px) and (max-device-width: 1359px) {

    .ing_solu_col_1 {
        padding-left: 35px !important;
    }
    .intg_solution_sec  #accordion {
        width: auto;
    }
}
.esg_sec {
    padding:60px 0 20px 0;

}

.esg_row2 {
    display: flex;
    align-items: center;
}

.esg_sec_hd {
    margin-top: -30px;
}
.esg_sub_para {
    padding-right: 2px;
}
.esg_img_col {
    overflow: hidden;
    position: relative;
}
.esg_img{
    margin-top: 0px;
}
.esg_img_bx{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0px;
    z-index: 0;
    transform: translateY(0%);
    filter: blur(18px);

}
.esg_p1 {
    margin-top: 155px;
}

.esg_sec hr {
    border-bottom: 1px dashed #2BB04C;
}

.esg_sec .section_name {
    border: none;
    padding-bottom: 5px;
}



/*---------------ESG------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .esg_sec {
        padding: 70px 0 20px 0;
    }
    .esg_img{
        display: none;
    }
    .arrow_btn{
        margin-top: 24px;
        margin-bottom: 70px;  
    }
    .esg_sub_para  {
        float: left;
        margin-top:10px;
    }
    .esg_btn {
        width: 63%;
        margin-bottom: 50px;
    }
    .esg_btn::after {
        top: 0px;
    }
    .esg_col1 {
        margin-top: 20px;
    }



}

/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {
    
    .esg_sec {
        padding: 50px 0 0px 0;
    }
    .esg_row2 {
        display: flex;
        align-items: flex-start;
    }
    a.esg_btn {
        margin-top: 0;
    }
    .esg_p1 {
        margin-top: 140px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
    
    .esg_sec {
        padding: 60px 0 60px 0;
    }
    .esg_img_col {
        display: none;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    
    .esg_img {
        margin-top: -30px;
        width: 100%;
    }
}

.footer_sec{
    padding: 71px 0px 20px 0px;
    background-color: #EFF2F5;
    position: relative;
}
.ftr_spc{
    display: block;
    text-decoration: none;
    margin:19px 0px;
}
.ftr_sec{
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
}
.col_spc{
    /* padding: 0px 65px 0px 0px; */
}
.cnt_para{
    display: block;
    margin:15px 0px;
}
.cnt_para:hover , .ftr_spc:hover {
    color: #F47920;
}
.ftr-ttl{
    font-weight: 500;
}
/* .cred_para{
    display: block;

} */

.btm_para{
    /* padding-left: 0px; */
}

.ftr_btn {
    background: #F47920;
    border-radius: 90px;
    padding: 15px 30px;
}

.cstm_para {
    font-size:16px;
    margin: 0px 0px 0px 0px;
}
.ftr_span{
    margin: 0px 10px 0px;
    color: #313D47;
}
.trm_policy{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    color: #313D47;
    text-decoration: none;
}
.trm_policy:hover {
    color:#F47920;
}
.prvcy {
    display: flex;
    align-items: center;
    justify-content: end;
}
.cnt_img {
    padding: 20px 0px 0px 0px;
}
.cstm_frm {
    
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: lowercase;
    color: #99A3AD;
    max-width: 225px;
    width: 100%;
    min-height: 50px;
    border-radius: 98px;
    border: none;
    padding: 13px 0pc 17px 10px;
    
}

.cstm_frm:focus{
    box-shadow:none !important;
}

.dnld_btn{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 260px;
    width: 100%;
    min-height: 50px;
    background-color: #F47920;
    border-radius: 98px;
    border: none;
    padding: 0px 18px 0px 25px;
    margin-bottom: 37px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.dnld_btn:hover {
    color: #FFFFFF;
}
.isDisabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}
.otp_error {
    float: left;
    width: 100%;
    margin-left: 20px;
}
.otp_msg {
    font-family: 'barlow';
    font-weight: 500;
    font-size: 14px;
    color: #2BB04C;
    margin-top: 0;
    margin-bottom: 1rem;
    display: none;
    float: left;
    width: 100%;
    margin-left: 20px;
}
.otp_succ{
    font-family: 'barlow';
    font-weight: 500;
    font-size: 14px;
    color: #2BB04C;
    margin-top: 0;
    margin-bottom: 1rem;
    display: none;
    float: left;
    width: 100%;
    margin-left: 20px;
}
.otp_err_Show {
    display: block !important;
    color: red !important;
}
.otp_from_msg {
    font-size: 20px !important;
}
.error_msg_broch {
    font-family: barlow;
    font-weight: 400;
    font-size: 14px;
    color: red;
    margin-top: 0;
    margin-bottom: 1rem;
    display: none;
}
.otp_succ_Show {
    display: block ;
}
.otp_msg_show {
    display: block ;
}
.otp_radius {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}
.otp_fld{
    max-width: 125px;
    margin-left: 1px;
    border-radius: 98px;
    border-top-left-radius: 98px !important;
    border-bottom-left-radius: 98px !important;
    padding: 13px 15px 17px 15px;

}
.frm_icn{
    background-color: #fff;
    border-radius: 98px;
    border: none;
    padding-left: 22px;
    padding-right: 0px;

}
.mob_fld{
    margin-right: 10px;
    border-top-right-radius: 98px !important;
    border-bottom-right-radius: 98px !important;
    margin-left: 0px !important;
    
}
.dnld_icon{
    padding-left:10px;
}
.cstm_mail_mg{
    margin-top:28px;
    margin-bottom: 20px;
}

.cstm_ph_mg{
    margin-top:20px;
    margin-bottom: 20px !important;
}
.email_fld{
    margin-left: 0px !important;

}
.snd_otp{
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    text-transform: lowercase;
    color: #2BB04C;
    border: none;
    background: none;
    position: absolute;
    top: 15px;
    right: 150px;
    z-index: 9;
}
.crd_row{
    padding: 90px 0px 0px 0px;
}

.name-icon {
    width: 14px;
    filter: opacity(0.5);
}

.nam-mail-fld {
    display: flex;
    gap: 10px;
}


.footer_sec .para {
    margin: 20px 0;
}

img.cnt_img.yt-icon {
    margin-left: 15px;
    height: 44px;
    width: 24px;
    filter: opacity(0.8);
    margin-top: 5px;
}
.brdr_rd {
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
}
.otp_flds_error {
    color: red !important;
    width: 100%;
    margin-bottom: 0 !important;
    padding-left: 20px;
    margin-top: 2px !important;
}

img.cnt_img.insta-icon {
    margin-left: 15px;
    margin-top: 5px;
}
/*-----------FOOTER ----------------------------------------------------- Mobile CSS */

@media only screen and (min-device-width: 440px) and (max-device-width: 600px) {
    
   
}
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .footer_sec{
        padding-top: 30px;
        padding-bottom: 10px;
    }
    
    .footer_sec .btm_para  p{
        margin: 0;
    }
    .footer_sec .section_name  {
        font-size: 16px;
        line-height: 23px;   
    }    
    .cnt_para {
        margin: 30px 0px;
    }
    .ftr_sec_1{
        margin-top: 30px;
    }
    .add_p {
        margin: 25px 0px;
    }
    .ftr-ttl {
        font-size: 16px;   
    }
    .email_fld{
        height: 47px !important;
    }
    .mob_fld{
        height: 50px !important;
    }

    .otp_fld{
        width:100% !important;
        height: 47px !important;
        margin-top: 18px;
        background-color: #32476D;
        padding-left: 20px !important;
        text-transform: inherit;
    }
    .otp_fld::placeholder{
        color:#fff;
    }

    .dnld_btn{
        max-width:100% !important;
        height: 50px !important;
        font-size: 14px;
        justify-content: center;
    }

    .follow_ftr_sec{
       /* text-align: center; */
       font-size: 16px;
       margin-top: 0;
   }

   .cstm_frm{
        max-width: 100%;
   }
   .snd_otp{
        right: 30px;
   }
   .cnt_img {
        text-align: center;
        padding-top: 0px;
   }
   .dwnld_txt {
    margin-top: 10px;
   }
   .frm_icn {
        padding-right: 10px;
   }
   .cstm_para{
        font-size:  14px;
        text-align: center;
        font-weight: 400;
        line-height: 16.8px;
   }

   .trm_policy{
        font-size: 14px;
        text-align: center;
   }
   
   .prvcy{
        justify-content: center;
        margin-top: 10px;
    }

   .crd_row{
        padding: 10px;
    }
   .footer_bottom .para  {
        font-size: 14px;
        line-height: 17px;
    }

}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .footer_sec {
        padding: 60px 0px 20px 0px;
    }
    .ftr-ttl {
        font-size: 14px;
    }
    .footer_sec .para {
        font-size: 14px;
        margin: 15px 0;
    }
    .follow_ftr_sec {
        margin-top: 25px;
    }
    .cnt_img {
        padding-top:0px;
    }
    .frm_icn {
        padding-left: 15px;
    }
    .trm_policy {
        font-size: 14px;
    }
    .crd_row {
        padding: 50px 0px 0px 0px;
    }
    #otp_form_bx .cstm_frm {
        max-width: 238px;
    }
    #otp_form_bx .otp_div {
        display: block;
    }
    #otp_form_bx .phon_icon {
        width: fit-content;
        height: 50px;
        float: left;
    }
    #otp_form_bx .mob_fld {
        width: 100%;
    }
    #otp_form_bx .snd_otp {
        right: 30px;
    }
    #otp_form_bx .otp_fld {
        width: 100%;
        max-width: 270px;
        margin-top: 15px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {


    #otp_form_bx .otp_div {
        display: block;
    }
    #otp_form_bx .phon_icon {
        width: fit-content;
        height: 50px;
        float: left;
    }
    #otp_form_bx .mob_fld {
        width: 100%;
    }
    #otp_form_bx .snd_otp {
        right: 55px;
    }
    #otp_form_bx .otp_fld {
        width: 100%;
        max-width: 255px;
        margin-top: 15px;
    }
}
.cta_sec{
    background-color:#313D47;
    padding: 100px 0px 80px 0px;
    position: relative;
}
.career_page .cta_sec {
    display: none;
}
.cta_sec_heading{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 32px;
    line-height: 35.52px;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    width: fit-content;
}
.cta_sec_heading::after {
    content: '';
    position:absolute;
    top: auto;
    right: -50px;
    bottom: -3px;
    background-image:url(/assets/enq_sec_white_arrow.3d360757284efb7e2b0a.svg);
    background-repeat:no-repeat;
    background-size: auto;
    background-position: center;
    width:40px;
    height:40px;
}
.cta_btn{
    background: #DDDDDD;
    border-radius: 90px;
    display: block;
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 0;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #313D47 !important;
    height: 60px;
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 9px;
    width: 180px;
    transition: all 0.6s;
    float: right;
    cursor: pointer;
}
.cta_btn span {
    width: 0;
    height: 100%;
    background: #dddddd;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    margin-left: 0px;
    display: flex;
    transition: all 0.6s;
    opacity:0;
}
.cta_btn span img {
    width:10px;
}
.cta_btn:hover span{
    margin-left: 20px;
    opacity:1;
} 
.cta_btn:hover {
    color: #313D47;
    width:200px;
}



.sustain_cta p {
    color: #fff;
    margin: 15px 0;
    line-height: 25px;
}
.sustain_cta .enq_col{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sustain_cta .cta_btn {
    margin-top: -24px;
}
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px)  {

    .cta_sec_heading{
        font-size: 18px;
        padding-right: 78px;
        font-weight: 700;
        line-height: 27px;
    }
    .cta_sec_heading::after {
        display: none;
    }
    .cta_btn{
        width: 145px !important;
        height: 45px;
        margin-top: 10px;
        font-size: 13px;
        font-weight: 600;
        line-height: 19.2px;
    }
    .cta_sec{
        padding-top: 44px;
        padding-bottom: 41px;
    }
    .enq_col {
        display: flex;
    }

    .sustain_cta .enq_col{
        justify-content: center;
    }
    .sustain_cta .cta_btn {
        margin-top: 0px;
    }

}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
    .cta_sec_heading{
        font-size: 24px;
        padding-right: 0;
        line-height: 31px;
    }
    .cta_btn{
        width:170px !important;
        height: 59px;
        margin-top: 16px;
        font-size: 16px;
        font-weight: 600;
        line-height: 19.2px;
    }
    .cta_sec{
        padding-top: 44px;
        padding-bottom: 41px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .cta_sec_heading{
        font-size: 28px;
    }
}
.news_slider  .swiper-wrapper {
    margin-bottom: 95px;
}
.news_slider .swiper-button-prev {
    width: 60px !important;
    height: 60px !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 50px;
    left:0px !important;
    z-index: 1 !important;
    bottom: 0;
    top: auto;
}
.news_slider .swiper-button-prev::after {
    content: '' !important;
    background-image:url(/assets/sldr_left_arrow_blk.f780cc3acc0f6818f1f6.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    width: 15px;
    height: 20px;
}

.news_slider .swiper-button-next {
    width: 60px !important;
    height: 60px !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 50px;
    left: 85px !important;
    z-index: 1 !important;
    bottom: 0;
    top: auto;
}

/* .press_link {
    align-items: center;
    background-color: #ffffff21!important;
    border: 1px solid #f47920!important;
    border-radius: 98px!important;
    display: flex;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 17px;
    margin-right: 24px;
    padding: 21px!important;
}

.press_link:hover  {
    color: #FFFFFF;
    border: 1px solid #fff !important;
    background-color:#F47920 !important;

}

.press_link.active{
    color: #FFFFFF;
    border: 1px solid #fff !important;
    background-color:#F47920 !important;

} */



.news_slider .swiper-button-next::after {
    content: '' !important;
    background-image:url(/assets/sldr_right_arrow_blk.231ab011c4bca680f9fb.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    width: 15px;
    height: 20px;
}
.news_slider_sec {
    padding:110px 0 150px 315px;
    background-color:#fff;
    position: relative;
}
.news_hd {
    width: 100%;
    max-width: 1230px;
}
.news_slider {
    margin-top: 30px;
}
/* .news_slider .slick-list {
    padding: 0 100px 0 0!important;
} */
.news_sld {
    padding-right: 35px;
    height: 472px;
}
.news_sld a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
.news_content{
    background: #FBF6F6;
    padding: 30px;
    height: 100%;
    position: relative;
}

  
.news_content:hover .news_desc {
    color: #414042;
}
.news_content:hover .nws_date {
    color: #F47920;
}
.news_content:hover .news_year {
    color: #313D47;
}
.news_inner_dv {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 30px;
    z-index: 1;
}
.news_name {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #F47920;
    z-index: 1;
}
.news_desc {
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    z-index: 1;
    transition: all 0.6s;
}
.news_date_box {
    width: 85%;
    height: 60px;
    border-top: 1px solid #DDDDDD;
    padding-top: 15px;
    position: absolute;
    bottom: 30px;
    left: 7.55%;
    display: flex;
    justify-content: end;
    padding-right: 30px;
    z-index: 1;
}
.nws_date {
    font-family: 'Barlow';
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -0.005em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    display: flex;
    align-self: center;
    transition: all 0.6s;
}
.news_year {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    width: 10%;
    margin-bottom: 0;
    display: flex;
    align-self: center;
    margin-left: 10px;
    transition: all 0.6s;
}
.news_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    transition: all 0.6s;
    overflow: hidden;
}
.news_overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    -webkit-transition: 5s ease;
    transition: 5s ease;
   
}
/* .news_content:hover .news_overlay {
    opacity: 1;
}
.news_content:hover .news_overlay img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
} */

.news_content:hover .news_overlay {
    opacity:0;
} 

.news_slider .slick-next {
    left: 85px !important;
    z-index: 1 !important;
    bottom: -120px;
    top: auto;
}

.news_slider  .slick-prev {
    left: 0 !important;
    bottom: -120px;
    top: auto;
}


.news_slider_sec hr {
    border-bottom: 1px dashed #2BB04C;
}

.news_slider_sec .section_name {
    border: none;
    padding-bottom: 5px;
}
.media_tab {
    margin-bottom: 0px !important;
    display: flex;
}

.pr_slider .slick-slide.slick-active.slick-center.slick-cloned ,
.pr_slider .slick-slide.slick-active.slick-cloned , .pr_slider  .slick-slide.slick-cloned
{
    display: none;
}
.pr_slider .slick-track {
    margin-left: 0;
}


@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .news_slider_sec {
        padding-left:32px;
    }

}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .news_slider_sec {
        padding-left:39px !important;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1499px) {
    .news_slider_sec {
        padding-left:76px !important;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .news_slider_sec {
        padding-left:156px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1579px) { 
    .news_slider_sec {
        padding-left:123px;
    }

}

@media only screen and (min-device-width: 1601px) and (max-device-width: 1650px) {
    .news_slider_sec {
        padding-left:194px;
    }
}

@media only screen and (min-device-width: 1651px) and (max-device-width: 1700px) {
    .news_slider_sec {       
    padding-left: 216px;
    }
}

@media only screen and (min-device-width: 1701px) and (max-device-width: 1750px) {
    .news_slider_sec {
        padding-left: 241px;
    
    }
}

@media only screen and (min-device-width: 1751px) and (max-device-width: 1820px) {
    .news_slider_sec {
        padding-left: 274px;
    }
}

@media only screen and (min-device-width: 1821px) and (max-device-width: 1889px) {
    .news_slider_sec {
        padding-left: 310px;
    }
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .news_slider_sec {
        padding:40px 10px 100px 10px;
    }
    .news_slider {
        margin-top: 0px;
    }
    .news_slider .slick-prev {
        bottom: -71px;
    }
    .news_slider .slick-next {
        left: 55px !important;
        bottom: -71px;
    }
    .news_sld {
        padding-right: 10px;
    }
    .pr_slider .slick-slide.slick-active.slick-center.slick-cloned ,
    .pr_slider .slick-slide.slick-active.slick-cloned , .pr_slider  .slick-slide.slick-cloned
    {
        display: block;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {
    .news_slider_sec {
        padding: 110px 0 110px 35px;
    }
}



/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .news_slider_sec {
        padding: 35px 0 115px 36px;
       
    }
    .news_sld {
        padding-right: 35px;
        height: 425px;
    }
    .news_slider {
        margin-top: 10px;
    }

}

@media only screen and (min-device-width: 1081px) and (max-device-width: 1269px) {
    .news_slider_sec {
        padding-left: 35px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .news_slider_sec {
        padding: 60px 0 170px 35px;
    }
    .news_slider .slick-next {
        left: 65px !important;
    }
    .news_slider {
        margin-top: 10px;
    }
    .media_tab {
        margin-top: 10px;
    }

}
/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    /* .news_slider .slick-list {
        padding: 0 0px 0 0!important;
    } */
    .news_slider .slick-slide.slick-active.slick-cloned {
        display: none;
    }
}
/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .news_slider {
        margin-top: 10px;
    }

    .news_slider_sec {
        padding-left: 35px;
    }
}
.event_sec {
    padding: 88px 0px 100px 0px;
}
.event_descp {
    margin-bottom: 50px;
}
.dropdown_row {
    margin-bottom: 60px;
}
.event_box_col {
    /* margin-bottom: 60px; */
    padding: 10px 20px 60px 20px;
}
.year_dv {
    width: 185px;
    float: left;
    margin-right: 109px;
}
.category_dv {
    width: 330px;
    float: left;
}
.dropdown_row label {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #000000;
}
.dropdown_row select {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000000;
    border: 0px;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 50px;
}
.dropdown_row select:focus , .dropdown_row select:focus-visible{
    border: 0px !important;
    border-bottom: 1px solid #000 !important;  
    outline: 0;
}
.event_box_col  a{
    text-decoration: none;
}
.event_img_dv {
    height: 350px;
    margin-bottom: 10px;
}
.event_box img.event_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event_box {
    cursor: pointer;
}
.event_box:hover h3.event_hd {
	color: #f47920;
}
.event_hd {
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #222222;
    overflow: hidden;
    display: -webkit-box;
    /* -webkit-line-clamp: 1;
    line-clamp: 1; */
    -webkit-box-orient: vertical;
    transition: all 0.3s;
}
.event_hd_inside {
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    /* -webkit-line-clamp: 1;
    line-clamp: 1; */
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.event_hd p {
    margin-bottom: 5px;
}
.event_date {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #777777;
}
.event_date img{
    width: 12px;
    margin-right: 8px;
    margin-top: -3px;
}


.event_popup {
    width: 100%;
    max-width: 950px;
    height: auto;
    background: #000;
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 50px 80px 50px 80px;
    z-index: 10;
    visibility: visible;
    opacity: 1;
    transition: all 0.6s;
}
.event_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(49, 61, 71, 0.8);
    display: none;
    z-index:9;
}
.event_popup_opn {
    visibility: visible;
    opacity: 1;
    z-index: 10;
}
img.ep_cls_btn {
    float: right;
    cursor: pointer;
    margin-bottom: 15px;
    position: absolute;
    top:30px;
    right:30px;
    width: 18px;
    height: 18px;
}
.event_para {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    float: left;
    margin-top: 15px;

}
.event_img_sld {
    height: 420px !important;
    float: left;
}
.event_img_sld .lb_prk_sld_content img {
    margin: auto;
    width: 100%;
    height: 100% ;
    object-fit: cover;
    float: left;
}
.event_img_sld .lb_prk_sld_content p {
    width: 100%;
    float: left;
}
.event_img_sld.park_lightbox_photo .slick-prev , .event_img_sld.park_lightbox_photo .slick-next {
    top: 53%;
    width: 40px !important;
    height: 40px !important;
}
.event_img_sld.park_lightbox_photo .slick-prev {
    left: -8% !important;
}
.event_img_sld.park_lightbox_photo .slick-next {
    right: -8% !important;
}
.event_para p {
    margin-bottom: 0;
}

.event_video {
    width: 100%;
}

.event_img_sld  .vm-vid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event_sec .pagination {
    margin-top: 0;
}

.event_para::-webkit-autobar {
    width: 2px;
}
.event_para::-webkit-autobar-thumb {
    background: #F47920;
    border-radius: 5px;
}
.event_para::-webkit-autobar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
    background-color: #d3d3d3;
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {

    .event_sec {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .event_popup {
        max-width: 750px;
        height: auto;
        top: 40px;
    }
    .event_para {
        height: 140px;
        overflow: auto;
    }
    .event_img_sld {
        height: 320px !important;
        float: left;
    }
    .event_para p {
        margin-bottom: 0;
    }

    .event_img_sld.park_lightbox_photo .slick-prev {
        left: -9% !important;
    }
    .event_img_sld.park_lightbox_photo .slick-next {
        right: -9% !important;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {

    .event_sec {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .event_popup {
        max-width: 750px;
        height: auto;
        top: 100px;
        
    }
    .event_para {
        height: 140px;
        overflow: auto;
    }
    .event_img_sld {
        height: 320px !important;
        float: left;
    }
    .event_para p {
        margin-bottom: 0;
    }
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
    
    .event_sec {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .event_popup {
        top: 100px;
    }
    .event_para {
        height: 75px;
        overflow: auto;
    }
    
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {

    .event_popup {
        top: 33px;
        padding: 50px 80px 40px 80px;
    }
    .event_para {
        height: 120px;
        overflow: auto;
    }

}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .event_hd {
        font-size: 20px;
    }
    .event_img_dv {
        height: 250px;
    }
    .event_sec {
        padding-top: 44px;
        padding-bottom: 44px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .event_sec {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .event_img_sld {
        height: 350px !important;
    }
    .event_popup {
        height: auto;
        width: 90%;
        top:20px;
    }
    .event_img_dv {
        height: 200px;
    }
    .event_hd {
        font-size: 19px;
        line-height: 26px;
    }

    .event_img_sld.park_lightbox_photo .slick-prev {
        left: -10% !important;
    }
    .event_img_sld.park_lightbox_photo .slick-next {
        right: -10% !important;
    }
    .event_para {
        height: 140px;
        overflow: auto;
    }
    
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .event_popup {
        height: auto;
        width: 90%;
        padding:16px 35px 20px 35px;
        top: 100px;
    }
    .event_hd_inside {
        font-size: 18px;
        line-height: 24px;
    }
    img.ep_cls_btn {
        width: 15px;
        height: 15px;
        right: 12px;
        top: 19px;
        z-index: 1;
    }
    .event_img_sld {
        height: auto !important;
    }
    .event_para {
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        height: 180px;
        overflow: auto;
    }
    .event_para p {
        margin-bottom: 0;
    }
    .event_hd {
        font-size: 18px;
        line-height: 23px;
    }
    .event_date {
        font-size: 14px;
        line-height: 16px;
    }
    .event_date img {
        width: 10px;
        margin-right: 7px;
    }
    .event_img_dv {
        height: 200px;
        margin-bottom: 10px;
        object-fit: cover;
    }
    .event_hd p {
        margin-bottom: 0;
    }

    .event_sec {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .year_dv , .category_dv {
        width: 100%;
    }
    .category_dv {
        margin-top: 20px;
    }
    .dropdown_row select {
        height: 35px;
    }
    .event_img_sld.park_lightbox_photo .slick-prev, .event_img_sld.park_lightbox_photo .slick-next {
        top: 53%;
        width: 20px !important;
        height: 20px !important;
    }
    .event_img_sld.park_lightbox_photo .slick-prev {
        left: -8% !important;
    }
    .event_img_sld.park_lightbox_photo .slick-next {
        right: -8% !important;
    }

    .event_descp {
        margin-bottom: 20px;
    }
    .event_box_col {
        padding-bottom: 20px;
    }
    .event_sec .pagination {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}
.ITS_slider_main_sec {
    padding-bottom: 100px;
    padding-top: 100px;
    background-color: #EFEFEF;
}
.new_green_line {
    width:100%;
    opacity: 1;
}
.ITS_tab .cstm_link {
    padding: 21px 39px !important;
}
.blog_bsh_ttl {
    margin-top: 6px;
    margin-bottom: 41px;
}
.ITS_slider_sec {
    margin-top: 30px;
}
.ITS_sld {
    margin-right: 40px;
}
.ITS_sld .img-box img {
    height: 450px;
}
.ITS_sld .text-box {
    height: auto;
    bottom: -19px;
    transition: all 0.5s;
}
.blg_cat_name {
    
}
.ITS_sld p.new-para {
    margin-bottom: 16px;
}

.ITS_lnding_btn {
    margin: 0;
    margin-right: 391px;
    margin-top: 50px;
    float: right;
    z-index: 1;
}

.ITS_sld .text-box h2 {
    font-weight:500;
}

.ITS_sld .text-box hr {
    width: 100%;
    background: rgb(221 221 221);
    border: none;
    height: 1px;
    float: left;
    margin: 6px 0 0 0;
}
.ITS_sld  .read_more_btn {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    float: left;
    text-decoration: none;
    margin-top: 5px;
    opacity: 0;
    transition: all 0.5s;
}
.ITS_slider_sec .swiper-slide-next .ITS_sld:hover ,
.ITS_slider_sec .slick-active .ITS_sld:hover {
    cursor: pointer;
}
.ITS_slider_sec .swiper-slide-next .ITS_sld:hover .read_more_btn , 
.ITS_slider_sec .slick-active .ITS_sld:hover .read_more_btn {
    opacity: 1;
}
.ITS_slider_sec .swiper-slide-next .ITS_sld:hover .text-box , 
.ITS_slider_sec .slick-active .ITS_sld:hover .text-box {
    bottom: 8px;
}

.ITS_slider_sec .slick-active .ITS_sld .img-box:after {
    opacity: 0;
    
}

.ITS_slider_sec .slick-slide.slick-active.slick-center.slick-current + .slick-active .ITS_sld .img-box:after {
    background-color: #ffffffd6;
    content: '';
    position: absolute;
    width: 102%;
    height: 100%;
    top: 0;
    left: -5px;
    opacity: 1;
    transition: all 0.6s;
    z-index: 2; 
}
.ITS_slider_sec .slick-slide .ITS_sld .img-box {
    overflow: hidden;
}
.ITS_slider_sec .slick-slide.slick-active.slick-center.slick-current + .slick-active .ITS_sld:hover .text-box {
    bottom: -19px;
}
.ITS_slider_sec .slick-slide.slick-active.slick-center.slick-current + .slick-active .ITS_sld:hover .read_more_btn {
    opacity: 0;
}


select.ITS_mob_drop {
    display: none !important;
    background-color: transparent;
    border-color: #F47920;
    border-radius: 90px;
    height: 45px;
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 15px;
    display: flex;
    letter-spacing: 0.08em;
    color: #F47920;
    width: 80%;
    padding-left: 20px;
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
    .ITS_slider_sec {
        margin-top: 75px;
    }
    .ITS_lnding_btn {
        margin-right: 105px;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
    .ITS_slider_sec {
        margin-top: 80px;
    }
    .ITS_lnding_btn {
        margin-right: 112px;
    }
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
    .ITS_slider_sec {
        margin-top: 85px;
    }
    .ITS_lnding_btn {
        margin-right: 148px;
    }
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {

    .ITS_lnding_btn {
        margin-right: 197px;
    }
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
    .ITS_lnding_btn {
        margin-right: 228px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .ITS_sld .text-box h2 {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .ITS_lnding_btn {
        margin-right: 120px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .ITS_slider_sec {
        margin-top: 0px;
    }
    select.ITS_mob_drop {
        display: block !important;
    }
    .ITS_sld {
        margin-right: 25px;
    }
    .ITS_sld .text-box hr {
        margin: 10px 0 0 0;
    }
    .ITS_sld .text-box h2 {
        margin-bottom: 5px;
    }
    .ITS_tab1 {
        display: flex !important;
    }
    .ITS_tab1 .cstm_link {
        padding: 15px 25px !important;
        margin-right: 15px;
    }
    .ITS_lnding_btn {
        margin-right: 120px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .ITS_slider_main_sec {
        padding-right: 0px;
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .ITS_sld {
        margin-right:15px;
    }
    .ITS_slider_sec {
        margin-top: 0px;
    }
    .ITS_lnding_btn {
        margin-right:90px;
        margin-top: 30px;
    }
    
    select.ITS_mob_drop {
        display: block !important;
    }

    .ITS_slider_sec .swiper-slide-next .ITS_sld .img-box:after {
        opacity: 1 !important;
    }
    .ITS_slider_sec .swiper-slide-next .ITS_sld:hover .read_more_btn {
        opacity: 0 !important;
    }
    .ITS_slider_sec .swiper-slide-next .ITS_sld:hover .text-box  {
        bottom: -19px !important;
    }

    .ITS_sld .text-box h2 {
        margin-bottom: 5px;
        font-size: 19px;
    }
    .ITS_sld .text-box hr {
        margin: 10px 0 0 0;
    }
    .ITS_tab1 {
        display: flex !important;
    }
    .ITS_tab1 .cstm_link {
        padding: 15px 25px !important;
        margin-right: 15px;
    }
}



.client_sec{
    background-color: #F47920;
    padding:80px 0px 90px 0px;
    min-height:100vh;
}
.case_studies_client .client_sec {
    background-color: #313D47;
}
.img_row_1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.img_col1{
    width:20%;
    float:left;
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inside_col .img_col1{
    margin-bottom: 50px;
}

.img_row_2{
    width: 100%;
    margin:120px 0px 0px 0px;
    
}

.inside_col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width:100%;
}

.img_col2{
    width:25%;
    float:left;
    text-align: center;
}
.cstm_link{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 17px 20px !important;
    border-radius: 98px !important;
    background-color: #ffffff21 !important;
    border: 1px solid #F47920 !important;
}
.cstm_link:hover  {
    color: #FFFFFF !important;
    border: 1px solid #fff !important;
    background-color:#F47920 !important;

}
.case_studies_client .cstm_link:hover {
    color: #FFFFFF !important;
    border: 1px solid #fff !important;
    background-color: #fff0 !important;
}
.cstm_link.active{
    color: #FFFFFF;
    border: 1px solid #fff !important;
    background-color:#F47920 !important;
}
.case_studies_client .cstm_link {
    border: 1px solid #4d565f !important;
}
.case_studies_client .cstm_link.active {
    color: #FFFFFF;
    border: 1px solid #fff !important;
    background-color: #fff0 !important;
}

.cstm_client_tabs{
    margin: 0px 0px 55px 0px;
}
.hdg_client{
    margin: 0px 0px 22px 0px;
    line-height: 110px;
}
.clnt_btn_spc{
    text-align: center;
    margin: auto;
    margin-top: 110px;
    padding:0px;
}

.fade {

    -webkit-transition: opacity 0.4s linear;
       -moz-transition: opacity 0.4s linear;
        -ms-transition: opacity 0.4s linear;
         -o-transition: opacity 0.4s linear;
            transition: opacity 0.4s linear;
}
.client_mob_drop {
    display: none;
}

.case_studies_client .non_charcol_img {
    display: none;
}
.case_studies_client .charcol_img {
    display: block;
}

.non_charcol_img {
    display: block;
}
.charcol_img {
    display: none;
}
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .client_sec {
        padding: 60px 0px 0px 0px;
    }
    .img_col1 img , .img_col2 img{
        width: 100%;
    }
    
    .img_col1 , .img_col2{
        width: 40%;
        margin-bottom: 40px;
        margin-right: 2%;
    }
    .inside_col {
        display: block;
    }
    #clint_tab .tab-pane {
        padding:0px ;
    }

    .cstm_client_tabs {
        display: none;
    }

    .img_row_1 {
        justify-content: left;
    }

    /* Client Mobile dropdown CSS */
    .client_mob_drop {
        display: block;
        background-color: transparent;
        border-color: #fff;
        border-radius: 90px;
        height: 45px;
        font-family: 'Barlow';
        font-weight: 600;
        font-size: 15px;
        display: flex;
        letter-spacing: 0.08em;
        color: #FFFFFF;
        width: 80%;
        padding-left: 20px;
    }
    .client_mob_drop:focus-visible {
        outline-color: transparent;
        outline-width: 0;
    }
    .client_mob_drop option {
        color: #313D47;
    }

    .img_col2.safe_express{
        width: 56%;

    }

    .lumax_logo {
        padding-left: 22px;
    }

    

}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .client_sec {
     padding:43px 0px 43px 0px;
   
    }

    .cstm_client_tabs {
        margin: 0px 0px 23px 0px;
    }

}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .client_sec {
        padding: 60px 0px 0px 0px;
    }
    .img_col1 img , .img_col2 img{
        width: 100%;
    }

    .img_col1 {
        width: 20%;
        margin-bottom: 40px;
        margin-right: 5%;
    }
    .inside_col {
        display: block;
    }
    #clint_tab .tab-pane {
        padding:0px ;
    }

    .cstm_client_tabs {
        display: none;
    }
    /* Client Mobile dropdown CSS */
    .client_mob_drop {
        display: block;
        background-color: transparent;
        border-color: #fff;
        border-radius: 90px;
        height: 45px;
        font-family: 'Barlow';
        font-weight: 600;
        font-size: 15px;
        display: flex;
        letter-spacing: 0.08em;
        color: #FFFFFF;
        width: 80%;
        padding-left: 20px;
    }
    .client_mob_drop option {
        color: #313D47;
    }


    .client_page .client_sec {
        min-height: auto;
        padding-bottom: 60px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    .clients_link{
     margin-top: 20px;
    }
    .img_col1 img , .img_col2 img {
        width: 85%;
    }
    .cstm_link {
        font-size: 13px;
        padding: 18px 18px !important;
    }
    .cstm_client_tabs {
        margin: 0px 0px 15px 0px;
    }
    div#clint_tab {
        margin-top: 30px !important;
    }
    .cstm_client_tabs li.nav-item {
        margin-bottom: 15px;
    }
    .cstm_client_tabs li.nav-item a.nav-link  {
        margin-top: 0px;
    }
 }
.park_inside_spotlight_sec {
    width: 100%;
    height: 78vh;
    position: relative;
    display: flex;
}
.spotlight_content_box {
    position: relative;
}
.ibgc_logo_dv {
    position: absolute;
    right: 176px;
    border-radius: 50%;
    top: 30px;
    box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.25);
}
.ibgc_logo_dv img {
    width: 100%;
}
.park_inside_bg_img {
    /* position:absolute;
    top: 0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index: -1; */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inside_spotlight_arrow {
    position:absolute;
    top:auto;
    left:auto;
    right: 230px;
    bottom: 0;
    mix-blend-mode: color;
    width: 45% !important;

}
.spotlight_content_dv {
    background: rgba(217, 217, 217, 0.25);
    padding: 5vh 0 5vh 0;
}
.spotlight_inner_content h1.big_heading{
    color:#F47920;
}

.mark_icon {
    width: fit-content;
    float: left;
    margin-right:5px;
    transform: scale(1.3);
}
.prk_dtl_line1 p{
    color: #313D47;
}

.prk_dtl_line2{
    width: 100%;
    display: flex;
    position: relative;
}
.contact_anmt {
    height:60px !important; 
}
.prk_spot_inside_hd  {
    overflow: unset !important;
    height: auto !important;
}
.prk_spot_inside_hd h1 {
    transform: translateY(0px) !important;
    position: relative !important;
}
.prk_dtl_line2 h1{
    width: fit-content;
    /* position: absolute;
    transform: translateY(101%); */
}

.breadcrum_div {
    width: 100%;
    background-color: #00000069;
    position: absolute;
    top: auto;
    bottom: 0;
    display: flex;
    padding: 29px 0;
    height: auto; 
}
.breadcrum_content h3{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0;
}
.breadcrum_content h3 a {
    text-decoration: none;
    color: #fff;
}

.section_sub_heading span {
    margin: 0 5px;
}

.spotlight_pg_title{
    font-size: 59px;
    line-height: 60px;
    color: #F47920;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    letter-spacing: -0.299px;
    text-transform: uppercase;
    margin-bottom: 0;
}


.client_inside_spotlight_sec .prk_dtl_line2 {
    width: 80%;
}

@media only screen and (min-device-width: 1081px) and (max-device-width: 1269px) {
    .inside_spotlight_arrow {
        right: 60px;
        width:60% !important;
    }
    .spotlight_content_dv h1.spotlight_pg_title {
        font-size: 49px;
    }
    .spotlight_content_dv .section_sub_heading {
        font-size: 25px;
        line-height: 38px;
    }

    .bg_size_ttl {
        font-size: 46px !important;
    }
}
@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .inside_spotlight_arrow {
        right: 60px;
        width:60% !important;
    }
    .spotlight_content_dv h1.spotlight_pg_title {
        font-size: 49px;
    }
    .spotlight_content_dv .section_sub_heading {
        font-size: 25px;
        line-height: 38px;
    }

    .bg_size_ttl {
        font-size: 46px !important;
    }
    .ibgc_logo_dv {
        right: 150px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .inside_spotlight_arrow {
        right: 100px;
        width:60% !important;
    }
    .spotlight_content_dv h1.spotlight_pg_title {
        font-size: 49px;
    }
    .spotlight_content_dv .section_sub_heading {
        font-size: 25px;
        line-height: 38px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .inside_spotlight_arrow {
        right: 60px;
        width:60% !important;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .inside_spotlight_arrow {
        right: 130px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) {

    .inside_spotlight_arrow {
        right: 130px;
        width:60% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .spotlight_content_dv .section_sub_heading {
        font-size: 20px;
        line-height: 28px;
    }
    .ibgc_logo_dv {
        right: 87px;
        top: -5px;
        width: 140px;
    }
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
 
    .ibgc_logo_dv {
        right: 100px;
        top: 21px;
        width: 165px;
    }
}
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .park_inside_spotlight_sec {
        width: 100%;
        height: 250px;
    }
    .spotlight_content_box {
        padding-left: 7px;
    }
    .park_inside_spotlight_sec > .cstm_container {
        width: 300px;
        margin-left: 0;
        margin-bottom: 60px;
    }
    .ibgc_logo_dv {
        right: 30px;
        top: -10px;
        width: 70px;
    }
    .breadcrum_div {
        padding: 10px 20px;
    }
    .spotlight_content_dv .new_h1 {
        font-size: 12px;
        line-height: 20px;
    }
    .breadcrum_content h3 {
        font-size: 12px;
    }
    .inside_spotlight_arrow {
        right: 15px;
    }
    .breadcrum_div .row {
        margin:0;
    }
    .breadcrum_div .row .col-12 {
        padding:0px;
    }
    .mark_icon {
        width: 18px;
    }
    .spotlight_pg_title {
        font-size: 22px;
        line-height: 30px;
    }

    .spotlight_content_dv {
        padding: 25px 0 25px 0;
    }
    .spotlight_content_dv .row {
        margin: 0px;
    }
    .section_sub_heading span {
        margin: 0 1px;
    }
    .mark_icon {
        margin-right: 4px;
        transform: scale(1.5);
    }

    .spotlight_content_dv .section_sub_heading {
        font-size: 13px;
        line-height: 18px;
    }
    .spotlight_inner_content {
        width: 230px;
    }

}


/*---------------------------------------------------------------- Tab screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .park_inside_spotlight_sec {
        width: 100%;
        height: 450px;
    }
    .client_inside_spotlight{
        height: 55vh;
    }
    .spotlight_content_dv .row {
        margin: 0px;
    }
    .spotlight_content_box {
        padding-left: 21px;
    }
    
    .park_inside_spotlight_sec > .cstm_container {
        width: 65%;
        margin-left: 0;
        margin-bottom: 75px;
    }
    .breadcrum_div {
        padding: 20px 35px;
    }

    .breadcrum_content h3 {
        font-size: 15px;
    }
    .inside_spotlight_arrow {
        right: 35px;
    }
    .breadcrum_div .row {
        margin:0;
    }
    .breadcrum_div .row .col-12 {
        padding:0px;
    }
    .section_sub_heading span {
        margin: 0 1px;
    }
    .mark_icon {
        width: 35px;
        margin-right: 5px;
    }
    .spotlight_pg_title {
        font-size: 35px;
        line-height: 42px ;
    
    }
    .spotlight_content_dv {
        /* padding: 50px 0 50px 0; */
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    .park_inside_spotlight_sec {
        width: 100%;
        /* height:600px; */
    }
    .client_inside_spotlight {
        height: 55vh;
    }
    
    .spotlight_pg_title {
        font-size:45px ;
        line-height: 53px ;
    }
    .spotlight_content_dv .section_sub_heading {
        font-size: 25px;
        line-height: 36px;
    }
    .inside_spotlight_arrow {
        right: 50px;
    }
    .spotlight_content_dv {
        /* padding: 70px 0 70px 0; */
    }
    .spotlight_content_box {
        padding-left: 0px;
    }
    .breadcrum_div {
        padding: 20px 24px 20px 0px;
    }
}
.agile_eco_sec {
    background: #EFEFEF;
    padding:88px 0 100px 0;
}
.agile_eco_col1 {
    padding-right:95px;
    padding-top: 12px;
}
.agile_eco_img {
    margin-top:60px;
    width:100%;
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .agile_eco_sec{
        padding-top: 70px ;
        padding-bottom: 70px ;
    }
    .agile_eco_sec .ovrview_sub_hd {
        padding-bottom: 10px;
    }
    .agile_eco_img {
        margin-top: 15px;
    }
    .agile_eco_col1 {
        padding-right:0px;
        padding-top: 0px;
    }
    
    .agile_eco_head{
       margin:0px !important;
       padding-top: 30px!important;
    }
    
    .agile_eco_ttl{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .agile_overview_hd{
        padding-bottom: 10px!important;
    }


    /*-------Solution-Vlu_integ_sec--------------------------------------------------------- Mobile CSS */

    .solution_image{
        width: 80%;
        margin: auto;
        display: block;
    }

    .vlu_integ_sec {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .vlu_integ_sec .animate_txt {
        height: 54px;
    }

    .solution_paragrph{
        padding-left: 8px;
        padding-right: 8px;
    }


}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .agile_eco_sec {
       
        padding: 44px 0 44px 0;
    }
     
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .agile_eco_sec {
        padding: 60px 0px 60px 0px;
    }
    .agile_eco_col1  .ovrview_subpara {
        margin: 0px 0px 0px 0px;
    }
    .agile_eco_col2{
        margin:auto;
    }
    .agile_eco_img {
        margin-top: 20px;
    }


    /*--------------- Solution page css */
    .vlu_integ_sec .row {
        margin: 0;
    }

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    .agile_ttl{
        font-size: 19px;
        line-height: 28px;
    }

    .agile_ttl_1{
        font-size: 16px;
        line-height: 26px;
    }


     /*--------------- Solution page css */
    .srvc_content h3 {
        font-size: 24px !important;
        line-height: 31px !important;
    }
    .srvc_content {
        bottom: -144px !important;
    }
    .licensing_content {
        bottom: -143px !important;
    }
    .oprations_contnt {
        bottom: -175px !important;
    }

    .vlue_dls_col1 {
        width:60%;
    }
    .vlue_dls_col2 {
        width:40%;
    }
    .vlue_dls_col1 {
        padding: 100px 50px 50px 50px;
    }
    img.close_sld_box {
        left: 40px;
    }
}



.ambition_sec {

}
.ambition_col1 {
    position: relative;
    padding: 0;
    background-image:url(/assets/ambition_img.e4cc7f0456f9d9a5d694.jpg);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}
.ambition_img {
    width: 100%;

}
.ambition_arrow {
    position: absolute;
    top: auto;
    right:75px;
    bottom:0;
    mix-blend-mode: color;
    width:65%;
}
.ambition_col2 {
    padding:90px 350px 75px 65px;
    background: #313D47;
}
.ambition_hd {
    padding-bottom: 18px;
    border-bottom: 1px dashed #fff;
}
.ambition_col2 p {
    color: #fff !important;
    border-color:#DDDDDD;
}
.am_p1 {
    padding-right:100px;
}
.ambition_p {
    margin-top: 85px !important;
}

.moretext {
    display: none;
  }

 .moreless_ttl{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #F47920;
    text-decoration: none;
}

.ambition_read_btn{
    color:#fff;
}
.ambition_read_btn:hover{
    color:#F47920;
}






@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .ambition_col2 {
        padding-right: 120px;
    }
    .am_p1 {
        padding-right: 55px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .ambition_col2 {
        padding-right: 120px;
    }
    .am_p1 {
        padding-right: 55px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {

    .ambition_col2 {
        padding-right: 135px;
    }
    .am_p1 {
        padding-right: 75px;
    }
    
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .ambition_col2 {
        padding-right: 200px;
    }
    .am_p1 {
        padding-right: 90px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .ambition_col2 {
        padding-right: 150px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {
    .ambition_col2 {
        padding: 60px 50px 60px 50px !important;
    }
    .am_p1 {
        padding-right: 0px;
    }
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .ambition_col1 {
        display: none;
    }
    .ambition_p {
        margin-top: 0 !important;
    }
    .ambition_col2 {
        padding: 60px 20px 30px 20px;
    }
    .am_p1 {
        padding-right:0px;
    }
}

/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    /* .ambition_col2 {
        padding-top: 29px;
        padding-bottom: 29px;
    } */

}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .ambition_col2 {
        padding-top:60px;
        padding-bottom:60px;
    }
    .animate_txt {
        height: 60px;
    }

    .ambition_col1 {
        display: none;
    }

    .ambition_text_col {
        padding-top: 40px;
        padding-bottom: 252px;
    }
    .ambition_hd {
        padding-bottom: 4px;
    }


}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .ambition_col2 .animate_txt {
        height: 80px;
    }
    .ambition_hd {
        padding-bottom: 12px;
    }
    .ambition_p {
        margin-top: 100px !important;
    }
}
.park_infra_sec {
    background: #EFEFEF;
    padding-top:100px;
    overflow: hidden;
}
.park_plan_img{
    mix-blend-mode: darken;
    width:100%;
}
.prk_infra_content {
    margin-top: 50px;
}
.infra_tab {
    margin-top:26px;
    margin-bottom: -25px;
}
.cstm_link.infra_link {
    color: #F47920 ;
}

.prk_exterior_col {
    position:relative;
}
.hotspot_div {
    position: absolute;
    z-index: 1;
    cursor: pointer;
}
.hotspot_div:hover .hotspot_name{
    background: #F47920;
}
.hotspot_circle {
    width: 88px;
    height: 88px;
    border-radius: 50px;
    background: rgba(221, 221, 221, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.orng_circle {
    background: #F47920;
    width:18px;
    height:18px;
    border-radius: 50px;
}
.hotspot_name {
    position: absolute;
    background: #9A9C9E;
    border-radius: 6px;
    padding: 5px 11px;
    transition: all 0.5s;
}
.hotspot_name p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.hpt_content_dv {
    padding:30px 40px;
    background-color:#fff;
    border-left: 3px solid #313D47;
    position: absolute;
}
.hpt_cotent_hd{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #313D47;
}
.hpt_cotent_para {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #313D47;
    margin-bottom:0px;
}
div#prk_int {
    margin-top: 60px;
    margin-bottom: 60px;
}

/*------------------------- Roof CSS */
.roof_hotspot {
    top: 20%;
    left: 40%;
    z-index: 13;
}
.roof_hpt_name{
    top: 0px;
    left: 16px;
}
.roof_content_dv {
    top: 20%;
    left: 0;
    width: 455px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 12;
}
.roof_hotspot .hotspot_circle {
    position: relative;
} 
.roof_hotspot .hotspot_circle::before {
    content:'';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
}
.roof_hotspot:hover .hotspot_circle::before{
    width: 425px;
}
.roof_hotspot:hover ~ .roof_content_dv {
    visibility: visible;
    opacity:1;
}
/*------------------------- Truck Apron CSS */
.truck_hotspot {
    top: auto;
    bottom: 37%;
    right: 24%;
    z-index:8;
}
.truck_hpt_name{
    top: 21px;
    left: 59px;
    width: max-content;
}
.truck_content_dv {
    top: auto;
    left: 436px;
    bottom: 30.5%;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index:7;
}
.truck_hotspot .hotspot_circle {
    position: relative;
} 
.truck_hotspot .hotspot_circle::before {
    content:'';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
}
.truck_hotspot:hover .hotspot_circle::before{
    width: 250px;
}
.truck_hotspot:hover ~ .truck_content_dv {
    visibility: visible;
    opacity:1;
}


.section_sub_heading.ext{
    color: #313D47;
 }
/*------------------------- Building Height CSS */
.building_hght_hotspot {
    top: auto;
    bottom: 55%;
    right: 93.5%;
    z-index: 11;
}
.building_hght_hpt_name{
    top: -20px;
    left: 0px;
}

.building_hgt_content_dv {
    top: auto;
    left: 115px;
    bottom: 48.5%;
    width: 360px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 10;
}


.building_hght_hotspot:hover ~ .building_hgt_content_dv {
    visibility: visible;
    opacity:1;
}

.building_hght_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 0.2px;
    width: 0px;
    left: 40px;
    transition: width 0.5s;
    
}

.building_hght_hotspot:hover .hotspot_circle::before{
    width: 115px;
}
/*------------------------- Building Strcuture CSS */
.building_strcut_hotspot {
    top: auto;
    bottom: 42%;
    right: 77%;
    z-index: 4;
}
.building_strcut_hpt_name{
    top: -20px;
    left: auto;
    right: 0px;
    width: 100%;
}

.building_struct_content_dv {
    top: auto;
    bottom: 31.5%;
    width: 480px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 7;
    right: 423px;
}


.building_strcut_hotspot:hover ~ .building_struct_content_dv {
    visibility: visible;
    opacity:1;
}

.building_strcut_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    left: 52px;
    transition: width 0.5s;
}

.building_strcut_hotspot:hover .hotspot_circle::before{
    width: 145px;
}

/*------------------------- Office CSS */
.office_hotspot {
    top: auto;
    bottom: 33%;
    right: 49%;
    z-index: 6;
    
   
}
.office_hpt_name{
    top: 29px;
    left: 60px;
    width: max-content;
}

.office_content_dv {
    top: auto;
    left: 175px;
    bottom: 22.5%;
    width: 360px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 5;
}


.office_hotspot:hover ~ .office_content_dv {
    visibility: visible;
    opacity:1;
}

.office_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
    
}

.office_hotspot:hover .hotspot_circle::before{
    width: 200px;
}

/*------------------------- Parking CSS */
.prk_hotspot {
   
    top: auto;
    bottom: 45%;
    right: 5%;
    z-index: 9;
   
}
.prk_hpt_name{
    top: -10px;
    left: 5px;
    width: max-content;
}

.prki_content_dv {
    top: auto;
    bottom: 30%;
    right: 175px;
    width: 360px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 8;
    
}


.prk_hotspot:hover ~ .prki_content_dv{
    visibility: visible;
    opacity:1;
}

.prk_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
    
}

.prk_hotspot:hover .hotspot_circle::before{
    width: 225px;
}



/*------------------------- Security CSS */
.secu_hotspot {
    top: auto;
    bottom: 61%;
    left: 88%;
    z-index: 9;
    
   
}
.secu_hpt_name{
    top: -4px;
    right: 5px;
    width: max-content;
}

.secu_content_dv {
    top: auto;
    right: 186px;
    bottom: 50.5%;
    width: 360px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 8;
    
}


.secu_hotspot:hover ~ .secu_content_dv{
    visibility: visible;
    opacity:1;
}

.secu_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 0.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
    
}

.secu_hotspot:hover .hotspot_circle::before{
    width: 250px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* =========================================Interior image css and style============================================================================================= */

/*------------------------- Light CSS */
.light_hotspot {
    top: 10px;
    left: 61%;
}
.light_hpt_name{
    top: 21px;
    left: 60px;
}
.light_content_dv {
    top: 3%;
    left: 23%;
    width: 455px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
}
.light_hotspot .hotspot_circle {
    position: relative;
} 
.light_hotspot .hotspot_circle::before {
    content:'';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
}
.light_hotspot:hover .hotspot_circle::before{
    width: 225px;
}
.light_hotspot:hover ~ .light_content_dv {
    visibility: visible;
    opacity:1;
}


/*------------------------- wall CSS */
.wall_hotspot {
    top: auto;
    bottom: 11%;
    left: 29%;
}
.wall_hpt_name{
    top: 30px;
    left: 59px;
    width: max-content;
}
.wall_content_dv {
    top: auto;
    left: 0;
    bottom:0%;
    width: 360px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
}
.wall_hotspot .hotspot_circle {
    position: relative;
} 
.wall_hotspot .hotspot_circle::before {
    content:'';
    position: absolute;
    background-color: #F47920;
    height: 0.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
}
.wall_hotspot:hover .hotspot_circle::before{
    width: 225px;
}
.wall_hotspot:hover ~ .wall_content_dv {
    visibility: visible;
    opacity:1;
}



/*------------------------- Floor CSS */
.flr_hotspot {
    top: auto;
    bottom: 5%;
    left: 45.5%;
    z-index: 4;
}
.flr_hpt_name{
    top: 30px;
    left: 59px;
}

.flr_content_dv {
    top: auto;
    left: 175px;
    bottom: 0%;
    width: 360px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 3;
}


.flr_hotspot:hover ~ .flr_content_dv {
    visibility: visible;
    opacity:1;
}

.flr_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 0.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
}

.flr_hotspot:hover .hotspot_circle::before{
    width: 125px;
}

/*------------------------- Fire CSS */
.fire_hotspot {
    top: auto;
    bottom: 64%;
    left: 6%;
    z-index: 4;
}
.fire_hpt_name{
    top: 27px;
    left: auto;
    right: 61px;
}

.fire_content_dv {
    top: auto;
    left: 16%;
    bottom: 46.5%;
    width: 360px;
    visibility: hidden;
    opacity:0;
    transition: all 0.6s;
    transition-delay:0.2s;
    z-index: 3;
}


.fire_hotspot:hover ~ .fire_content_dv {
    visibility: visible;
    opacity:1;
}

.fire_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    left: 40px;
    transition: width 0.5s;
}

.fire_hotspot:hover .hotspot_circle::before{
    width: 120px;
}


/*------------------------- VENTILATION CSS */
.vent_hotspot {
    top: auto;
    bottom: 16%;
    left: 68%;
    z-index: 5;

}
.vent_hpt_name{
    top: 29px;
    left: 60px;
    width: max-content;
}

.vent_content_dv {
    top: auto;
    right: 450px;
    bottom: 0;
    width: 360px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.6s;
    transition-delay: 0.2s;
    z-index: 4;
    
}


.vent_hotspot:hover ~ .vent_content_dv {
    visibility: visible;
    opacity:1;
}

.vent_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 1.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
    
}

.vent_hotspot:hover .hotspot_circle::before{
    width: 225px;
}


/*------------------------- Dock AREA CSS */
.dck_hotspot {
    top: auto;
    bottom: 12%;
    right: 4px;
    z-index: 6;
}
.dck_hpt_name{
    top: -5px;
    left: -3px;
    width: max-content;
}

.dck_content_dv {
    top: auto;
    right: 135px;
    bottom: 0%;
    width: 360px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.6s;
    transition-delay: 0.2s;
    z-index: 5;
}


.dck_hotspot:hover ~ .dck_content_dv{
    visibility: visible;
    opacity:1;
}

.dck_hotspot .hotspot_circle::before {
    content: '';
    position: absolute;
    background-color: #F47920;
    height: 0.2px;
    width: 0px;
    right: 40px;
    transition: width 0.5s;
    
}

.dck_hotspot:hover .hotspot_circle::before{
    width: 225px;
}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .park_infra_sec {
        padding-top: 40px;
    }
    .infra_tab {
        margin-top: 5px;
        margin-bottom: -80px;
    }
    div#prk_int , #prk_ext{
        margin-top: 120px;
        margin-bottom: 60px;
        /* transform: scale(0.8); */
    }
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {

     /* exterior    */
    .building_strcut_hotspot:hover .hotspot_circle::before {
        width: 100px;
    }
    .roof_hotspot:hover .hotspot_circle::before {
        width: 400px;
    }
    .roof_content_dv {
        top: 20%;
    }
    .truck_hotspot:hover .hotspot_circle::before {
        width: 200px;
    }
    .truck_content_dv {
        top: auto;
        left: 412px;
    }
    .office_hotspot:hover .hotspot_circle::before {
        width: 180px;
    }
    .office_content_dv {
        top: auto;
        left: 155px;
    }   
    .secu_content_dv {
        bottom: 49.5%;
    } 
    .prki_content_dv {
        bottom: 30%;
    }
    /* .hpt_content_dv{
        bottom: 30%;
    } */

    /* interior */
    .flr_hotspot:hover .hotspot_circle::before {
        width: 90px;
    }
    .light_hotspot:hover .hotspot_circle::before {
        width: 200px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .secu_content_dv {
        bottom: 49.5%;
    } 
    .prki_content_dv {
        bottom: 30%;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .secu_content_dv {
        bottom: 49.5%;
    } 
    .prki_content_dv {
        bottom: 30%;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .secu_content_dv {
        bottom: 49.5%;
    } 
    .prki_content_dv {
        bottom: 30%;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 

    .secu_content_dv {
        bottom: 49.5%;
    } 
    .prki_content_dv {
        bottom: 30%;
    }
}
/*------------------------- mob CSS */

@media screen and (min-width:1025px) {

    .mob_infra_sec {
        display: none;
    }
}


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

    .park_infra_sec {
        display: none;
    }

    .mob_infra_sec {
        background: #EFEFEF;
        padding-top: 50px;
        padding-bottom: 14px;
    }

    .tab-wrapper {
        text-align: left;
        display: block;
        margin: auto;
        max-width: 500px;
    }
        

    .tabs {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-around;
    }
        

    .tab-link {
        list-style: none;
        padding: 15px 15px;
        cursor: pointer;
        transition: all ease 0.5s;
        border: 1px solid #eb7d2b;
        border-radius: 50px;
        font-family: 'Barlow';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 17px;
        letter-spacing: 0.08em;
        color: #F47920;
    }
             
    
    .tab-link.active {
        color: #ffffff;
        border-color: #EE6534;
        background-color: rgb(235, 125, 43);
    }
        

    .content-wrapper {
        padding: 40px 80px;
    }
        
    .mob_infra_sec .tab-content {
        display: none;
        text-align: left;
        color: #888;
        font-weight: 300;
        font-size: 15px;
        opacity: 0;
        transform: translateY(15px);
        animation: fadeIn 0.5s ease 1 forwards;

    }
        
    .tab-content.active {
        display: block;
    }


    @keyframes fadeIn {
        100% {
            opacity: 1;
            transform: none;
        }
            
    }


    .mob_infra_sec .accord_dv {
        margin-top: 0px;
    }
    .mob_infra_sec .content-wrapper {
        padding: 20px 20px;
    }

    .mob_infra_sec .accord_para {
        color: #313d47;
    }
    
    .mob_infra_sec .intg_btn {
        color: #313d47;
    }
    .mob_infra_sec .intg_card_header {
        padding: 10px 0px;
    }
    .sub-hdng {
        padding: 20px 20px 40px 20px;
    }

    .mob_infra_sec .card {
        border-radius: 0;
        border-top: 1px solid rgb(49 61 71 / 20%);
        border-bottom: none;
        border-right: none;
        border-left: none;
    }
    .mob_infra_sec .intg_btn {
        font-size: 16px;
    }
    .mob_infra_sec .accord_para {
        font-size: 16px;
    }
    .mob_infra_sec .card:first-child {
        border-top: none;
    }
    .mob_infra_sec .accord_para {
        margin: 0px 0 10px 0;
    }

    .mob_infra_sec .section_sub_heading {
        font-size: 18px;
        line-height: 24px;
    }
    

}
	
@media screen and (min-width:768px) and (max-width:1024px) {
    #accordion {
        width: 100%;
    }
    .mob_infra_sec {
        padding-left: 15px;
        padding-right: 15px;
    }
    .tabs {
        gap: 20px;
        justify-content: flex-start;
    }
    .tab-wrapper {
        margin: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
    .mob_infra_sec .row{
        margin:0px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .mob_infra_sec .sub-hdng {
        padding-left:0px;
    }
    .mob_infra_sec .tab-wrapper {
        padding-left:0px;
    }
    .mob_infra_sec .content-wrapper {
        padding-left: 0px;
    }
}
.flexible_sec {
    background: #F47922;
    padding: 80px 0 200px 326px;
    overflow: hidden;
}
.flex_main_slider {
    margin-top: 70px;
}
.flex_hd {
    width: 100%;
    max-width: 1230px;
    border-color:#fff;
}
.flex_sld_outer {
    height: 425px;
    padding-right: 30px;
}
.flex_sld_inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.flx_ovberlay {
    position: absolute;
    width: 100%;
    height: 280px;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(25, 32, 37, 0.8) 12.9%, rgba(43, 43, 43, 0) 64.52%);
    transform: matrix(1, 0, 0, -1, 0, 0);
}
.flex_content {
    position: absolute;
    top:auto;
    bottom:20px;
    padding:0 25px 0 25px;
    z-index: 1;
}
.flex_bg_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.flex_sld_p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom:0px;
    padding-right: 0px;
}

.flex_main_slider.horz_sld .slick-prev , .flex_main_slider.horz_sld .slick-next {
    top: auto;
}
.flex_main_slider.horz_sld .slick-prev {
    bottom: -130px;
    left: 0 !important;
}
.flex_main_slider.horz_sld .slick-next {
    bottom: -130px;
    left: 75px !important;
}

.flex_main_slider .slick-prev:before {
    background-image:url(/assets/sldr_left_arrow_wht.ecdead77b1f66bb2c68e.svg) !important;
}
.flex_main_slider .slick-next:before {
    background-image:url(/assets/sldr_right_arrow_wht.da6c5591592302368e2b.svg) !important;
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .flexible_sec {
        padding-left:46px !important;
        padding-top: 80px !important;
    }
    .flex_sld_p {
        padding-right: 20px;
    }


}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .flexible_sec {
        padding-left:52px !important;
        padding-top: 80px !important;
    }
    .flex_sld_p {
        padding-right: 30px;
    }

 
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .flexible_sec {
        padding-left:88px !important;
        padding-top: 80px !important;
    }
    .flex_sld_p {
        padding-right: 0px;
    }

}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .flexible_sec {
        padding-left:168px;
    }
    .flex_sld_p {
        padding-right: 0px;
    }

}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .flexible_sec {
        padding-left:135px;
    }
    .flex_sld_p {
        padding-right: 0px;
    }

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {
    
    .flexible_sec {
        padding: 80px 0 200px 35px;
    }
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .flexible_sec {
        padding: 60px 20px 100px 20px;
    }
    .flexible_sec .animate_txt {
        height: 70px;
    }
    .flex_hd {
        line-height: 25px;
    }
    .flex_sld_p {
        font-size: 16px;
        line-height: 25px;
        padding-right: 0px;
    }
    .flex_main_slider.horz_sld .slick-next {
        bottom: -60px;
        left: 55px !important;
    }
    .flex_main_slider.horz_sld .slick-prev {
        bottom: -60px;
        left: 0px !important;
    }
    .flex_main_slider {
        margin-top: 35px;
    }

}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {


    .flexible_sec {
        padding: 50px 0 120px 35px;
    }
    .flex_main_slider {
        margin-top: 40px;
    }
    .flex_sld_outer {
        height: 400px;
    }
    .flex_main_slider.horz_sld .slick-prev {
        bottom: -70px;
    }
    .flex_main_slider.horz_sld .slick-next {
        bottom: -70px; 
    }

}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
    
    .flex_sld_outer {
        height: 320px;
    }

    .flexible_sec{
        padding-left: 35px;
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .flex_main_slider.horz_sld .slick-prev {
        bottom: 40px !important;
    }
    .flex_main_slider.horz_sld .slick-next {
        bottom: 40px !important;
    }

    .flex_sld_p {
        font-size: 17px;
        line-height: 23px;
        padding-right: 0;
    }
    .flex_hd_col {
        padding-right: 35px;
    }
    .flex_main_slider {
        margin-top: 30px;
    }
     
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .flexible_sec {
        padding: 80px 0 150px 35px;
    }
    .flex_content {
        padding: 0 15px 0 15px;
        width: 100%;
    }
    .flex_sld_p {
        font-size: 19px;
        line-height: 26px;
        padding-right: 0;
    }
    .flex_main_slider.horz_sld .slick-next {
        bottom: -95px;
    }
    .flex_main_slider.horz_sld .slick-prev {
        bottom: -95px;
    }

}
.wrk_sec{
    padding: 110px 0px;
    padding-bottom:0px;
}
.wrk_img_dv {
    margin-top: -200px;
}


.wrk_sub_hd{
    color: #313D47;
    padding-bottom: 18px;
    border-bottom: 1px dashed #2BB04C;
}
.wrk_img{
    width:100%;
}

.wrk_content{
    padding: 0px 40px ;    
}

.wrk_sld{
    background-color:#ececece6 ;
    border-right: 1px solid #313d471a;
    height: 195px;
    display: flex !important;
    align-items: center !important;
}
.wrk_content img{
    margin-top: 0px !important;
    margin:auto;
    margin-bottom: 10px;
    
   
}
.ws_1 {
    border-top-left-radius: 90px;
    border-bottom-left-radius: 90px;
}
.ws_10 {
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    border-right: none;
    
}
.wrk_sld p{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #313D47;
    margin-bottom:0px;
}

.slick-prev{
    top: -25%;
    left: 89% !important;
}

.slick-next{
    top: -25%

}
.work_slider {
    margin-top: 100px;
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .wrk_sec {
        padding: 60px 0px;
        padding-bottom: 0;
    }
    .wrk_content {
        padding: 0px 10px;
    }
    .wrk_content img {
        width: 40%;
    }
    .wrk_sld p {
        font-size: 12px;
        line-height: 17px;
    }

    .work_slider {
        margin-top: 100px !important;
    }
    .work_slider .slick-prev {
        right: 55px;
        left: auto !important;
        top: -31%;
    }
    .work_slider .slick-next {
        right: 0px;
        top: -31%;
    }
    .wrk_img_dv {
        margin-top: -45px !important;
    }  
    .wrk_sld {
        display: flex !important;
        align-items: center !important;
        height: 140px;
    }
    .wrk_sub_hd {
        padding-bottom: 14px;
    }
}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .wrk_sec {
        padding: 50px 0 0 0;
    }
    .wrk_img_dv {
        margin-top: -230px;
    }
}    


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {


    .work_slider .slick-prev {
        top: -25%;
        left: auto !important;
        right: 65px;
    }
    .work_slider .slick-next {
        top: -25%;
    }
    .wrk_content img {
        margin-top: 15px !important;
        width: 80px;
    }
    .wrk_img_dv {
        margin-top: -115px;
    }
    .wrk_content {
        padding: 0px 20px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    
    .wrk_content img {
        width: 55%;
        margin-top:20px !important;
    }
    .wrk_content {
        padding: 0px 20px;
    }
    .work_slider {
        margin-top: 170px;
    }
    .wrk_sld {
        height: 210px;
    }
    .wrk_img_dv {
        margin-top: -155px;
    }
    .work_slider  .slick-prev {
        right: 75px !important;
        left: auto !important;
    }
}
.nav_col{
    background-color: #313D47 !important;
    padding: 94px 111px 180px 335px;
}

.adv_horz_sub_hd{
    
    padding-bottom: 18px;
    border-bottom: 1px dashed #fff;
    margin-bottom: 52px;
}

.ad_hz_inner_nav p{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 111%;
    align-items: center;
    text-transform: capitalize;
    color: #FFFFFF;
    border-bottom: 1px solid #ffffff33;
    height: 95px;
    display: flex;
    cursor: pointer;
    margin-bottom: 0;
}

.ad_horzion_nav .slick-track , .ad_horzion_sld .slick-list , .ad_horzion_sld .slick-track , .ad_horzion_sld .slick-slide > div {
    height: 100% !important;
}   
.ad_horzion_nav  .slick-slide.slick-current .ad_hz_inner_nav p{
    color: #F47920;
}
.ad_hz_outer {
    display: flex !important;
    align-items: center;
    height: 100%;
}
.ad_horzion_sld {
    height: 100%;
}

.ad_horzion_sld .slick-prev:before {
    background-image:url(/assets/sldr_left_arrow_wht.ecdead77b1f66bb2c68e.svg) !important;
}
.ad_horzion_sld .slick-next:before {
    background-image:url(/assets/sldr_right_arrow_wht.da6c5591592302368e2b.svg) !important;
}
.ad_horzion_sld button.slick-arrow{
    top: auto;
    bottom:50px;
}

.ad_horzion_sld .slick-prev {
    left: -260px !important;
}

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

.adv_sub_head{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 151%;
    color: #313D47;
}
.adv_section_hdg{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    font-size: 60px;
    line-height: 111%;
    text-transform: uppercase;
    color: #F47920;
}

.ad_hz_inner{
    padding: 83px 150px 100px 80px;

}


.ad_hz_inner img{
    padding-bottom: 30px;
}

.ad_hz_inner_nav p:hover {
    color: #F47920; 
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .nav_col {
        padding-left:40px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .nav_col {
        padding-left:60px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .nav_col {
        padding-left:95px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .nav_col {
        padding-left:178px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .nav_col {
        padding-left:130px;
    }

}
.cstr_sec {
    background: #EFEFEF;
    padding:88px 0 60px 0;
}
.cstmr_sucss_col1 {
    padding-right:50px;
    padding-top: 40px;
}
.cstmr_sucss_img {
    margin-top: 20px;
    width:100%;
    mix-blend-mode: darken;
}
.cstm_bdr{
    border-bottom: 1px dashed #313D47 !important;
}

.cstmr_subpara{

    margin: 55px 0px 20px 0px;
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .cstr_sec {
        padding: 60px 0 60px 0;
    }    
    .ovrview_sub_hd {
        padding-bottom: 14px !important;
    }
    .cstmr_sucss_col1 {
        padding-right: 20px;
        padding-top: 0px;
    }

}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .cstr_sec {
        padding: 60px 0 60px 0;
    }

    .cstmr_sucss_col1 {
        padding-top: 0px;
        padding-right: 0;
    }

    div#cstmer_fade {
        margin: auto;
    }

    .cstmr_sucss_img {
        width: 100%;
    }

}
.esg_env_sec.park_env_sec {
    background-color: #313D47;
    padding-top: 85px;
    padding-bottom: 85px;
    background-image: none;
}

.esg_env_sec  .hdg_esg {
    border-bottom: 0px;
}

.esg_env_sec .hdg_esg {
    color: #fff;
    padding-bottom: 0;
}
.esg_env_sec .sub_para {
    margin: 0px;
    color: #fff;
}

.esg_env_sec .add_border {
    border-top: 1px dashed #fff;  
}

.park_env_sec .img-grid {
    padding-top: 25px;
    overflow: hidden;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}  

.img-clm {
    overflow: hidden;
}

.park_env_sec .img-content {
    font-family: Barlow;
    text-align: left;
    letter-spacing: 0em;
    background-color: rgb(255 255 255 / 95%);
    padding: 18px 50px 50px 50px;
    transition: all .8s ease .2s;
    height: 425px;
}

.park_env_sec .img-clm:hover .img-content {
    padding-top: 50px;
}

.img-content h2 {    
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;  
    transition: all .5s ease;
}

.park_env_sec .img-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    opacity: 0;
    transition: opacity 1.5s ease;
}
.img-clm:hover p, .img-clm:hover ul{
    opacity: 1;
}

.img-content ul {
    padding-left: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    opacity: 0;
    transition: opacity 1.5s ease;
}

.img-clm:hover .img-content {
    transform: translateY(-74%);
}
.img-clm:hover h2 {
    color: #2BB04C;
}
.guttr-spc {
    padding-left: 15px;
    padding-right: 15px;
    height: 380px;
    overflow: hidden;
    margin-bottom: 50px;
}

img.park-env-img {
    width: 100%;
    object-fit: cover;
    height: 311px;
}

@media screen and (min-width:768px) {
    img.toggl-icon {
        display: none;
    }
}
@media screen and (max-width:767px) {
    .esg_env_sec {
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .img-grid {       
        height: auto;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;   
    } 
    
    .img-clm {
        margin-bottom: 25px;
    }
    .no-padding {
        padding-top: 0px;
    }
    .guttr-spc {        
        height: 370px;       
        margin-bottom: 30px;
    }
    .img-content p {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 18px;
    }
    .img-content h2 {
        margin-bottom: 25px;
        display: inline-block;
        width: 90%;
        font-size: 19px;
        line-height: 20px;
    }
    .img-content {        
        padding: 15px 15px 10px 15px;
    }
    .img-content ul {       
        font-size: 14px;
        line-height: 20px;
    }
    img.toggl-icon {
        transform: rotate(225deg);
        width: 13px;
        transition: transform .5s ease;
    }
    
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .img-content h2 {
        font-size: 20px;
    }
    .esg_env_sec {
        padding-left: 20px;
        padding-right: 20px;
    }
    .img-grid {       
        padding-left: 0px;
        padding-right: 0px;  
    } 
    .img-content ul {
        font-size: 14px;
        line-height: 18px;
    }    
    .img-content p {
        font-size: 15px;
        line-height: 18px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .img-content p {
        margin-bottom: 5px;
    }
    .img-clm:hover .img-content {
        transform: translateY(-76%);
    }
    .guttr-spc {
        margin-bottom: 30px;
    }
}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
    .esg_env_sec.park_env_sec{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


.ovrview_sec{
    padding: 90px 0px 67px 0px;
}

.ovrview_div{
    background-color: #313D47;
    width: 500px;
    padding: 47px 40px 47px 40px;
}
.igcs_main .ovr_lnd_area_spc:last-child {
    padding-bottom: 0px;
}

.ovrview_col{
    padding: 30px 143px 0px 0px;
}
.pkr_ovw {
    padding-top: 0;
    margin-top: -5px;
}
.ovrview_sub_hd{
    color: #313D47;
    padding-bottom: 18px;
    border-bottom: 1px dashed #2BB04C;
}
.ovrview_subpara{
    margin: 27px 0px 20px 0px;
}
.ovrview_para{
    margin: 20px 0px 22px 0px;
}

.ovrview_subpoints{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19.2px;
    align-items: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #F47920;
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ffffff1a;
    

}

.ovrview_subpoints_sub_heading{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 29px;
    line-height: 35.52px;
    text-transform: uppercase;
    margin-bottom:0px;
    color: #FFFFFF;
   
}

.ovr_lnd_area_spc{
    padding: 0px 0px 53px 0px;

} 
.prk_ovr_1 {
    margin-top: 85px;
}

.moretext_exp {
    display: none;
}
.exp_ov_btn {
    color: #313D47;
    cursor: pointer;
}
.exp_ov_btn:hover {
    color: #F47920;
}
.exp_sub_hd_animate {
    position: relative;
    overflow: hidden;
    float: left;
    height: 40px;
    width: 100%;
}
.exp_sub_hd_animate p{
    position: absolute;
    transform: translate(0px, 100px);
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
    
    .ovrview_sec {
        padding: 60px 0px 60px 0px;
    }
    .ovrview_col {
        padding: 0 14px;
    }
    .prk_ovr_1 {
        margin-top: 55px !important;
    }
    .ovrview_div {
        width: 100%;
        padding: 30px 20px;
    }
    .ovrview_subpoints {
        font-size: 14px;
        line-height: 14px;
    }
    .ovrview_subpoints_sub_heading {
        font-size: 19px;
        line-height: 20px;    
    }
    .ovr_lnd_area_spc {
        padding: 0px 0px 35px 0px;
    }
    .exp_col1 {
        margin-bottom: 50px;
    }
    .moreless_ttl {
        font-size: 14px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .ovrview_sec {
        padding: 60px 0px 60px 0px;
    }
    .ovrview_col {
        padding: 30px 40px 0px 15px;
        
    }
    .ovrview_subpoints {
        font-size: 13px;
        padding-bottom: 0;
    }
    .ovrview_div {
        width: 100%;
        padding: 40px 30px 40px 30px;
    }

    .ovr_lnd_area_spc {
        padding: 0px 0px 38px 0px;
    }

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


/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    .ovrview_col {
        padding-left:15px;
        padding-right:50px;
    }    
    .ovrview_div {
       width: 100%;
    }
    .ovrview_subpoints{
        font-size: 16px;
    }
    .ovrview_subpoints_sub_heading{
        font-size: 22px;
        line-height: 26.52px;
    }
    
}
.location_map_sec {
    height:auto;
}
.location_map_sec .row {
    height:100%;
}
.loca_map_col1{
    background-color: #F47920;
    position: relative;  
    padding:85px 0px 95px 326px;  
}
.loc_map_hd {
    color:#fff;
}
.loc_map_accord {
    margin-top: 100px;
    margin-right:150px;
}
.loc_map_body {
    padding-top:0px;
}
.loc_map_name_div {
    margin-bottom: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.loc_map_name_div span {
    width: 4px;
    height: 4px;
    background: #fff;
    float: left;
    border-radius: 50px;
}
.loc_map_name_div:hover .loc_map_name {
    color: #313D47 !important;
}
.loc_map_name_div:hover  span{
    background-color: #313D47 !important;
}
/* .loc_map_body:nth-child(2n+0) {
    background: red;
  } */
.loc_map_name {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0;
    padding-left: 12px;
}

.loca_map_col2 {
    position: relative;
    padding: 0;
}
.outer_div_map {
    position:absolute;
    top: 0;
    width: 100%;
    height:100%;
    display: none;
}
.connectivity_map{
    display: block;
}
/* .industrial_map {

} */
/* .main_access_map{

} */
.loca_map_col2 {
    background-color: #313d4752 
}
.inner_div_map {
    position: relative;
    width: 100%;
    height: 100%;
}
.map_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.map_div iframe {
    width: 100%;
    height: 100%;
}
.map_div h2 {
    position: absolute;
}
#con1 , #indust1 , #main_acc1{
    display: block;
}

.map_div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.map_loc_div {
    height: 115px;
    overflow-y: auto;
}
.map_loc_div::-webkit-scrollbar {
    width: 2px;
}
.map_loc_div::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 5px;
}
.map_loc_div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #313D47;
    border-radius: 5px;
    background-color: #d3d3d3;
}

.map_cta_dv {
    
}
.map_cta_inner {
    width: fit-content;
}
.map_btn {
    background: #313D47 !important;
    border-radius: 90px;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: unset;
    color: #FFFFFF;
    padding: 13px 20px;
    margin-top: 50px;
    width: 150px;
    border: none;
    border: 1px solid #313D47 !important;
    text-decoration: none;
    display: block;
    text-align: center;
    transition: all 0.3s;
}
.map_btn span {
    transition: all 0.6s;
    opacity: 0;
    width: 0;
    display: inline-block;

}
.map_btn span img{
    width: auto;
}
.map_btn:hover span {
    margin-left: 7px;
    opacity: 1;
}
.map_btn:hover {
    border: 1px solid #313D47 !important;
    color: #fff !important;
    background-color: #313D47 !important;
    width: 186px;
    padding-left: 0px;
}
.map_btn:hover img{
    opacity: 1;
}
.map_cta_inner h5 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-left: 65px;
    text-transform: uppercase;
    margin-top: 13px;
    letter-spacing: 1px;
}
.map_cta_dv ul {
    padding: 0;
    display: flex;
}
.map_cta_dv li {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    list-style:none;
    display: flex; 
    position: relative;
    padding:0 10px;
    letter-spacing: 1px;
}
.map_cta_dv li a {
    color: #fff !important;
    text-decoration: none;
}

.map_cta_dv li:first-child {
    padding:0 0px;
    text-decoration: none;
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .loca_map_col1 {
        padding-left:45px;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1359px) {
    .loca_map_col1 {
        padding-left:45px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .loca_map_col1 {
        padding-left:70px;
    }
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1399px) {
    .loca_map_col1 {
        padding-left:70px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .loca_map_col1 {
        padding-left:49px;
    }
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1499px) {
    .loca_map_col1 {
        padding-left:105px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .loca_map_col1 {
        padding-left:166px;
    }
}

@media only screen and (min-device-width: 1601px) and (max-device-width: 1650px) {
    .loca_map_col1 {
        padding-left:188px;
    }
}

@media only screen and (min-device-width: 1651px) and (max-device-width: 1700px) {
    .loca_map_col1 {
        padding-left:188px;
    }
}


@media only screen and (min-device-width: 1701px) and (max-device-width: 1750px) {
    .loca_map_col1 {
        padding-left:240px;
    }
}


@media only screen and (min-device-width: 1751px) and (max-device-width: 1800px) {
    .loca_map_col1 {
        padding-left:264px;
    }
}


@media only screen and (min-device-width: 1801px) and (max-device-width: 1889px) {
    .loca_map_col1 {
        padding-left:287px;
    }
}


@media only screen and (min-device-width: 1500px) and (max-device-width: 1579px) { 
    .loca_map_col1 {
        padding-left:134px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {

    .loca_map_col1 {
        padding: 85px 0px 95px 35px;
    }

}

@media only screen and (min-device-width: 1081px) and (max-device-width: 1269px) {

    .loca_map_col1 {
        padding-left: 20px;
    }

}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
    .loca_map_col1 {
        padding: 60px 0px 40px 20px;
    }
    .loca_map_col2 {
        height: 400px;
    }
    .loc_map_accord {
        margin-top: 50px;
        margin-right: 20px;
    }
    .loc_map_name {
        font-size: 15px;
        line-height: 23px;
    }

    .location_map_sec {
        height:auto;
    }
    .map_cta_dv ul {
        display: block;
        width: fit-content;
    }
    .map_cta_dv li {
        padding: 0 10px 0 0px;
        margin-bottom: 7px;
    }
    .map_cta_dv li::after {
        display: none;
    }

}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .loca_map_col1 {
        padding: 60px 0px 60px 35px;
    }
    .loca_map_col2 {
        height: 400px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .loc_map_accord {
        margin-right: 100px;
    }

    .loca_map_col1 {
        padding-left: 20px;
    }
}
.park_gallery_sec {
    padding:100px 0 100px 335px;
    background: #313D47;
    position: relative;
}
.prk_hd_row {
    margin-bottom:40px;
}
.prk_glry_ttl {
    color:#fff;
}



/*---------------------------------------------------------------------- Gallery Tab CSS */
.prk_tab_content_row {
    position: relative;
}
.prk_gallery_tabs {
    display: block;
    margin-top: 20px;
    margin-right: 25px;
}
.prk_gallery_tabs li {
    height:65px;
    border-top:1px solid #505A62;
    border-bottom:1px solid #505A62;
    display: flex;
    align-items: center;
}
.prk_gallery_tabs li a {
    display: block;
    width:100%;
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #F47920;
    padding-left:2px;
}
.prk_gallery_tabs li a:hover {
    color:#fff;
}
.prk_gallery_tabs li a.active {
    background-color:transparent !important;
    color:#fff;
}




/*---------------------------------------------------------------------- lightbox CSS */
.lightbox_btn{
    border-radius:50px;
    border:1px solid #fff;
    width:60px;
    height:60px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 180px;
    cursor: pointer;

}
.lightbox_btn img {
    width: 20px;
}
.lightbox_overlay {
    overflow: hidden;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=70);
    animation: slbOverlay 0.5s;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index:2;
}
.overlay_open {
    opacity: 0.91;
    visibility: visible;   
}
@keyframes slbOverlay {
    0% { opacity: 0; }
    100%   { opacity: 0.91; }
}
.park_lightbox {

    position: absolute;
    width: 100%;
    margin: auto;
    top:0%;
    left:0%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity:0;
    transition:all 0.6s; 
    display: flex;
}
.open_light_box{
    visibility: visible;
    opacity:1;
}
.inner_light_box {
    float: left;
    position: relative;
    width: 60%;
    height: 100%;
    margin: auto;
    padding: 0px;
}
.close_btn {
    width: 20px;
    cursor: pointer;
    position: absolute;
    right:0px;
    top: 100px;
    z-index:1;
}
.slick-slider.park_lightbox_photo , .park_lightbox_photo .slick-list {
    height: 100%;
    width: 100%;
    margin: auto;
}
.park_lightbox_photo .slick-track ,.park_lightbox_photo .slick-slide > div{
    height: 100%;
}
.lb_prk_sld {
    padding:0px;
    height: 100%;
}
.lb_prk_sld_content {
    height: 100%;
    display: flex;
}
.lb_prk_sld_content img {
    max-width: 1200px;
    margin: auto;
    width: 100%;

}
.park_lightbox_photo .slick-prev {
    left: 20px !important;
    top: 47%;
    background: #fff;
}
.park_lightbox_photo .slick-next {
    right: 20px !important;
    top: 47%;
    background: #fff;
}
.park_lightbox_photo .slick-prev:before {
    background-image:url(/assets/orng_arrow_left.80e38994931423cf2d5f.svg) !important;
}
.park_lightbox_photo .slick-next:before {
    background-image:url(/assets/orng_arrow_right.bfa160c3dba70f4308ac.svg) !important;
}


/*---------------------------------------------------------------------- Gallery Slider CSS */

.park_photo_slider .slick-list {
    padding: 0 100px 0 0!important;
}
.prk_p_slide {
    padding-right: 50px;
    height:600px;
}
.prk_photo_content {
    height: 100%;
}
.siteplan_img_div img {
    object-fit: unset;
}
.prk_photo_content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.park_photo_slider .slick-prev {
    left: -400px !important;
    bottom: -20px;
    top: auto;
}

.park_photo_slider .slick-next {
    left: -325px !important;
    bottom: -20px;
    top: auto;
}
.park_photo_slider .slick-prev:before {
    background-image:url(/assets/sldr_left_arrow_wht.ecdead77b1f66bb2c68e.svg) !important;
}
.park_photo_slider .slick-next:before {
    background-image:url(/assets/sldr_right_arrow_wht.da6c5591592302368e2b.svg) !important;
}



/*----------------------------------------- Site Plan */
div#siteplan {
    padding-right: 0px;
}
.siteplan_img_col {
    margin-bottom: 30px;
}
.sitepln_img {
    width:100%;
}

.prk_photo_content video{
    width: 100%;
    height:100%;
    object-fit: cover;
}


.vm-vid {
    width: 100%;
    height: 100%;
}










@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {

    .park_gallery_sec {
        padding-left:35px;
        height: auto;
    }
    .prk_p_slide {
        height: 500px;
    }
    .park_photo_slider .slick-prev {
        left: -310px !important;
    }
    .park_photo_slider .slick-next {
        left: -235px !important;
    }
    .lb_prk_sld_content img {
        margin-top: 16%;
    }
    .close_btn {
        top: 70px;
    }
    
    
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1359px) {
   
    .park_photo_slider .slick-prev {
        left: -326px !important;
    }

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

}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .park_gallery_sec {
        padding-left:60px;
        height: auto;
    }
    .prk_p_slide {
        height: 500px;
    }
    .park_photo_slider .slick-prev {
        left: -332px !important;
    }
    .park_photo_slider .slick-next {
        left: -259px !important;
    }
    .lb_prk_sld_content img {
        margin-top: 16%;
    }
    .close_btn {
        top: 70px;
    }
    
}


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

    .park_photo_slider .slick-prev {
        left: -336px !important;
    }

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

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .park_gallery_sec {
        padding-left:95px;
        height:auto;
    }
    .prk_p_slide {
        height: 500px;
    }
    .park_photo_slider .slick-prev {
        left: -352px !important;
    }
    .park_photo_slider .slick-next {
        left: -280px !important;
    }
    .lightbox_btn {
        left: 200px;
    }
}


@media only screen and (min-device-width: 1441px) and (max-device-width: 1499px) {
    .park_gallery_sec {
        padding-left:95px;
    
    }

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

    .park_photo_slider .slick-prev {
        left: -350px !important;
    }

}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .park_gallery_sec {
        padding-left:178px;
    }

    .lb_prk_sld_content img {
        margin-top: 16%;
    }
    .close_btn {
        top: 70px;
    }

}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .park_gallery_sec {
        padding-left:120px;
    }
    .lb_prk_sld_content img {
        margin-top: 16%;
    }
    .close_btn {
        top: 70px;
    }
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1579px) { 

    .park_gallery_sec {
        padding-left:160px;
    }

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

    .park_photo_slider .slick-prev {
        left: -353px !important;
    }
       
}



@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {

    .park_gallery_sec {
        padding: 100px 0 100px 35px;
    }
}


@media only screen and (min-device-width: 1081px) and (max-device-width: 1269px) {

    .park_gallery_sec {
        padding-left:  35px;
    }
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .park_gallery_sec {
        padding: 60px 0 120px 10px;
    }
    .prk_hd_row {
        margin-bottom: 0px;
    }
    .prk_gallery_tabs li {
        height: 55px;
    }
    .prk_p_slide {
        padding-right: 35px;
        height: 200px;
    }
    .prk_tab_content_row .tab-content {
        margin-top: 25px;
    }
    .lightbox_btn {
        width: 40px;
        height: 40px;
        bottom: -60px;
        left: 130px;
        cursor: pointer;
    }
    .inner_light_box {
        float: left;
        position: relative;
        width: 90%;
    }
    .close_btn {
        width: 14px;
        right: 5px;
        top: 144px;
    }
    .park_lightbox_photo .slick-next {
        right: 5px !important;
        top: 50%;
        width: 30px !important;
        height: 30px !important;
    }
    .park_lightbox_photo .slick-prev {
        top: 50%;
        left: 5px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .park_photo_slider .slick-prev {
        left: 3px !important;
        bottom: -80px;
    }
    .park_photo_slider .slick-next {
        left: 55px !important;
        bottom: -80px;
    }
    .lightbox_btn img {
        width: 16px;
    }
}

/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .park_gallery_sec {
        padding: 35px 0px 35px 35px;
    }
    .prk_hd_row {
        margin-bottom: 10px;
    }

}



/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .park_gallery_sec {
        padding: 60px 0 150px 35px;
    }
    .prk_p_slide {
        padding-right: 30px;
        height: 370px;
    }
    .park_photo_slider .slick-list {
        padding: 0 50px 0 0!important;
    }
    .park_grly_col2 {
        margin-top: 30px;
        padding-left: 0;
    }
    .lightbox_btn {
        bottom: -75px;
        width: 50px;
        height: 50px;
        left: 165px;
    }
    .park_photo_slider .slick-prev {
        left: 0 !important;
        bottom: -100px;
    }
    .park_photo_slider .slick-next {
        left: 65px !important;
        bottom: -100px;
    }

    .park_lightbox_photo .slick-prev {
        top: 50%;
    }
    .park_lightbox_photo .slick-next {
        top: 50%;
    }
    .inner_light_box {
        width: 85%;
    }
    .close_btn {
        top: 150px;
    }

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .prk_p_slide {
        height: 345px;
    }
    .park_photo_slider .slick-prev {
        left: -245px !important;
    }
    .park_photo_slider .slick-next {
        left: -170px !important;
    }
    .park_lightbox_photo .slick-next {
        right: 10px !important;
        top: 52%;
        width: 40px !important;
        height: 40px !important;
    }
    .park_lightbox_photo .slick-prev {
        left: 10px !important;
        top: 52%;
        width: 40px !important;
        height: 40px !important;
    }
    .inner_light_box {
        width: 80%;
    }
    .close_btn {
        right: -35px;
        top: 40px;
    }
}
.other_park_sec {
    padding:100px 0 100px 315px;
    overflow: hidden;
}
.other_prk_hd {
    margin-top: 30px;
}
.other_prk_hd {
    width: 100%;
    max-width: 1230px;
}
.other_park_col1 {
    width: 100%;
    float: left;
    margin-top:35px;
}
.states_tab {
    width: fit-content;
    float: left;
    padding: 22px 45px;
    border: 1px solid #eb7d2b;
    border-radius: 50px;
    margin-right: 15px;
    cursor: pointer;
}

.states_tab p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.08em;
    color: #F47920;
    margin-bottom:0px;
}
.delhi {
    background-color: #F47920; 
}
.delhi p{
    color:#fff;
}
.other_park_col2 {
    position: relative;
    width: 100%;
    float: left;
    height: 462px;
    margin-top: 55px;
}
#tab1 {
    display: block;
}
.park_tab_content {
    display: none;
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.park_main_slider.other_park_slider .slick-list {
    padding:0!important;
    margin-left: -30px;
    margin-top:-30px;
}
.park_main_slider.other_park_slider .slick-slide {
    opacity:1 !important;
}
.park_main_slider.other_park_slider .slick-slide > div {
    margin-left: 30px;
    margin-top:30px;
}
.other_park_slider .park_sld {
    padding:0px !important;
}
.other_park_slider .slick-prev {
    left: auto !important;
    right: 365px;
    top: -60px;
}

.other_park_slider .slick-next {
    left: auto !important;
    right: 290px !important;
    top: -60px;
}

.ahmedabad_oth_slider 

.ahmedabad_oth_slider .slick-track , .ahmedabad_oth_slider  .slick-track {
    margin: 0;
}
.ahmedabad_oth_slider  .slick-slide.slick-active.slick-cloned  , .ahmedabad_oth_slider  .slick-slide.slick-active.slick-cloned {
    display:none;
}

.oth_prk_mob_drop {
    display: none;
}








@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .other_park_sec {
        padding-left:30px;
    }
    .other_park_slider .slick-next {
        right:40px !important;
        top: -120px;
    }
    .other_park_slider .slick-prev {
        right: 125px !important;
        top: -120px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .other_park_sec {
        padding-left:39px !important;
        padding-top:100px !important;
    }
    .other_park_slider .slick-next {
        right:100px !important;
        top: -120px;
    }
    .other_park_slider .slick-prev {
        right: 185px !important;
        top: -120px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .other_park_sec {
        padding-left:75px !important;
        padding-top:100px !important;
    }
    .other_park_slider .slick-next {
        right:130px !important;
        top: -120px;
    }
    .other_park_slider .slick-prev {
        right: 215px !important;
        top: -120px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .other_park_sec {
        padding-left:155px;
    }
    .other_park_slider .slick-next {
        right:180px !important;
        top: -158px;
    }
    .other_park_slider .slick-prev {
        right: 255px !important;
        top: -158px;
    }
}


@media only screen and (min-device-width: 1500px) and (max-device-width: 1540px) {
    .other_park_sec {
        padding-left:123px;
    }
    .other_park_slider .slick-next {
        right: 175px !important;
        top: -158px;
    }
    .other_park_slider .slick-prev {
        right: 250px;
        top: -158px;
    }
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .other_park_sec {
        padding: 60px 0 60px 10px;
    }
    .other_prk_hd {
        margin-top: 15px;
    }
    .other_park_col1 .states_tab {
        display: none;
    }
    .oth_prk_mob_drop {
        display: block;
        background-color: transparent;
        border-color: #eb7d2b;
        border-radius: 90px;
        height: 45px;
        font-family: 'Barlow';
        font-weight: 600;
        font-size: 15px;
        display: flex;
        letter-spacing: 0.08em;
        color: #eb7d2b;
        width: 80%;
        padding-left: 20px;
    }
    .park_main_slider.other_park_slider .slick-slide > div {
        margin-right: 25px;
    }
    .other_park_slider .slick-prev {
        left: auto !important;
        right: 80px !important;
        top:auto;
        bottom:-50px;
    }
    .other_park_slider .slick-next {
        left: auto !important;
        right: 25px !important;
        top: auto;
        bottom: -50px;
    }
    .other_park_col2 {
        margin-top: 30px;
    }
    select#other_prk_dropdown:focus-visible {
        outline-color: #eb7d2b ; 
        outline-width:0px;
        outline-style:solid;

    }


}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .other_park_sec {
        padding: 10px 0px 0px 35px;
    }
    .other_prk_hd {
        margin-top: 15px;
    }

    .other_park_col1 {
        margin-top: 15px;
    }

    .park_main_slider.other_park_slider .slick-list {
        margin-top: -50px;
    }

    .prk_inner_content {
        padding: 10px 20px 0px 20px;
        height: 45.5%;
    }


}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .other_park_sec {
        padding: 60px 0 60px 25px;
    }
    .states_tab {
        display: none;
    }
    .oth_prk_mob_drop {
        display: block;
        background-color: transparent;
        border-color: #eb7d2b;
        border-radius: 90px;
        height: 45px;
        font-family: 'Barlow';
        font-weight: 600;
        font-size: 15px;
        display: flex;
        letter-spacing: 0.08em;
        color: #eb7d2b;
        width: 40%;
        padding-left: 20px;
    }
    select#other_prk_dropdown:focus-visible {
        outline-color: #eb7d2b;
        outline-width: 0px;
        outline-style: solid;
    }
    .other_park_slider .slick-prev {
        left: auto !important;
        right: 100px;
        top: -50px;
    }
    .other_park_slider .slick-next {
        left: auto !important;
        right: 35px !important;
        top: -50px;
    }

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .other_park_sec {
        padding: 60px 0 60px 25px;
    }
    .states_tab {
        padding: 15px 20px;
    }
    .other_park_slider .slick-prev {
        left: auto !important;
        right: 105px;
        top: -45px;
    }
    .other_park_slider .slick-next {
        left: auto !important;
        right: 30px !important;
        top: -45px;
    }
}
.thnk
{
    display: none;
    font-family: 'Barlow';
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    margin-top: 8%;
}
.thnk_show
{
    display: block;
}
.form_hide
{
    display: none;
}
.convert_form_col1 {
    padding-top:65px;
    padding-bottom: 75px;
}
.convt_hd {
    margin-left: 145px;
    margin-top: -17px;
}
.prkinside_form{
    margin-top: 275px;
    padding: 45px 95px 0px 0px;
}
.conversion_form label{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #ffffffb3;
    margin-bottom: 5px !important;
}
.conversion_form input{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    background: none !important;
    border-radius: 0px;
    border: none !important;
    border-bottom: 1px solid #ffffff4d !important;
    padding: 0px 0px 15px 0px;
}


.conversion_form input:focus{
    color: #ffffff; 
    background: none !important;
    border-color: none !important;
    box-shadow:none !important;

}

.conversion_form input::placeholder{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff4d !important;
    background: none !important;
    padding-bottom:18px;

}
.conv_frm_spc{
    margin-bottom: 18px;
    margin-top: 0px;
    padding-right: 45px;
}

.btn_col input.conv_btn{
    background: #313D47 !important; 
    border-radius: 90px;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 15px 52px;
    margin-top: 20px;
    border:none;
    border:1px solid #313D47 !important;
}
.btn_col input.conv_btn:hover {
    border: 1px solid #fff !important;
    background-color: #F47920 !important;
}
.conv_btn:focus {
    border: 1px solid #fff !important;
    background-color: #F47920 !important;
}
input:focus {
    background-color: transparent;
}
.conversion_form input.error_line.form-control
{
  border-bottom: 1px solid #fff59d !important;
}
.error_msg
{
    font-family: barlow;
    font-weight: 400;
    font-size: 14px;
    color: #fff59d;
    margin-top: 0;
    margin-bottom: 1rem;
    display: none;
}
.show_error
{
    display: block;
}
.hide_error
{
    display: none;
}
.cnt_txt {
    width:1030px;
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .cnt_txt {
        width: 85%;
    }
    .convt_hd {
        margin-left: 0;
        margin-top: 0;
    }
    .prkinside_form {
        margin-top: 100px;
        padding: 45px 10px 0px 0px;
    }

}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .convert_form_col2 {
        display: none;
    }
    .prkinside_form {
        margin-top: 200px;
    }
    .convt_hd {
        margin-left: 60px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .intg_hd_dv {
        width: 155%;
    }
    .cnt_txt {
        width: 100%;
        margin-top: 15px;
    }
    .prkinside_form {
        padding: 45px 30px 0px 0px;
    }
}
.search-bg {
    /* background-color: #adadad; */
    padding:300px 0 100px 0;
}
.result-error h2{
    text-align: center;
    padding-top: 60px;
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 30px;
    height: 39px;
    color: #06172F;
    letter-spacing: -0.015em;
}

.srch-pg-rw {
    padding-top: 70px;
}

.serch-result-dv .blog-inside-page img {
    height: 250px;
    width: auto;
}
.found-txt {
    color:#313D47;
    margin-bottom: 50px;
}
.found-txt span{
    color: #eb7d2d;
}
.blg-srch-rsult .blog-inside-page:nth-child(even) {
    background-color: #eb7d2d;
    color: #fff !important;
}
.blg-srch-rsult .blog-inside-page:nth-child(even) .para {
    color: #fff;
}
.blg-srch-rsult .blog-inside-page {
    background-color: #fff;
    padding: 30px;
    text-decoration-color: #eb7d2d;
    margin-bottom: 30px;
    box-shadow: 0px 1px 8px 2px #00000024;
}
.blg-srch-rsult .blog-inside-page h1 {
    color: #313D47;
}
.blg-srch-rsult .blog-inside-page:nth-child(even) h1,  .blg-srch-rsult .blog-inside-page:nth-child(even) a {
    color: #fff !important;
    font-family: 'Barlow';
    text-decoration-color: #fff;
}

.blg-srch-rsult .blg-view-btn {
    border: none;
    font-family: 'Barlow';
    text-decoration: none;
    text-transform: uppercase;
    color:#313D47;
    margin-top:25px;
    display: block;
}
.blg-srch-rsult .blg-view-btn:hover {
    text-decoration: underline;
}

.search_form2 {
    position: relative;
}
.search_form2 .srch-input, .search_form2 .srch-input::placeholder{
    /* color: #fff; */
}
.search_form2 .srch-btn{
    right: 10px;
    width: 16px;
    top: 7px;
}

.srvc-resul-pg .blog-inside-page {
    background-color: #06172f;
    color: #fff !important;
}
.srvc-resul-pg .blog-inside-page h1 {
    color: #fff;
}

.srvc-resul-pg .blog-inside-page:nth-child(even) {
    background-color: #fff;
    color:#06172f !important;
}

.srvc-resul-pg .blog-inside-page:nth-child(even) h1, .srvc-resul-pg .blog-inside-page:nth-child(even) a {
    color:#06172f !important;
    font-family: 'Barlow' !important;
    text-decoration-color: #06172f !important;
}

.srvc-resul-pg .blog-inside-page a {
font-family: 'Barlow';
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.015em;
    color: #fff;
    padding-bottom: 6px;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px ;
    text-decoration-color: #fff !important;
}

.serch-result-dv p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'Barlow';
}

h3.found-txt {
    padding: 40px 0px;
    font-size: 40px;
    color: #06172f;
    font-family: 'Barlow';
    font-weight: 500;
}

.blg-srch-rsult {
    width: 100%;
    margin: auto;
}
.srch_para {

}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .search-bg {
        padding: 140px 0 40px 0;
    }
    .serch-result-dv  .row {
        margin: auto;
    }
    .srch_col {
        padding:0px 20px;
    }
    .blg-srch-rsult .blog-inside-page {
        padding: 20px;
    }
    .blg-srch-rsult .blg-view-btn {
        margin-top: -15px;
        font-size: 12px;
    }
    .blg-srch-rsult .para {
        margin-top: 10px;
    }
}

/*---------------------------------------------------------------- Tab screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .search-bg {
        padding: 140px 0 40px 0;
    }
    .serch-result-dv  .row {
        margin: auto;
    }
    .srch_col {
        padding:0px 35px;
    }
    .blg-srch-rsult .blog-inside-page {
        padding: 20px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .search-bg {
        padding: 200px 0 80px 0;
    }

}
.purpose_sec {
    background-color: #F47920;
    width: 100%;
    padding-bottom: 85px;
    padding-top: 100px;
    background-image:url(/assets/our_purpose.a414a94680b8deb1bd3d.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}
.purpos_anmt_txt {
    display: flex;
    justify-content: center;
}
.purpose_ttl {
    font-size: 60px;
    font-weight: 800;
    color: #FFFFFF;
    text-align: center;
    line-height: 100px;
    font-family: 'Barlow', sans-serif;
}


.purpose_ttl_1 {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;

    font-family: 'Barlow', sans-serif;
}


.purpose_inside_sec {
    background-color: #ececec;
    height: 680px;
    display: flex;
    align-items: center;
    padding: 0px 255px;
    background-image:url(/assets/our_mission.c4aabda4d8ce2070e1f1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}



.purpose_head {
    font-size: 60px;
    font-weight: 800;
    color: #FFFFFF;
    text-align: center;
    line-height: 60px;
    margin-top: 25%;
    font-family: 'Barlow', sans-serif;
}

.purpose_title {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    font-family: 'Barlow', sans-serif;
}

.purpose_inside_sec1 {
    background: #313D47;
    text-align: center;
    display: flex;
    align-items:center;
    padding: 75px 240px;
}

.purpose_head1 {
    font-size: 60px;
    font-weight: 800;
    color: #414042;
    text-align: center;
    line-height: 60px;
    margin-top: 80px;
    font-family: 'Barlow', sans-serif;
}

.purpose_title1 {
    font-size: 18px;
    font-weight: 400;
    color: #D9D9D9;
    text-align: center;
    line-height: 30px;

    font-family: 'Barlow', sans-serif;
}

.purpose_head2 {
    color: #F47920;
    text-align: center;
    padding-top: 20px;
    font-family: 'Barlow';
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.purpose_title2 {
    text-align: center;
    margin: 0;
    color:#D9D9D9;
}

.prps_ttl , .mssion_ttl{
    text-align: center;
    color: #fff;
}
.prps_ttl{
    margin-bottom: 18px;
}
.mssion_ttl{ 
    margin-bottom: 37px;
    color: #313D47;
}
.purpose_inside_sec p {
    color: #313D47;
    font-weight: 600;
}
.vlus_ttl {
    margin-bottom: 30px;
    color: #D9D9D9;
}




@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .purpose_inside_sec {
        padding: 0 100px;
    }
    .purpose_inside_sec1 {
        padding: 0px 80px;
    }
    .ovrview_col {
        padding-left: 12px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .purpose_inside_sec {
        padding: 0 100px;
    }
    .purpose_inside_sec1 {
        padding: 0px 80px;
    }
    .ovrview_col {
        padding-left: 12px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .purpose_inside_sec {
        padding: 0 100px;
    }
    .purpose_inside_sec1 {
        padding: 0px 80px;
    }
    .ovrview_col {
        padding-left: 12px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .purpose_inside_sec {
        padding: 0 100px;
    }
    .purpose_inside_sec1 {
        padding: 0px 150px;
    }
    .ovrview_col {
        padding-left: 12px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .purpose_inside_sec {
        padding: 0 100px;
    }
    .purpose_inside_sec1 {
        padding: 0px 150px;
    }
    .ovrview_col {
        padding-left: 12px;
    }
}

/*--------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .purpose_sec{
        display: block;
        max-width: 100%;
        margin: auto;
        padding:80px 20px   ;
    }
    .purpose_sec .row {
        margin: 0;
    }
    .prps_ttl {
        margin-bottom: 8px;
    }

    .mssion_ttl {
        margin-bottom: 8px;
        color: #313D47;
    }

    .purpose_title{
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 0;
    }

    .purpose_ttl_1{
        font-size: 14px;
        line-height: 23px;
        padding-left: 0px;
    }

    .purpose_inside_sec{
        display: block;
        padding: 0px 20px;
        width: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
        height: 290px;
    }

    .purpose_inside_sec1{
        display: block;
        padding: 0px;
        width: 100%;
        padding:60px 20px;
    }

    .purpose_title1{
        font-size: 14px;
        line-height: 23px;
        font-weight:500;
    }

    .purpose_title2.para {
        font-size: 14px;
        line-height: 23px;
    }
    .purpose_head2 {
        font-size: 20px;
        line-height: 30px;
    }

}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
      
    .purpose_sec {
        padding-bottom: 45px;
        padding-top: 60px;
        background-position: bottom;
    }
    .purpose_ttl_1{
        padding-left: 35px;
        padding-right: 35px;
        font-size:17px;
    }
    .purpose_inside_sec{
        padding: 0px 35px;
        height: 480px;
        background-size: cover;
    }

    .purpose_inside_sec1 {
        padding:60px 120px;
    }
    .purpose_sec .row {
        margin:0px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .purpose_inside_sec{
        padding: 0px 10px;
    }

    .purpose_inside_sec1{
        padding: 75px 25px;
    }
}
.team_head {
    margin-top: 94px;
}

.leadership_sec {
    background-color:#FFFFFF;
    padding-bottom: 65px;
    position: relative;
    overflow: hidden;
}

.tm_card {
    height: auto;
    width: 100%;
    cursor: pointer;
    border:none;
}

.tm_body {
    border: 1px solid #DDDDDD !important;
    border-top: none !important;
}

.leadership_ttl {
    margin-top: 35px;
}

.leadership_ttl_1 {
    color: #313D47;
    margin-top: 38px;
}
.tm_name {
    margin-top: 0;
}
.tm_content {
    font-size: 24px;
    font-weight: 600;
    color: #313D47;
    line-height: 26.64px;
    font-family: 'Barlow', sans-serif;
}

.tm_content_1 {
    font-size: 16px;
    font-weight: 400;
    color:#F47920;
    line-height: 19.2px;
    font-family: 'Barlow', sans-serif;
}

.lead_card {
    margin-top: 0px;
    margin-bottom: 25px;
    /* width: fit-content; */
    margin-right:0px;
}

.lead_card_2 {
    margin-top: 0px;
}

.leader_img {
    width: 100%;
}
.team_slidebox .row {
    height:100%;
}
.team_slidebox .row .col-12{
    height:100%;
}
.tm_cont_box {
    height:100%;
}
.tm_cont_box .row{
    margin:0;
}
.team_row_sec {
    position: relative;
    margin-top: 65px;
}
.team_slidebox {
    position: fixed;
    right: 0;
    top: 0;
    width: 85%;
    height: 100%;
    background-color: #fff;
    transform: translateX(100%);
    transition: all 0.6s;
    z-index: 99;
    padding: 0px 0px 0 0px;
}
.close_tm_box {
    position: absolute;
    left:60px;
    top:70px;
    cursor: pointer;
}
.leader_overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(49, 61, 71, 0.8);
    backdrop-filter: blur(4px);
    z-index: 9;
    display: none;
}

.rahul_cont {
    display:none;
}
.narayn_cont {
    display:none;
}
.mahendra_cont {
    display:none;
}
.pooja_cont {
    display:none;
}
.kunal_cont {
    display:none;
}
.aviraj_cont {
    display:none;
}
.taruna_cont {
    display:none;
}
.swati_cont {
    display:none;
}

.mitesh_cont{
    display:none;
}


.nikhil_cont{
    display:none;
}

.tm_fullcontent_col {
    background-color: #fff;
    padding:120px 60px 0 60px;
    height: 100%;
}
.tm_name_LB {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 36px;
    line-height:40px;
    color: #313D47;
}
.tm_designation_LB {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #F47920;
}
.linkedin_box {
    width:44px;
    height:44px;
    border-radius: 50px;
    background: #EFEFEF;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.linkedin_box img {
    width:18px;
}
.tm_full_img_col {
    padding:0;
    height:100%;
}
.tm_full_img_col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:top;
}


.tm_p_dv {
    max-height: 300px;
    height:100%;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 30px;
}
.tm_p_dv p.para {
    margin-top: 0;
}
/* width */
  .tm_p_dv::-webkit-scrollbar {
    width: 2px;
  }
  
  /* Track */
  .tm_p_dv::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
    background-color: #d3d3d3;
  }
   
  /* Handle */
  .tm_p_dv::-webkit-scrollbar-thumb {
    background: #F47920; 
    border-radius: 5px;
  }
  
  /* Handle on hover */
  .tm_p_dv::-webkit-scrollbar-thumb:hover {
    background-color: grey; 
  }
  
@media  screen and (min-width: 1920px) {
    .tm_p_dv {
        max-height: none;
        margin: 0;
        padding: 0;
        height: fit-content;
    }
}


@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {

}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {

}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {

}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {

}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 

}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) { 

    .leadership_ttl {
        margin-top: 15px;
    }
    .tm_p_dv {
        max-height: 400px;
        height: 100%;
        overflow-y: auto;
        margin-top: 15px;
        padding-right: 15px;
    }
    .team_head {
        margin-top: 60px;
    }
    .leadership_ttl_1 {
        margin-top: 10px;
    }
    .lead_card {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .janme_cont {
        line-height: 22px !important;
    }
    .tm_content {
        font-size: 20px;
        line-height: 17px;
    }
    .tm_content_1 {
        font-size: 14px;
        line-height: 17px;
    }
    .tm_card {
        height: auto;
    }
    .team_slidebox {
        width: 100%;
    }
    .tm_fullcontent_col {
        padding: 50px 20px 30px 20px;
    }
    .tm_name_LB {
        font-size: 25px;
        line-height: 30px;
    }
    .tm_designation_LB {
        font-size: 18px;
        line-height: 20px;
    }
    .close_tm_box {
        top: 25px;
        right: 25px;
        left:auto;
    }
    .tm_full_img_col {
        display: none
    }
    .tm_fullcontent_col p {
        margin: 14px 0;
    }
    .tm_row1 {
        justify-content: center;
    }
    .team_row_sec {
        margin-top: 25px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {


    .team_head {
        margin-top: 60px;
    }
    .tm_content {
        font-size: 19px;
        line-height: 23.64px;
    }
    .tm_content_1 {
        font-size: 14px;
    }
    .lead_card {
        margin-top: 0;
    }
    .lead_card_2 {
        margin-top: 0;
    }
    .tm_card {
        height: auto;
        width: 100%;
    }
    .tm_row1 {
        margin-top:50px;
    }
    .leadership_sec {
        padding-bottom: 30px;
    }
    .tm_full_img_col {
        display: none;
    }
    .team_slidebox {
        width: 90%;
    }
    .tm_fullcontent_col {
        padding: 100px 30px 0 30px;
    }
    .tm_name_LB {
        font-size: 28px;
    }
    .close_tm_box {
        left: 30px;
        top: 50px;
    }
}


/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
   
    .team_head {
        margin-top: 60px;
    }
    .tm_content {
        font-size: 19px;
        line-height: 23.64px;
    }
    .tm_content_1 {
        font-size: 14px;
    }
    .lead_card {
        margin-top: 0;
    }
    .lead_card_2 {
        margin-top: 0;
    }
    .tm_card {
        height: 100%;
        width: 100%;
    }
    .tm_row1 {
        margin-top:50px;
    }
    .leadership_sec {
        padding-bottom: 30px;
    }
    .team_slidebox {
        width: 95%;
    }
    .tm_fullcontent_col {
        padding: 120px 40px 0 40px;
    }
    .close_tm_box {
        left: 40px;
    }
}
.be_future_head{
    width:124%;
}

.be_future{
    margin-top:325px;
    padding-right: 120px;
}

.be_ttl{
    color:#FFFFFF;
}
.be_future_dv .txt_1{
    width: 1050px;
}
.be_future_para{
    padding-right:20px;
}

.future_btn_1{
    width: fit-content;
    float: left;
    margin-right: 130px;
    margin-top: 40px;
}

.future_btn_2{
    width: fit-content;
    float: left;
    margin-top: 40px;
}
.fut_hd_1 {
    margin-left:0px;
}
.be_future_col1 {
    padding-bottom:100px;
}
.be_future_sec {
    height:auto !important;
}

.read_ttl{
    color:#FFFFFF;
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: none;
    text-decoration: none;
    display: block;
}
.read_ttl:hover {
    color: #313D47;
}

.be_future_slider , .be_future_slider  div {
    height: 100%;
}
.be_fut_sld {
    height: 100%;
    float: left;
}

.be_fut_sld img{
    width:100%;
    height: 100%;
    object-fit: cover;
}

.career_btn {
    cursor: pointer;
}
.carrer_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(49, 61, 71, 0.8);
    z-index: 9;
    display: none;
}
.career_popup_box {
    position: fixed;
    width: 40%;
    background-color: #F47920;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    z-index: 9;
    padding:30px;
}
img.career_cls_btn {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 30px;
}
.caeer_inner_dv {
    float: left;
    width: 100%;
}
.career_hd{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 50px;
}
#myFile {
    width: 100%;
    color: #ffffffb3 !important;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: inherit;
    font-size: 14px;
}
/*--------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .be_future_head {
        width:100%;
        margin-left: 0px;
    }
    .be_future {
        margin-top: 115px;
        padding-right: 0px;
    }
    .be_future_col1 {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .career_popup_box {
        position: fixed;
        width: 90%;
        background-color: #F47920;
        top: 3%;
        left: 5%;
        transform: translateX(0%);
        display: none;
        z-index: 9;
        padding: 15px;
    }
    .future_btn_2 {
        margin-top: 15px;
    }
}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .ing_solu_col_1 {
        padding: 40px 0px 60px 35px;
    }

    .be_fut_sld img {
        display: none;
    }

    .be_future {
        margin-top: 208px;
    }

    .be_future_heading_sec{
        font-size: 20px;
        line-height: 25px;
        padding-right: 35px;
    }
    .convt_hd {
        margin-left: 0;
    }
    .intg_hd_dv {
        width: 85%;
    }
    .be_future_head {
        width: 100%;
    }

    .career_popup_box {
        width: 70%;
        top: 8%;
    }
    .career_popup_box .conv_frm_spc {
        padding-right: 20px;
    }
    .be_hd {
        font-size: 70px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .be_future_dv .txt_1 {
        width: 100%;
    }
    .be_future_dv {
        width: 180%;
    }
    .be_future {
        margin-top: 280px;
        padding-right: 50px;
    }
    .career_popup_box {
        width: 60%;
        top: 8%;
    }
    .be_hd {
        font-size: 94px;
    }
}



@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {

}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {


    .career_popup_box {
  
        top: 15%;
    }


}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {

    .career_popup_box {
  
        top: 15%;
    }

}
.esg_overview_sec{
    padding-top: 60px;

}
.esg_ovr_txt_animate {
    height: 75px;
    margin-bottom: 20px;
}
.hdg_esg{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 111%;    
    text-transform: uppercase;
    color: #313D47;
    padding-bottom: 20px;
    border-bottom: 1px dashed #2bb04c;
}

.esg_ovrview_img{
    float: right;
    margin-top: -10px;
    width:84%;
}
.esg_overview_subpara{
    margin-top:25px;
    margin-bottom: 36px;
    max-width: 89%;
}

p.para.esg_para_1 {
    max-width: 89%;
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .esg_overview_sec{
        padding-top:60px;
        padding-bottom: 0px;
    }
    .esg_over_col2 {
        text-align: center;
    }   
    .hdg_esg{
        font-weight: 600;
        font-size: 18px;
        padding-bottom: 12px;
    }

    .esg_para{
        margin-top: 19px !important;
    }
  
    .esg_para_1{
        margin-top:10px !important;
    }
    
    .esg_ovrview_img{
        float: none;
        margin-top:10px;
        width:84%;
    }
    .esg_ovr_txt_animate {
        height: 34px;
    }

}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .esg_overview_sec {
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .esg_ovrview_img {
        margin-top: 14px;
        width: 66%;
        margin-left: 100px;
        float: none;
    }

    p.para.esg_para_1 {
        line-height: 26px;
    }

    .esg_overview_subpara {
       font-size: 21px;
       line-height: 26px;
    }
}
.esg_env_sec {
    background-color: #2BB04C;
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url(/assets/ESG_BG.3d794c3ed07281fb4871.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.govern_sec2 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url(/assets/governance_bg.778609bfbcc209460d18.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  
}
.esg_env_sec .hdg_esg {
    color: #fff;
    padding-bottom: 0;
}
.esg_env_sec .sub_para {
    margin: 0px;
    color: #fff;
}

.esg_env_sec .add_border {
    border-top: 1px dashed #fff;  
}
.govern_sec2 .hdg_esg {
    color: #fff;
    padding-bottom: 0;
}
.govern_sec2 .sub_para {
    margin: 0px;
    color: #fff;
}
.govern_sec2 .add_border {
    border-top: 1px dashed #fff;  
}
.img-grid {
    padding-top:0px;
    /* height: 425px; */
    overflow: hidden;
    margin: auto;
}  
.guttr-spc {
    padding-left: 4px;
    padding-right: 4px;
    height: 300px;
    overflow: hidden;
    margin-bottom: 8px;
}
.sld-clm {
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    padding: 0 20px;
    height: 100%;
    position: relative;
    display: block;
    padding-top: 40px;
}
.sld-clm:hover .sld_col_inner1 {
    margin-top: -30%;
}
.sld_col_inner1 {
    transition:all 0.3s;
}
.sld-clm:hover img{
    margin-top:-25%;
    margin-bottom:12%;
}
.sld-clm img {
    margin-top:0%;
    transition:all 0.3s;
    margin-bottom:0%;
}
.sld-clm h3 {
    color: #F47922;
    font-size: 18px;
    line-height:22px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Barlow';
}


.sld_col_inner2 p{
    color:#414042;
    margin-top: 10px;
    opacity: 0;
    transition:all 0.3s;
    font-size: 17px;
}
.sld-clm:hover .sld_col_inner2 p{
    opacity: 1;
}

.enviro_btn_icon {
    transition: transform 0.3s ease;
    display: inline-block;
    margin-left: 8px;
  }
  
  .rotate-down {
    transform: rotate(0deg);
  }
  
  .rotate-up {
    transform: rotate(180deg);
  }
    .govern_sec2 .sld-clm:hover .sld_col_inner1 {
        margin-top: -15%;
    }

  .govern_sec2 .sld_col_inner2 p::-webkit-scrollbar {
    width: 2px;
  }
  
  /* Track */
  .govern_sec2 .sld_col_inner2 p::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
    background-color: #d3d3d3;
  }
   
  /* Handle */
  .govern_sec2 .sld_col_inner2 p::-webkit-scrollbar-thumb {
    background: #F47920; 
    border-radius: 5px;
  }
  
  /* Handle on hover */
  .govern_sec2 .sld_col_inner2 p::-webkit-scrollbar-thumb:hover {
    background-color: grey; 
  }
  .govern_sec2 .sld_col_inner2 p {
    font-weight:500;
    line-height: 23px;
    text-align: left;
    height: 216px;
    overflow-y: auto;
    font-size: 17px;
  }
  .govern_sec2 .sld_col_inner2 p ul {
    margin-top: 10px;
    padding-left: 21px;
  }
  .govern_sec2 .sld_col_inner2 p ul li{
    font-weight:400;
    margin-bottom: 6px;
  }
  .govern_sec2 .sld_col_inner2 p ul li::marker {
        color: #F47922;
    }

@media screen and (min-width:768px) {
    img.toggl-icon {
        display: none;
    }
}
@media screen and (max-width:767px) {
    .enviroment_sec2  .guttr-spc , .govern_sec2 .guttr-spc{
        height: auto;
    }
    .esg_env_sec {
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .govern_sec2 {
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .img-grid {       
        height: auto;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;   
    } 
    
    .sld-clm {
        margin-bottom: 25px;
        padding-top: 15px;
    }
    .sld-clm:hover .sld_col_inner1 {
        margin-top: 0%;
    }
    .sld-clm:hover img {
        margin-top: 0;
        margin-bottom: 0;
    }
    .sld-clm img {
        width: 110px;
    }
    .sld_col_inner2 p
    {
        opacity: 1;
        margin-bottom: 10px;
        font-size: 15px;
    }
    .govern_sec2 .sld_col_inner2 p {
        height: auto;
    }
    .no-padding {
        padding-top: 0px;
    }
    .guttr-spc {        
        height: 370px;       
        margin-bottom: 30px;
    }
    
    img.toggl-icon {
        transform: rotate(225deg);
        width: 13px;
        transition: transform .5s ease;
    }

    .enviroment_sec2 .img-grid {
        padding-top: 0px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
   
    .esg_env_sec {
        padding-left: 0px;
        padding-right: 0px;
    }
    .govern_sec2 {
        padding-left: 0px;
        padding-right: 0px; 
    }
    .img-grid {       
        padding-left: 0px;
        padding-right: 0px;  
    } 
}

@media screen and (min-width:768px) and (max-width:1023px) {
   
    .sld-clm:hover .sld_col_inner1 {
        margin-top: -40%;
    }
    .govern_sec2 .sld-clm:hover .sld_col_inner1 {
        margin-top: -40%;
    }
}

@media screen and (min-width:1024px) and (max-width:1108px) {
   
    .sld-clm:hover .sld_col_inner1 {
        margin-top: -50%;
    }
    .govern_sec2 .sld-clm:hover .sld_col_inner1 {
        margin-top: -25%;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    
    .guttr-spc {
        margin-bottom: 10px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .esg_env_sec {
        padding: 60px 33px 60px 33px;
    }
    .govern_sec2 {
        padding: 60px 33px 60px 33px;
    }
    
}


.esg_gv_sec {
    /* height:100vh; */
}
.gvr_hdg{
    border-bottom: 1px dashed #fff;
    padding-bottom: 22px;
}
.gvr_para{
    color: #fff;
    margin-top: 35px;
    margin-bottom: 15px;
    padding-right: 10px;
}
.gvr_col_1{
    /* padding-right: 33px; */
    padding: 90px 33px 107px 326px;
}

.gvr_accord{
    font-weight: 500;
}
.gvr_li{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    padding-bottom: 15px;
}

.gvr_list{
    padding-left: 0px;
}
.gvr_card{
    padding-left: 33px;
}
.fst_card{
    border-top: none;
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .gvr_col_1 {
        padding-left:45px;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .gvr_col_1 {
        padding-left:51px !important; 
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .gvr_col_1 {
        padding-left:86px !important;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .gvr_col_1 {
        padding-left:178px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .gvr_col_1 {
        padding-left:130px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {

    .gvr_col_1 {
        padding: 90px 33px 107px 35px;
    }
}
    

/*--------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .gvr_col_1{
        padding:30px 20px 60px 20px;
    }

    .gvr_hdg{
        padding-bottom: 10px;
    }
    .gvr_para{
        padding-left: 0px;
        padding-top: 0;
        margin-top: 20px;
    }
    .intg_btn{

    }
    .accord_para {
        font-size: 14px;
        line-height: 23px;
        margin: 10px 0 10px 0;
    }

    .gvr_li {
        font-size: 14px;
        line-height: 24px;
    }

    .gvr_card {
        padding-left: 38px;
    }
}


/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .gvr_col_1 {
        padding:90px 33px 90px 48px;
    }

}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
    .gvr_col_1 {
        padding: 20px 33px 60px 35px;
    }
    .gvr_li {
        font-size: 15px;
    }
    .gvr_hd_dv > div {
        margin-bottom: 20px;
    }
    .accord_para {
        font-size: 17px;
    }
    
}

.report_sec{
    background-image:url(/assets/report.de8d84a1e6d484b66b81.jpg);
    padding:30px 0px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.report_form label {
    line-height: 0px;
}
.report_sec_heading{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    width: fit-content;
    margin-bottom: 30px;
}
.report_sec_heading::after {
    content: '';
    position: absolute;
    top: auto;
    right: -45px;
    bottom: 6px;
    background-image:url(/assets/enq_sec_white_arrow.3d360757284efb7e2b0a.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
    width: 30px;
    height: 22px;
}

.compliance_reports{
    display: flex !important;
    align-items: center !important;
}
.cta_btn{
    background: #DDDDDD;
    border-radius: 90px;
    display: block;
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 0;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #313D47 !important;
    height: 60px;
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 9px;
    width: 180px;
    transition: all 0.6s;
    float: right;
}
.cta_btn span {
    width: 0;
    height: 100%;
    background: #dddddd;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    margin-left: 0px;
    display: flex;
    transition: all 0.6s;
    opacity:0;
}
.cta_btn span img {
    width:10px;
}
.cta_btn:hover span{
    margin-left: 20px;
    opacity:1;
} 
.cta_btn:hover {
    color: #313D47;
    width:200px;
}

.report_btn{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #313D47;
    max-width: fit-content;
    width: 100%;
    min-height: 44px;
    background-color: #DDDDDD;
    border-radius: 98px;
    border: none;
    padding: 0px 18px 0px 25px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    margin-top: -12px;
}


.report_control {
    background-color: transparent !important;
    height: 35px !important;
}

.report_control option{
    color:#313D47;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.conversion_report input{
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    background: none !important;
    border-radius: 0px;
    border: none !important;
    border-bottom: 1px solid #ffffff4d !important;
    padding: 0px 0px 15px 0px;
}

.shape_icon{
    float: right;
    margin-top: -22px;
}

select#dprt_fld {
    font-weight: 600;
    line-height: 19px;
    font-size: 16px;
    background-image: url(/assets/shape.bbb75e9ba80aeb1d9345.svg);
    background-repeat: no-repeat;
    background-position: center right;
}

select#dprt_fld_rpt {
    font-weight: 600;
    line-height: 19px;
    font-size: 16px;
    background-image: url(/assets/shape.bbb75e9ba80aeb1d9345.svg);
    background-repeat: no-repeat;
    background-position: center right;
}


.dwn_rpt_frm input {
    padding: 7px 0px 9px 0px;
}

input#otpInput.report_otp{
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: lowercase !important;
    color: #313D47 !important;
    max-width: 260px;
    width: 100%;
    min-height: 50px;
    background-color: #DDDDDD !important;
    border-radius: 98px;
    border: none;
     padding: 0px 18px 0px 18px;
    display: flex;
    text-align: center;
        align-items: center;
    text-decoration: none;
}
input#otpInput.report_otp::placeholder {
    color: #99A3AD !important;
    text-transform:lowercase !important;
     text-align: center;
   
}

.snd_otp.sending_otp{
    color: #ffff;
    top: 195px;
    right: 246px;
}
.txt_crl {
    color: #fff59d !important;
}

 /* .main_form label .name-label{
    margin-bottom: 0px !important;
    line-height: 20px;
}  */


.main_form label.form-label.conv_frm_label.name-label {
    line-height: 0px;
    margin-bottom: 0px;
  
}


/* .main_form input.form-control.name-control {
   color: #FFFFFF;
  
} */




.main_form label.form-label.email-label {
    line-height: 0px;
    margin-bottom: 0px;

}


.report_form input:-webkit-autofill,
.report_form input:-webkit-autofill:hover, 
.report_form input:-webkit-autofill:focus,
.report_form textarea:-webkit-autofill,
.report_form textarea:-webkit-autofill:hover,
.report_form textarea:-webkit-autofill:focus,
.report_form select:-webkit-autofill,
.report_form select:-webkit-autofill:hover,
.report_form select:-webkit-autofill:focus {
 
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
}


.report_dv {
    display: none;
}
.rpt_msg {
    color: #fff;
    font-size:22px;
}


.report_btn.rpt_dwnld_button{
    margin-bottom: 13px;
    padding-top: 0 !important;
    align-items: center;
    width: auto;
    max-width: 100%;   
}


.report_sec .conv_frm_spc {
    position: relative;
}
.report_sec .snd_otp.sending_otp {
    color: #ffff;
    top: 37px;
    right: 40px;
}
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px)  {

    .report_sec_heading{
        font-size: 18px;
        padding-right: 78px;
        font-weight: 700;
        line-height: 27px;
        margin-bottom:25px;
    }
    .report_sec_heading::after {
        display: none;
    }

    .report_btn {
        padding-left:22px;
    }
    .cta_btn{
        width: 145px !important;
        height: 45px;
        margin-top: 10px;
        font-size: 13px;
        font-weight: 600;
        line-height: 19.2px;
    }
    .report_sec{
        padding-top: 30px;
        padding-bottom:30px;
    } 
    .enq_col {
        display: flex;
    }

    .report_sec .snd_otp.sending_otp {
        color: #ffff;
        top: 31px;
        right: 0;
    }
    .report_sec .report_form {
        height: 350px;
        overflow-y: scroll;
    }
    .report_sec .report_form .conv_frm_spc {
        padding-left: 8px;
        padding-right: 10px;
    }

    .report_sec .report_form::-webkit-scrollbar {
        width: 2px;
    }
      
    /* Track */
    .report_sec .report_form::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 5px;
        background-color: #d3d3d3;
    }
       
    /* Handle */
    .report_sec .report_form::-webkit-scrollbar-thumb {
        background: #fff; 
        border-radius: 5px;
    }
      
    /* Handle on hover */
    .report_sec .report_form::-webkit-scrollbar-thumb:hover {
        background-color: grey; 
    }

}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
    .report_sec_heading{
        font-size: 24px;
        padding-right: 0;
        line-height: 31px;
    }
    .cta_btn{
        width:170px !important;
        height: 59px;
        margin-top: 16px;
        font-size: 16px;
        font-weight: 600;
        line-height: 19.2px;
    }
    .report_sec{
        padding-top: 44px;
        padding-bottom: 41px;
    }

    .snd_otp.sending_otp {
       
        right: 33px;
    }

}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .report_sec_heading{
        font-size: 28px;
    }

    .snd_otp.sending_otp {
        right: 226px;
    }

    select#dprt_fld {
        font-size: 14px;
    }  
}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {

    .snd_otp.sending_otp {
        right: 264px;
    }

}


@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {


}


@media only screen and (min-device-width: 1290px) and (max-device-width: 1920px) {
    .report_sec {
        padding: 30px 30px;
    }
}
.social_sec {
    padding-top:60px;
    padding-bottom: 60px;
    /* background: #efefef78; */
}
.social_sec h2.section_sub_heading {
    color: #F47922;
    border-bottom: 1px solid #D0D0D0;
}
.social_sec .sip_img_dv {
    width: 100%;
    height: 530px;
    background:transparent;
}
.social_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.social_sec .sip_cntn_dv {
    padding: 0px 26px 0 17px;
}
.social_sec .sip_img_cnt_row {
    margin-top: 40px;
}
.social_sec .sip_cntn_dv h2.sub_para {
    font-weight: 500;
}


#scl_tb1:checked ~ .content .scl_tb1 {
    display: block;
}

.social_box {
    width: 100%;
}

.social_box .main-title {
    font-size: 28px;
    font-weight: 600;
    color: indigo;
}

.social_box .card {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0px;
    border: none;
}

/* To make radio button hidden */
.social_box .card input[type="radio"] {
    display: none;
}

.social_box .card .list {
    width: 775px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.social_box .list label {
    margin-bottom: 33px;
    width: 100%;
    height: 100px;
    display: flex;
    padding: 25px 57px 25px 112px;
    align-items: center;
    gap: 5px;
    font-size: 17px;
    color: gray;
    z-index: 5;
    cursor: pointer;
    justify-content: end;
    position: relative;
}
.social_box .list label::after {
    content:'';
    background-image:url(/assets/accord_plus.1c43d375f6260ed40a28.svg);
    position: absolute;
    right:20px;
    top: 31px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    transform: rotate(0deg);
    transition: all 0.3s;
}
.social_box .list label:hover {
    color: #EFEFEF;
}

/* To make label color white */
#scl_tb1:checked ~ .list .scl_tb1,
#scl_tb2:checked ~ .list .scl_tb2,
#scl_tb3:checked ~ .list .scl_tb3,
#scl_tb4:checked ~ .list .scl_tb4,
#scl_tb5:checked ~ .list .scl_tb5 {
    color: white;
}
.scl_tb_inner {
    width: 930px;
}
.social_box .social_box .list label i {
    font-size: 22px;
}

.social_box .list .topic {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Barlow';
    text-transform: uppercase;
    color: #484848; 
    width:193px;
}

.social_box .indicator {
    width: 100%;
    height: 100px;
    background-color: #EFEFEF;
    position: absolute;
    top: 0;
    transition: 0.3s ease-in;
}

/* To move the indicatore based on click */
#scl_tb1:checked ~ .list .indicator {
    top: 0;
}

#scl_tb2:checked ~ .list .indicator {
    top: 134px;
}

#scl_tb3:checked ~ .list .indicator {
    top: 266px;
}

#scl_tb4:checked ~ .list .indicator {
    top: 398px;
}

#scl_tb5:checked ~ .list .indicator {
    top: 532px;
}

.social_box .card .content {
    width: calc(100% - 150px);
}

/* To hide all the content */
.social_box .content .scl_tb1,
.social_box .content .scl_tb2,
.social_box .content .scl_tb3,
.social_box .content .scl_tb4,
.social_box .content .scl_tb5 {
    display: none;
}


.social_box .content {
    background-color: #EFEFEF;
    padding: 34px;
}
.scl_tb_inner p.para {
    margin: 0;
    margin-top: 10px;
}


/* To show the content based on selection */

#scl_tb1:checked ~ .content .scl_tb1 {
    display: block;
}
#scl_tb1:checked ~ .list .scl_tb1 .topic ,
#scl_tb2:checked ~ .list .scl_tb2 .topic ,
#scl_tb3:checked ~ .list .scl_tb3 .topic ,
#scl_tb4:checked ~ .list .scl_tb4 .topic ,
#scl_tb5:checked ~ .list .scl_tb5 .topic {
    color:#F47922;
}
.scl_tb:hover .topic {
    color:#F47922;
}
.scl_tb:hover {
    filter: brightness(0) saturate(100%) invert(53%) sepia(86%) saturate(2015%) hue-rotate(348deg) brightness(100%) contrast(91%);
}
#scl_tb1:checked ~ .list .scl_tb1::after ,
#scl_tb2:checked ~ .list .scl_tb2::after ,
#scl_tb3:checked ~ .list .scl_tb3::after ,
#scl_tb4:checked ~ .list .scl_tb4::after ,
#scl_tb5:checked ~ .list .scl_tb5::after {
    transform: rotate(45deg);
    filter: brightness(0) saturate(100%) invert(53%) sepia(86%) saturate(2015%) hue-rotate(348deg) brightness(100%) contrast(91%);
}
#scl_tb2:checked ~ .content .scl_tb2 {
    display: block;
}

#scl_tb3:checked ~ .content .scl_tb3 {
    display: block;
}

#scl_tb4:checked ~ .content .scl_tb4 {
    display: block;
}

#scl_tb5:checked ~ .content .scl_tb5 {
    display: block;
}

.mob-social-accord {
    display: none;
}

@media only screen and (min-device-width: 1081px) and (max-device-width: 1269px) {

}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {

    .social_box .card .list {
        width: 270px;
    }
    .social_box .list label {
        padding-left:46px;
    }
}


@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .social_box .card .list {
        width: 370px;
    }
    .social_box .card .content {
        width: calc(100% - 200px);
    }
    .social_box .list label{
        padding: 25px 75px 25px 24px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .social_box .card .list {
        width: 370px;
    }
    .social_box .card .content {
        width: calc(100% - 200px);
    }
    .social_box .list label{
        padding: 25px 75px 25px 95px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1579px) { 
    .social_box .card .list {
        width: 515px;
    }
    .social_box .card .content {
        width: calc(100% - 150px);
    }
    .social_box .list label{
        padding:25px 75px 25px 100px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .social_box .card .list {
        width: 560px;
    }
    .social_box .card .content {
        width: calc(100% - 150px);
    }
    .social_box .list label{
        padding:25px 75px 25px 100px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
    .desktop-social-tabs {
        display: none;
    }
}
/*--------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 991px) {
    .mob-social-accord {
        display: block;
    }    
}
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .comm_popup_overlay {
        align-items: flex-start;
    }
    .comm_popup {
        padding: 25px 10px 20px 10px;
        max-width: 950px;
        width: 90%;
        height: 238px;
        margin-top: 150px;
    }
    .pp_cls {
        top: 11px;
        right: 11px;
        width: 12px;
    }
    .vdo_btn {
        width: 50px !important;
        height: 50px !important;
    }
 
    .customise_para br {
        display: none;
    }

    .social_sec {
        padding-top:50px;
        padding-bottom: 50px;
        background: #efefef78;
    }
    .social_sec .sip_img_dv {
        height: 185px;
    }
    .social_sec .sip_cntn_dv {
        padding: 15px;
    }
    .social_sec  .col-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .scl_tb_inner {
        width:100%;
    }
    #social_accordion .card {
        border: none;
    }
    #social_accordion .card .card-header {
        padding:0px;
        border: none;
        background-color: transparent;
        border-bottom: 1px solid #e2e8f0;
    }
    #social_accordion .card .card-header a.collapsed {
        display: block;
        width: 100%;
        padding: 20px 15px;
        font-family: 'Barlow';
        text-decoration: none;
        color: #484848;
        font-size: 15px;
        position: relative;
        text-transform: uppercase;
    }
    #social_accordion .card .card-header a {
        color: #F47922;
        display: block;
        width: 100%;
        padding: 20px 15px;
        font-family: 'Barlow';
        text-decoration: none;
        font-size: 15px;
        position: relative;
        text-transform: uppercase;
    }
    #social_accordion .card .card-header a::after {
        content:'';
        background-image:url(/assets/accord_plus.1c43d375f6260ed40a28.svg);
        position: absolute;
        right:20px;
        top: 22px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        transform: rotate(45deg);
        transition: all 0.3s;
        filter: brightness(0) saturate(100%) invert(53%) sepia(86%) saturate(2015%) hue-rotate(348deg) brightness(100%) contrast(91%);
    }
    #social_accordion .card .card-header a.collapsed::after {
        content:'';
        background-image:url(/assets/accord_plus.1c43d375f6260ed40a28.svg);
        position: absolute;
        right:20px;
        top: 22px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        transform: rotate(0deg);
        transition: all 0.3s;
        filter: none;
    }
    #social_accordion .card-body  {
        border-bottom: 1px solid #e2e8f0;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .social_sec {
        padding-top:60px;
        padding-bottom: 60px;
        background: #efefef78;
    }
    .social_sec .sip_img_dv {
        height: 380px;
    }
    .social_sec .sip_cntn_dv {
        padding: 20px 15px;
    }
    .scl_tb_inner {
        width:100%;
    }

    #social_accordion .card {
        border: none;
    }
    #social_accordion .card .card-header {
        padding:0px;
        border: none;
        background-color: transparent;
        border-bottom: 1px solid #e2e8f0;
    }
    #social_accordion .card .card-header a.collapsed {
        display: block;
        width: 100%;
        padding: 20px 15px;
        font-family: 'Barlow';
        text-decoration: none;
        color: #484848;
        font-size: 15px;
        position: relative;
    }
    #social_accordion .card .card-header a {
        color: #F47922;
        display: block;
        width: 100%;
        padding: 20px 15px;
        font-family: 'Barlow';
        text-decoration: none;
        font-size: 15px;
        position: relative;
    }
    #social_accordion .card .card-header a::after {
        content:'';
        background-image:url(/assets/accord_plus.1c43d375f6260ed40a28.svg);
        position: absolute;
        right:20px;
        top: 22px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        transform: rotate(45deg);
        transition: all 0.3s;
        filter: brightness(0) saturate(100%) invert(53%) sepia(86%) saturate(2015%) hue-rotate(348deg) brightness(100%) contrast(91%);
    }
    #social_accordion .card .card-header a.collapsed::after {
        content:'';
        background-image:url(/assets/accord_plus.1c43d375f6260ed40a28.svg);
        position: absolute;
        right:20px;
        top: 22px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        transform: rotate(0deg);
        transition: all 0.3s;
        filter: none;
    }
    #social_accordion .card-body  {
        border-bottom: 1px solid #e2e8f0;
    }
}


/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .social_sec .sip_img_dv {
        height: 400px;
    }
    .social_sec .sip_cntn_dv h2.sub_para{
        font-size: 23px;
        line-height: 27px;
    }
    .social_sec .sip_cntn_dv p.para {
        margin-top: -10px !important;
    }

    .social_box .list label {
        padding: 25px 57px 25px 30px;
    }
    .social_box .card .list {
        width: 250px;
    }
    .social_box .list .topic {
        font-size: 15px;
    }
    .social_box .list label::after {
        background-size: 21px;
        width: 30px;
        height: 30px;
    }
    .social_box .card {
        justify-content: left;
    }
    .social_box .card .content {
        width: fit-content;
    }
    .scl_tb_inner {
        width: 100%;
    }
    .social_box .list label {
        margin-bottom: 0;
    }
    #scl_tb2:checked ~ .list .indicator {
        top: 100px;
    }
    #scl_tb3:checked ~ .list .indicator {
        top: 200px;
    }
    #scl_tb4:checked ~ .list .indicator {
        top: 300px;
    }
    #scl_tb5:checked ~ .list .indicator {
        top: 400px;
    }
    .social_sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }

}
.customis_sec {
    padding-top:100px;
    padding-bottom:170px;
    padding-left:326px;
}
.customise_hd {
    width: 100%;
    max-width: 1230px;
}
.customise_para {

}




/*--------------------- slider css */
.custm_main_slider .slick-list {
    padding: 0 200px 0 0!important;
}
.custm_main_slider {
    margin-top: 60px;
}
.custm_inner {
    height:500px;
    margin-right: 100px;
    overflow: hidden;
    display: flex;
}
.img_div {
   width:44%;
   float: left; 
   height:100%; 
   transform: translateX(-101%);
   z-index: -1;
    -webkit-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
    transition-delay: 0.4s !important;
}
.img_div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.content_div {
    width:56%;
    height: 100%;
    padding: 50px;
    float: left;
    display: flex;
    align-items: center;
    background-color: #B1B1B1;
    -webkit-transition: all 0.8s ease-in-out !important;
    transition: all 0.8s ease-in-out !important;
    /* transition-delay: 0.4s; */
}
/* .custm_main_slider .slick-slide.slick-cloned .img_div{
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transition-delay: 0.4s;
}
.custm_main_slider .slick-slide.slick-cloned .content_div{
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
} */
.custm_main_slider .slick-slide.slick-active.slick-center.slick-current .content_div {
    background-color: #F47920;
    -webkit-transition: all 0.8s ease-in-out !important;
    transition: all 0.8s ease-in-out !important;
}
.custm_main_slider .slick-slide.slick-active.slick-center.slick-current .img_div{
    transform: translateX(0%);
    -webkit-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
    transition-delay: 0.4s !important;
}

.content_div p {
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #FFFFFF;
}
.content_div ul li {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
}
.custm_main_slider .slick-slide {
    /* padding-right: 100px; */
}

.custm_main_slider .slick-prev {
    bottom: -113px;
    left: 0px !important;
    top: auto;
}
.custm_main_slider .slick-next {
    bottom: -113px;
    left:75px !important;
    top: auto;
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .customis_sec {
        padding-left:45px;
        padding-top: 100px !important;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .customis_sec {
        padding-left:50px;
        padding-top: 100px !important;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .customis_sec {
        padding-left: 88px;
        padding-top: 100px !important;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .customis_sec {
        padding-left:167px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .customis_sec {
        padding-left:135px;
    }

}

@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .customis_sec {
        padding-left: 35px;
    }
}


/*--------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
    .customis_sec {
        padding-top: 60px;
        padding-bottom: 120px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .customise_para  {
        margin-top: 45px;
    }
    .customise_para br {
        display: none;
    }
    .custm_main_slider {
        margin-top: 10px;
    }
    .custm_main_slider .slick-list {
        padding: 0 0px 0 0!important;
    }
    .custm_inner {
        width: 100%;
        display: grid;
        height: auto;
    }
    .content_div {
        width: 100%;
        order:2;
        height: auto;
        padding: 20px;
    }
    .img_div {
        width: 100%;
        height: 300px;
        transform: unset;
        object-position: bottom;
    }

    .img_div img {
        object-fit: cover;
        object-position: center;
    }
    .content_div p {
        font-size: 20px;
    }
    .content_div .csm_para {
        font-size: 14px;
        line-height: 23px;
        font-weight: 500;
    }
    .content_div ul li {
        font-family: 'Barlow';
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
    }
    .custm_main_slider .slick-prev {
        bottom: -80px;
        left: 0px !important;
        top: auto;
    }
    .custm_main_slider .slick-next {
        bottom: -80px;
        left: 55px !important;
        top: auto;
    }
    .customis_sec .col-12 {
        padding: 0;
    }
    
}

/*---------------------------------------------------------------- Snap Scroller CSS */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px) {

    .customis_sec {
        padding-top: 35px;
    }
    .customise_para {
        margin-top: 15px;
    }
    .custm_main_slider {
        margin-top: 0;
    }
    .custm_inner {
        height: 380px;
    }
}


/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .customis_sec {
        padding-top: 60px;
        padding-bottom: 150px;
        padding-left: 35px;
    }
    .custm_row1 {
        padding-right:35px;
    }
    .customise_para br {
        display: none;
    }
    .custm_inner {
        height: 500px;
        margin-right: 50px;
        overflow: hidden;
    }
    .content_div {
        width: 100%;
        padding:20px;
    }
    .img_div {
        width: 100%;
        /* transform: translateX(0%); */
    }
    .img_div img {
        object-position: bottom;
    }
    .custm_main_slider .slick-slide.slick-active.slick-current .content_div {
        background-color: #F47920;
    }
    .custm_main_slider .slick-slide.slick-active.slick-current .img_div{
        transform: translateX(0%);
    }
    .custm_main_slider {
        margin-top: 20px;
    }
    .content_div p {
        font-size: 18px;
    }
    .content_div ul li {
        margin-bottom:10px;
        font-size: 15px;
        line-height: 26px;
    }
    .custm_main_slider .slick-prev {
        bottom: -105px;
    }
    .custm_main_slider .slick-next {
        bottom: -105px;
        left: 65px !important;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    
    .content_div{
        padding: 19px !important;
    }
    .custm_main_slider .slick-list {
        padding: 0 100px 0 0!important;
    }
}
.vlu_integ_servc_sec {
    background: #EFEFEF;
    padding-bottom:85px;
    margin-top: -40px;
    position: relative;
    overflow: hidden;
}
.land_outer , .const_outer{
    margin-right: 25px;
    margin-bottom:50px;
}
.lice_outer , .faci_outer{
    margin-left:25px;
    margin-bottom:50px;
}
.vlu_intg_srvc_inner {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.vlu_intg_srvc_inner:hover .srvc_content > div{
    opacity: 1;
}
.vlu_intg_srvc_inner:hover .srvc_content{
    bottom: 0px !important;
}
.vlu_intg_srvc_inner:hover .ovrlay_box{
    opacity:1;
}
.vlu_intg_srvc_inner img {
    width: 100%;
}
.srvc_content {
    position: absolute;
    top: auto;
    bottom: -100px;
    padding: 30px 80px 30px 33px;
    transition:all 0.5s;
    z-index: 1;
}
.licensing_content {
    bottom: -100px;
}
.srvc_content > div {
    opacity: 0;
    transition:all 0.5s;
}
.srvc_content h3 {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 32px;
    line-height: 34px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.srvc_content p {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
}
.srvc_content a {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #F47920;
    text-decoration: none;
}
.ovrlay_box {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgb(50 62 72 / 60%);
    opacity:0;
    transition:all 0.6s;
}
.vlu_integ_sld_box p {
    color:#fff;
    /* font-family: 'barlow';
    font-size:18px;
    line-height:30px;
    font-weight:400; */
}
.vlu_integ_sld_box h4{
    color:#fff;
    border-color:#fff;
}
.vlu_integ_sld_box {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /* background-color: #f47920; */
    z-index: 9;
    transform: translateX(100%);
    transition: all 0.6s;
    display: flex;
}
.vlue_integ_cont_LB .row {
    height: 100%;
}
img.close_sld_box {
    position: absolute;
    left: 80px;
    top: 45px;
    cursor: pointer;
}
.vlue_dls_col1 {
    background-color: #f47920;
    padding:100px 90px 90px 90px;
}
.vlue_dls_col2 {
    background-color: #fff;
    padding: 0;
}
.vlue_dls_col2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.land_acq {
    display: none;
}
.licen_due {
    display: none;
}
.prk_const {
    display: none;
}
.facility_manag {
    display: none;
}

.vlu_scroll_div {
    max-height: 400px;
    height:100%;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 30px;
}
.vlu_scroll_div p.sub_para {
    margin-top: 0;
}
/* width */
  .vlu_scroll_div::-webkit-scrollbar {
    width: 2px;
  }
  
  /* Track */
  .vlu_scroll_div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px grey;
    border-radius: 5px;
    background-color: #b9560c;
  }
   
  /* Handle */
  .vlu_scroll_div::-webkit-scrollbar-thumb {
    background: #fff; 
    border-radius: 5px;
  }
  
  /* Handle on hover */
  .vlu_scroll_div::-webkit-scrollbar-thumb:hover {
    background-color: grey; 
  }

 .oprations_contnt {
    bottom: -130px;
 } 
  
@media  screen and (min-width: 1920px) {
    .vlu_scroll_div {
        max-height: none;
    }
}
@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .vlu_box_pd {
        padding-left:25px;
        padding-right:25px;
    }
    .licensing_content {
        bottom: -130px;
    }
}
@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {

}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
}
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
    
    .vlu_box_pd .row {
        margin:0px;
    }
    
    .land_outer, .const_outer {
        padding-right: 0px;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .lice_outer, .faci_outer {
        margin-left: 0px;
        margin-bottom: 30px;
    }
    .srvc_content h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
    }
    .srvc_content {
        bottom: 15px;
        padding: 30px 80px 0px 20px;
    }
    .srvc_content p {
        display: none;
    }
    .srvc_content > div {
        opacity: 1;
    }
    .srvc_content a {
        font-size: 11px;
        line-height: 16px;
    }
    .vlue_dls_col2 {
        display: none;
    }
    .vlue_dls_col1 {
        background-color: #f47920;
        padding:50px 30px;
    }
    .vlu_scroll_div {
        max-height: 520px;
        height: 100%;
        overflow-y: scroll;
        margin-top: 30px;
        padding-right: 30px;
    }
    img.close_sld_box {
        position: absolute;
        left: auto;
        right: 28px;
        top: 30px;
        cursor: pointer;
        width: 15px;
    }
    .vlu_integ_servc_sec {
        padding-bottom: 40px;
    }
    
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .vlu_integ_servc_sec {
        padding-bottom: 30px;
    }
    .srvc_content h3 {
        font-size: 20px;
        line-height: 23px;
    }
    .srvc_content {
        padding: 30px 20px 20px 20px;
    }
    .srvc_content > div {
        display: none;
    }
    .srvc_content {
        bottom: 0px;
    }
    .vlue_dls_col2 {
        display: none;
    }
    .vlue_dls_col1 {
        background-color: #f47920;
        padding: 100px 50px 50px 50px;
    }
    img.close_sld_box {
        left: 35px;
        top: 55px;
        width: 15px;
    }
    .vlu_scroll_div {
        max-height: 350px;
    }
}


/*----------------------------------------- Solution inside section1 START*/
.sol_inside_sec1 {
    padding: 100px 0;
    padding-top: 88px;
}
.sol_inside_sec1 .sub_para {
    margin-top: 0px;
}
.sip_img_cnt_row {
    background-color: #EFEFEF;
    margin: 0;
    margin-top: 50px;
}
.sip_img_col {
    padding: 0;
}
.sip_img_dv {
    background: #D9D9D9;
    /* height: 423px; */
}
.sip_cntn_dv_sec1{
    padding:0px 70px 0 0px;
}
.sip_cntn_dv_sec1 p.para {
    margin: 0;
}
/*----------------------------------------- Solution inside section1 END*/




/*----------------------------------------- Solution inside section2 START*/
.sol_inside_sec2 {
    padding: 68px 0 38px 0px;
    background: #F8F9FA;
}
.sip_info_box {
    display: flex;
    align-items: center;
    height: 141px;
    padding-right: 115px;
    margin-bottom: 30px;
}
.sip_info_box img {
    width: 60px;
}
.sip_info_box h3{
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #313D47;
    margin-bottom: 0;
    margin-left: 24px;
    text-transform: uppercase;
}
.sol_icon_col {
    padding-left: 80px;
}
/*----------------------------------------- Solution inside section2 END*/





/*----------------------------------------- Solution inside section3 START*/
.sol_inside_sec3 {
    padding: 97px 0 100px 0;
}
.solution_sec3_hd {
    margin-bottom: 62px;
}
.sip_cntn_col {
    display: flex;
    align-items: center;
}
.sip_img_cnt_row1 {
    background-color: #F7F7F7;
    margin: 0;
    margin-top: 0px;
}
.sip_img_cnt_row1 .sip_img_col {
    padding: 0;
}
.sip_img_dv {
    background: #D9D9D9;
    /* height: 423px; */
}
.sip_img_dv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sip_cntn_dv{
    padding:0px 85px 0 85px;
}
.sip_cntn_dv h2.sub_para {
    margin-bottom: 19px !important;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #313D47;
    /* padding-bottom: 25px;
    border-bottom: 1px dashed #2BB04C; */
}
.sip_cntn_dv p.para {
    margin-top: 10px !important;
    margin-bottom: 0;
}

.sol_dv_orange {
    background: #F47920;
}
.sol_dv_orange h2.sub_para {
    color: #fff;
}
.sol_dv_orange .para {
    color: #fff;
}
/*----------------------------------------- Solution inside section3 END*/


/*----------------------------------------- PARK CONSTRUCTION AND DEVELOPMENT sec1 START*/
.prk_cnt_dev_col .sip_img_dv {
    height: 550px;
}
.prk_cnt_dev_sec1 p.para {
    margin-bottom: 15px !important;
}
.prk_cnt_dev_sec1 p.para:last-child {
    margin-bottom: 0px !important;
}
/*----------------------------------------- SPARK CONSTRUCTION AND DEVELOPMENT sec1 END*/



.park_complaince_sec {
    padding-bottom: 30px;
}
.solution_mob_sec {
    display: none;
}

@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px){
    .sol_inside_sec1 {
        padding-top: 44px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {


    .sol_inside_sec1 {
        padding: 44px 0 40px 0; 
    }
    .sip_cntn_dv {
        padding: 0px 35px 0 35px;
    }
    .sip_cntn_dv_sec1 {
        padding: 0px 35px 0 0px;
    }
    .sip_img_dv {
        height: 390px;
    }
    .sip_info_box h3 {
        font-family: 'Barlow';
        font-size: 15px;
        line-height: 24px;
        margin-left: 17px;
    }
    .sip_cntn_dv h2.sub_para {
        font-size: 28px;
        line-height: 35px;
    }
    .sol_icon_col {
        padding-left: 50px;
    }
    .sip_info_box {
        padding-right: 15px;
    }
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .sip_cntn_dv_sec1 {
        padding: 0 0 50px 0;
    }
    .sol_inside_sec1 {
        padding:40px 0 50px 0;
    }
    .sip_info_box {
        height: 100px;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .sip_img_col {
        padding:0px;
    }
    .sip_img_dv {
        height: 100%;
    }
    .solution_sec3_hd {
        margin-bottom: 40px;
    }
    .sip_cntn_dv {
        padding: 35px 20px 30px 20px;
    }
    .sip_info_box h3 {
        font-family: 'Barlow';
        font-size: 16px;
        line-height: 23px;
        margin-left: 20px;
    }
    .sol_inside_sec2 {
        padding:40px 0 20px 0;
    }
    .sol_icon_col {
        padding-left: 20px;
    }

    .prk_cnt_dev_col .sip_img_dv {
        height: 350px;
    }


    .prop_mang_sec3 .sip_cntn_dv {
        padding: 30px 20px;
    }

    .sip_cntn_dv h2.sub_para {
        font-size: 21px;
        line-height: 29px;
    }
    .sip_cntn_dv p.para {
        margin-top: -7px !important;
    }
    .sol_inside_sec3 {
        padding:60px 0 60px 0;
    }

    .solution_mob_sec {
        display: block;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .sol_inside_sec1 {
        padding:40px 0 50px 0;
    }
    .sip_img_cnt_row1 , .sip_img_cnt_row {
        margin-bottom: 30px;
        margin-top: 0;
        display: flex;
    }
    .sip_img_cnt_row1 .sip_cntn_col , .sip_img_cnt_row .sip_cntn_col {
        order: 2;
    }
    .sip_img_dv {
        /* height: 400px; */
    }
    .solution_sec3_hd {
        margin-bottom: 40px;
    }
    .sip_cntn_dv {
        padding: 30px 5px 25px 5px;
    }
    .sip_cntn_dv_sec1 {
        padding: 0 0 25px 0;
    }
    .sip_img_col {
        padding: 0 10px;
    }
    .sip_img_cnt_row .sip_img_col {
        padding: 0;
    }
    .sip_info_box {
        height: 100px;
        justify-items: center;
        padding-right: 15px;
        margin-bottom: 0px;
    }
    .sip_info_box img {
        width: 50px;
    }
    .sip_info_box h3 {
        font-family: 'Barlow';
        font-size: 14px;
        line-height: 19px;
        color: #313D47;
        margin-bottom: 0;
        margin-left: 0;
    }
    .sip_info_box h3 {
        margin-left: 15px;
    }


    .prk_cnt_dev_col .sip_img_dv {
        height: 250px;
    }
    .sol_inside_sec2 {
        padding: 40px 0 30px 0;
    }
    .sol_icon_col {
        padding-left: 20px;
    }
    .sip_cntn_dv h2.sub_para {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px !important;
        padding-bottom: 0;
    }
    .sol_inside_sec3 {
        padding: 40px 0 40px 0;
    }
    .sip_cntn_dv_sec1 br {
        display: none;
    }

    .sip_cntn_dv br {
        display: none;
    }

    .solution_mob_sec {
        display: block;
    }

}





.bg-color, .contact-form  .ing_solu_col_1 {
    background-color: #313D47;
}
.addrss-hdng {
    padding-bottom: 25px;
}
.txt_wht {
    color:#fff;
} 
.bottm-mrgin {
    margin-bottom: 20px !important;
}
.contact-form .ing_solu_col_1 {
    padding-left: 0px !important;
}
.top-mrgin {
    margin-top: 20px !important;
}

.no-mrgin {
    margin: 0px !important;
}

.address_sec .row {
    height: 100%;
}

.address_sec h6{
    font-style: normal;
}
.addrss_col_1 {
    background-color: #ffffff;
    position: relative;
    padding: 85px 0px 60px 335px;
}

.addrss_col_2 {
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
}

.addrss_col_1 h3.sub_para {
    margin-bottom: 0px;
    font-weight: 600;
}

.addrss_col_1 .para {
    margin-top: 0px;
}

h5.grand_para {
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: 0;
    color: #313D47;
    text-decoration: none;
    margin-top: 20px;
}

.address_sec a {
    text-decoration: none;
}
.address_sec a:hover {
    color: #F47920;
}


.contact-form .convert_form_col1 {
    padding-bottom: 65px;
}

.contact-pg .cta_sec {
    display: none;
}

.form-hdng h2 {
    font-family: 'Barlow';
    font-weight: 800;
    font-size: 80px;
    line-height: 80px;
    letter-spacing: -0.005em;
    text-transform: uppercase;
    color: #f47920;
    text-align: left;
}
.contact-form .ing_solu_col_1 {
    padding-left: 0px;
    padding-bottom: 100px;
    padding-top: 80px;
}

.contact-form .prkinside_form {
    margin-top: 120px;
    padding: 0px;
}

.contact-form.intg_solution_sec {
    height: 100%;
    padding-left: 100px;
    padding-right: 50px;    
}
.contact-form .cstm_container {
    max-width: 900px;
}

.contact-form .conversion_form label, .contact-form .conversion_form input {
    color: #fff !important;
}

.contact-form .conversion_form input::placeholder {
    color: #ffffff4d !important;
}

.contact-form .conversion_form input {
    border-color: #ffffff4d !important;
}

.contact-form .btn_col input.conv_btn {
    background: #313d4700 !important;
    border: 1px solid #ffffff4d !important;
    /* margin-top: -35px; */
}



.contact-form .btn_col input.conv_btn:hover {
    background-color: #f47920 !important;
    color: #fff !important;
}

.contact-form textarea:focus-visible {
    outline: 0px;
}
.contact-form .form-control:focus {
    box-shadow: none;
    border-color: #ffffff4d;
}


.selectin-fld .form-control {
    background-color: transparent;
    border-bottom: 1px solid #ffffff4d !important;
    border: 0px;
    height: 50px;
    padding-left: 5px;
    border-radius: 0px;
    color: #fff;
    background-color: #313D47;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.contact-form textarea {
    background-color: transparent;
    border: 1px solid #ffffff4d !important;
    border-radius: 0px;
}

.selectin-fld .form-control:focus-visible, .selectin-fld .form-control:focus {
    outline: 0px;
    box-shadow: none;
}
.contact_spotlight_img {
    object-position: bottom;
}
input.btn.cont_form_btn:hover {
    border-color: #f47920 !important;
}

.contact-form textarea:focus, .contact-form textarea {
    
    color: #ffffff !important;
}

.spc_rq_fld_dv , .pkr_lc_fld_dv {
    display: none;
}
.leasing_fld_show {
    display: block;
}


@media only screen and (min-device-width: 1081px) and (max-device-width: 1269px) {
    .addrss_col_1 {
        padding-left:35px;
    }
    .contact-form.intg_solution_sec {
        padding-left: 0px !important; 
    padding-right: 0px !important; 
    }
}





@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .addrss_col_1 {
        padding-left:45px;
    }
    .contact-form.intg_solution_sec {
        padding-left: 50px;
        padding-right: 10px;
    }
}




@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .addrss_col_1 {
        padding-left:60px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .addrss_col_1 {
        padding-left:95px;
    }
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1499px) {
    .addrss_col_1 {
        padding-left:95px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .addrss_col_1 {
        padding-left:178px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) { 
    .addrss_col_1 {
        padding-left:130px;
    }
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1579px) { 
    .addrss_col_1 {
        padding-left:130px;
    }
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .cor_para{
        margin-bottom: 0px !important;
    }
    .tell_sec textarea {
        width: 97% !important;
        padding-left: 10px;
    }
    .addrss-hdng {
        padding-bottom: 10px !important;
    }

    .addrss_col_1{
        padding: 60px 20px !important;
    }

    .addrss_col_2 {
    padding: 0px 20px;
    background-color: #313D47;

    }

    .addrss_col_1 .para {
        margin-top: 10px;
    }


    .addrss_col_1 h3.sub_para {
        margin-bottom: 0px;
    }

    .addrss-hdng {
        padding-bottom: 31px;
    }

    h5.grand_para {
        font-family: 'Barlow';
        font-weight: 500;
        font-size: 16px;
        line-height: 10px;
    }

    /*----connect-form----------------------------------*/

    .contact-form .ing_solu_col_1 {
        padding-left: 0px;
        padding-bottom: 60px;
        padding-top: 60px;
        padding-right: 0px;
    }
    .contact-form .prkinside_form {
        margin-top: 50px;
        padding: 0px;
    }
    .form-hdng h2{
        font-size: 28px;
        line-height: 35px;
        padding-left: 5px;
    }
    .contact-form.intg_solution_sec{
        padding-left: 0px !important;
        padding-right: 10px;
    }
    .conv_frm_spc{
        padding-left: 15px;
        padding-right: 0px;
    }

    .selectin-fld .form-control{
        padding-left: 0px !important;
        padding-bottom: 5px;
    }
    .tell_sec{
        width:100%;
    }
    .conversion_form input {
        padding-left: 0;
        padding-bottom: 5px;
    }
    .form-control{
        padding:0px;
    }
    .btn_col input.conv_btn{
        margin-top:10px;
    }
    textarea {
        width: 97%;
    }

}

/*---------------------------------------------------------------- Tab1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .addrss_col_1 {
        padding: 60px 0px 60px 35px;
    }
    .contact-form.intg_solution_sec {
        padding-left: 35px;
        padding-right: 35px;
    }

    .contact-form .ing_solu_col_1 {
        padding-left: 0px;
        padding-bottom: 60PX;
        padding-top: 60px;
    }

    .form-hdng h2 {
        line-height: 30px;
        font-size: 50px;
    }
}

/*---------------------------------------------------------------- Tab Screen 2 CSS */
@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {

    .form-hdng h2 {
        font-size: 63px;
        line-height: 66px;
    }
    .conv_frm_spc {
        padding-right: 20px;
        padding-left: 0;
    }
    .addrss_col_1 {
        padding: 85px 0px 60px 35px;
    }
    .contact-form.intg_solution_sec {
        padding-left: 10px;
        padding-right: 0px;
    }
    .conv_frm_spc {
        padding-right: 20px;
    }
    .enq_type {
        font-size:15px;
    }
}
.press_rls_sec {
    padding:80px 0px;
    background: #eb7d2b;
}
.pr_container {
    max-width: 1100px;
    margin: auto;
    width: 100%;
    position: relative;
}
.pr_row {
    background: #fff;
    padding: 50px 50px;
    margin:0px;
}
.pr_hd {
    color: #313D47;
    line-height: 40px;
}
.pr_img{
    width:100%;
    margin:25px 0px;
}
.pr_sub_para {
    margin-bottom:0px;
    margin-top: 0;
}
.media_dv {
    margin-bottom: 20px;
}
.media_dv p {
    margin: 0;
}
.pr_para {
    margin-top: 0px;
}
.social_dv {
    margin-bottom:10px;
    margin-left: 20px;
    text-align: center;
}
.social_sticky_dv {
    position: sticky;
    top:100px;
}
.pr_date {
    margin:0px;
    margin-bottom: 10px;
}
.media_hd{
    color: #414042;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Barlow';
}

/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .press_rls_sec {
        padding: 20px 0px;
    }
    .pr_container {
        max-width: 320px;
    }
    .pr_row {
        padding: 20px 20px;
        padding-bottom: 0px;
    }
    .pr_hd {
        line-height: 23px;
    }
    .social_dv {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 5px;
        text-align: center;
        width: fit-content;
        float: left;
    }
    .social_dv svg {
        width:30px;
    }
    .media_hd{
        font-size: 15px;
    }
    .social_col {
        padding:0px;
    }
}

/*---------------------------------------------------------------- tab1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 834px) {
    .press_rls_sec {
        padding: 60px 0px;
    }
    .pr_container {
        max-width: 600px;
    }
    .pr_row {
        padding:25px;
    }
    .media_hd{
        font-size: 17px;
    }

}


/*---------------------------------------------------------------- tab2 CSS */
@media only screen and (min-device-width: 835px) and (max-device-width: 1080px) {
    .press_rls_sec {
        padding: 60px 0px;
    }
    .pr_container {
        max-width: 800px;
    }
    /* .pr_row {
        padding:25px;
    }
    .media_hd{
        font-size: 17px;
    } */


}
.error_sec {
    width:100%;
    height: 100vh;
    text-align: center;
    display: flex;
    padding-top: 150px;
    background: #000;
}
.error_sec h1{
    font-family: 'Barlow';
    font-weight: 800;
    font-size: 190.867px;
    line-height: 138.6px;
    letter-spacing: -0.005em;
    text-transform: uppercase;
    color: #F47920;
    margin-bottom: 40px;
}
/* .error_sec h2 {
    color: #313D47;
} */
.error_sec p {
    margin-top: 10px;
    color: #fff;
}
.goto_btn {
    float: unset;
    margin: auto;
}



/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .error_sec .row {
        margin: 0;
    }
    .error_sec h1{
        font-size: 90px;
        margin-bottom: 0px;
        line-height: 101px;
    }
    .goto_btn{
        height: 40px;
        width: 120px !important;
        font-size: 10px;
    }
    .error_sec {
        padding-top:0px;
    }
}

/*---------------------------------------------------------------- Tab Screen 1 CSS */
@media only screen and (min-device-width: 601px) and (max-device-width: 1080px) {
    .error_sec .row {
        margin: 0;
    }
    .goto_btn{
        height: 50px;
        width: 170px !important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {

}
.privacy_sec {
    padding-top: 260px;
    padding-bottom: 100px;
}
.privacy_head{
    /* text-align: center;  */
    /* width: fit-content; */
    margin: auto;
}

.privacy_sub_head{
    font-size: 24px;
    /* padding-bottom: 5px !important; */
    width: fit-content;
    text-transform: capitalize;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 25px;
    margin-bottom: -15px;
}

.privacy_para{
    margin: 8px 0;
    padding-top: 10px;
}

.para_ttl{
    margin-top:30px;
}



@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .privacy_sec {
        padding-top: 165px;
        padding-bottom: 70px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .privacy_sec {
        padding-top: 130px;
        padding-bottom: 50px;
    }
}
.disclaimer_sec {
    padding-top: 260px;
    padding-bottom: 100px;
}
.disclaimer_head{
    /* text-align: center; 
    width: fit-content; */
    margin: auto;
}

.disclaimer_para{

    padding-top: 10px;
}


.para_ttl{
    margin-top:20px;
}



@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .disclaimer_sec {
        padding-top: 165px;
        padding-bottom: 70px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .disclaimer_sec {
        padding-top: 130px;
        padding-bottom: 50px;
    }
}
.blog_lnd_sec1 {
    padding: 65px 0 60px 0;
}

.blog_tag_categ_pg {
    padding: 60px 0 60px 0;
}
.blog_frst_slider {
    margin-top: 30px;
}
.lft_col {
    padding-left: 0px;
}

.rgt_col {
    padding-right: 0px;

}
.blog_read_more_btn {
    color: #F47920;
    font-family: 'Barlow';
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    float: left;
    text-decoration: none;
    margin-top: 10px;
    opacity: 0;
    transition: all 0.5s;
    width: 100%;
}
.blog_read_more_btn:hover {
    color: #F47920;
}
.blog_bx .image-conatoner:hover .blog_read_more_btn{
    opacity: 1;
}
.blog_bx .image-conatoner:hover .text-box {
    bottom: 8px;
}
.blog_feat_sld .image-conatoner:hover .blog_read_more_btn{
    opacity: 1;
}
.blog_feat_sld .image-conatoner:hover .text-box {
    bottom: 8px;
}
.blog-feat-slider .image-conatoner{
    margin-right: 30px;
}

.category_blog_col a .image-conatoner:hover .blog_read_more_btn{
    opacity: 1;
}
.category_blog_col a .image-conatoner:hover .text-box {
    bottom: 8px;
}

.bb_box1 {
    position: relative;
    height: 518px;
}

.bb_box2 {}

.blg_lng_img {
    border-radius: 5px;
}

.blog_lndg_bg_bx:before,
.blog_lndg_sml_bx:before {
    content: '';
    width: 100%;
    height: 100%;
    /* background: #00000012; */
    position: absolute;
}

.blog_box_h2 {
    color: #313D47;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: 'barlow';
    font-size: 28px;
    line-height: 36px;
    margin-top: 20px;
}

.blog_box_h3 {
    margin: auto;
    margin-bottom: 10px;
}

.blog_bg_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.bl_bx_ttl {
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    border-radius: 5px;
    font-family: barlow;
    font-weight: 600;
    font-size: 14px;
    color: #f47920;
    width: fit-content;
}

.bl_bx_date {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize;
    color: #777777;
}

.blog_col_hd {
    color: #313D47;
    text-transform: capitalize;
    margin-bottom: 35px;
}

.feature_blog_bx {
    margin-bottom: 50px;
    margin-right: 12px;
}

.feature_blog_bx:hover h3.sub_para {
    color: #f47920;
}

.blog_big_bx:hover h3.blog_box_h2 {
    color: #f47920;
}

.fbb1 {
    position: relative;
    height: 240px;
}

.bl_bx_ttl {
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 15px;
}

.fbb2 {
    padding-top: 10px;
}

.fbb2 h3 {
    margin: auto;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.blog_lndg_sml_bx {
    position: relative;
    background-color: #f2f2f2;
    margin-bottom: 25px;
    height: 247px;
    border-radius: 5px;
}

.blg_bx_para p {
    font-size: 15px;
    line-height: 23px;
}

.fbb2 p.bl_bx_date {
    margin-top: 15px;
}

.blog_lnd_sec2 {
    padding-bottom: 100px;
}

.blg_bx_para {
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}

.blg_bx_para h2 {
    display: none;
}

.sticky_dv {
    position: sticky;
    top: 20px;
}

.categ_dv {
    width: 100%;
    margin-top: 22px;
}

.blog_lndng_sidebar {
    float: left;
    width: 100%;
}

.category_list {
    list-style: none;
    padding: 0;
}

.category_list li {

    font-family: 'Barlow';
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    text-transform: capitalize;
    color: #1C1C1C;
    height: 45px;
    border-bottom: 1px dashed #D1E7E5;
    cursor: pointer;
}

.category_list li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #1C1C1C;
}

.category_list li a:hover {
    color: #f47920;
}

.category_list li:last-child {
    border: none;
}

.category_list li span {
    float: right;
}

.categ_dv_1 {
    float: left;
    width: 100%;
}

.categ_dv_2 {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.tags_btn {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
    color: #666666;
    padding: 7px 14px;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 7px 7px 0;
    text-decoration: none;
    display: block;
    float: left;
}

.tags_btn:hover {
    color: #FFFFFF;
    background-color: #f47920;
}

.pagination {
    justify-content: center;
    margin-top: 50px;
}

.pagi.nav.prev {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 7px 30px;
    text-decoration: none;
    margin-right: 13px;
    cursor: pointer;
    color: #666666;
    font-family: 'barlow';
}

.pagi.nav.prev:hover,
.pagi.nav.next:hover {
    background-color: #666666;
    color: #fff;
}

.pagi.nav.next {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 7px 30px;
    text-decoration: none;
    cursor: pointer;
    color: #666666;
    font-family: 'barlow';
}

.pagination a.page {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 7px 15px;
    text-decoration: none;
    margin-right: 13px;
    cursor: pointer;
    color: #666666;
    font-family: 'barlow';
}

a.page.current {
    background-color: #666666;
    color: #fff;
}

a.page:hover {
    background-color: #666666;
    color: #fff;
}

.blog_anchor {
    text-decoration: none;
}

.date_icon {
    margin-top: -2px;
    margin-right: 5px;
    width: 8px;
}


/* ---------------------Blog Feature Slider START HERE */
.blg_main_container {
    float: left;
    background: #F47920;
    display: block;
    border-radius: 5px;
    height: 457px;
    width: 100%;
}

.blog_feat_sld {
    border-radius: 5px;
    /* background: #F47920; */
}

.blg-custm-contain {
    padding: 32px 20px 40px 32px;
    color: #FFF;
    width: 55%;
    float: left;
}

.blg-img-contain {
    width: 45%;
    float: right;
    height: 100%;
}

.blg-img-contain img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 5px 5px 0px;
}

.blg-custm-contain h2 {
    font-family: 'Barlow';
    font-size: 32px;
    margin-bottom: 20px;
}

.icon-blog {
    display: inline-flex;
    float: left;
    gap: 10px;
    margin-top: 10px;
}

p.new-para {

    display: flex;
    margin-bottom: 23px;
    width: fit-content;
    height: 29px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0px;
    background: #FFF;
    color: #000 !important;
    float: left;
}
.icon-blog svg {
    margin-top: 6px;
}
.icon-blog p {
    margin-top: 2px;
    margin-bottom: 0;
    font-family: 'Barlow';
}

.blg-custm-contain p {
    font-family: 'Barlow';
    font-size: 16px;
}

.image-conatoner {
    position: relative;
    margin-top: 30px;
}
.text-box .blog_subheading {
    display: none;
}
.text-box {
    position: absolute;
    top: auto;
    bottom: -25px;
    padding: 20px 43px 20px 24px;
    z-index: 1;
    width: 100%;
    height: auto;
    transition: all 0.5s;
}
.img-box {
    position: relative;
}
.img-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, rgb(255 255 255 / 0%) 40%, rgb(0 0 0 / 75%) 100%), #d9d9d900; */
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 60%, rgb(0 0 0 / 87%) 100%), #d9d9d900;
    z-index: 1;
}
.img-box img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.text-box h2 {
    font-family: 'Barlow';
    font-size: 24px;
    margin-bottom: 20px;
    color: #FFF;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.blg_col1 h2 {
    margin-bottom: 0px;
}
.text-box p {
    font-family: 'Barlow';
    color: #FFF;
}

.blog_lnd_sec3 {
    padding-bottom: 150px;
    padding-top: 45px;
    margin-top: 0px !important;
}

.blog_feat_col2.blog_bx , .more_data.blog_bx{
    padding: 0 15px 0 15px;
}

.blog_bx:nth-child(odd) {
    padding-left: 0;
}

.blog_bx:nth-child(even) {
    padding-right: 0;
}

.blg-custm-contain p.new-para {
    margin-top: 0px;
    margin-bottom: 23px;
    ;
}

.leader_slider_cd .swiper-pagination-fraction {
    color: #313D47;
    font-family: Barlow;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: right;
    z-index: 0;
}
.category_drpdwn {
    display: none;
}

/* ---------------------Blog Feature Slider END HERE */


/* ----------Blog Landing Page start here -------------*/

.icon-head {
    display: inline-flex;
    gap: 10px;
}

.icon-head p {
    margin-top: -3px;
    color: #000;
    margin-bottom: 5px;
}

.hd-build {
    color: #313D47;
    font-family: Barlow;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: -12px;
}
.hd-head{
    margin-top: 0px;
    color: #F47920;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
    /* text-transform: capitalize; */
    padding-bottom: 10px;
    margin-bottom: -22px;
    border-bottom: 1px dashed #2bb04c;
}
.blg-img{
    width: 100%;
}
.social_share-fab{
    margin-bottom: 25px;
    display: grid;
    background: #DBDBDB;
    padding: 20px 0 7px 0;
    width: 41px;
    position: sticky;
    top: 100px;
    margin-top: 50px;
}
.category_drpdown_btn {
    border-radius: 98px;
    border: 1px solid #FFF;
    background: #F47920;
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 1.12px;
    height: 60px;
    width: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 36px;
}
.category_drpdown_btn:hover {
    color: #fff;
}
.category_drpdown_btn:focus {
    outline: none;
    color: #fff;
}
.blog_lnd_sec1-sec{
    padding-top: 50px;
    max-width: 1108px;
    margin: auto;
    padding-left: 0;
}
.new-para-bg{
    display: flex;
width: 133.642px;
height: 30.999px;
padding: 4px 8px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 3px;
background: #FFF;

}
p.new-para-bg {
    color: #000;
}
p.blog_subheading {

    color: #F47920;
    font-style: italic;
    font-size: 18px;
    border-top: 1px solid #F47920;
    border-bottom: 1px solid #F47920;
    padding: 15px 0;
    margin-top: 50px;

}



.mobile_blogs {
    display: none;
}
/* ----------Blog Landing Page start here -------------*/



@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {

    .categ_dv {
        width: 100%;
        margin-left: 0px;
    }

    .fbb1 {
        height: 180px;
    }

    .blog_lndg_sml_bx {
        height: 188px;
    }

    .blg-img-contain img {
        width: 100%;
        /* height: 465px !important;height: 465px !important; */
    }

    .text-box h2 {
        font-size: 19px;
    }
    .leader_slider_cd {
        margin-top: 40px;
    }
    .text-box {
        padding: 19px 39px 15px 21px;
    }

    .text-box h2 {
        margin-bottom: 10px;
    }



    .blg-custm-contain {
        padding: 31px 20px 43px 18px;
    }
    .img-box img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .blg-custm-contain h2 {
        font-size: 25px;
    }
    .blog_feat_col1 {
        padding-right: 0px !important;
    }

    .social_share-fab {
        top:50px;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .categ_dv {
        width: 100%;
        margin-left: 0px;
    }

    .tags_btn {
        font-size: 14px;
        line-height: 18px;
        padding: 8px 10px;
    }
    .leader_slider_cd {
        margin-top: 40px;
    }
    .feature_blog_bx {
        margin-bottom: 50px;
    }

    .blog_feat_col1 .pagination {
        margin-bottom: 80px;
    }

    .bch_1 {
        padding: 0 12px;
    }

    .blg-custm-contain {
        padding: 32px 20px 40px 20px;
        width: 100%;
    }

    .blg-custm-contain {
        padding: 32px 20px 40px 20px;
        width: 100%;
    }

    .blg-img-contain img {
        width: 100%;
        height: 400px;
        border-radius: 5px;
    }

    .blg_main_container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    div#blg-img img {
        height: 450px;
        object-fit: cover;
    }
    .blg-img-contain {
        width: 100%;
    }

    .swiper {
        z-index: 0;
    }

    .text-box h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .icon-blog {
        margin-top: 0;
        margin-bottom: -5px;
    }

    .blg_main_container {
        height: auto;
    }

    .blg-custm-contain h2 {
        font-size: 25px;
    }
    .blog_feat_col1 {
        padding-right: 10px !important;
        
    }
    .img-box img {
        width: 100%;
        height: 450px;
        object-fit: cover;
    }
    .blg_rw1 {
        display: flex;
    }
    .blg_col1 {
        order: 2;
    }
    .blg_col2 {
        order:3;
    }
    .blg_col3 {
        order:1;
    }

    h3.blog_subhead {
        margin-bottom: 5px !important;
    }
    .hd-head {
        margin-bottom: 10px;
    }
    .social_share-fab {
        top:20px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .bb_box1 {
        position: relative;
        height: 160px;
    }
    .leader_slider_cd {
        margin-top: 40px;
    }
    .blog_lnd_sec1 {
        padding: 0px 0 20px 0;
    }

    .blog_big_bx {
        margin: 0 12px;
        margin-bottom: 30px;
    }

    .blog_box_h2 {
        margin-bottom: 7px;
        font-size: 18px;
        line-height: 22px;
    }

    .bl_bx_ttl {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .categ_dv {
        margin-left: 0px;
        margin-top: 12px;
        width: auto;
    }

    .lft_col {
        padding: 0 20px;
    }

    .rgt_col {
        padding: 0 8px;
    }

    .feature_blog_bx {
        margin-bottom: 40px;
    }

    .blog_feat_col1 {
        padding: 0 20px;
    }

    .blog_feat_col2 , .more_data{
        padding: 0;
    }

    .fbb1 .bl_bx_ttl {
        bottom: 10px;
    }

    .tags_btn {
        font-size: 14px;
        line-height: 18px;
        padding: 8px 10px;
    }

    .blog_lnd_sec2 {
        padding-bottom: 70px;
    }

    .categ_dv_2 {
        margin-top: 30px;
    }

    .category_list li {
        width: 90%;
        height: 41px;
        font-size: 15px;
    }

    .blog_col_hd {
        margin-bottom: 20px;
    }

    .blog_feat_col1 .pagination {
        justify-content: left;
        margin-bottom: 50px;
    }

    .pagi.nav.prev {
        padding: 5px 10px;
        font-size: 14px;
        margin-right: 6px;
        height: 35px;
    }

    .pagination a.page {
        padding: 5px 10px;
        font-size: 14px;
        margin-right: 6px;
        height: 35px;
        margin-bottom: 10px;
    }

    .pagi.nav.next {
        padding: 5px 10px;
        font-size: 14px;
        margin-right: 6px;
        height: 35px;
    }

    .blog_lndg_sml_bx {
        height: 180px;
    }

    .fbb1 {
        height: 180px;
    }

    .blg-custm-contain {
        width: 100%;
    }

    .blg-img-contain {
        width: 100%;
    }

    .blg-img-contain img {
        height: 370px;
        border-radius: 5px;
    }

    .blog_feat_col2.blog_bx , .more_data.blog_bx{
        padding: 0 0px;
    }

    /* p.new-para {
        display: none;
    } */

    .text-box h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .icon-blog {
        margin-bottom: -5px;
        margin-top: 0;
    }

    .img-box img {
        height: 350px;
        object-fit: cover;
    }

    .blg_main_container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .blg-custm-contain h2 {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 31px;
    }

    .blg-custm-contain {
        padding: 32px 20px 40px 20px;
    }

    .blg_main_container {
        height: auto;
    }
    .blog_feat_col1 {
        padding-right: 20px !important;
    }
    .blg-img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        border-radius: 5px;
    }
   
    .blog_lnd_sec1-sec {
        padding-top: 30px !important;
    }
    .blg_col1 .hdg_esg{
        font-size: 24px;
    }
    div#blg-img img {
        height: 450px;
        object-fit: cover;
    }

    .blg_rw1 {
        display: flex;
    }
    .blg_col1 {
        order: 2;
        margin-bottom: 10px;
    }
    .blg_col2 {
        order:3;
    }
    .blg_col3 {
        order:1;
    }
    .leader_slider_cd .swiper-pagination-fraction {
        font-size: 25px;
    }
    .categ_dv_1 {
        display: none;
    }
    .category_drpdwn {
        display: block;
    }
    select.drpdwn-scroll {
        padding: 20px;
        border-radius: 50px;
        background-color: #f47920;
        color: #FFF;
        width: 100%;
        font-size: 16px;
        margin-bottom: 35px;
        font-family: 'Barlow';
        text-align: center;
    }
    select.drpdwn-scroll:focus-visible {
        border: none;
        outline: none;
    }
    .more_data{
        display: none;
    }
    .mobile_blogs {
        display: block;
    }
    .desktop_blogs{
        display: none;
    }
    
    #load{
        display: block ;
    }
    .pagination {
        display: none;
    }
    #load{
        text-align: center;
        border-radius: 50%;
        border: 1px solid #DDD;
        width: 60px;
        height: 60px;
        margin: auto;
    margin-top: 50px;
    }
    .arrow-img {
        width: 8px;
        transform: rotate(90deg);
        margin-top: 22px;
    }
    .blog_lnd_sec3 {
        padding-bottom: 70px;
        padding-top: 70px;
    }
    .hd-build {
        font-size: 25px;
    }
    .hd-head {
        font-size: 19px;
        padding-bottom: 5px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    h3.blog_subhead {
        font-size: 16px !important;
        margin-bottom: 5px !important;
    }
    .text-box {
        padding: 20px 24px 22px 24px;
        height: auto;
    }

    .social_share-fab {
        top:20px;
    }

}

.blog_spotlight_content {
    display: block;
    max-width: 668px;
    margin-top: 110px;
}
.blog_spotlight_content h1 {
    font-size:47px !important;
    text-transform: inherit;
}
.blog_spotlight_content .date_icon {
    filter: invert(94%) sepia(6%) saturate(0%) hue-rotate(26deg) brightness(130%) contrast(108%);
}
.blog_spotlight_content .bl_bx_date {
    color: #fff;
    margin-top: 15px;
}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {

    .categ_dv {
        width: 100%;
        margin-left: 0;
    }
    
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {

    .blog_spotlight_content h1 {
        font-size: 42px !important;
    }
    .blog_spotlight_content {
        margin-top: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .blog_spotlight_content h1 {
        font-size: 30px !important;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {


    .blog_spotlight_content h1 {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .blog_spotlight_content .bl_bx_date {
        margin-top: 0;
        margin-bottom: 10px;
    }
}



.Blog_inside_page .desktop_header1 .hdr_container {
    background-color: #000;
}
.main-blog-cstm img {
    position: relative;
    width: 100%;
    object-fit: cover;
}
.main-blog-cstm .blog_content_dv img {
    position: relative;
    width: 100%;
    object-fit: cover;
}
.blog_inside_Sec {
    padding: 275px 0 120px 0;
}
.main-blog-cstm {
    max-width: 1108px;
    margin: auto;
}
.blog_breadcrum_content {
    text-align: center;
    margin-bottom: 18px;
}
.blog_breadcrum_content h3 {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
}
.blog_breadcrum_content h3 a {
    text-decoration: none;
    color:#000;
}

.blog_ttl_inside {
    color: #333D47;
    text-align: center;
    font-family: 'Barlow';
    font-size: 54px;
    font-style: normal;
    font-weight: 800;
    line-height: 66px;
    letter-spacing: -0.299px;
    text-transform: uppercase;
    margin-bottom: 46px;
}

.blog_content_dv {
    padding-left: 0;
}
.blog_content_dv p.para {
    max-width: 950px; 
}
.blog_feat_col1 {
    padding-right:80px;
}
.blog_inside_img {
    width:100%;
}
h3.blog_subhead{
    margin-bottom: -25px;
    font-size: 22px;
}
.blog_inside_Sec ol, .blog_inside_Sec ul {
    padding-left: 17px;
}
h2.blg_inside_hd {
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 34px;
    color: #414042;
    font-family: 'Barlow';
    font-weight: 500;
    
    margin-top: 30px;

}
.blog_inside_sld_col h2.hdg_esg {
    margin-bottom: -28px;
}
.blg_isnide_sld {
    margin-top: 30px;
}
.main-blog-cstm p {
    text-align: justify ;
}
.main-blog-cstm ul li  , .main-blog-cstm ol li {
    margin-bottom: 10px;
}
.main-blog-cstm ol li { 
    word-break: break-all;
}
.blg_cntn_img {
    width:100%;
    margin-bottom:7px;
    /* height: 400px;
    object-fit: cover; */
}
.react-share__ShareButton circle {
    fill: #331F1F;
}
.react-share__ShareButton{
    margin-right: 0px;
    margin-bottom: 14px;
}
.react-share__ShareButton:hover circle {
    /* fill: #00AAA1; */
    fill:#F47920;
} 
img.social_icon {
    margin: auto;
    width: 17px;
    margin-bottom: 14px;
}

.rlt_artcl_main {
    float: left;
    margin-bottom: 30px;
}
.rlt_artcl1 {
    width: 35%;
    float: left;
    height: 70px;
}
.rlt_artcl1 img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.rlt_artcl2 {
    width: 65%;
    float: left;
    padding-left: 13px;
}
.rlt_artcl2 h2 {
    margin: 0;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
}
.blog_spotlight_content .bl_bx_ttl {
    position: relative;
    left: 0;
}
.rlt_artcl2 .bl_bx_date .date_icon {
    width: 10px;
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .blog_inside_Sec {
        padding: 220px 0 120px 0;
    }
    .blog_ttl_inside {
        font-size: 50px;
        line-height: 60px;
    }
    .blog_content_dv {
        padding-left: 10px;
    }
    .blog_content_dv p.para {
        padding-right: 30px;
    }
    .main-blog-cstm .blog_content_dv img {
        height: 500px;
    }
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .rlt_artcl1 {
        height: auto;
    }
    .blog_inside_Sec {
        padding: 170px 0 120px 0;
    }
    .blog_ttl_inside {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 46px;
    }
    .blog_content_dv {
        padding-left: 10px;
    }
    .blog_content_dv p.para {
        padding-right: 30px;
    }
    .main-blog-cstm .blog_content_dv img {
        height: 400px;
    }
    
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .main-blog-cstm .blog_content_dv img {
        height: 200px;
    }
    .mic_blog_sec {
        padding-bottom: 30px;
    }
    h2.blg_inside_hd {
        margin-bottom: 0px;
        font-size: 21px;
    }
    .social_share {
        margin-left: 10px;
        margin-top: 15px;
    }
    .blog_inside_Sec {
        padding: 120px 0 90px 0 !important;
    }
    .blog_breadcrum_content {
        margin-bottom: 25px;
    }
    .blog_breadcrum_content h3 {
        font-size: 13px;
    }
    .blog_ttl_inside {
        font-size: 25px;
        line-height: 33px;
        margin-bottom: 35px;
    }
    .blog_content_dv p.para {
        padding-right: 20px;
    }
    .main-blog-cstm p {
        margin: 0px 0 20px 0;
    }
    .blog_content_dv {
        padding-left: 10px;
        padding-top: 52px;
    }
    .main-blog-cstm p {
        text-align: left;
        font-size:16px;
        line-height: 25px;
    }
}
.client_Slider .content_div{
    width: 100%;
    background-color: #D9D9D9;
    align-items: end;
    border-radius: 5px;
    padding:0px;
    position: relative;
}
.client_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
p.sldr_hd {
    font-weight: 600;
    font-size: 32px;
    line-height: 34px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.client_Slider .content_div .content_div_inner {
    max-width: 700px;
    width: 100%;
    position: absolute;
    left: 50px;
    bottom: 30px;
    z-index: 1;
}
.clnt_ovrlay_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 60%, rgb(0 0 0 / 87%) 100%), #d9d9d900;
    transition: all 0.6s;
}
.client_Slider .social_main_slider .content_div:hover .clnt_ovrlay_box {
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 60%, rgb(0 0 0 / 87%) 100%), #d9d9d900;
} 
.client_Slider .social_main_slider .slick-slide.slick-active.slick-center.slick-current .content_div {
    background-color: #D9D9D9 !important;
}
.client_Slider .content_div a {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #F47920;
    text-decoration: none;
}
.client_Slider .content_div .csm_para {
    color: #fff; 
}
.client_Slider .hidn_dv {
    opacity:0;
    height: 0;
    transition: 0.5s;
    cursor: pointer;
}
.client_Slider .social_main_slider .content_div:hover .hidn_dv {
    opacity:1;
    height:50px;
}

.clnt_sldr_desc {
    max-width: 1200px;
    width: 100%;
}
.content_div .csm_para p , .content_div .csm_para{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
    .client_Slider .custm_main_slider {
        margin-top: 60px;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
    .client_Slider .custm_main_slider {
        margin-top: 60px;
    }
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
    .client_Slider .custm_main_slider {
        margin-top: 60px;
    }
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 768px){

    .client_Slider .custm_inner {
        height: 480px;
    }
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {

    .client_Slider .content_div {
        padding: 0px !important;
    }
    .client_Slider .content_div .content_div_inner {
        left: 30px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .client_Slider .custm_inner {
        height: 340px;
        margin-right: 30px;
    }
    .client_Slider .content_div .content_div_inner {
        left: 20px;
        bottom: 15px;
        padding-right: 50px;
    }
    .client_Slider p.sldr_hd {
        font-weight: 600;
        font-size: 20px;
        line-height: 26px;
    }
    .client_Slider .content_div .csm_para {
        margin-bottom: -7px;
    }
    .client_Slider .social_main_slider .content_div:hover .hidn_dv {
        opacity: 1;
        height: 50px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .client_Slider .custm_inner {
        height: 250px;
    }
    .client_Slider .content_div .content_div_inner {
        left: 15px;
        bottom: 8px;
        padding-right: 30px;
    }
    .client_Slider p.sldr_hd {
        font-size: 17px;
        line-height: 20px;
    }
    .client_Slider .content_div .csm_para p {
        font-size: 17px;
        margin-bottom: 6px !important;
    }
    .client_Slider .content_div a {
        font-size: 14px;
    }
    .client_Slider .content_div .csm_para {
        margin-bottom: -6px;
    }
    .client_Slider .social_main_slider .content_div:hover .hidn_dv {
        opacity: 1;
        height: 50px;
    }
}



.testimonial_sec {
    background-color: #d9d9d9;
    position: relative;
    padding-top: 70px !important;
    padding-bottom: 125px;
}
.Testimonial_slider .custm_inner {
    height:auto;
    margin-right: 60px;
}
.Testimonial_slider {
    margin-top: 0px;
}
.Testimonial_slider .content_div {
    width:100%;
    background: #fff;
    border: 1px solid #DDDDDD;
    display: block;
    height: 430px;
    padding: 30px;
}
.Testimonial_slider .content_div_inner {
    display: flex;
}
.Testimonial_slider .content_div .csm_para{
    color: #989EA4;
}
.test_nm {
    margin-bottom: 0;
    color: #313D47 !important;
}
.test_dsg {
    color: #313D47;
}

.quote_icon {
    height: fit-content;
    margin-right: 25px;
    width: 80px;  
}
.client_logo_testim {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 150px;
}
.testimonial_hr {
    color: #989EA4;
}
.Testimonial_slider .content_div {
    background-color: #fff !important;
}

.Testimonial_slider .slick-next , .Testimonial_slider .slick-prev {
    border:1px solid #b3b2b2 !important;
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {

    .testimonial_sec {
        padding-top: 100px;
    }
    .Testimonial_slider .content_div ,.Testimonial_slider .slick-list{
        height: 350px;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {

    .Testimonial_slider .content_div ,.Testimonial_slider .slick-list{
        height: 350px;
    }
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
    .Testimonial_slider .content_div ,.Testimonial_slider .slick-list{
        height: 320px;
    }
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
    .Testimonial_slider .content_div ,.Testimonial_slider .slick-list{
        height: 500px;
    }
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
    .Testimonial_slider .content_div ,.Testimonial_slider .slick-list {
        height: 500px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .Testimonial_slider div.content_div ,.Testimonial_slider .slick-list {

        height: 350px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .Testimonial_slider div.content_div ,.Testimonial_slider .slick-list {
        height: 435px !important;
    }
    .Testimonial_slider .custm_inner {
        margin-right: 60px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .Testimonial_slider .content_div {
        padding:25px 15px;
    }
    .quote_icon {
        margin-right: 10px;
        width: 35px;
    }
    .client_logo_testim {
        margin-top: 18px;
        margin-bottom: 10px;
        width: 125px;
    }
    .Testimonial_slider .content_div ,.Testimonial_slider .slick-list {
        height: auto;
    }
    .Testimonial_slider .content_div p {
        line-height: 26px;
    }
}



.customer_speak_sec {
    background-color: #EFEFEF;
    padding: 79px 0 73px 0;
    position: relative;
}
.cs_main_row {
    margin-top: 30px;
}
.customer_speak_sec .section_heading {
    font-weight: 700;
}
.customer_speak_sec .custom_ttl{
    font-weight: 600;
    text-transform:uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 24px;
    color: #F47920;
}
.cs_thumb_col2 {
    display: flex;
    align-items: center;
}
.cp_thumb_desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 22px;
    font-weight: 400;
    font-size: 16px;
}
.cp_thumb_desc p {
    margin-bottom: 0px;
}
a.cs_thumb_anchor {
    margin-top: 8px;
    display: block;
    font-family: 'Barlow';
    color: #F47920;
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
}
.cut_spk_col1_dv {
    position: relative;
}
.cut_spk_col1_dv .sc_play_icon {
    width: 50px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 29px;
    transform: translateX(-50%);
}
.cut_spk_col1_dv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cut_spk_row {
    padding: 17px 30px 17px 17px;
    background: #fff;
    border: 1px solid #DADDE2;
    margin-right: 28px !important;
    margin-bottom: 28px;
}
.cstm_spk_video {
    width: 100%;
}
.cut_spk_col2_dv {
    padding-left: 25px;
}
.cut_spk_col1_dv {
    height:100%;
}




/* Customer Model CSS */
.customer_speak_popup.open {
    position: fixed;
    top: 0;
    left:0;
    background: rgb(49 61 71 / 96%);
    width: 100%;
    height: 100%;
    padding-top: 64px;
    z-index: 2;
}
.cs_video_dv {
    height: 64%;
    width: 800px;
    margin: auto;
}
.cs_pp_content_dv {
    max-width: 800px;
    margin: auto;
}
.cs_pp_ttl {
    color: #F47920;
    margin-bottom:5px;
    margin-top: 15px;
}
.cs_pp_desc {
    color: #fff;
    margin-top: 0px !important;
}
p.cs_pp_desc.para p {
    line-height: 24px;
    font-weight: 200;
}
img.btn.cs-pp-close {
    padding: 0;
    float: right;
    margin-right: 40px;
    margin-top: -26px;
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1920px) {
    .cs_pp_content_dv {
        margin-top: -45px;
    }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
    .cs_video_dv {
        height: 83%;
        margin: auto;
    }
    .customer_speak_popup.open {
        padding-top: 4px;
    }
    img.btn.cs-pp-close {
        margin-top: 24px;
    }
    .cs_pp_content_dv {
        margin-top: -24px;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
    .cs_video_dv {
        height: 76%;
        width: 800px;
        margin: auto;
    }

}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {

    .cs_video_dv {
        height: 66%;
    }

}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
    .cs_video_dv {
        height: 69%;
    }
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
    .cs_video_dv {
        height: 65%;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .cut_spk_col1_dv .sc_play_icon {
        width: 24px;
        top: 25px;
    }
    .customer_speak_sec .custom_ttl {
        font-size: 15px;
        line-height: 23px;
    }
    a.cs_thumb_anchor {
        font-size: 14px;
    }
    .cs_main_row {
        margin-top: 24px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .cut_spk_col2_dv {
        padding-left: 15px;
        margin-top: 0;
    }
    .customer_speak_sec .custom_ttl {
        font-size: 17px;
        line-height: 23px;
    }
    .cp_thumb_desc {
        line-height: 25px;
        font-size: 15px;
    }
    a.cs_thumb_anchor {
        font-size: 14px;
    }
    .cut_spk_col1_dv img {
        width: 100%;
        height: auto;
    }
    .cs_video_dv {
        height: 60%;
        width: 80%;
        margin: auto;
    }
    .customer_speak_popup.open {
        padding-top: 20px;
    }
    .cs_pp_content_dv {
        max-width: 616px;
        margin-top: -60px;
    }
    img.btn.cs-pp-close {
        margin-right: 30px;
        margin-top: 30px;
        width: 25px;
    }
    .cut_spk_col1_dv .sc_play_icon {
        width: 24px;
        top: 16px;
    }
    .cs_main_row {
        margin-top: 24px;
    }
  
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .customer_speak_sec {
        padding: 50px 0 25px 0;
    }
    .cp_thumb_desc {
        line-height: 20px;
        font-size: 14px;
    }
    .cut_spk_row {
        padding: 17px;
        margin-bottom: 20px;
        margin-right: 0px !important;
    }
    .cut_spk_col2_dv {
        padding-left: 15px;
        margin-top: 0;
    }
    .cut_spk_col1_dv img {
        width: 100%;
        height: auto;
    }
    a.cs_thumb_anchor {
        font-size: 12px;
    }
    .customer_speak_sec .custom_ttl {
        font-size: 15px;
        line-height: 17px;
    }
    .cs_main_row {
        margin-top:20px;
    }
    img.btn.cs-pp-close {
        margin-right: 20px;
        margin-top: -40px;
        width: 23px;
    }
    .cs_video_dv {
        height: 34%;
        width: 90%;
    }
    .cs_pp_content_dv {
        width: 90%;
        margin-top:0px !important;
    }
    .cut_spk_col1_dv .sc_play_icon {
        width: 24px;
        top: 16px;
    }
    .cs_pp_ttl {
        font-size: 18px;
    }
}


.client_1st_testi_sec {
    background-color: #F47920;
    padding: 79px 0 73px 0;
}
.client_1st_testi_sec .section_heading {
    color: #FFF;
    font-weight: 700;
}
.ct1_row {
    background-color: #fff;
    padding: 30px;
    margin-top: 46px;
}
.cstm_spk_video {
    width: 100%;
}
.ct1_col2_dv {
    padding-left: 42px;
    margin-top: -30px;
}
.ct1_col1_dv {
    height:100%;
}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .ct1_col2_dv {
        padding-left: 0;
        margin-top: 0;
    }
    .ct1_row {
        padding-bottom: 0;
        margin-top: 28px;
    }
    .ct1_col1_dv {
        height: 400px;
    }
    
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .client_1st_testi_sec {
        padding: 50px 0 50px 0;
    }
    .ct1_row {
        padding: 20px;
        margin-top: 25px;
    }
    .ct1_col2_dv {
        padding-left: 0;
        margin-top: 0;
    }

    
}


.client_inside_sec {
    padding: 90px 0px 0px 0px;
}
.client_inside_sec .client_inside_img {
    width:100%;
}

/*-------------------client inside page css start here -------------------------*/
.client_inside_sec .info_img_box .col-12 {
    padding: 0;
}
.client_inside_sec .ovrview_subpoints_sub_heading.cstm{
    font-size: 18px;
    text-transform: initial;
}
.client_inside_sec .para.ovrview_para.clnt_ovrw_para{
    font-size: 20px;
    line-height: 34px;
    margin-top: 38px;
}
.client_inside_sec .closer_list {
    font-size: 20px;
    line-height: 34px; 
}
.client_inside_sec .ovrview_col.cstm{
    padding: 33px 45px 0px 0px;
}
.client_inside_sec .ovrview_sub_hd.ovr_sub_hd {
    padding-top: 112px;
}
.client_inside_sec .img-client-pg{
    height: auto;
    margin-top: 63px;
    width: 100%;
}
.img_test {
    height: auto;
    margin-top: 63px;
    width: 100%;
}
.client_inside_sec .content-box {
    
    display: grid;
    gap: 32px;
    /* grid-template-columns: repeat(5, 2fr); */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    padding: 0 7px 0 0px;
    
}
.box-one .box_img {
    filter: opacity(1);
    margin-bottom: 20px;
    width:67px;
}
.client_inside_sec p.box_para p , .client_inside_sec p.box_para p{
    margin-bottom: 0;
}
.client_inside_sec .info-content-box{
    margin-top: -67px;
    padding-left: 7px;
    background: #DBDDE3;
    padding-bottom: 55px;
}
.client_inside_sec .sector_prt {
    padding-bottom: 20px;
    width: 100%;
}
.client_inside_sec .prduct_prt {
    padding-bottom: 0px;
}
.client_inside_sec .box-one {
    display: flex;
    width: 100%;
    height: auto;
    padding: 25px 15px;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #fff;
    justify-content: flex-start;
    /* -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); */
}
.box-one p.box_para {
    color: #313D47;
    text-align: center;
    font-family: 'Barlow';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.client_inside_sec .clnt_ovrw_para p {
    margin-top: -10px;
}
/* .key_section h2 {
    color: #F47920;
} */
.client_inside_sec p.box_num_para {
    color: #F47920;
    text-align: center;
    font-family: 'Barlow';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-top: -33px;
}
.client_inside_sec .info_img_box {
    position: relative;
}

.client_inside_sec .inside_spotlight_arrow.client_pg {
    position: absolute;
    top: auto;
    left: auto;
    right: 75px;
    bottom: 0;
    width: 45% !important;
    mix-blend-mode: color;
}
.client_inside_sec .hd_text {
    background: #DBDDE3;
    padding-top: 20px;
    padding-bottom: 80px;
}
.client_inside_sec h3.feat_hd {
    color: #414042;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 1px;
    margin-top: 30px;
}
.client_inside_sec .cc_gallery_sec {
    padding-top: 25px;
}
.client_inside_sec h2.info_hd_txt {
    color: #F47920;
    font-family: Barlow;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    width: 95%;
    margin-bottom: 20px;
}
.client_inside_sec .key_forword {
    background: #fff;
    padding: 27px 34px 7px 34px;
}
.client_inside_sec p.para.ovrview_para.head_para {
    font-weight: 700;
    margin-bottom: -25px;
    font-family: 'Barlow';
    font-size: 20px;
}
.client_inside_sec p.para.ovrview_para {
    font-size: 20px;
    line-height: 32px;
}
.client_inside_sec .ovrview_sub_hd.ovr_sub_hd.btm_hd {
    padding-top: 50px;
}
.client_inside_sec .ovrview_col.cstm {
    padding: 0px 35px 0px 0px;
}
.client_inside_sec .row.info-box {
    gap: 55px;
}
.client_inside_sec .cc_grly_sld img {
    width: 100%;
    height: 437px;
    object-fit: cover;
    object-position: bottom;
}
.client_inside_sec .cc_gallery_slder {
    margin-top: 50px;
}

.read_more_btn {
    color: #F47920;
    font-family: 'Barlow';
    cursor: pointer;
}
.read_more_btn:hover {
    color: #F47920;
}

.bg_img_col {
    position: relative;
}
.info-content-box .col-lg-12 {
    z-index: 1;
}

.key_section {
    background-image: url(/assets/key_sec_bg.d8711dcf8e2c4fdc3c6a.png);
    background-size: cover;
    background-position: center;
    padding:113px 0;
}

.cs_video_col {
    height: 570px;
    margin-top: 50px;
}
.cs_video_col .ct1_col1_dv {
    height: 87%;
}
.cs_video_col p.para.ovrview_para {
    text-align: center;
}
.cs_para_hd {
    font-size: 34px;
    display: inline-flex;
    margin-top: 27px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
    
    .client_inside_sec p.box_num_para {
        font-size: 27px;
    }
}
@media only screen and (min-device-width: 300px) and (max-device-width: 1280px) {
    img.chakan2_para_img {
        width: 100%;
    }
}
@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {

    .client_inside_sec .info-content-box {
        margin-top: -80px;
    }
    .client_inside_sec .box-one {
        padding: 25px 10px;
    }
    .box-one .box_img {
        margin-bottom: 10px;
        width: 55px;
    }
    .box-one p.box_para {
        font-size: 14px;
    }

}
@media only screen and (min-device-width: 1281px) and (max-device-width: 1366px) {

    .client_inside_sec .box-one {
        padding: 25px 10px;
    }
    .box-one .box_img {
        margin-bottom: 10px;
        width: 60px;
    }
    .box-one p.box_para {
        font-size: 14px;
    }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px) {

}

@media only screen and (min-device-width: 1430px) and (max-device-width: 1440px) {

}
@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) {


}
@media only screen and (min-device-width: 1450px) and (max-device-width: 1600px) {

}

@media only screen and (min-device-width: 601px) and (max-device-width: 1199px) {
    .client_inside_sec .cstm_container.case-std {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .client_inside_sec .slider_img img {
        width: 100% !important;
    }
    .client_inside_sec .content-box {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        padding: 0 30px 0 0px;
    }
    .client_inside_sec p.box_num_para {
        font-size: 35px;
    }
    .client_inside_sec img.inside_spotlight_arrow.client_pg {

        top: auto;
        width: 50% !important;
        bottom: 0;
        right: 50px;
    
    }
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px){
    .client_inside_sec .img-client-pg {
        height: auto;
    }
    .client_inside_sec .info-content-box {
        margin-top: -24px;
    }
    .key_section {
        padding:100px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px){
    .client_inside_sec .content-box {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        padding: 0 10px 0 0px;
    }
    .client_inside_sec img.inside_spotlight_arrow.client_pg {
        top: 451px;
        width: 100% !important;
    }
    .client_inside_sec img.inside_spotlight_arrow.client_pg {
        top: auto;
        width: 50% !important;
        right: 23px;
        bottom: 0;
    }
    .key_section {
        padding:100px 80px;
    }
    .cs_para_hd {
        font-size: 24px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .cs_video_col {
        height: 415px;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .client_inside_sec .content-box {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        padding: 0 10px 0 0px;
    }
    .client_inside_sec .hd_text {
        padding-bottom: 50px !important;
    }
 
    .client_inside_sec img.inside_spotlight_arrow.client_pg {
        top: auto;
        width: 50% !important;
        right: 23px;
        bottom: 0;
    }
    .key_section {
        padding:60px 20px;
    }
    .cs_para_hd {
        font-size: 24px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .cs_video_col {
        height: auto;
        margin-top: 10px;
    }
    .cs_video_col p.para.ovrview_para {
        text-align: center;
        margin: 2px 0;
        font-size: 15px !important;
        line-height: 21px !important;
    }
    .client_inside_sec p.para.ovrview_para {
        font-size: 18px;
        line-height: 30px;
    }
    .client_inside_sec .key_forword {
        background: #fff;
        padding: 27px 20px 7px 20px;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 992px) {
    .client_inside_sec {
        padding: 41px 0px 0px 0px;

    }

    .client_inside_sec .ovrview_col.cstm {
        padding: 0px 20px 0px 20px;
        margin-bottom: 35px;
    }
    .client_inside_sec .ovrview_sub_hd {
        font-size: 24px;
        line-height: 140%;
        padding-top: 41px !important;
    }
    .client_inside_sec .para.ovrview_para.clnt_ovrw_para {
        margin-top: 26px;
    };
    
    .client_inside_sec .ovrview_sub_hd.ovr_sub_hd {
        padding-top: 50px;
    }
    .client_inside_sec p.para.ovrview_para.head_para {
        margin-bottom: -17px; 
    }
    .client_inside_sec .ovrview_div {
        display: flex;
        width: 100%;
        padding: 71px 43px 51px 43px;
        flex-direction: column;
        align-items: flex-start;
        gap: 21px;
    }
    .client_inside_sec p.ovrview_subpoints_sub_heading.cstm {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 35.52px;
    }
   
    .client_inside_sec p.box_para {
        font-size:17px;
    }
 
    .client_inside_sec .sector_prt {
        padding-bottom: 0;
    }
    .client_inside_sec .cc_overvw_patch {
        padding: 0px;
    }
    .looker_row .col-12 {
        padding:0 20px;
    }
    .client_inside_sec .closer_list {
        padding-left: 20px;
    }
    .client_inside_sec .img-client-pg {
        margin-top: 63px;
        height: auto;
    }
    .client_inside_sec .info-content-box {
        margin-top: -13px;
    }
    .info-content-box .col-lg-12 {
        z-index: 1;
    }
    .bg_img_col {
        position: relative;
    }
    .client_inside_sec .info_img_box .col-12 {
        padding: 0px;
    }
    .client_inside_sec .hd_text {
        padding: 15px 20px 120px 20px;
    }
    .client_inside_sec h2.info_hd_txt {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 40px;
    }
    .client_inside_sec h3.feat_hd {
        margin-bottom: 5px;
    }

    .client_inside_sec .cc_gallery_sec {
        padding: 9px 20px 0px 20px;
    }
    .client_inside_sec .cc_gallery_slder {
        margin-top: 42px;
    }
    
    .key_section h2.section_sub_heading {
        padding-top: 0px !important;
    }

}





/*-------------------client inside page css end here -------------------------*/
.vision_sec {
    background-image: url(/assets/vision_bg.31961d87431fb910effc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding:87px 0;

}
.vision_sec h2, .vision_sec p {
    color:#fff;
    text-align: center;
}
.vision_sec h2 {
    border-bottom: none;
    font-weight: bold;
}
.vision_sec p  {
    width:100%;
    margin: 0;
    margin-top: -6px;
}


@media only screen and (min-device-width:320px) and (max-device-width:767px) {  

    .vision_sec {
        padding: 50px 0;
    }

}

@media only screen and (min-device-width:768px) and (max-device-width:992px) {  

    .vision_sec {
        padding: 50px 0;
    }
    .hdg_esg {
        font-size: 24px;
    }
}
.mission_sec {
    padding:87px 0;
    background-color:#333D47;
}
.mission_sec h2, .mission_sec p {
    color:#fff;
}
.mission_sec h2 {
    text-align: center;
    font-weight: bold;
    border-bottom:0px;
}
.mission_para {
    position: relative;
    padding-left:18px;
    margin: 0;
    line-height: 26px;
    padding-right: 20px;
}
.mp1 ,.mp2{
    margin-top: 12px;
}
.mp3 ,.mp4{
    margin-top: 48px;
}
.mission_para::before {
    content: '';
    position: absolute;
    left:0;
    top:0;
    height:54px;
    width:3px;
    background-color: #F47922;
}


@media only screen and (min-device-width:320px) and (max-device-width:767px) {  

    .mission_sec {
        padding: 50px 0;
    }
    .mp1, .mp2 ,.mp3, .mp4 {
        margin-top: 20px;
        padding-right: 9px;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {  

    .mission_sec {
        padding: 60px 0;
    }
    .mission_para {
        padding-left: 13px;
        padding-right: 10px;
    }
    .mission_para::before {
        height: 85px;
    }
}
.enviroment_sec1 {
    padding:60px 0px;
}
.env1_col {
    display: flex;
    align-items: center;
}
.enviroment_sec1 h2 {
    color: #F47922;
    border-bottom:0px;
    padding-bottom: 0px;
    margin-bottom: -6px;
}
.enviroment_sec1 p {
    max-width:440px;
    width:100%;
}
.anchor_btn {
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #F47920;
    text-decoration: none;
    cursor: pointer;
}
.anchor_btn:hover{
    color:#212529;
}
.enviro_mob_img {
    display: none;
}
.esg_video {
    width:100%;
    height:400px;
    object-fit: cover;
}
@media only screen and (min-device-width:320px) and (max-device-width:767px) {  
    .enviroment_sec1 {
        padding:50px 0px;
    }
    .enviroment_sec1 p {
        margin: 15px 0px 10px 0px;
    }
    .anchor_btn {
        font-size: 13px;
    }
    .enviro_btn_icon {
        margin-left: 2px;
        width: 15px;
    }
    .enviroment_sec1 .vm-vid {
        margin-top:26px;
    }
    .enviro_mob_img {
        display: block;
    }
    .enviro_desk_img_col {
        display: none;
    }
    .esg_video {
        height:198px;
    }
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {  
    .enviroment_sec1 {
        padding:60px 0px;
    }
    .enviroment_sec1 p {
        margin: 14px 0;
    }
}
.sdgs_sec {
    padding:90px 0;
    background: #efefef78;
}
.sdgs_sec .section_sub_heading{
    border-color:#F47922;
}
.sdgs_card_main {
    display: grid;
    padding: 0 20px;
    gap: 72px;
    grid-template-columns: 1fr 1fr;
}
.sdgs_card {
    width: 560px;
}
.sdgs_card:nth-child(1) {
    margin-top: 24px;
}
.sdgs_card:nth-child(2) {
    margin-top: 235px;
}
.sdgs_card:nth-child(3) {
    margin-top: -230px;
}
.sdgs_card:nth-child(4) {
    margin-top: 0px;
}
.sdgs_card:nth-child(5) {
    margin-top: -230px;
}
.sdgs_card:nth-child(6) {
    margin-top: 0px;
}
.sdgs_card:nth-child(7) {
    margin-top: -230px;
}
.sdgs_card:nth-child(8) {
    margin-top: 0px;
}
.sdgs_card:nth-child(9) {
    margin-top: -230px;
}
.sdgs_card:nth-child(10) {
    margin-top: 0px;
}

.no_img {
    margin-left: -17px;
    margin-bottom: -15px;
}
.sdgs_img , .sdgs_img img{
    width: 100%;
}
.sdgs_content {
    border: 1px solid #d5d5d5;
    border-top: 0px;
    padding: 20px 20px 25px 20px;
}
.sdgs_content h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Barlow';
    line-height: 30px;
    text-transform: uppercase;

}
.sdgs_content p {
    margin: 0px;
    line-height: 26px;
}


@media only screen and (min-device-width:320px) and (max-device-width:767px) {  
    .sdgs_sec {
        padding:50px 0;
    }
    .sdgs_sec .animate_txt {
        height: 60px;
    }
    .sdgs_sec .animate_txt .section_sub_heading {
        font-size: 18px;
        line-height: 23px;
        padding-bottom: 7px !important;
    }
    .sdgs_card_main {
        padding:0px 10px;
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .sdgs_card {
        width: 100%;
    }
    .no_img {
        width: 27px;
        margin-left: -13px;
        margin-bottom: -5px;
    }
    .sdgs_content h4 {
        font-size: 15px;
        line-height: 22px;
    }
    .sdgs_content {
        padding: 15px;
    }
    .sdgs_card:nth-child(2) , .sdgs_card:nth-child(3) , .sdgs_card:nth-child(4), .sdgs_card:nth-child(5), 
    .sdgs_card:nth-child(6) , .sdgs_card:nth-child(7) , .sdgs_card:nth-child(8), .sdgs_card:nth-child(9),
    .sdgs_card:nth-child(10) {
        margin-top: 0px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {  
    .sdgs_sec {
        padding:60px 0;
    }

    .sdgs_card_main {
        padding:0px 10px;
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .sdgs_card {
        width: 100%;
    }
    .no_img {
        width: 55px;
        margin-left: -25px;
        margin-bottom: -9px;
    }
    .sdgs_content h4 {
        font-size: 15px;
        line-height: 22px;
    }
    .sdgs_content {
        padding: 15px;
    }
    .sdgs_card:nth-child(2) , .sdgs_card:nth-child(3) , .sdgs_card:nth-child(4), .sdgs_card:nth-child(5), 
    .sdgs_card:nth-child(6) , .sdgs_card:nth-child(7) , .sdgs_card:nth-child(8), .sdgs_card:nth-child(9),
    .sdgs_card:nth-child(10) {
        margin-top: 0px;
    }
}


@media only screen and (min-device-width: 1023px) and (max-device-width: 1108px) {  
    .sdgs_card {
        width: 100%;
    }
    .sdgs_content {
        padding: 15px;
    }
}


@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {  
    .sdgs_card {
        width: 545px;
    }
}

.impact_sec {
    padding:90px 0;
}
.impact_hd {
    font-size: 60px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #F47922;
}

.impact_sec .add_border {
    border-top: 1px solid #D0D0D0;
}

.impact_sec .asst_col1 {
    display: grid;
    align-items: center;
}
.cr2 , .cr4 {
    justify-content: flex-end;
}
.impact_sec .counter_main1 {
    display: grid;
    grid-column-gap: 50px;
    grid-row-gap: 17px;
    grid-template-columns: 1fr 1fr;
    margin-top: 43px;
    width: fit-content;
}

.impact_sec .vlu_assets_inner_box1 , .impact_sec .vlu_assets_inner_box2 {
    padding-top: 0px;
    width: 254px;
}
.impact_sec .cr3 .vlu_assets_inner_box1 ,
.impact_sec .cr3 .vlu_assets_inner_box1  {
    width:320px;
}
.impact_sec .counter_main1 .add_border {
    margin-bottom: 4px;
}
.impact_sec .counter_main1 .assets_subpoints {
    margin-bottom: -3px;
    font-weight: 500;
}
.vlu_sub_hd_animate1 {
    height: 85px;
}
.impct_extra_p {
    font-size: 16px;
    line-height: 22px;
    color: #ACACAC;
    font-weight: 400;
    text-transform: none;
    display: block;
    margin-top: 3px;
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) {  
    .impact_sec {
        padding:50px 0;
    }
    .impact_hd {
        font-size: 34px;
    }
    .impact_sec  img {
        width:80%;
    }
    .impact_sec .asst_col1 {
        width:100%;
    }
    .impact_sec .counter_main1 {
        grid-row-gap: 5px;
        grid-template-columns: 1fr;
        margin-top: 0px;
    }
    .cr2, .cr4 {
        justify-content: flex-start;
    }
    .impact_sec .assts_cnt_row hr {
        order: 3;
    }
    .impact_sec .asst_col2 img , 
    .impact_sec .asst_col1 img {
        text-align: left;
    }
    .impct_extra_p {
        font-size: 13px;
        line-height: 18px;
    }
    .impact_sec .cr3 .vlu_assets_inner_box1, .impact_sec .cr3 .vlu_assets_inner_box1 {
        width: fit-content;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1108px) {  
    .impact_sec {
        padding:60px 0;
    }
    .impact_hd {
        font-size:50px;
    }
    .impact_sec .vlu_assets_inner_box1, .impact_sec .vlu_assets_inner_box2 {
        margin-top: 0;
        width: fit-content;
    }
    .impact_sec  img {
        width:100%;
    }
    .impact_sec .cr3 .vlu_assets_inner_box1, .impact_sec .cr3 .vlu_assets_inner_box1 {
        width: fit-content;
    }
    .impact_sec .assets_subpoints {
        font-size: 14px;
        line-height: 18.2px;
    }
    .impct_extra_p {
        font-size: 13px;
        line-height: 18px;
    }
}



.chart_sec {
    background-image: url(/assets/chart_bg.50534fd347c2847bca08.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding:87px 0;

}
.chart_sec h2, .chart_sec p {
    color:#fff;
}
.chart_sec h2 {
    font-weight: bold;
    border-color:#fff;
}
.chart_div img{
    width: 100%;
}
.year_div {
    max-width: 1217px !important;
    width: 100%;
    border-top: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding-top: 20px;
}
.year_div p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    font-family: 'Barlow';
}


@media only screen and (min-device-width:1270px) and (max-device-width:1280px) {
    .year_div {
        max-width: 1158px !important;
    }
}


@media only screen and (min-device-width:320px) and (max-device-width:767px) {  
    .chart_sec {
        padding:50px 0;
    }  
    .chart_sec p {
        margin:15px 0;
    }
    .year_div {
        width: 97%;
        padding-top: 0px;
    }
    .year_div p {
        margin: 0;
        font-size: 10px;
        line-height: 18px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {  
    .chart_sec {
        padding:60px 0;
    }  
    .year_div {
        width: 97%;
        padding-top: 0px;
    }
    .year_div p {
        font-size: 15px;
        line-height: 30px;
    }
}



.certificate_logo_sec {
    padding: 60px 0px;
    background-color: #ECECEC;
}

.certificate_row {
    height: 440px;
}

.certi_col1 {
    padding-right: 30px;
    position: relative;
    display: flex;
    align-items: center;
}

.certi_col1::after {
    content: "";
    position: absolute;
    right: 0;
    top: -15px;
    width: 1px;
    height: 463px;
    background-color: #BDBDBD;
}

.certi_col2 {
    padding-left: 30px;
    padding-top: 15px;
}

.certificate_logo_sec h2 {
    color: #333D47;
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: -6px;
}

.certificate_logo_sec p {
    margin-bottom: 0px;
}


.iso_certi_row {
    display: grid;
    gap: 40px;
    width: 55%;
    grid-template-columns: 1fr 1fr;
}

.iso_certi_row img,
.green_certi_row img {
    border-radius: 20px;
}

.green_certi_row {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

.certificate_tabs .cstm_link {
    color: #F47920;
}




@media only screen and (min-device-width:320px) and (max-device-width:767px) {
    .certificate_logo_sec {
        padding: 50px 0px;
    }

    .iso_certi_row {
        gap: 15px;
        width: 65%;
    }

    .certificate_logo_sec p {
        margin-bottom: 15px;
        margin-top: 14px;
    }

    .iso_certi_row img,
    .green_certi_row img {
        width: 80%;
    }

    .green_certi_row {
        gap: 15px;
    }

    .certificate_tabs .cstm_client_tabs {
        display: flex;
        margin-bottom: 10px;
    }

    .certi_col1::after {
        right: 3.5%;
        top: auto;
        bottom: -9px;
        width: 93%;
        height: 1px;
    }

    .certi_col2 {
        padding-left: 10px;
        padding-top: 30px;
    }

    .certificate_tabs .cstm_link {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 12px;
        padding: 10px 20px !important;
    }

    .certificate_row {
        height: auto;
    }

    div#iso_certi,
    #green_certi {
        padding-left: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .certificate_logo_sec {
        padding: 60px 0px;
    }

    .iso_certi_row img,
    .green_certi_row img {
        width: 100px;
    }

    .iso_certi_row,
    .green_certi_row {
        gap: 15px;
    }

    .iso_certi_row {
        gap: 20px;
        width: 85%;
    }

    .certificate_logo_sec p {
        margin-bottom: 15px;
        margin-top: 14px;
    }

    .certificate_tabs .cstm_client_tabs {
        display: flex;
        margin-bottom: 10px;
    }

    div#iso_certi,
    #green_certi {
        padding-left: 0;
    }

}

@media only screen and (min-device-width:1023px) and (max-device-width:1024px) {

    .iso_certi_row img,
    .green_certi_row img {
        width: 70%;
    }

    .iso_certi_row,
    .green_certi_row {
        gap: 15px;
    }
}

@media only screen and (min-device-width:1270px) and (max-device-width:1280px) {}
.materiality_sec {
    padding:60px 0;
}
.materiality_col2 {
    margin-top: 18px;
}
.materiality_col2 h3 {
    font-family: 'Barlow';
    font-size: 24px;
    color: #F47922;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 20px;
}
.materiality_col2 img.desktop_img{
    width: 100%;
}
.materiality_col2 .mob_img {
    display: none;
}
img.material_img2 {
    margin-top: 59px;
}                                                                                                            

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .materiality_sec {
        padding:50px 0;
    }
    .materiality_col2 img.desktop_img{
        display: none;
    }
    .materiality_col2 .mob_img {
        display: block;
        width: 100%;
    }
    img.material_img2 {
        width:100%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .materiality_sec {
        padding:60px 0;
    }
    .materiality_col2 img.desktop_img{
        display: block;
    }
    .materiality_col2 .mob_img {
        display: none;
    }
    img.material_img2 {
        width:100%;
    }
}
.download_report_sec {
    background-color: #ECECEC;
    padding:60px 0 85px 0;
}
.download_report_sec h2{
    color:#475467;
    text-align: center;
    margin-bottom: 31px;
}
.report_inner {
    background: #FFF;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    border-radius: 10px;
}
.report_inner img {
    width: fit-content;
    margin: auto;
}
.sustain_report_btn{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    max-width: fit-content;
    width: 100%;
    min-height: 50px;
    background-color: #F47920;
    border:1px solid #F47920;
    border-radius: 98px;
    padding: 0px 18px 0px 25px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    margin: auto;
    transition: all 0.4s;
}
.sustain_report_btn:hover {
    color:#F47920;
    background-color: #fff;
}
.sustain_report_btn:hover img{
    filter: brightness(0) saturate(100%) invert(61%) sepia(28%) saturate(4126%) hue-rotate(343deg) brightness(95%) contrast(101%);
}
.disabled_btn .sustain_report_btn{
    background-color: #f4792045;
    border:1px solid #f4792045;
    cursor:not-allowed;
}
.disabled_btn .sustain_report_btn:hover {
    background-color: #f4792045;
    border:1px solid #f4792045;
    cursor:not-allowed;
    color: #fff;
}
.disabled_btn .sustain_report_btn img {
    display:none;
}
.disabled_btn {
    position: relative;
}
.disabled_btn p {
    margin:0px;
    position: absolute;
    top: auto;
    bottom: 9px;
    width: 100%;
}
.popup_overlay.c_report_pp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  
  .c_report_pp .popup_box {
    background: #fff;
    border-radius: 10px;
    padding: 6px;
    width: 100%;
    max-width: 800px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: popupFadeIn 0.3s ease;
  }
  
  @keyframes popupFadeIn {
    from {
      transform: scale(0.95);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  .c_report_pp .close_btn {
    position: absolute;
    top: 23px;
    right: 24px;
    width: 14px;
    background: none;
    border: none;
    cursor: pointer;
  }

@media only screen and (min-device-width:320px) and (max-device-width:767px) {  
    .report_inner {
        margin-bottom: 20px;
    }
    .sustain_report_btn {
        font-size: 14px;
        min-height: 42px;
    }
    .report_inner > img {
        width: 75px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {  
    .sustain_report_btn {
        font-size: 10px;
        min-height: 36px;
    }
    .report_inner > img {
        width: 75px;
    }
}



.governance_structure_sec {
    padding:60px 0px;
}
.governance_structure_sec h2{
    color:#424242;
    padding-bottom: 16px;
    border-bottom: 1px dashed #F47922;
}
.gs_col1 {
    display: flex;
}
.gs_ul_list {
    padding-top: 20px;
    margin-left: -146px;
}
.gs_col1 img {
    z-index: 1;
}
.gs_ul_1 {
    margin-bottom: 20px;
    padding:15px 30px 7px 165px;
    border: 2px dashed #bebebeba;
    width: 605px;
    position: relative;
}
.gs_ul_1::after {
    content: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
    position: absolute;
    right: -37px;
    top: 48px;
}

.gs_ul_1 li {
    position: relative;
    list-style: none;
    font-family: 'Barlow';
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 6px;
}
.gs_ul_1 li::before{
    content:url(/assets/list_icon.76de27f47009d386bec8.svg);
    position: absolute;
    left: -38px;
    top: 7px;
}

.gs_ul_2 {
    margin-bottom: 20px;
    padding:15px 30px 7px 165px;
    border: 2px dashed #bebebeba;
    width: 605px;
    position: relative;
}
.gs_ul_2::after {
    content: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
    position: absolute;
    right: -37px;
    top: 106px;
}
.gs_ul_2 li{
    position: relative;
    list-style: none;
    font-family: 'Barlow';
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 10px;  
}
.gs_ul_2 li::before{
    content:url(/assets/list_icon.76de27f47009d386bec8.svg);
    position: absolute;
    left: -38px;
    top: 7px;
}
.gs_ul_3 {
    margin-bottom: 20px;
    padding: 15px 30px 7px 165px;
    border: 2px dashed #bebebeba;
    width: 605px;
    position: relative;
}
.gs_ul_3::after {
    content: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
    position: absolute;
    right: -37px;
    top: 57px;
}
.gs_ul_3 li{
    position: relative;
    list-style: none;
    font-family: 'Barlow';
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 6px;  
}
.gs_ul_3 li::before{
    content:url(/assets/list_icon.76de27f47009d386bec8.svg);
    position: absolute;
    left: -38px;
    top: 7px;
}


.gs_col2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 15px;
}
.gs_dv1 {
    margin-bottom: 23px;
}
.gs_dv1 h3 {
    font-family: 'Barlow';
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    color: #2BB04C;
    margin-bottom: 0px;
}
.gs_dv1 p {
    margin: 0px;
    color: #414042;
    line-height: 22px;
    font-weight: 500;
    font-size: 17px;

}
.gs_dv2 {
    margin-top: -19px;
}
.mobile_row {
    display: none;
}


@media only screen and (min-device-width:1270px) and (max-device-width:1280px) { 

    .gs_col2 {
        gap: 55px;
    }
    .gs_ul_1 , .gs_ul_2 , .gs_ul_3 {
        width: 575px;
    }
}


@media only screen and (min-device-width:320px) and (max-device-width:767px) {  
    .desktop_row {
        display: none;
    }
    .mobile_row {
        display: block;
    }
    .governance_structure_sec {
        padding:50px 0px;
    }
    .gs_ul_1 {
        margin-bottom: 20px;
        width: 100%;
        padding: 10px 15px 5px 30px;
    }
    .gs_ul_1 li {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8px;
    }
    .gs_ul_1 li::before{
        content:'';
        background-image: url(/assets/list_icon.76de27f47009d386bec8.svg);
        position: absolute;
        left: -20px;
        top: 5px;
        width: 13px;
        height: 13px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .gs_ul_1::after {
        content:'';
        background-image: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 45%;
        top: auto;
        bottom: -28px;
        width: 34px;
        height: 18px;
        transform: rotate(89deg);
    }
    .gs_dv1 h3 {
        font-size: 16px;
        text-align: center;
    }
    .gs_dv1 p {
        font-size: 14px;
        text-align: center;
    }

    .gs_mob_prt3 {
        margin-top: 37px;
    }
    .gs_hd_bx {
        font-family: 'Barlow';
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        padding: 8px 10px;
        border: 1px solid #2BB04C;
        width: fit-content;
        margin: auto;
        position: relative;
    }
    .gs_hd_bx::after {
        content:'';
        background-image: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 35%;
        top: 47px;
        width: 34px;
        height: 18px;
        transform: rotate(89deg);
    }
    .gs_mob_prt2 {
        margin-top: 43px;
    }
    .gs_m_m2 .gs_hd_bx::after {
        left: 40%;
    }
    .gs_dv1 {
        margin-bottom: 0px;
    }
    .gs_mob_main {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #cfcfcf94;
    }
    .gs_m_m3 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border:0px !important;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {  
    
    .desktop_row {
        display: none;
    }
    .mobile_row {
        display: block;
    }
    .governance_structure_sec {
        padding:50px 0px;
    }
    .gs_mob_grid {
        
    }
    .gs_ul_1 {
        margin-bottom: 20px;
        width: 100%;
        padding: 10px 15px 5px 30px;
    }
    .gs_ul_1 li {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8px;
    }
    .gs_ul_1 li::before{
        content:'';
        background-image: url(/assets/list_icon.76de27f47009d386bec8.svg);
        position: absolute;
        left: -20px;
        top: 5px;
        width: 13px;
        height: 13px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .gs_ul_1::after {
        content:'';
        background-image: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 47.5%;
        top: auto;
        bottom: -28px;
        width: 34px;
        height: 18px;
        transform: rotate(89deg);
    }
    .gs_dv1 h3 {
        font-size: 16px;
        text-align: center;
    }
    .gs_dv1 p {
        font-size: 14px;
        text-align: center;
    }

    .gs_mob_prt3 {
        margin-top: 37px;
    }
    .gs_hd_bx {
        font-family: 'Barlow';
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        padding: 8px 10px;
        border: 1px solid #2BB04C;
        width: fit-content;
        margin: auto;
        position: relative;
    }
    .gs_hd_bx::after {
        content:'';
        background-image: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 35%;
        top: 47px;
        width: 34px;
        height: 18px;
        transform: rotate(89deg);
    }
    .gs_mob_prt2 {
        margin-top: 43px;
    }
    .gs_m_m2 .gs_hd_bx::after {
        left: 40%;
    }
    .gs_dv1 {
        margin-bottom: 0px;
    }
    .gs_mob_main {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #cfcfcf94;
    }
    .gs_m_m3 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border:0px !important;
    }
}

@media only screen and (min-device-width: 993px) and (max-device-width: 1108px) {  
    
    .desktop_row {
        display: none;
    }
    .mobile_row {
        display: block;
    }
    .governance_structure_sec {
        padding:50px 0px;
    }
    .gs_mob_grid {
        display: flex;
        gap: 20px;
    }
    .gs_ul_1 {
        margin-bottom: 20px;
        width: 100%;
        padding: 10px 15px 5px 30px;
    }
    .gs_ul_1 li {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8px;
    }
    .gs_ul_1 li::before{
        content:'';
        background-image: url(/assets/list_icon.76de27f47009d386bec8.svg);
        position: absolute;
        left: -20px;
        top: 5px;
        width: 13px;
        height: 13px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .gs_ul_1::after {
        content:'';
        background-image: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 44%;
        top: auto;
        bottom: -28px;
        width: 34px;
        height: 18px;
        transform: rotate(89deg);
    }
    .gs_dv1 h3 {
        font-size: 16px;
        text-align: center;
    }
    .gs_dv1 p {
        font-size: 14px;
        text-align: center;
    }

    .gs_mob_prt3 {
        margin-top: 37px;
    }
    .gs_hd_bx {
        font-family: 'Barlow';
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        padding: 8px 10px;
        border: 1px solid #2BB04C;
        width: fit-content;
        margin: auto;
        position: relative;
    }
    .gs_hd_bx::after {
        content:'';
        background-image: url(/assets/right_arrow.6838fe4f91b9b1d5871c.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 35%;
        top: 47px;
        width: 34px;
        height: 18px;
        transform: rotate(89deg);
    }
    .gs_mob_prt2 {
        margin-top: 43px;
    }
    .gs_m_m2 .gs_hd_bx::after {
        left: 40%;
    }
    .gs_dv1 {
        margin-bottom: 0px;
    }
    .gs_mob_main {
        margin-bottom:0px;
        padding-bottom:0px;
        width: 33%;
        border-bottom: 0px solid #cfcfcf94;
    }
    .gs_m_m3 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border:0px !important;
    }
}
.news_thumb_desc{
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 17px;
    color: #313D47;
    line-height: 25px;
}
.media_sec .media_tab{
    margin-top: 0;
    display: flex;
    margin-bottom: 0 !important;
}
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
    .media_tab {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
    .media_sec .media_tab .cstm_link {
        margin-right: 17px;
    }
}
.state_info_read_btn {
    color: #313D47;
}
.state_info_read_btn:hover {
    color: #F47920;
}

.prk_content_dv:hover{
    height: 358px;
}
/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .state_info_sec {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .state_info_sec p.sub_para.ovrview_subpara {
        margin-top: 10px;
    }
    .state_info_sec .agile_eco_col2 {
        margin-top: 25px;
    }
    .state_info_sec .agile_eco_col1 {
        padding-right: 15px;
    }
    
}


@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    
    .agile_eco_col1 {
        padding-right: 30px;
    }
    .state_info_sec .agile_eco_col2 {
        margin-top: 25px;
    }
    
    .State_park_slider .prk_content_dv {
        height: 430px !important;
    }

}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) {

    .State_park_slider .prk_content_dv {
        height: 400px !important;
    }
}



.amenities_sec {
    padding-bottom: 40px;
}
.amenities_sec .sol_icon_col {
    padding-left:13px;
}
.amenities_sec .sip_info_box h3 {
    text-transform: unset;
}
.amenities_sec .sip_info_box {
    padding-right: 0px;
    justify-content: center;
    margin-bottom: 0px;
}
.amenit_col12 {
    margin: auto;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .amenities_sec .sol_icon_col {
        padding-left: 20px;
    }
    .amenities_sec .sip_info_box h3 br {
        display: none;
    }
    .amenities_sec .sip_info_box {
        justify-content: left;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .amenities_sec .sol_icon_col {
        padding-left: 20px;
    }
    .amenities_sec .sip_info_box {
        justify-content: left;
    }
}
/* Gloabl source Link CSS */
.source_link {
    color: #313D47;
    font-weight: 500;
    font-size: 12px;
    margin: 0px;
    word-break: break-all;
}
.source_link a {
    font-weight: 400;
    color: #313D47;
    text-decoration: none;
    margin-left: 5px;
}
.source_link a:hover{
    color:#F47922;
    text-decoration: underline;
}



/* Landscape section source Link CSS */
.lsnds_surce {
    color: #fff;
    margin-top: 20px;
}
.lsnds_surce a {
    color: #fff ;
}



/* Manufacturing Slider section source Link CSS */
.manuf_sourc {
    margin-top: 25px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .manuf_sourc {
        margin-right: 20px;
        width: 500px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .manuf_sourc {
        margin-right: 20px;
        width: 210px;
    }

}
.state_landscape_sec {
    background-color: #313D47;
}
.state_landscape_sec .ovrview_col {
    padding: 0px 100px 0px 13px;
}
.state_landscape_sec h2, .state_landscape_sec p {
    color:#fff;
}
.state_landscape_sec .ovrview_div {
    margin-top: 108px;
    width: 100%;
    background-color: #fff;
    padding: 25px;
}
.state_landscape_sec .section_sub_heading {
    margin-bottom: 45px;
}
.state_landscape_sec  .incen_ttl {
    text-transform: uppercase;
    color: #F47922;
    font-weight: 700;
    margin-top: 0;
    line-height: 27px;
    border-bottom: 1px solid #231F1F;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.state_landscape_sec  .sector_list li {
    margin-bottom: 14px;
    font-family: 'Barlow';
    font-size: 18px;
    font-weight: 400;
    position: relative;
    list-style: none;
    line-height: 26px;
}
.state_landscape_sec .sector_list li:last-child{
    margin-bottom: 0;
}
.state_landscape_sec ul.sector_list {
    padding-left: 33px;
    margin-bottom: 0;
}
.state_landscape_sec  .sector_list li::before {
    content: '';
    position: absolute;
    left: -33px;
    top: 5px;
    width: 18px;
    height:18px;
    background-image:url(/assets/check_mark.10d2b0c8123c58718003.svg);
    background-repeat: no-repeat;
    background-size: contain;
}


/* Maharashtra Page CSS */
.specific_state_pg_landscpe .st_lands_col1{
    width: 100%;
}
.specific_state_pg_landscpe .st_lands_col2{
    width: 100%;
}
.specific_state_pg_landscpe ul.sector_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 100px;
}
.specific_state_pg_landscpe .ovrview_div {
    margin-top: 30px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    
    .state_landscape_sec .ovrview_col {
        padding: 0px 13px 0px 13px;
    }
    .state_landscape_sec .section_sub_heading {
        margin-bottom: 25px;
        padding-bottom:11px !important;
    }
    .state_landscape_sec .ovrview_div {
        margin-top: 0px;
        padding: 25px 45px 25px 20px;
    }

    .state_landscape_sec .incen_ttl {
        padding-bottom: 3px;
        font-size: 20px;
        line-height: 24px;
    }
    .state_landscape_sec ul.sector_list {
        padding-left: 25px;
    }
    .state_landscape_sec .sector_list li {
        font-size: 16px;
        margin-bottom: 9px;
    }
    .state_landscape_sec .sector_list li::before {
        left: -23px;
        top: 8px;
        width: 15px;
        height: 13px;
    }

    .specific_state_pg_landscpe ul.sector_list { 
        display: block;
    }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .state_landscape_sec .ovrview_col {
        padding: 0px 50px 0px 13px;
    }
    .state_landscape_sec .ovrview_div {
        margin-top: 30px;
    }
}



@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .indict_main {
        column-gap: 28px !important;
    }
    .indict_div {
        width: 220px !important;
    }
    h3.indict_num {
        font-size: 55px !important;
    }
    p.indict_txt {
        font-size: 18px !important;
    }
}

.eco_manufec_bg {
    background: linear-gradient(180deg, rgba(243,121,32,1) 74%, rgba(255,255,255,1) 74%);
}
.eco_indict_sec {
    padding:90px 0 67px 0;
}
.eco_manufec_bg .section_sub_heading{
    padding-bottom: 18px;
    border-bottom: 1px dashed #fff;
    margin-bottom: 54px;
}
.indict_main {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 60px;
}
.indict_div {
    width: 265px;
}
h3.indict_num {
    color: #313D47;
    font-size: 60px;
    font-weight: bold;
    font-family: 'Barlow';
    line-height: 65px;
}
.indict_num sup {
    font-size: 20px;
    top: -33px;
}
p.indict_txt {
    font-size: 20px;
    font-weight: 300;
    font-family: 'Barlow';
    color: #fff;
    line-height: 27px;
    margin-top: 0px;
}



@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .eco_indict_sec {
        padding: 50px 0 40px 0;
    }
    .eco_manufec_bg {
        background: linear-gradient(180deg, rgba(243,121,32,1) 77%, rgba(255,255,255,1) 70%) !important;
    }
    .indict_main {
        display: block;
    }
    .eco_manufec_bg .section_sub_heading {
        margin-bottom: 30px;
    }
    h3.indict_num {
        font-size: 40px;
        line-height: 40px;
    }
    p.indict_txt {
        font-size: 15px;
    }
    .indict_main .indict_div {
        margin-bottom: 25px;
    }
    .indict_num sup {
        font-size: 13px;
        top: -21px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .indict_main {
        display: block;
    }
    .indict_main .indict_div {
        width: 50%;
        float: left;
        margin-bottom: 30px;
    }
    h3.indict_num {
        font-size: 55px;
    }
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
    .indict_main{
        column-gap: 50px;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}
.manufac_contri_sec{
    background-color: transparent;
    padding-bottom: 100px;
}
.manufac_contri_sec .wrk_content {
    padding: 0px 20px;
}
.manufac_contri_sec .wrk_sld {
    background-color: #ececec;
    align-items: flex-start !important;
    justify-content: center;
    padding: 20px 0;
}
.manufac_contri_sec  .work_slider {
    margin-top: 0px !important;
}
.manufac_contri_sec .slick-prev {
    top: auto;
    bottom: -105px;
    left: auto !important;
    right: 75px;
}
.manufac_contri_sec .slick-next {
    top: auto;
    bottom: -105px;
    left: auto !important;
    right: 0px;
}
.manufac_contri_sec .wrk_content img {
    margin-bottom: 5px;
    width: 63px;
}
.manufac_contri_sec .ws_1{
    border-top-left-radius: 90px;
    border-bottom-left-radius: 90px;
}

.manufac_contri_sec  .ws_6{
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
}

.manufac_contri_sec .slick-slide:first-child .wrk_sld{
    border-top-left-radius: 90px;
    border-bottom-left-radius: 90px
}
.manufac_contri_sec .slick-slide:last-child .wrk_sld{
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    width: 97% !important;

}

.manufac_contri_sec .slick-track {
    margin-left: 0px;
}
.manufac_contri_sec .slick-slide:first-child .wrk_sld {
    padding-left: 20px;
}
.manufac_contri_sec .slick-slide:last-child .wrk_sld {
    padding-right: 20px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .manufac_contri_sec {
        padding-bottom: 80px;
    }
    .manufac_contri_sec .wrk_content {
        padding: 0px 15px;
    }
    .manufac_contri_sec button.slick-prev {
        top: auto;
        bottom: -80px;
        right: 70px;
    }
    .manufac_contri_sec button.slick-next {
        top: auto;
        bottom: -80px;
        right: 15px !important;
    }
    .manufac_contri_sec .wrk_sld {
        height: 165px;
    }
    .manufac_contri_sec .wrk_content img {
        width: 35%;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .manufac_contri_sec .slick-prev {
        bottom: -100px;
    }
    .manufac_contri_sec .slick-next {
        bottom: -100px;
    }
    .manufac_contri_sec .wrk_content img {
        width: 60px;
    }
    .manufac_contri_sec  .wrk_sld p {
        font-size: 13px;
        line-height: 21px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1080px) {
    .manufac_contri_sec .wrk_sld {
        height: 210px;
        justify-content: center;
    }
    .manufac_contri_sec .wrk_content img {
        width: auto;
        margin-top: 0px;
        width: 60px;
    }
    .manufac_contri_sec  .wrk_sld p {
        font-size: 13px;
        line-height: 21px;
    }
    
}
.incentives_sec .ambition_col1 {
    background-position: center;
}
.incentives_sec .ambition_img {
    width:100%;
    height: 100%;
    object-fit: cover;
}
.incentives_sec .ambition_col2 {
    padding: 60px 350px 40px 105px
}
.incentives_sec .section_sub_heading {
    padding-bottom: 18px;
    border-bottom: 1px dashed #fff;
}
.incentives_sec a {
    color: #F47920;
    text-decoration: none;
}
.incentives_sec a:hover {
    text-decoration: underline;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .incentives_sec .ambition_col2 {
        padding: 60px 20px 30px 20px !important;
    }
    .incentives_sec .ambition_col1 {
        display: block;
        height: 255px;
    }
        
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .incentives_sec .ambition_col1 {
        display: block;
        height: 500px;
    }
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .incentives_sec .ambition_col2 {
        padding-right: 120px;
    }
}
@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .incentives_sec .ambition_col2 {
        padding-right: 120px;
    }
}
@media only screen and (min-device-width: 1500px) and (max-device-width: 1536px) {
    .incentives_sec .ambition_col2 {
        padding-right: 150px;
    }
}
@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .incentives_sec .ambition_col2 {
        padding-right: 200px;
    }
}
.state_info2_sec {
    background-color: #EFEFEF;
    padding: 88px 0 100px 0;
}
.state_info2_sec .news_slider_sec {
    background-color: transparent;
    padding-top:20px;
    padding: 20px 0 30px 326px;
}
.state_info2_sec .slick-prev {
    top: auto;
    bottom: -115px;
    left: 0px !important;
    background-color: #fff;
    border-color: #fff !important;
}
.state_info2_sec .slick-next {
    top: auto;
    bottom: -115px;
    left: 80px !important;
    background-color: #fff;
    border-color: #fff !important;
}
.state_info2_sec .slick-track {
    margin: 0px !important;
}


/* State Slider CSS */
.State_park_slider .prk_img_dv {
    height: 50%;
}
.State_park_slider .prk_inner_content {
    height: 50%;
}
.State_park_slider .prk_content_dv {
    height: 385px;
}
.State_park_slider .slick-slide .prk_content_dv:hover {
    height: 430px;
    margin-top: -22px;
}
.State_park_slider  .slick-slide .prk_content_dv:hover .arrow_circle {
    opacity: 1;
}
.State_park_slider  .slick-slide .prk_content_dv:hover .prk_btn {
    opacity: 1;
    display: block;
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .state_info2_sec .news_slider_sec {
        padding-left:46px;
    }

}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .state_info2_sec .news_slider_sec {
        padding-left:53px !important;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1499px) {
    .state_info2_sec .news_slider_sec {
        padding-left:89px !important;
    }
}
@media only screen and (min-device-width: 1500px) and (max-device-width: 1579px) { 
    .state_info2_sec .news_slider_sec {
        padding-left:136px;
    }

}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .state_info2_sec .news_slider_sec {
        padding-left:169px;
    }
}



@media only screen and (min-device-width: 1601px) and (max-device-width: 1650px) {
    .state_info2_sec .news_slider_sec {
        padding-left:168px;
    }
}

@media only screen and (min-device-width: 1651px) and (max-device-width: 1700px) {
    .state_info2_sec .news_slider_sec {       
    padding-left: 216px;
    }
}

@media only screen and (min-device-width: 1701px) and (max-device-width: 1750px) {
    .state_info2_sec .news_slider_sec {
        padding-left: 241px;
    
    }
}

@media only screen and (min-device-width: 1751px) and (max-device-width: 1820px) {
    .state_info2_sec .news_slider_sec {
        padding-left: 274px;
    }
}

@media only screen and (min-device-width: 1821px) and (max-device-width: 1889px) {
    .state_info2_sec .news_slider_sec {
        padding-left: 310px;
    }
}


/*---------------------------------------------------------------- Mobile CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .state_info2_sec {
        padding: 50px 0 45px 0;
    }
    .state_info2_sec .news_slider_sec {
        padding: 0px 10px 50px 0px;
    }
    .state_info2_sec .park_sld {
        padding-right: 0px;
    }
    .state_info2_sec .slick-prev {
        top: auto;
        bottom: -68px;
    }
    .state_info2_sec .slick-next {
        top: auto;
        bottom: -68px;
        left: 60px !important;
    }
    .State_park_slider .prk_content_dv {
        height: 445px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .state_info2_sec .news_slider_sec {
        padding:20px 0 90px 0px;
    }
    .state_info2_sec .slick-prev , .state_info2_sec .slick-next {
        bottom: -95px;
    }

}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .state_info2_sec .news_slider_sec {
        padding: 20px 0 90px 32px;
    }
}
.state_slider_sec {
    padding:100px 0 180px 0;
}
.state_slider_sec .news_slider_sec {
    padding-bottom:0px;
    padding-top: 60px;
}
.state_slider_sec .slick-list{
    padding: 0px 13px !important;
}
.state_slider_sec .slick-track {
    margin: 0px !important;
}
.st_sld {
    padding-right: 44px;
}
.st_img_dv {
    /* max-width:340px; */
    width:100%;
    background: #b5b5b5;
    position: relative;
}
.st_img_dv img {
    width:100%;
}

.st_name_dv {
    position: absolute;
    top: auto;
    bottom: 18px;
    border-top: 1px solid #fff;
    width: 85%;
    left: 26px;
    text-align: center;
    margin: auto;
}
.st_name_dv h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-top: 3px;
    font-family: 'Barlow';
    text-transform: uppercase;
}
.state_slider_sec .slick-prev {
    top: auto;
    bottom: -115px;
    left: 13px !important;
}
.state_slider_sec .slick-next {
    top: auto;
    left: 88px;
    bottom: -115px;
}



@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .state_slider_sec {
        padding: 50px 0 110px 0;
        padding-right: 0px !important;
    }
    .state_slider_sec .cstm_container .row {
        margin: 0px;
    }
    .state_slider_sec .news_slider_sec {
        padding: 40px 0 0 0;
        margin-left: -12px;
    }
    .st_sld {
        padding-right: 25px;
    }
    .st_name_dv {
        left: 15px;
        bottom: 10px;
    }
    .st_name_dv h3 {
        font-size: 20px;
    }
    .state_slider_sec .slick-prev {
        bottom: -75px;
    }
    .state_slider_sec .slick-next {
        bottom: -75px;
        left: 69px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .state_slider_sec {
        padding: 100px 0 150px 0;
        padding-right:0px !important;
    }
    .state_slider_sec .row {
        margin-right: 0px;
    }
    .state_slider_sec .news_slider_sec {
        padding: 44px 0 0 0;
        margin-left: -12px;
    }
    .st_name_dv {
        left: 19px;
    }
    .st_name_dv h3 {
        font-size: 23px;
    }
    .state_slider_sec .slick-prev , .state_slider_sec .slick-next{
        bottom: -95px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .state_slider_sec .news_slider_sec {
        padding-left: 19px;
    }
    .st_name_dv {
        left: 17px;
    }
    .st_name_dv h3 {
        font-size: 22px;
    }
}
.faq_sec {
    background-color: #F47920;
    padding: 90px 0px;
}
.faq_sec h2 {
    padding-bottom: 18px;
    border-bottom: 1px dashed #fff;
    margin-bottom: 45px;
}

.col_faq_1 {
    padding-right: 33px;
}
.col_faq_2 {
    padding-left: 33px;
}
.accord_faq a{
    color: #fff !important;
}
.accord_faq .btn.intg_btn.collapsed {
    color: #FFFFFF !important;
}
.accord_faq .fst_card  .btn.intg_btn {
    color: #FFFFFF !important;
}
.accord_faq a.btn.intg_btn:not(.collapsed) {
    color: #313D47 !important;
}
.accord_faq .intg_btn {
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-transform: none;
}
.accord_faq .accord_para {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;  
    margin-top: -12px;
    margin-bottom: 9px;
}
.accord_faq .card.intg_card:first-child {
    border-top: 0px;
}

@media only screen and (min-device-width: 600px) and (max-device-width: 992px) {

    .col_faq_2 {
        padding-left: 10px;
    }
}

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

    .faq_sec h2 {
        margin-bottom: 25px;
    }
    .col_faq_1 {
        padding-right: 10px;
    }
    .col_faq_2 {
        padding-left: 10px;
    }
    .accord_faq .gvr_card {
        padding-left: 19px;
    }
    .accord_faq .accord_para {
        margin-top: -5px;
    }
}
.state_micblog_link_sec {
    background: #EFEFEF;
    padding: 88px 0 60px 0;
}

.rld_ttl_dv {
    display: flex;
    margin-bottom: 30px;
    cursor: pointer;
}
img.rltd_link_arrow {
    transform: rotate(180deg);
    margin-left: 30px;
    transition: all 0.4s;
}
.img_rotate {
    transition: all 0.4s;
    transform: rotate(0deg) !important;
}
.state_micblog_link_sec h2 {
    border: none;
    cursor: pointer;
    width: fit-content;
    position: relative;
    padding-bottom: 0px !important;
}

.state_micblog_link_sec a {
    font-size: 18px;
    font-family: 'Barlow';

    color: #F47920;
    /* border-bottom: 1px solid #F47920; */
    display: block;
    width: fit-content;
    margin-bottom: 14px;
}
.state_micblog_link_sec a  p {
    margin-bottom: 0px;
}

#rlted_dp_submenu {
    display: none;
}



@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
    .state_micblog_link_sec {
        padding: 70px 0 40px 0;
    }
}

@media only screen and (min-device-width: 767px) and (max-device-width: 991px) { 
    .state_micblog_link_sec {
        padding: 70px 0 40px 0;
    }
    .state_micblog_link_sec h2 {
        font-size: 23px;
    }
    img.rltd_link_arrow {
        margin-top: -2px;
    }
    .state_micblog_link_sec a {
        font-size: 17px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 600px) { 
    .state_micblog_link_sec {
        padding: 50px 0 20px 0;
    }
    .state_micblog_link_sec h2 {
        font-size: 23px;
    }
    img.rltd_link_arrow {
        margin-top: -2px;
    }
    .state_micblog_link_sec a {
        font-size: 15px;
        margin-bottom: 20px;
    }
}
/* ------------------ Header row CSS Start*/
.elsc_section1 {
  background-image: url(/assets/section1_bg.32b871fbc75e0d0a6726.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 35px 0 43px 0;
}

.elsc_section1 .booksite_dv {
  float: right;
  padding-top: 5px;
  display: flex;
}
.elsc_section1 .booksite_dv_btn,
.elsc_section4 .booksite_dv_btn {
  border-radius: 16px;
  background: #313d47;
  padding: 16px 24px;
  font-family: "Barlow";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
/* ------------------ Header row CSS End*/

/* ------------------ Banner row CSS Start*/
.elsc_section1 .banner_row {
  padding-top: 160px;
  margin-bottom: 70px;
}
.elsc_section1 .banner_content {
  padding-right: 20px;
  padding-top: 24px;
}
.elsc_section1 .banner_video {
  height: 430px;
  width: 100%;
}
.elsc_section1 .banner_video video {
  height: 100%;
}
.elsc_section1 .banner_content h1 {
  color: #313d47;
  font-family: "Barlow";
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 75px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.elsc_section1 p.para {
  margin: 0;
  margin-bottom: 15px;
}
.banner_video video {
  margin-top: 20px;
}
/* ------------------ Banner row CSS End*/

/* ------------------ Counter row CSS Start*/

.counter_dv.cd1,
.counter_dv.cd2,
.counter_dv.cd3 {
  border-right: 1px solid #5f5f5f91;
}
.elsc_section1 .counter_dv h3.cd_hd {
  color: #f47920;
  text-align: center;
  font-family: "Barlow";
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 2px;
  letter-spacing: 2px;
}
.elsc_section1 .counter_dv p.cd_p {
  color: #313d47;
  text-align: center;
  font-family: "Barlow";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.cd1 h3,
.cd2 h3 {
  position: relative;
}
.cd1 h3::after,
.cd2 h3::after {
  content: "+";
  display: none;
}
/* ------------------ Counter row CSS End*/

.booksite_mob {
  display: none;
  width: 260px;
  margin: auto;
  text-align: center;
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
  .elsc_section1 .banner_content h1 {
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
  .elsc_section1 .banner_row {
    padding-top: 100px;
  }
  .elsc_section1 .banner_content h1 {
    line-height: 55px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .elsc_section1 {
    padding: 22px 0px 0px 0px !important;
  }

  /*--------------------------------------------- Header Row */
  .header_row {
    padding: 0 22px;
  }
  .hip_logo_div img {
    width: 120px;
  }

  /*--------------------------------------------- Banner Row */
  .elsc_section1 .booksite_dv {
    display: none;
  }
  .elsc_section1 .banner_row {
    padding-top: 0px;
    margin-bottom: 0px;
    display: flex;
  }
  .elsc_section1 .banner_video {
    height: 244px;
    text-align: center;
  }
  .banner_Col1 {
    order: 2;
    padding: 50px 35px 60px 35px;
  }
  .banner_Col2 {
    order: 1;
    padding: 0;
  }
  .banner_video video {
    margin-top: 30px;
  }
  .elsc_section1 .banner_content {
    text-align: center;
    padding: 0 0 20px 0;
  }
  .elsc_section1 .banner_content h1 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 25px;
  }
  .banner_video video {
    margin-top: 0;
  }
  .banner_video {
    margin-top: 30px;
  }

  .booksite_mob {
    display: block;
  }

  /*--------------------------------------------- Counter Row */
  .counter_row {
    background: #f47920;
    padding: 17px 20px;
  }
  .counter_row .col-6 {
    padding: 0;
  }
  .counter_dv {
    display: flex;
    height: 74px;
    align-items: center;
    justify-content: center;
  }
  .elsc_section1 .counter_dv h3.cd_hd {
    color: #fff;
    font-size: 22px;
    line-height: 33px;
  }
  .elsc_section1 .counter_dv p.cd_p {
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    margin-left: 8px;
    margin-top: 15px;
  }
  .counter_dv.cd2 {
    border-right: 0px;
  }
  .counter_dv.cd1,
  .counter_dv.cd3 {
    border-right: 1px solid #fff;
  }

  .counter_dv.cd3,
  .counter_dv.cd4 {
    border-top: 1px solid #fff;
  }

  .elsc_section1 .banner_video {
    margin-top: 22px;
  }
}

/*-------------------------------------------------------- Outer Tabs css  */

.elsc_section2 {
    background: #313D47;
    padding: 121px 0 132px 0 ;
}
.elsc_sec2_tab1 {
    margin-top: 75px;
    margin-bottom: 70px;
}
.elsc_tab1_link {
    background-color: transparent !important;
    font-weight: 500;
    width: 150px;
    text-align: center;
    justify-content: center;
    padding: 15px 21px;
    margin-right: 16px;
}
.elsc_tab1_link.active , .elsc_tab1_link:hover{
    border-color:#F47920 !important;
}



/*-------------------------------------------------------- Inner Tabs css  */
.elsc_sec2_tab2 {
    display: block;
}
a.elsc_tab2_link {
    color: #fff !important;
    font-family: 'Barlow';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
}
a.elsc_tab2_link.active {
    color: #F47920 !important;
    background-color: transparent !important;
}




@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .elsc_tab1_link {
        width: 140px;
    }
    a.elsc_tab2_link {
        line-height: 25px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .elsc_section2 {
        padding: 121px 0 80px 0;
    }
    .elsc_sec2_tab1 {
        display: flex;
    }
    .elsc_sec2_tab2 {
        display: flex;
    }
    .elsc_tab1_link {
        width: 110px;
        margin-right: 13px;
        margin-bottom: 13px;
        padding: 13px 0 !important;
    }
    .elsc_sec2_tab1 {
        margin-top: 40px;
        margin-bottom: 20px;    
    }
    a.elsc_tab2_link {
        font-size: 17px;
    }
    .prk_img_popup {
        width: 90% !important;
        left: 5% !important;
    }
    .maximize_btn {
        right: 27px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .elsc_section2 {
        display: none;
    }
}



.tab-content>.tab-pane {
    /* display: block; */
}

.ep_sld {
  width: 100%;
  float: left;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  height: 450px;
}
.ep_sld_one {
  width: 39%;
  height: 100%;
  float: left;
}
a.map_link {
  display: block;
  word-wrap: break-word;
  text-decoration: none;
  font-weight: 600;
}
a.map_link p {
  color: #0d6efd !important;
}
a.map_link p:hover {
  text-decoration: underline;
}
.block_name_dv {
  padding: 22px;
  border-bottom: 1px solid #313d4766;
}
.block_name_dv h2 {
  color: #313d47;
  font-family: "Barlow";
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 0px;
}

.ep_details {
  padding: 32px 35px 15px 35px;
}
.ep_dtls_inner {
  width: 100%;
}
.dv_lst {
  display: flex;
  justify-content: space-between;
}
.dv_lst p:first-child {
  color: #313d47;
  font-family: "Barlow";
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  margin-bottom: 11px;
}
.dv_lst p:last-child {
  color: #313d47;
  font-family: "Barlow";
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  width: 170px;
  margin-bottom: 11px;
}

.ep_divider {
  width: 90%;
  height: 1px;
  margin: auto;
  background-color: #313d4766;
  display: none;
}
.ep_ease_connect_dv {
  padding: 32px 35px 15px 35px;
}
.ep_dtls_inner h3 {
  color: #313d47;
  font-family: "Barlow";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}

.ep_sld_two {
  width: 61%;
  height: 100%;
  float: left;
  /* border-left: 1px solid #989EA4; */
  position: relative;
}
.ep_sld_two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 120%;
  background-color: #989ea4;
  z-index: 1;
}
.ep_map_dv {
  position: relative;
  height: 100%;
}
.ep_map_dv img {
  width: 100%;
  margin: auto;
  height: 100%;
  object-fit: contain;
}
.maximize_btn {
  position: absolute;
  right: 62px;
  bottom: 70px;
  width: 35px;
  cursor: pointer;
}
.prk_img_popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(49, 61, 71, 0.8);
  z-index: 2;
  display: none;
}

.prk_img_popup {
  width: 1250px;
  margin: auto;
  height: auto;
  background: #fff;
  position: absolute;
  top: -85px;
  left: 0;
  z-index: 3;
  display: none;
  padding: 30px;
  overflow: hidden;
}
.prk_img_popup_close {
  float: right;
  line-height: 4px;
  cursor: pointer;
  font-size: 34px;
  margin-bottom: 12px;
}
.prk_img_popup img {
  width: 100%;
  height: 100%;
}

.elsc_prk_sld .slick-prev {
  left: 315px !important;
  right: auto;
  top: 40px;
  width: 32px !important;
  height: 32px !important;
  border-radius: 0px;
  border: none !important;
}
.elsc_prk_sld .slick-next {
  left: 345px !important;
  right: auto;
  top: 40px;
  width: 32px !important;
  height: 32px !important;
  border-radius: 0px;
  border: none !important;
}

.elsc_prk_sld .slick-next:before,
.elsc_prk_sld .slick-prev:before {
  background-size: 10px !important;
}
.mob_map_img_dv {
  display: none;
}
.bksite_sldr {
  display: none;
}

.prk_img_popup_close img {
  filter: invert(1);
  width: 20px;
}
.zoom_dv {
  position: absolute;
  top: 10px;
  left: 10px;
}
.tools button {
  position: relative;
  z-index: 1;
  display: block;
  border: 1px solid #000;
  width: 20px;
  height: 25px;
  background: #fff;
  line-height: 0;
  font-family: revert;
  padding: 0;
  margin-bottom: 6px;
  font-size: 12px;
  text-align: center;
}
.prk_img_popup
  .react-transform-wrapper.transform-component-module_wrapper__SPB86 {
  height: 100%;
}

.eoc_div {
  background-color: #d7d7d7;
}
.eoc_pt1 {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  border-top: 1px solid #313d47;
  border-bottom: 1px solid #313d47;
}
.pt1_dv {
  display: flex;
  gap: 10px;
  align-items: center;
}
.pt1_dv p,
.pt1_dv h3 {
  margin-bottom: 0px;
  font-family: "Barlow";
}
.eoc_pt2 {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
}
.pt2_dv {
  display: flex;
  gap: 10px;
  align-items: center;
}

.pt2_dv p,
.pt2_dv h3 {
  margin-bottom: 0px;
  font-family: "Barlow";
}
.pt2_dv p:nth-child(2) {
  font-weight: 600;
}
.pt2_dv p {
  font-size: 15px;
}
.pt1_dv .map_cta_inner {
  width: 190px;
}
.pt1_dv a.map_btn {
  margin: 0;
  width: 100%;
}
.pt1_dv .map_btn span img {
  width: 15px;
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
  .elsc_prk_sld .slick-next {
    left: 256px !important;
  }
  .elsc_prk_sld .slick-prev {
    left: 225px !important;
  }
  .ep_sld_two::before {
    height: 250%;
  }
  .prk_img_popup {
    width: 90% !important;
    top: -30px !important;
    left: 5% !important;
  }
  .maximize_btn {
    position: absolute;
    right: 42px;
  }
  .ep_details {
    padding: 32px 13px 15px 35px;
  }
  .ep_ease_connect_dv {
    padding: 32px 13px 15px 35px;
  }

  .eoc_pt1 {
    gap: 15px;
  }
  .pt1_dv {
    display: block;
  }
  .eoc_pt2 {
    gap: 15px;
  }
  .pt2_dv {
    display: block;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
  .elsc_prk_sld .slick-next {
    left: 285px !important;
  }
  .elsc_prk_sld .slick-prev {
    left: 240px !important;
  }
  .ep_sld_two::before {
    height: 1020%;
  }
  .ep_sld_two {
    width: 50%;
  }
  .ep_sld_one {
    width: 50%;
  }

  .eoc_pt1 {
    gap: 15px;
  }
  .pt1_dv {
    display: block;
  }
  .eoc_pt2 {
    gap: 15px;
  }
  .pt2_dv {
    display: block;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .ep_sld {
    height: auto;
  }
  .ep_sld_one {
    width: 100%;
    border-right: 0;
    background-color: #313d47;
  }
  .ep_sld_two {
    display: none;
  }
  .mob_map_img_dv {
    display: block;
  }
  .block_name_dv {
    border-top: 1px solid #989ea4;
  }
  .block_name_dv h2 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
  }
  .max_btn {
    position: absolute;
    right: 31px;
    bottom: 46px;
    width: 30px;
    cursor: pointer;
  }
  .dv_lst p:first-child {
    color: #989ea4;
  }
  .dv_lst p:last-child {
    color: #fff;
  }
  .ep_details {
    padding: 32px 35px 25px 35px;
  }
  .ep_divider {
    width: 85%;
    background-color: #989ea4;
  }
  .elsc_prk_sld .slick-next:before,
  .elsc_prk_sld .slick-prev:before {
    background-size: 10px !important;
    filter: brightness(0) invert(1);
  }
  .elsc_prk_sld .slick-prev {
    left: auto !important;
    right: 88px;
  }
  .elsc_prk_sld .slick-next {
    left: auto !important;
    right: 40px !important;
  }

  .bksite_sldr {
    display: block;
    color: #f47920;
    font-family: "Barlow";
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    width: 230px;
    height: 48px;
    border-radius: 16px;
    background: #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 35px;
    padding-top: 16px;
    text-decoration: none;
  }
  .ep_ease_connect_dv {
    padding: 0px;
  }
  .slider_mob_tabs .slick-slide > div > div {
    position: relative;
  }
  .bilaspur_mob_slide {
    position: relative;
  }
  .prk_img_popup {
    width: 85%;
    margin: auto;
    height: 260px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 7.5%;
    padding: 15px;
  }
  .prk_img_popup_close img {
    width: 13px !important;
  }
  .dl1_built_Dv p {
    width: 100px;
  }

  .pt1_dv.pt1_dv1 {
    margin-bottom: 11px;
  }
  .ep_dtls_inner h3 {
    font-size: 18px;
  }

  .eoc_div {
    display: flex;
    flex-direction: column;
  }
  .eoc_pt1 {
    /* order: 2; */
    flex-direction: column;
    padding: 20px 35px;
  }
  .pt1_dv.pt1_dv2 {
    display: block;
    margin-bottom: 12px;
  }
  .eoc_pt2 {
    /* order: 1; */
    flex-direction: column;
    padding: 20px 35px;
  }
  .pt2_dv p:nth-child(1) {
    width: 90px;
  }
  .pt2_dv {
    gap: 14px;
    margin-bottom: 10px;
  }
}

.elsc_section4 {
    padding: 106px 0 80px 0;
}
.inetg_sol_elsc_hd {
    text-align: center;
    margin-bottom: 80px;
}
.sol_bx1 , .sol_bx2 , .sol_bx3{
    border-right:1px solid #313D47;
}
.solutions_bx {
    text-align: center;
    height:396px;
    display: flex;
    align-items: center;
    padding: 0 45px;
}
.solutions_bx_inner {

}
.solutions_bx img {
    margin-bottom: 36px;
}
.solutions_bx h3 {
    color: #313D47;
    text-align: center;
    font-family: 'Barlow';
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}
.solutions_bx p {
    color: #313D47;
    font-weight: 300;
}





@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {

    .solutions_bx {
        padding: 0 30px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .sol_bx2 {
        border-right:none;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .elsc_section4 {
        padding: 60px 0px;
    }
    .inetg_sol_elsc_hd {
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .solutions_bx_inner {
        display: flex;
        align-items: flex-start;
    }
    .sol_bx1, .sol_bx2, .sol_bx3 {
        border-right: 0px;
        border-bottom: 1px solid #313D47;
    }
    .solutions_bx {
        padding: 30px 12px 0 12px;
        height: auto;
    }
    .solutions_bx h3 {
        text-align: left; 
        font-size: 16px;
        line-height: 24px;
    }
    .sbi_one {
        text-align: left; 
    }
    .solutions_bx img {
        margin-bottom: 0;
        width: 60px;
        margin-right: 23px;
    }
    .solutions_bx p {
        margin-top: 15px;
    }
    .elsc_section4 .booksite_mob {
        margin-top: 15px;
        width: 300px;
    }
}



.elsc_section5 {
    background: #EFF2F5;
    padding:120px 0 185px 350px;
}
.CS_slider_elsc_landing .custm_inner {
    margin-right: 45px;
}
.cs_custm_inner {
    height: 545px;
    margin-right: 45px;
    overflow: hidden;
    display: flex;
}
.CS_slider_elsc_landing .content_div {
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
}
.CS_slider_elsc_landing .content_div_inner {
    position: absolute;
    top: auto;
    bottom: 0;
    background: #D9D9D9;
    height: 130px;
    width: 100%;
    padding-left: 40px;
    display: flex;
    align-items: center;
    z-index: 1;
}
.CS_slider_elsc_landing .content_div_inner p{
    color: #313D47;
    font-family: 'Barlow';
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 1.2px;
    margin-bottom: 0px;
}
a.download_btn {
    position: absolute;
    top: 32px;
    right: 25px;
    width: 162px;
    padding: 16px 24px;
    display: flex;
    border: 1px solid #FFF;
    background: #FFF;
    color: #313D47;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    text-decoration: none;
    align-items: center;
    z-index: 1;
}
.download_btn img {
    margin-right: 16px;
}
.CS_slider_elsc_landing .slick-next , .CS_slider_elsc_landing .slick-prev{
    bottom: -135px;
}

.section5_cc_ovrly{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    transition: all 0.6s;
    background-color: hsl(0deg 0% 0% / 25%);
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .elsc_section5 {
        padding-left:32px;
    }

}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .elsc_section5 {
        padding-left:60px;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1499px) {
    .elsc_section5 {
        padding-left:95px;
    }
}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .elsc_section5 {
        padding-left:178px;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1579px) { 
    .elsc_section5 {
        padding-left:130px;
    }

}

@media only screen and (min-device-width: 1601px) and (max-device-width: 1650px) {
    .elsc_section5 {
        padding-left:194px;
    }
}

@media only screen and (min-device-width: 1651px) and (max-device-width: 1700px) {
    .elsc_section5 {       
    padding-left: 216px;
    }
}

@media only screen and (min-device-width: 1701px) and (max-device-width: 1750px) {
    .elsc_section5 {
        padding-left: 241px;
    
    }
}

@media only screen and (min-device-width: 1751px) and (max-device-width: 1820px) {
    .elsc_section5 {
        padding-left: 274px;
    }
}

@media only screen and (min-device-width: 1821px) and (max-device-width: 1889px) {
    .elsc_section5 {
        padding-left: 310px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .elsc_section5 {
        padding-right: 0 !important;
        padding-left: 40px;
    }
    .CS_slider_elsc_landing {
        margin-top: 0px;
    }
    .CS_slider_elsc_landing .content_div {
        padding: 0 !important;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    
    .elsc_section5 {
        padding-right: 0 !important;
    }
    .cs_custm_inner {
        height: 345px;
    }
    .CS_slider_elsc_landing .content_div_inner p {
        font-size: 18px;
        line-height: 25px;
    }
    .CS_slider_elsc_landing .content_div_inner {
        padding-left: 25px;
        padding-right: 25px;
        height: 100px;
    }
    a.download_btn {
        font-size: 0;
        width: auto;
        padding: 10px 0 10px 10px;
        top: auto;
        right: 12px;
        bottom: 95px;
    }
    .download_btn img {
        margin-right: 0;
        width: 22px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .elsc_section5 {
        background: #EFF2F5;
        padding: 55px 0 110px 0px;
        padding-right: 0 !important;
    }
    .sec5_col1 {
        text-align: center;
        padding-right: 20px;
    }
    .sec5_col1 p.para {
        margin-top: 15px;
    }
    .CS_slider_elsc_landing .cs_custm_inner {
        margin-right:14px;
        height: 248px;
    }
    .CS_slider_elsc_landing .content_div_inner p {
        font-size: 14px;
        line-height: 21px;
    }
    .CS_slider_elsc_landing .content_div_inner {
        height: 80px;
        padding: 0 30px 0 17px;
    }
    .CS_slider_elsc_landing .slick-next, .CS_slider_elsc_landing .slick-prev {
        bottom: -72px;
    }
    a.download_btn {
        font-size: 0;
        width: auto;
        padding: 10px 0 10px 10px;  
        top: auto;
        right: 12px;
        bottom: 95px;  
    }
    .download_btn img {
        margin-right: 0;
        width: 22px;
    }
}



.elsc_section6 {
    background: #F47920;
    padding:107px 0 95px 0;
}
.sec6_heading {
    color: #FFF;
    font-family: 'Barlow';
    font-size: 50px;
    font-weight: 700;
    line-height: 75px;
    text-transform: uppercase;
    padding-right: 100px;
}

.sec6_connect_frm_dv .conv_frm_spc {
    padding-right: 70px;
}

.elsc_drodwn {
    padding-bottom: 0px !important;
}

select.elsc_drodwn {
    text-transform: inherit !important;
    color: #ffffffb3 !important;
}

.checkbox {
    appearance: auto !important;
    flex-basis: 0;
    margin-right: 10px;
}

.check_input {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.chck_value {
    color: #FFF;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    margin-bottom: 0px;
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .sec6_heading {
        font-size: 40px;
        line-height: 50px;
        padding-right:0px;
    }
    .sec6_connect_frm_dv .conv_frm_spc {
        padding-right: 20px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .elsc_section6 {
        padding: 45px 0 40px 0;
    }
    .sec6_heading {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 45px;
        padding-right: 0;
        text-align: center;
    }
    .sec6_connect_frm_dv .conv_frm_spc {
        padding-right: 0px;
        padding-left: 0;
        margin-bottom: 40px;
    }
    .sec6_connect_frm_dv .btn_col {
        margin-top: -10px;
    }

    .elsc_section6 input#check_status {
        margin-top: -30px;
    }
    .elsc_section6 .check_input {
        margin-top: -21px;
    }

}



.elsc_footer_section {
    background: #EFF2F5;
    padding:58px 0 17px 0;
}


.elsc_footer_section .footer_row2 {
    margin-top: 43px;
}
.elsc_footer_section .footer_col1 {
    border-right: 1px solid #313d4766;
}
.elsc_footer_section .footer_col1 p.ofc_address {
    color: #313D47;
    font-family: Barlow;
    font-size: 18px;
    font-weight: 300;
    line-height:32px;
    width: 291px;
}
.elsc_footer_section .footer_col1 p.ofc_address span {
    font-weight: 500;
    display: block;
}
.elsc_footer_section .fc_inner {
    padding-top: 18px;
}
.elsc_footer_section .footer_col2 {
    border-right: 1px solid #313d4766;
    display: flex;
    justify-content: center;
}
.email_dv {
    margin-bottom: 10px;
}
.email_dv , .phone_dv{
    width: fit-content;
}
.email_dv label , .phone_dv label  {
    color: #313D47;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.email_dv label {
    margin-right: 80px;
}
.phone_dv label {
    margin-right: 50px;
}
.email_dv a , .phone_dv a {
    color: #313D47;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    text-decoration: underline;
}




.elsc_footer_section .footer_col3 {
    display: flex;
    justify-content: center;
}
.elsc_footer_section .footer_col3  h3 {
    color: #313D47;
    font-family: Barlow;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}
.elsc_footer_section .footer_col3 ul {
    padding: 0;
    display: flex;
    gap: 20px;
    list-style: none; 
    margin-top: 25px;
}

.elsc_footer_section .footer_col3 ul li{
    
}


/*--------- Footer Row3 */
.footer_row3 .footer_bottom_bar {
    border-top: 1px solid #313d4766;
    margin-top: 33px;
    display: flex;
    justify-content: space-between;
    padding-top: 6px;
}
p.copyright_txt_elsc {
    color: #313D47;
    font-family: Barlow;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.257px;
    margin-bottom: 0px;
}
p.footer_links_elsc , p.footer_links_elsc a{
    color: #313D47;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.3px;
    text-decoration: none;
    margin-bottom: 0px;
}
p.footer_links_elsc a:first-child {
    border-right: 1px solid #313d4794;
    padding-right: 6px;
    margin-right: 10px;
}





@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .elsc_footer_section .footer_col1 p.ofc_address {
        width: 100%;
    }
    .phone_dv label {
        width: 100%;
    }
    .elsc_footer_section .footer_col3 ul {
        gap: 7px;
    }
    .elsc_footer_section .footer_col3 ul li img {
        
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .elsc_footer_section {
        padding: 22px 0 27px 0 !important;
    }
    .footer_logo img {
        width: 130px;
    }
    .elsc_footer_section .footer_row2 {
        margin-top: 8px;
    }
    .elsc_footer_section .footer_col1 p.ofc_address {
        margin-bottom: 7px;
    }

    .elsc_footer_section .footer_col2 {
        justify-content: left;
    }
    .email_dv label, .phone_dv label {
        display: none;
    }

    .footer_row2 .footer_col3 {
        justify-content: left;
        display: block;
    }
    .elsc_footer_section .footer_col3 .fc_inner {
        padding-top: 47px;
    }

    .footer_row3 .footer_bottom_bar {
        display: block;
        border-top: none;
        margin-top: 5px;
    }
    p.copyright_txt_elsc {
        font-size: 14px;
        text-align: center;
    }
    p.footer_links_elsc, p.footer_links_elsc a {
        text-align: center;
        line-height: 16px;
    }

    .footer_row1 .col-12  {
        padding: 0px 20px;
    }
    .footer_row2 .footer_col1 , .footer_row2 .footer_col2{
        padding: 0px 20px;
    }
    .footer_row2 .footer_col3 {
        padding: 0px;
    }
    .footer_row3 .col-12 {
        padding: 0px 20px;
    }

    .elsc_footer_section .footer_col3 ul {
        border-top: 1px solid #989EA4;
        border-bottom: 1px solid #989EA4;
        padding: 20px 20px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .elsc_footer_section .footer_col3 h3 {
        padding: 0 20px;
    }
}



.Section2_mob{
    background: #313D47;
    padding: 77px 0 44px 0 !important;
}
.Section2_mob  .col-12 {
    padding: 0px;
}
.Section2_mob .available_txt {
    text-align: center;
    margin-bottom: 16px;
}
.elsc_prk_dropdown{
    text-align: center;
    display: block;
    background-color: #F47920;
    height: 45px;
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 16px;
    display: flex;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    width: 89%;
    margin: auto;
    padding-left: 20px;
    margin-bottom: 30px;
}
.elsc_prk_dropdown:focus {
    outline: none;
}
.Section2_mob {
    display: none;
}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1369px) {
}

@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) {
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .Section2_mob {
        display: block;
    }

    
}
.slider_mob_tabs .slick-arrow,
.slider_mob_content .slick-arrow {
  display: none !important;
}
.elsc_prk_sld .slick-arrow {
  display: block !important;
}

.ncr_mob_sld .swiper {
  width: 100%;
  height: 100%;
}

.ncr_mob_sld .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ncr_mob_sld .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ncr_mob_sld .swiper-slide {
  background-size: cover;
  background-position: center;
}

.ncr_mob_sld .mySwiper2 {
  width: 100%;
}

.ncr_mob_sld .mySwiper {
  padding: 0 0 15px 5px;
}

.ncr_mob_sld .mySwiper .swiper-slide {
  width: 25%;
}

.ncr_mob_sld .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.ncr_mob_sld .swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.ncr_mob_sld .elsc_tab_sld {
  text-align: center;
}
.ncr_mob_sld .elsc_tab_sld a {
  color: #989ea4;
  font-family: "Barlow";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  display: block;
  margin-bottom: 15px;
}
.ncr_mob_sld .swiper-slide-thumb-active .elsc_tab_sld a {
  color: #f47920;
}

.slider_mob_tabs .slick-slide.slick-active.slick-current a {
  color: #f47920;
}
.slider_mob_tabs .slick-slide {
}

.web_faq_sec {
    padding-top: 260px;
    padding-bottom: 100px;
}
.web_faq_sec .col_faq_1 {
    margin-top:20px;
}
.web_faq_sec h2{
    color:#313D47;
    padding-bottom: 18px;
    border-bottom: 1px dashed #2BB04C;
}
.web_faq_sec .accord_faq .btn.intg_btn.collapsed {
    color: #313D47 !important;
}
.web_faq_sec .accord_faq a.btn.intg_btn:not(.collapsed) {
    color: #F47920 !important;
}
.web_faq_sec .accord_para {
    color:#313D47; 
    font-size: 18px;
    line-height: 31px;
}
.web_faq_sec .intg_card {
    border-bottom: 1px solid #0000002b;
    border-radius: 0px;
}
.web_faq_sec a.btn.intg_btn:not(.collapsed) .minus_icon {
    color: #F47920;
}
.web_faq_sec #accordion_faq1 .card:last-child {
    border-bottom: 0px;
}
.web_faq_sec .accord_faq .intg_btn {
    font-size: 18px;
}

@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {

    .web_faq_sec {
        padding-top: 165px;
        padding-bottom: 70px;
    }
  
}

@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {

    .web_faq_sec {
        padding-top: 130px;
        padding-bottom: 50px;
    }
    .web_faq_sec .accord_faq .intg_btn {
        font-size: 16px;
    }
    .web_faq_sec .accord_para {
        font-size: 16px;
        line-height: 31px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .micro_inside_blog .blog_inside_Sec {
        padding-bottom: 60px !important;
    }
    .micro_inside_blog  .blog_content_dv {
        padding-top: 0px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .micro_inside_blog .blog_inside_Sec {
        padding-bottom: 30px !important;
    }
    .micro_inside_blog  .blog_content_dv {
        padding-top: 0px;
    }
}
.micro_blg_prk {
    padding-top: 50px;
}
.micro_blg_prk .news_slider_sec {
    padding-left:405px;
}
.micro_blg_prk .section_sub_heading {
    margin-bottom: 40px !important;
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .micro_blg_prk .news_slider_sec {
        padding-left:86px;
    }

}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .micro_blg_prk .news_slider_sec {
        padding-left:130px !important;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1499px) {
    .micro_blg_prk .news_slider_sec {
        padding-left:165px !important;
    }
}
@media only screen and (min-device-width: 1500px) and (max-device-width: 1579px) { 
    .micro_blg_prk .news_slider_sec {
        padding-left:215x;
    }

}

@media only screen and (min-device-width: 1580px) and (max-device-width: 1600px) {
    .micro_blg_prk .news_slider_sec {
        padding-left:240px;
    }
}



@media only screen and (min-device-width: 1601px) and (max-device-width: 1650px) {
    .micro_blg_prk .news_slider_sec {
        padding-left:260px;
    }
}

@media only screen and (min-device-width: 1651px) and (max-device-width: 1700px) {
    .micro_blg_prk .news_slider_sec {       
    padding-left: 316px;
    }
}

@media only screen and (min-device-width: 1701px) and (max-device-width: 1750px) {
    .micro_blg_prk .news_slider_sec {
        padding-left: 341px;
    
    }
}

@media only screen and (min-device-width: 1751px) and (max-device-width: 1820px) {
    .micro_blg_prk .news_slider_sec {
        padding-left: 374px;
    }
}

@media only screen and (min-device-width: 1821px) and (max-device-width: 1889px) {
    .micro_blg_prk .news_slider_sec {
        padding-left: 410px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
    .micro_blg_prk .news_slider_sec {
        padding-left: 40px;
    }
}

@media only screen and (min-device-width: 767px) and (max-device-width: 991px) { 
    .micro_blg_prk .news_slider_sec {
        padding-left: 0px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 600px) { 
    .micro_blg_prk .news_slider_sec {
        padding-left: 0px;
    }
    .micro_blg_prk .section_sub_heading {
        margin-bottom: 10px !important;
    }
}
.Career_sec1 {
    padding-top: 73px;
    padding-bottom: 60px;
}
.cs1_hd {
    text-transform: uppercase;
    font-weight: 600;
    font-size:32px;
    line-height:38px;
    color: #212529;
}


@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
    .Career_sec1 {
        padding-top: 60px;
        padding-bottom: 50px;
    }
 
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .Career_sec1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .cs1_hd {
        font-size: 24px;
        line-height: 32px;
    }
}


@media only screen and (min-device-width: 320px) and (max-device-width: 767px) { 
    .Career_sec1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .cs1_hd {
        font-size: 22px;
        line-height: 29px;
    }
}

.career_sec2{
    background-color: #F6F6F6;
    background-image: unset;
    padding-top: 73px;
    padding-bottom: 80px;
}
.cs2_hd {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: -8px;
}
.career_sec2 .img-content .para {
   margin-top: 15px;
    height: 210px;
    overflow-x: auto; 
    padding-right: 10px;
}
.career_sec2 .img-content .para::-webkit-scrollbar-thumb {
    background: #F47920;
    border-radius: 5px;
}
.career_sec2 .img-content .para::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
    background-color: #d3d3d3;
}
.career_sec2 .img-content .para::-webkit-scrollbar {
    width: 4px;
}
.career_sec2 .img-content .para p{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    margin-top: 0px;
}
.career_sec2 #esg_para {
    padding-top: 0px;
    padding-left: 0px;
}
.career_sec2 .img-content h2 {
    font-size: 23px;
    color: #323030;
}
.career_sec2 .img-clm:hover h2 {
    color: #323030; 
}
.career_sec2 .guttr-spc {
    height:290px;
    margin-bottom: 0;
}

.career_sec2 .img-clm , .career_sec2 .img-clm ,
.career_sec2 .esg-env-img, .career_sec2 .img-content{
    height:100%;
}
.career_sec2 .img-clm .img-content {
    transform: translateY(-19%);
    padding: 10px 20px 10px 20px;
    background: #fff;
}
.career_sec2 .img-clm:hover .img-content {
    transform: translateY(-100%);
}


@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .career_sec2 {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .career_sec2 .cs2_hd {
      font-size: 22px;  
       margin-bottom: 20px;
    }
    .career_sec2 .img-content h2 {
        font-size: 18px;
    }
    .career_sec2 #esg_para {
        padding-top: 0px;
        padding-left: 0px;
        margin: 14px 0;
    }
    .career_sec2 .guttr-spc {
        height: 245px;
        margin-bottom: 20px;
    }
    .career_sec2 .img-clm .img-content {
        transform: translateY(-20%);
    }
    .career_sec2 img.toggl-icon {
        float: right;
        margin-top: 4px;
        margin-right: 3px;
    }
    .career_sec2 .img-content .para p{
        font-size: 15px !important;
        line-height: 28px !important;
        margin-top: 5px;
    }
    .career_sec2 .img-content .para {
        margin-top: 0;
        height: 170px;
    }
    .career_sec2 .img-clm .img-content {
        padding: 13px 20px 10px 20px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .career_sec2 {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .career_sec2 .cs2_hd {
        font-size: 24px;
    }
    .career_sec2 #esg_para {
        padding-top: 0px;
        margin: 14px 0;
    }
    .career_sec2 .img-clm .img-content {
        padding: 7px 20px 10px 20px;
    }
    .career_sec2 .img-content h2 {
        font-size: 20px;
    }
    .career_sec2 .guttr-spc {
        height: 245px;
        margin-bottom: 30px;
    }
    .career_sec2 .img-content .para p{
        font-size: 15px !important;
        line-height: 28px !important;
        margin-top: 5px;
    }
    .career_sec2 .img-content .para {
        margin-top: 0px;
        height: 165px;
        padding-right: 10px;
    }
}


@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 

    .career_sec2 .img-clm .img-content
    {
        padding: 10px 15px 10px 15px;
        transform: translateY(-25%);
    }
    .career_sec2 .img-content h2 {
        font-size: 20px;
    }
    .career_sec2 .img-content .para p {
        font-size: 14px !important;
        line-height: 25px !important;
    }
    .career_sec2 .guttr-spc {
        height: 222px;
    }
    .career_sec2 .img-content .para {
        margin-top: 15px;
        height: 145px;
    }
}
.career_sec3{
    background-color: #313D47;
    background-image: unset;
    padding-top: 73px;
    padding-bottom: 80px;
}
.career_sec3 .cs3_hd {
    text-transform: uppercase;
    color: #EB7D2D;
    font-weight: 600;
    margin-bottom: -8px;
}
.career_sec3 p#esg_para {
    color: #ffffffb3;
}
.career_sec3 .to_img img {
    width: 100%;
    object-fit: cover;
}
.career_sec3 .to_content {
    background: #F3F3F3;
    padding: 20px 30px;
    height:260px;
}
.career_sec3 .to_content h4{
    font-family: 'Barlow';
    font-weight: 600;
    color: #323030;
}
.career_sec3 .to_content .para {
    margin-top:13px;
    margin-bottom:0px;
}
.career_sec3 #esg_para{
    padding-top: 0px;
    padding-left: 0px;
}
.career_sec3 #esg_para .col-12:nth-child(1) .trust_open_dv {
    margin-right: 9px;
    margin-bottom: 40px;
}
.career_sec3 #esg_para .col-12:nth-child(2) .trust_open_dv {
    margin-left: 9px;
    margin-bottom: 40px;
}
.career_sec3 #esg_para .col-12:nth-child(3) .trust_open_dv {
    margin-right: 9px;
}
.career_sec3 #esg_para .col-12:nth-child(4) .trust_open_dv {
    margin-left: 9px;
}


.mob_cs_sec3 {
    display: none;
}
.cs3_img_slider_mob .slick-list {
    padding:0px  !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .career_sec3 {
        padding-top: 50px;
        padding-bottom: 45px;
    }
    .career_sec3  .cs3_hd {
      font-size: 22px;  
      margin-bottom: 8px;
    }

    .career_sec3 #esg_para {
        margin: 4px 0;
    }
    .career_sec3 #esg_para .col-12:nth-child(2) .trust_open_dv {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .career_sec3 #esg_para .col-12:nth-child(1) .trust_open_dv {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .career_sec3 #esg_para .col-12:nth-child(4) .trust_open_dv {
        margin-left: 0;
    }
    .career_sec3 #esg_para .col-12:nth-child(3) .trust_open_dv {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .career_sec3 .to_content h4 {
        font-size: 20px;
    }
    .career_sec3 .to_content {
        padding: 15px 15px;
        height: 235px;
    }
    .career_sec3  .park_photo_slider .slick-next {
        left: 63px !important;
        bottom: -15px;
    }
    .career_sec3 .park_photo_slider .slick-prev {
        left: 11px !important;
        bottom: -15px;
    }
    .career_sec3 .park_photo_slider .slick-list {
        padding: 0 0px 40px 0 !important;
    }
    .career_sec3 .cs3_img_slider_mob .slick-list {
        padding-bottom: 0px !important;
    }
    .desktop_cs_sec3 {
        display: none;
    }
    .mob_cs_sec3 {
        display: block;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .career_sec3 {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .career_sec3 .cs3_hd {
        font-size: 24px;
    }
    .career_sec3 #esg_para {
        padding: 0px 0;
        margin: 14px 0 15px 0;
    }
    .career_sec3 .to_content h4 {
        font-size: 20px;
    }
    .career_sec3 .to_content {
        padding: 20px 20px;
        height: 175px;
    }
    .career_sec3 .to_content .para {
        margin-top: 8px;
        margin-bottom: 0px;
        font-size: 15px;
        line-height: 25px;
    }
    .desktop_cs_sec3 {
        display: none;
    }
    .mob_cs_sec3 {
        display: block;
    }
    .career_sec3  .park_photo_slider .slick-next {
        left: 75px !important;
        bottom: -5px;
    }
    .career_sec3 .park_photo_slider .slick-prev {
        left: 11px !important;
        bottom: -5px;
    }
    .career_sec3 .park_photo_slider .slick-list {
        padding: 0 50px 50px 0 !important;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
    .desktop_cs_sec3 {
        display: none;
    }
    .mob_cs_sec3 {
        display: block;
    }
    .career_sec3 .to_content {
        height: 240px;
    }
    .career_sec3  .park_photo_slider .slick-next {
        left: 75px !important;
        bottom: -5px;
    }
    .career_sec3 .park_photo_slider .slick-prev {
        left: 11px !important;
        bottom: -5px;
    }
    .career_sec3 .park_photo_slider .slick-list {
        padding: 0 50px 50px 0 !important;
    }
    .career_sec3 #esg_para .col-12:nth-child(1) .trust_open_dv {
        margin-right: 30px;
        margin-bottom: 40px;
    }
    .career_sec3  .park_photo_slider .slick-next {
        left: 90px !important;
        bottom: -20px;
    }
    .career_sec3 .park_photo_slider .slick-prev {
        left: 11px !important;
        bottom: -20px;
    }
    .career_sec3 .park_photo_slider .slick-list {
        padding: 0 50px 70px 0 !important;
    }
}
.career_sec4 {
    padding-top: 73px;
    padding-bottom: 10px;
    background: #f47920;
}
.career_sec4 .cs4_hd {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: -8px;
    color: #fff;
}
.career_sec4  #esg_para {
    font-weight:600;
    color: #fff;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .career_sec4 {
        padding: 50px 20px 0px 20px;
    }
    .career_sec4 .cs4_hd {
        font-size: 22px;
        line-height: 29px;
    }
    .career_sec4 #esg_para {
        font-weight: 600;
        margin-top: 15px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .career_sec4 .cs4_hd {
        font-size: 24px;
    }
    .career_sec4 #esg_para {
        font-weight: 600;
        margin: 13px 0;
    }
    .career_sec4 {
        padding-top: 60px;
        padding-bottom: 0; 
    }
}
.career_sec5 .intg_btn{
    font-size: 19px;
}
.career_sec5 .gvr_accord {
    font-weight: 400;
}
.career_sec5 #accordion .card.intg_card:nth-child(1) {
    border-top: 0px;
}
.career_sec5 #accordion .card.intg_card:last-child {
    border-bottom: 0px;
}
.cs5_accord_img_col {
    position: relative;
    width: 100%;
    height: 100%;
}
.cs5_accord_img {
    display: none;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#acord_img1 {
    display: block;
}
.career_sec5  .intg_card_header {
    padding: 20px 0 20px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .career_sec5 .intg_btn {
        font-size: 16px;
    }
    .career_sec5 .gvr_col_1 {
        padding: 0px 20px 50px 20px;
    }
    .career_sec5 .intg_card_header {
        padding: 15px 0 10px 0;
    }
    .career_sec5 .gvr_card {
        padding-left: 20px;
    }
    .career_sec5 .ing_solu_col_2 {
        display: block;
        height: 290px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .career_sec5 .gvr_col_1 {
        padding: 40px 33px 60px 35px;
    }
    .career_sec5 .ing_solu_col_2 {
        display: block;
        height: 600px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
    .career_sec5 .gvr_col_1 {
        padding: 30px 33px 30px 35px;
    }
}


@media only screen and (min-device-width: 1280px) and (max-device-width: 1366px) { 
    .career_sec5 .gvr_col_1 {
        padding: 45px 33px 45px 48px;
    }
    .career_sec5 .gvr_accord {
        font-size: 17px;
    }
    .career_sec5 .gvr_card {
        padding-left: 33px;
        padding-bottom: 0;
    }

}
    
@media only screen and (min-device-width: 1370px) and (max-device-width: 1440px) { 
    .career_sec5 .gvr_col_1 {
        padding: 40px 33px 40px 48px;
    }

}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) { 
    .career_sec5 .gvr_col_1 {
        padding: 50px 33px 50px 48px;
    }

}

@media only screen and (min-device-width: 1550px) and (max-device-width: 1600px){ 
    .career_sec5 .gvr_col_1 {
        padding: 60px 33px 60px 48px;
    }

}
.career_sec6 {
    padding-top: 65px;
    padding-bottom: 65px;
    background: #F6F6F6;
    text-align: center;
}
.career_sec6 .cs6_hd {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.career_sec6  #esg_para {
    font-weight:600;
}
.career_sec6 .joint_btn{
    border-radius: 98px !important;
    background-color: #F47920 !important;
    border: 1px solid #F47920 !important;
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 17px;
    line-height: 17px;
    width: 192px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    margin: auto;
    transition: all 0.3s;
    margin-top: 35px;
}
.career_sec6 .joint_btn:hover {
    color: #F47920;
    background-color: #ffffff21 !important;
    border: 1px solid #F47920 !important;
}
@media (min-width: 320px) and (max-width: 767px) {
    .career_sec6 {
        padding: 40px 20px;
    }

    .career_sec6 .joint_btn
    {
        margin-top: 25px;
        font-size: 15px;
        line-height: 15px;
        width: 145px;
        height: 40px;
    }
     .career_sec6 .cs6_hd {
        font-size: 22px;
    }
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .career_sec6 {
    padding-top: 50px;
    padding-bottom: 50px;
    }
}
.career_sec7 {
    overflow: hidden;
    padding-top: 73px;
    padding-bottom: 60px;
    background: #fff;
    text-align: center;
}
.career_sec7 .sol_icon_col {
    padding-left: 0;
}
.career_sec7 .cs7_hd p{
    text-align: center;
    color:#F47920;
    margin-bottom: 60px;
    font-weight: 500;
    margin-bottom: 75px;
    line-height: 43px;
    text-transform: uppercase;
}
.career_sec7 .sip_info_box {
    flex-direction: column;
    padding: 0;
    height: auto;
}
.career_sec7 .sip_info_box h3 {
    margin-top: 20px;
    margin-left: 0px;
    font-weight: 500;
    text-transform: capitalize;
}

.career_sec7 .icon_row{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.career_sec7 .icon_col {
    padding: 0 15px;
}

.desktop_icon_row {

}
.mob_icon_row {
    display: none !important;
}

@media (max-width: 600px) {
    .career_sec7 .icon_row{
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .career_sec7{
        padding: 40px 20px 30px 20px !important;
    }
    .icon_col {
        margin-bottom: 30px;
    }
    .career_sec7 .cs7_hd {
        margin-bottom: 0px;
        font-size: 22px;
        line-height: 29px;
    }
    .career_sec7 .cs7_hd p {
        margin-bottom: 50px;
        line-height: 30px;
    }
    .career_sec7 .icon_col {
        padding: 0px 21px;
    }
    .career_sec7 .sip_info_box h3 {
        margin-top: 10px;
    }
    .desktop_icon_row {
        display: none !important;
    }
    .mob_icon_row {
        display: block !important;
    }
    .mob_icon_row .custm_main_slider {
        padding-bottom: 50px;
    }
    .mob_icon_row .custm_main_slider .slick-next {
        bottom: -5px;
        left: 53% !important;
        top: auto;
    }
    .mob_icon_row .custm_main_slider .slick-prev {
        bottom: -5px;
        left: 38% !important;
        top: auto;
    }
    .career_sec7 .sol_icon_col {
        padding-left: 13px;
    }
}
@media (min-width: 601px) and (max-width: 768px) {
    .career_sec7 .icon_row{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .desktop_icon_row {
        display: none;
    }
    .mob_icon_row {
        display: block;
    }
   
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .icon_col {
        margin-bottom: 30px;
    }
    .career_sec7 {
        padding-top: 60px;
        padding-bottom: 52px;
    }
    .desktop_icon_row {
        display: none !important;
    }
    .mob_icon_row {
        display: block !important;
    }
     .mob_icon_row .custm_main_slider {
        padding-bottom: 50px;
    }
    .mob_icon_row .custm_main_slider .slick-next {
        bottom: -5px;
        left: 51% !important;
        top: auto;
    }
    .mob_icon_row .custm_main_slider .slick-prev {
        bottom: -5px;
        left: 41% !important;
        top: auto;
    }
}
@media only screen and (min-device-width: 990px) and (max-device-width: 1024px) {
    .career_sec7 .icon_row{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .desktop_icon_row {
        display: none !important;
    }
    .mob_icon_row {
        display: block !important;
    }
    .mob_icon_row .custm_main_slider {
        padding-bottom: 50px;
    }
    .mob_icon_row .custm_main_slider .slick-next {
        bottom: -25px;
        left: 53% !important;
        top: auto;
    }
    .mob_icon_row .custm_main_slider .slick-prev {
        bottom: -25px;
        left: 44% !important;
        top: auto;
    }
    .career_sec7 .cs7_hd p {
        line-height: 38px;
    }
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .career_sec7 .icon_row{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-device-width: 1360px) and (max-device-width: 1369px) {
    .career_sec7 .icon_row{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1440px) {
    .career_sec7 .icon_row{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-device-width: 1450px) and (max-device-width: 1600px) {
    .career_sec7 .icon_row{
        grid-template-columns: 1fr 1fr 1fr;
    }
}



.career_sec8 {
    padding:0px;
    overflow: hidden;
}
.career_sec8 .cs8_hd{
    text-align: center;
    color: #313D47;
    margin-bottom: 29px;
    font-weight: 600;
    line-height: 43px;
    text-transform: uppercase;
}
.test_hd_col {
    padding: 73px 0 15px 0;
}
.career_sec8 .custmr_spk_col8 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 340px;
}
/* .career_sec8 .cs8_hd {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
    margin-bottom: 29px;
} */
.career_sec8 .cs_col_cntnt .ttml_ttl {
    color:#F47920;
    font-size: 24px;
    font-weight:600;
    margin-top: 15px;
}
.career_sec8 .cs_col_cntnt p.para {
    margin-top: 17px;
    margin-bottom: 0;
}
.career_sec8 .cs_col_cntnt .vm-vid {
    width: 779px;
    height: 435px;
}
.career_sec8 .custmr_spk_col4 {
    background: #313D47;
    padding: 24px 210px 24px 24px;
    /* overflow: auto; */
    height: 500px;
}
.career_sec8 .custmr_spk_inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 22px;
    overflow: auto;
    height: 100%;
    padding-right: 20px;
}
.career_sec8 .custmr_spk_inner::-webkit-scrollbar-thumb {
    background: #F47920;
    border-radius: 5px;
}
.career_sec8 .custmr_spk_inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
    background-color: #d3d3d3;
}
.career_sec8 .custmr_spk_inner::-webkit-scrollbar {
    width: 4px;
}
.career_sec8 .custmr_spk_box {
    border: 1px solid hsl(0deg 0% 93% / 50%);
    padding: 15px;
    float: left;
}
.career_sec8 .custmr_spk_inner_box1 {
    position: relative;
    width: 100%;
    float: left;
}
.career_sec8 .custmr_spk_inner_box1 img {
    width: 100%;
}
.career_sec8 .custmr_spk_inner_box1 img.sc_play_icon {
    width: 50px;
    position: absolute;
    top: 36%;
    left: 42%;
}
.career_sec8 .custmr_spk_inner_box2 {
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 50%;
}
.career_sec8 .custmr_spk_inner_box2 .sub_para {
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    color: #fff;
    margin: 0px 0;
}
.career_sec8 .custmr_spk_inner_box2 .cp_thumb_desc {
    color:#fff;
    line-height: 18px;
    font-size: 14px;
}



@media only screen and (min-device-width: 320px) and (max-device-width: 767px) { 

    .career_sec8 {
        padding: 0px !important;
    }
    .career_sec8 .custmr_spk_col8 {
        padding-top: 0px;
        padding-bottom: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .career_sec8 .cs8_hd br {
        display: none;
    }
    .career_sec8 .cs8_hd {
        font-size: 22px;
        line-height: 29px;
    }
    .career_sec8 .cs8_hd br{
        display: none;
    }
    .career_sec8 .cs_col_cntnt .vm-vid {
        width: 100%;
        height: 185px;
    }
    .career_sec8 .cs_col_cntnt .ttml_ttl {
        color: #F47920;
        font-size: 20px;
        margin-top: 12px;
    }
    .career_sec8 .cs_col_cntnt p.para {
        margin-top: 8px;
    }
    .career_sec8 .custmr_spk_col4 {
        padding: 20px 30px 20px 30px;
        height: 330px;
        border-bottom: 1px solid hsl(0deg 0% 93% / 34%);
    }
    .career_sec8 .custmr_spk_inner {
        /* height: 290px; */
    }
    .career_sec8 .custmr_spk_inner_box2 .sub_para {
        font-size: 17px;
        line-height: 19px;
    }
    .career_sec8 .custmr_spk_inner_box1 img.sc_play_icon {
        width: 40px;
        top: 68px;
        left: 135px;
    }
    .test_hd_col {
        padding:40px 30px 0px 30px;
    } 

}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .career_sec8 {
        padding: 0px !important; 
    } 
    .career_sec8 .custmr_spk_col8 {
        padding-left: 48px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .career_sec8 .cs_col_cntnt .vm-vid {
        width: 100%;
        height: 255px;
    }
    
    .career_sec8 .cs8_hd {
        font-size: 24px;
    }
    .career_sec8 .custmr_spk_col4 {
        background: #313D47;
        padding: 15px 30px 15px 15px;
        height: 500px;
    }
    .career_sec8 .custmr_spk_inner {
        /* height: 470px; */
    }
    .career_sec8 .custmr_spk_inner_box2 .sub_para {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
    .career_sec8 .cp_thumb_desc {
        font-size: 13px;
        line-height: 17px;
    }
    .career_sec8 .custmr_spk_inner_box1 img.sc_play_icon {
        width: 45px;
        top: 33px;
        left: 74px;
    }
    

}


@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
    .career_sec8 .custmr_spk_col8 {
        padding-left: 40px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .career_sec8 .cs_col_cntnt .vm-vid {
        width: 100%;
        height: 353px;
    }
    .career_sec8 .cs8_hd {
        /* font-size: 45px;
        margin-bottom: 30px; */
    }
    .career_sec8 .custmr_spk_col4 {
        background: #313D47;
        padding: 15px 30px 15px 20px;
        height: 585px;
    }
    .career_sec8 .custmr_spk_inner {
        /* height: 540px; */
    }
    .career_sec8 .custmr_spk_inner_box2 .sub_para {
        font-size: 17px;
    }
    .career_sec8 .cp_thumb_desc {
        font-size: 13px;
        line-height: 17px;
    }
    .career_sec8 .custmr_spk_inner_box1 img.sc_play_icon {
        width: 40px;
        top: 60px;
        left: 110px;
    }

}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) {
    .career_sec8 .custmr_spk_col8 {
        padding-left: 65px;
    }
    .career_sec8 .custmr_spk_col4 {
        padding-right: 70px;
    }
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1380px) {
    .career_sec8 .custmr_spk_col8 {
        padding-left: 65px;
    }
    .career_sec8 .custmr_spk_col4 {
        padding-right: 70px;
    }
}

@media only screen and (min-device-width: 1390px) and (max-device-width: 1440px) {
    .career_sec8 .custmr_spk_col8 {
        padding-left: 100px;
    }
    .career_sec8 .custmr_spk_col4 {
        padding-right: 70px;
    }
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
    .career_sec8 .custmr_spk_col8 {
        padding-left: 154px;
    }
    .career_sec8 .custmr_spk_col4 {
        padding-right: 70px;
    }
}

@media only screen and (min-device-width: 1537px) and (max-device-width: 1600px) {
    .career_sec8 .custmr_spk_col8 {
        padding-left: 183px;
    }
    .career_sec8 .custmr_spk_col4 {
        padding-right: 70px;
    }
}
.career_sec9 {
    padding:0px;
    height: auto;
}
.career_sec9 .big_heading{
    line-height: 122px;
}
.mob_cs9_ttl {
    display: none;
}

.career_sec9  .prkinside_form {
    margin-top: 145px;
}
.accept_carrer_msg {
    display: block;
    margin-bottom: 0px;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #ffffffb3;
}
.career_sec9 .intg_sol_img{
   object-position: top; 
}
.terms_label {
    margin-left: 6px;
}
.terms_label a {
    color: #fff;
}
.privacy_sec  ul li {
    font-family: 'Barlow';
    color: #313d47;
    font-weight: 400;
    font-size: 17px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) { 
    .desktop_cs9_ttl {
        display: none;
    }
    .mob_cs9_ttl {
        display: block;
    }
    .career_sec9 .prkinside_form {
        margin-top: 85px;
        padding: 0 10px 0px 0px;
        color: #ffffffb3;
        margin-top: 85x;
    }
    .career_sec9 .convert_form_col1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .privacy_sec  ul li {
        font-size: 14px;
    }
    .privacy_sub_head {
        font-size: 20px;
        margin-bottom: -20px;
        padding-top: 20px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .career_sec9 .big_heading {
        line-height: 76px;
    }
    .career_sec9 .prkinside_form {
        margin-top: 100px;
    }
}

@media only screen and (min-device-width: 991px) and (max-device-width: 1024px) { 
    .career_sec9 .big_heading {
        line-height: 80px;
        font-size: 90px;
    }
    .career_sec9 .prkinside_form {
        margin-top:120px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) { 
}

@media only screen and (min-device-width: 1270px) and (max-device-width: 1280px) { 
    .career_sec9 .big_heading {
        line-height: 90px;
        font-size: 97px;
    }
    .career_sec9 .prkinside_form {
        margin-top: 106px;
    }
}

@media only screen and (min-device-width: 1285px) and (max-device-width: 1380px) { 
    .career_sec9 .big_heading {
        line-height: 90px;
        font-size: 97px;
    }
    .career_sec9 .prkinside_form {
        margin-top: 106px;
    }
}

@media only screen and (min-device-width: 1390px) and (max-device-width: 1440px) { 
    .career_sec9 .big_heading {
        line-height: 90px;
        font-size: 97px;
    }
    .career_sec9 .prkinside_form {
        margin-top: 106px;
    }
}

@media only screen and (min-device-width: 1450px) and (max-device-width: 1536px) { 
    .career_sec9 .big_heading {
        line-height: 90px;
        font-size: 97px;
    }
    .career_sec9 .prkinside_form {
        margin-top: 120px;
    }
}

@media only screen and (min-device-width: 1540px) and (max-device-width: 1600px) { 
    .career_sec9 .big_heading {
        line-height: 90px;
        font-size: 97px;
    }
    .career_sec9 .prkinside_form {
        margin-top: 120px;
    }
}