 .full-link{   position:absolute;   top:0;   left:0px;   width:100%;   height:100%;   z-index:1; } .hero-banner{  position:relative; } .hero-video{   width:100%;   height:100vh;   background:#000;   position:relative; } .hero-video:before{  content:"";  position:absolute;  top:0px;  left:0px;  width:100%;  height:100%;  background:rgba(0,0,0,0.30); } .hero-video video{   width:100%;   height:100%;   object-fit:cover; } .video-content-overlay{  position:absolute;  top:50%;  transform:translateY(-50%);  width:100%;  left:0px; } .content-overlay-inside h1{  color:#fff; } .content-overlay-inside p{  color:#fff;  font-size:20px;  line-height:28px;  max-width:750px; } .content-overlay-inside .btn-link{  margin-top:20px; } .content-overlay-inside .btn-link{  color:#fff; } .content-overlay-inside .btn-link .arrow-img{  background:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/btn-arrow.svg); } .content-overlay-inside .btn-link:hover{  color:#000; } .content-overlay-inside .btn-link:hover:before{  background:#fff; } .hero-banner-widget{  height:110px;  width:100%;  position:absolute;  bottom:0px;  z-index:11;  display:flex; } .heading-temp{ font-size:18px; line-height:normal; font-weight:300; text-transform:uppercase; color:#fff; width:150px; padding-right:30px; font-family:'Wotfard'; } .news-widget{  width:100%;  background:rgba(33,32,31,0.70);  display:flex;  align-items:center;  padding:0px calc((100% - 1451px) / 2); } .top-news-slider-area{  width:100%;  overflow:hidden;  padding:0px 10px 0px 20px; } #news-top .glide__arrow--left{  left:-20px; } .news-top-slide figure{  margin-bottom:0px;  display:flex;  align-items:center; } .news-top-slide figure picture img{  width:66px;  min-width:66px;  height:66px;  object-fit:cover;  border-radius:50%;  border:1px solid #fff;  padding:5px;  margin-right:15px;  transition:all 0.2s ease-in; } .news-top-slide figure figcaption{  color:#BCBCBC;  font-size:14px;  line-height:16px;  font-family:'Wotfard';  font-weight:300;  transition:unset;  text-transform:unset;  transition:all 0.3s ease-in-out; } .news-top-slide a {  color:white; } .news-top-slide:hover figure img{  padding:0px; } .news-top-slide:hover figure figcaption{  color:#fff; } .heading-widget{  text-align:center; } .content-sec-0{  padding:110px 0px;  background:linear-gradient(180deg, #F8F6FB 50%, #ffffff 50%); } .content-sec-0 ul.glide__slides.hm-services-listing {  justify-content:center !important; } .heading-widget{  margin-bottom:60px; } .heading-widget p{  margin-bottom:0px; } .glide__slides.hm-services-listing{  overflow:visible; } #service-slider .glide__track{  overflow:visible; } #service-slider{  overflow:hidden;  padding-top:20px; } #service-slider .glide__arrow{  top:unset;  bottom:0px;  width:58px;  height:58px;  background:#21201F;  display:none; } .stock-market-widget .glide__slide{   padding:0 5px; } #service-slider .glide__arrow:focus{  background:#E0E1E2; } #service-slider .glide__arrow--left{  left:0px; } #service-slider .glide__arrow--right{  right:unset;  left:59px; } #service-slider .glide__slides .glide__slide{  transition:all .30s ease-in-out; } #service-slider .glide__slides .glide__slide:hover{  transform:translateY(-20px); } #service-slider .glide__slides .glide__slide:hover h3{   color:#E1CB82; } #service-slider .glide__slides .glide__slide:hover .service-content-wrap .btn-link{   color:#fff; } #service-slider .glide__slides .glide__slide:hover .service-content-wrap .btn-link:before {   width:100%;   background-color:#21201f; } #service-slider .glide__slides .glide__slide:hover .service-content-wrap .btn-link .arrow-img{  background:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/arrow-color.svg) no-repeat;  -webkit-transform:translateX(10px);   transform:translateX(10px); } .service-image-wrap{  overflow:hidden;  border:1px solid transparent;  height:330px;  margin-bottom:0px; } .service-image-wrap img{  width:100%;  height:100%;  object-fit:cover;  -webkit-transform:0.35s;  transition:transform 0.35s;  -webkit-transform:scale(1);  transform:scale(1); } #service-slider .glide__slides .glide__slide:hover .service-image-wrap img{  -webkit-transform:scale(1.05);  transform:scale(1.05); } .service-content-wrap{  text-align:left;  padding:50px 35px 25px;  height:420px;  border:1px solid #E2E2E2;  border-top:0px;  background:#fff; } .service-content-wrap h3{  margin-bottom:25px; } .service-content-wrap p{  margin-bottom:30px;  } .service-content-wrap{  position:relative; } .service-content-wrap .btn-link{   position:absolute;   bottom:45px;   text-transform:uppercase; } .service-content-wrap .btn-link .arrow-img{  background:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/arrow-black.svg) no-repeat;  margin-top:-3px;  width:32px;  height:14px; } .service-content-wrap .btn-link:hover .arrow-img{  background:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/arrow-color.svg) no-repeat; } .glide__arrow{  position:absolute;  top:50%;  transform:translateY(-50%);  line-height:1;  background:transparent;  color:#BCBCBC;  border:0px;  cursor:pointer;  z-index:2; } .glide__arrow--right{  right:-10px; } .glide__arrow--left{  left:-10px; } .text-image-sec{  padding-bottom:140px;  position:relative;  overflow:hidden; } .text-image-inside{  position:relative; } .text-image-inside figure{  margin-bottom:45px;  text-align:center; } .text-image-inside figure figcaption{  font-size:28px;  line-height:32px;  text-align:center;  font-weight:200;  color:#21201F;  margin-top:-45px;  z-index:2;  position:relative; } .text-image-inside .btn-link{  text-transform:uppercase;   margin:auto;  display:flex;  z-index:100;  } .text-image-inside .btn-link .arrow-img{  background:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/arrow-clr.svg); } .image-txt-heading{  width:750px;  position:absolute;  top:180px;  left:50%;  transform:translateX(-50%); } .image-txt-heading svg{   width:100%; } .image-txt-heading svg path{   fill:#000;   fill-opacity:0.1; } .image-txt-heading span{  display:block;  margin-bottom:10px; } .image-txt-heading span svg{  fill:#000;  fill-opacity:0.1; } .image-txt-heading span:nth-of-type(1){  margin-left:150px; } .image-txt-heading span:nth-of-type(2){  text-align:right; } .banner-widget{  background:#F8F6FB;  padding:115px 0px 0px;  position:relative; } .banner-widget-inside{  display:flex; } .banner-widget-content{  min-width:674px;  max-width:674px;  position:relative; } .banner-widget-content h2{  font-size:72px;  line-height:68px;  font-weight:200; } .banner-widget-content .h3{   color:#D1A915; } .banner-widget-content p{  margin-bottom:40px; } .banner-widget-content .btn-link{  padding:0px; } .banner-widget-content .btn-link .arrow-img, .banner-widget-content .btn-link:hover .arrow-img{  background:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/arrow-black.svg);  width:32px;  height:14px; } .banner-widget-content .btn-link:before{  content:none; } .banner-widget-content .btn-link:hover, .banner-widget:hover .btn-link{  color:#D1A915;  font-weight:500; } .banner-widget:hover .btn-link .arrow-img{   -webkit-transform:translateX(10px);   transform:translateX(10px); } .banner-widget-image{  margin-left:auto; } .banner-widget-image figure{  margin-bottom:-1px;  width:428px;  height:465px; } .banner-widget-image figure img{   width:100%;   height:100%;   object-fit:cover; } .banner-widget-image figure picture{   display:block; }  */ .glide__bullets{  display:none; } .clouds-1 {  background-image:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/cloud-big2.png);   animation:clouds-loop-1 90s infinite linear; } .clouds-2 {  background-image:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/cloud-big2.png);  animation:clouds-loop-2 300s infinite linear; } .clouds-3 {  background-image:url(https://in.ifza.com/wp-content/themes/ifza/assets/css/../images/cloud-big2.png);  animation:clouds-loop-3 150s infinite linear; } .clouds-1 {  background-position:800px center;  z-index:7; } .clouds-1, .clouds-2, .clouds-3 {  background-repeat:repeat-x;  position:absolute;  top:0;  right:0;  left:0;  height:650px; } .cloud-main {  width:100%;   min-height:650px;  bottom:-50px;  position:absolute;  background-repeat:no-repeat;  background-size:cover;  background-position:bottom center;  z-index:1; } @keyframes clouds-loop-1 {  to {   background-position:3113px center;  } } @keyframes clouds-loop-2 {  to {   background-position:3113px center;  } } @keyframes clouds-loop-3 {  to {   background-position:3113px center;  } }  @media only screen and (min-width:1921px){  .ifza-tabs-wrap{   justify-content:center;  } }  @media screen and (max-width:1500px){  .news-widget {   padding:0px calc((100% - 85%) / 2);  } } @media only screen and (max-width:1450px) {  .content-overlay-inside p {   color:#fff;   font-size:18px;   line-height:24px;   margin-bottom:15px;  }  .news-top-slide figure figcaption {   max-width:inherit;  }  .news-top-slide{ padding:0px 18px;  }  .content-sec-0 {   padding:100px 0px;  }  .service-content-wrap .btn-link{ bottom:60px;  }  .service-content-wrap h3{   margin-bottom:15px;  }  .heading-widget {   margin-bottom:45px;  }  .service-content-wrap {   padding:30px 30px 35px;  }  .text-image-inside figure figcaption {   font-size:24px;   line-height:30px;  }  .text-image-sec {   padding-bottom:100px;  }  .banner-widget {   padding-top:100px;  }  .banner-widget-content h2{   font-size:40px;   line-height:48px;  }  .banner-widget-content p {   font-size:20px;   line-height:26px;   margin-bottom:30px;  }  .banner-widget {   overflow:hidden;  }  .whats-app-icon {   right:40px;   bottom:65px;  }  .banner-widget-content{ margin-top:0px; min-width:560px; max-width:560px;  }  .image-txt-heading{   top:130px;  }  .text-image-inside figure figcaption br{   display:none;  } } @media only screen and (max-width:1366px){  .banner-widget-content .h3 br{   display:none;  }  .service-content-wrap p{   font-size:17px;   line-height:24px;  }   .clouds-1, .clouds-2, .clouds-3{   top:unset;   bottom:0px;   height:500px;  }  .service-content-wrap {   padding:30px 22px 35px;  }  .news-top-slide{ padding:0px 8px;  }  .top-news-slider-area{ padding-right:15px;  }  #news-top .glide__arrow--right{ right:-15px;  } } @media only screen and (max-width:1280px){   .banner-widget-content h2{   font-size:34px;   line-height:40px;  }  .banner-widget-content .h3 br{ display:none;  }  #news-top .glide__arrow { width:auto; height:auto;  }  #news-top .glide__arrow--left{ left:-10px;  }  #news-top .glide__arrow--right{ right:-10px;  }  } @media only screen and (max-width:1199px){  .news-widget {   padding:0px calc((100% - 96%) / 2);  }  .image-txt-heading span svg{   height:70px;  }  .image-txt-heading{   width:600px;   top:100px;  }  .text-image-inside figure figcaption br{   display:none;   font-size:22px;   line-height:28px;  }  .banner-widget-content{ margin-top:0px; min-width:40%; max-width:40%;  } } ul.glide__slides.hm-services-listing {  justify-content:space-between;  gap:28px; } ul.glide__slides.hm-services-listing li {  width:calc(33.33% - ((28px * 2) / 3));  padding:0; } @media only screen and (max-width:1180px){  #service-slider .glide__arrow {   display:block;   bottom:-28px;  }  #service-slider {   padding-bottom:70px;  }  .text-block-mobile a{   font-size:12px;   font-weight:300;   font-family:'Wotfard';   text-transform:uppercase;   text-decoration:underline;   color:#fff;  }  .text-block-mobile a:hover{   color:#CDA72C;  }  .text-block-mobile{   margin-bottom:50px;  } .service-content-wrap{   height:360px; }   #service-slider .glide__bullets{   display:block;   position:absolute;   bottom:0px;   left:50%;   transform:translateX(-50%);  }  #service-slider .glide__arrows{   display:none;  }   .top-news-slider-area{ padding:0px 20px;  } } @media only screen and (max-width:1024px){  .title-video{   font-size:300px;  }  .news-widget {   padding:0px calc((100% - 92%) / 2);  } } @media only screen and (max-width:991px){  .content-overlay-inside h1{ }  .content-overlay-inside p br{   display:none;  }  .content-overlay-inside p{   font-size:16px;   line-height:20px;  }  .heading-widget p br{   display:none;  }  .heading-widget{   margin-bottom:30px;  }  .content-sec-0{   padding:80px 0px;  }  .ifza-tab-body{   flex-wrap:wrap;  }  .tab-content-area{   width:100%;   margin-right:0px;   order:0;  }  .video-wrap{   width:100%;   height:270px;   order:1;  }  .ifza-tab-body{   padding:20px;  }  .title-video{   transform:translate(100px,150px);  }  .image-txt-heading {   width:500px;   top:60px;  }  .image-txt-heading span svg{   height:60px;  }  .text-image-sec{   padding-bottom:80px;  }  .banner-widget-content h2{   font-size:40px;  }  .banner-widget-content p{   font-size:20px;   line-height:30px;   margin-bottom:15px;  }  .clouds-1 {   background-position:35% center;   z-index:7;  }  .banner-widget{   padding-top:80px;  }  .banner-widget-content{ margin-top:0px;  } } @media only screen and (max-width:767px){  .page-template-home .container { max-width:100% !important; padding:0px 0px;   }  .content-overlay-inside h1 br{   display:none;  }  .text-block-mobile {   display:block;   opacity:1;   visibility:visible;  }  .hero-banner-widget{   height:85px;  }  .heading-temp{   display:none;  }  #news-top .glide__arrow i{   color:#fff;  }   .top-news-slider-area{   padding-left:20px;   padding-right:20px;  }  #news-top .glide__arrow--left{ left:-20px;  }  #news-top .glide__arrow--right{ right:-20px;  }  .heading-widget{   text-align:left;  }  .service-content-wrap h3{   font-size:18px;   line-height:22px;  }  .service-content-wrap h3 a br{   display:none;  }  .heading-widget{   margin-bottom:20px;  }  .service-image-wrap figure{   height:220px;  }  .service-content-wrap{   padding:30px 25px;  }  .service-content-wrap p{   font-size:14px;   line-height:18px;   letter-spacing:unset;  }  .service-content-wrap .btn-link{   bottom:0px;   position:relative;   margin-top:10px;   margin-bottom:40px;   z-index:1;  }  .service-content-wrap{   height:auto;   min-height:300px;  }  #service-slider .glide__slides .glide__slide:hover {   transform:translateY(0px);  }   .text-image-inside figure img{   height:460px;   width:100%;  }  .video-content-overlay{   padding:0px 25px;  }  .heading-widget{   padding-right:25px;  }  .content-sec-0{   padding-left:25px;   padding-right:25px;  }  ul.glide__slides.hm-services-listing {   justify-content:space-between;   gap:unset !important;  }   .banner-widget-content{   padding:0px 25px;  }  .banner-widget-content h2{   font-size:28px;   line-height:34px; }  .banner-widget-content p{   font-size:16px;   line-height:20px;  }  .banner-widget-content{   min-width:310px;   max-width:310px;  } } @media only screen and (max-width:640px){  .service-content-wrap h4 a{   font-size:18px;   line-height:22px;  }  .service-content-wrap{   padding:25px 15px;   min-height:initial;  }  .service-content-wrap p{   min-height:90px;  }  .image-txt-heading span svg{   height:42px;  }  .image-txt-heading span:nth-of-type(1){   margin-left:60px;  }  .image-txt-heading{   width:353px;   top:50px;  }  .text-image-inside figure img{   object-fit:cover;  }  #service-slider .glide__slides .glide__slide{   transition:unset;  }  #service-slider .glide__slides .glide__slide:hover .service-image-wrap figure img{   -webkit-transform:scale(1);   transform:scale(1);  }  .service-content-wrap h3 {   min-height:44px;  }  .banner-widget {   padding-top:0px;  }  .banner-widget-inside {   align-items:center;  }  .banner-widget-content p {   display:none;  } } @media only screen and (max-width:480px){  .service-content-wrap p{   min-height:108px;  }  .banner-widget-content .h3{ font-size:16px; line-height:20px; margin-bottom:30px;  }  .banner-widget-content h2{ font-size:28px; line-height:34px;  }  .banner-widget-content { min-width:270px; max-width:270px;   }  .banner-widget-image figure{   height:320px;   width:300px;  }  .banner-widget-image figure img{   width:100%;   height:100%;   object-fit:cover;  }  .clouds-1 {   background-position:10% center;   z-index:7;  }  .news-top-slide{   padding:0px 0px;  }  #news-top .glide__arrow--left{   left:-12px;  }  #news-top .glide__arrow--right{   right:-12px;  } } @media only screen and (max-width:400px){   .service-content-wrap .btn-link{   padding:0px 25px;  } } @media only screen and (max-width:380px){  .hm-map-heading-wrap span img{   margin-left:20px;  }  .banner-widget-content h2{ font-size:24px; line-height:30px; margin-bottom:12px;  }  .banner-widget-image figure { height:280px; width:260px;   }   .banner-widget-content .h3{  margin-bottom:20px;   }   .banner-widget-content{  max-width:255px;  min-width:255px;   } }   @media screen and (max-width:990px){ section.mobile-ecosystem-new h2 {   text-align:center; } section.mobile-ecosystem-new h2 br {  display:none; } .ecosystem {  display:flex;  flex-wrap:wrap;  justify-content:space-between;  row-gap:1px; }  } @media screen and (max-width:390px){   }   section#the_popup.hidden {  right:-300px;  opacity:0; } section#the_popup {  position:fixed;  width:420px;  padding:0;  right:22px;  bottom:8rem;  z-index:12;  background:white;  border-radius:1px;  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);  -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);  -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);  display:flex;  transition:all 200ms ease-in-out; } span.close-btn {  position:absolute;  top:0;  right:0;  width:32px;  height:32px;  cursor:pointer;  background:black;  color:white;  text-transform:lowercase;  font-weight:200;  display:flex;  align-items:center;  justify-content:center; }  section#the_popup a {  display:flex;  align-items:center;  justify-content:center;  width:100%; } section#the_popup a:hover{  color:black; } section#the_popup a div {  width:50%;  padding:32px 16px;  height:100%; } section#the_popup a div.the_figure{  background-image:url(https://in.ifza.com/wp-content/uploads/2023/06/mockup-laptop.jpg);  background-size:cover; } section#the_popup a div.content p {  text-transform:uppercase; } section#the_popup a div.content p:after {  content:'Learn more';  font-family:Wotfard;  display:block;  font-size:14px;  color:#cda72c;  margin-top:6px;  font-weight:300; } section#the_popup a div.content small {  font-size:12px;  line-height:14px;  opacity:.6; }  @media screen and (min-width:1024px){  span.close-btn{   transition:all 200ms ease-in-out;  }  span.close-btn:hover {   background-color:#CDA72C;  } } @media screen and (max-width:480px){  section#the_popup{   width:340px;   max-width:calc(100% - 22px);   bottom:6rem;  }  section#the_popup a div {   padding:22px 14px;  }  section#the_popup a div.content p {   font-size:16px;   line-height:18px;   margin-bottom:10px;  }  section#the_popup a div.content p:after{   font-size:12px;   margin-top:4px;  }  section#the_popup a div.content small {   font-size:11px;   line-height:13px;   opacity:.8;  } }  .text-image-inside .btn-link{ width:256px; } .workspace-content-wrap {   height:300px;   position:relative; } @media only screen and (max-width:991px){  .menu-item-type-wpml_ls_menu_item .sub-menu{  max-width:max-content;  }  .menu-item-type-wpml_ls_menu_item .sub-menu li{  margin-right:0px;  }  .text-image-inside .btn-link { width:max-content !important; padding-right:25px;  } } .hero-video {   height:100vh; } @media only screen and (max-width:768px){  .btn-link { font-size:14px;  } } @media only screen and (max-width:1280px) {  .btn-link {   padding:0px 25px !important;  } }  @media only screen and (min-width:811px) and ( max-width:1081px){  .service-content-wrap{   height:420px !important;  } } @media(max-width:767px){   .banner-widget-content .btn-link {   padding:0px !important;  } }  section.posts-section{  background:#f8f6fb; } section.posts-section.new-grid a.btn-link {  position:relative;  bottom:unset;  right:unset;  left:0;  float:none;  margin-left:25px; } .glide.insights{  padding-left:25px;  margin-top:22px;  margin-bottom:32px; } li.blogs-area figure {  height:200px;  position:relative;  background:black;  overflow:hidden; } li.blogs-area figure img {  min-width:100%;  min-height:100%;  max-width:100%;  max-height:100%;  object-fit:cover;  transition:all 200ms ease-in-out; } li.blogs-area article.video figure img{  opacity:65%; } li.blogs-area article .infobox {  display:flex;  flex-direction:column;  row-gap:.88rem;  padding:18px 12px 26px;  border:1px solid #BBBBBB;  border-top:0;  z-index:1; } li.blogs-area time {  font-weight:400; } li.blogs-area .infobox > span {  text-transform:uppercase;  padding-bottom:1px;  position:relative;  font-weight:400;  transition:all 200ms ease-in-out;  width:fit-content;  font-size:14px; } li.blogs-area .infobox > span::after {  content:'';  display:block;  position:absolute;  bottom:0;  height:1px;  width:100%;  background:#212121; } li.blogs-area article h4 {   font-size:20px;  line-height:1.2;   margin:0;  min-height:100px;  font-family:'Wotfard';  font-weight:300; } li.blogs-area article h4 br {  display:none; } @media screen and (min-width:800px){  ul.dsk.insights-grid.new-insights{   display:flex;   flex-wrap:wrap;   min-width:calc(100% + (10px * 2));   margin-left:-10px;   margin-bottom:32px;  }  ul.dsk.insights-grid.new-insights li.blogs-area{   padding:10px;  }  li.blogs-area article .infobox{   padding:22px 22px 34px;  }  ul.dsk.insights-grid.new-insights li:nth-child(1),  ul.dsk.insights-grid.new-insights li:nth-child(2){   width:100%;  }  ul.dsk.insights-grid.new-insights li:nth-child(3),  ul.dsk.insights-grid.new-insights li:nth-child(4){   width:50%;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) article {   min-height:360px;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) article {   position:relative;   padding-top:200px;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) figure {   position:absolute;   top:0;   left:0;   width:100%;   height:100%;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) figure img {   opacity:65%;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) .infobox {   border:none;   padding-right:56%;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) .infobox > span::after {   background:white;  }  ul.dsk.insights-grid.new-insights li:nth-child(2) article {   position:relative;   display:flex;   flex-wrap:wrap;   align-items:center;  }  ul.dsk.insights-grid.new-insights li:nth-child(2) article > * {   width:50%;   height:360px;  }  ul.dsk.insights-grid.new-insights li:nth-child(2) .infobox {   border:1px solid #BBBBBB;   border-left:0;   justify-content:center;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) * {   color:white;  }  section.posts-section.new-grid a.btn-link{   margin:0;  }  ul.dsk li.blogs-area article h4 {   font-size:22px;   min-height:88px;   line-height:1.2;  } } @media screen and (min-width:1280px){  ul.dsk.insights-grid.new-insights {   margin-top:1.8rem;  }  ul.dsk.insights-grid.new-insights li article {   min-height:440px!important;   position:relative;  }  ul.dsk.insights-grid.new-insights li article .infobox {   border:0!important;  }  ul.dsk.insights-grid.new-insights li:nth-child(1) article {   padding-top:0px;   display:flex;   flex-direction:column;   justify-content:flex-end;  }  ul.dsk.insights-grid.new-insights li:not(:nth-child(1)) article {   border:1px solid #BBBBBB;  }  ul.dsk.insights-grid.new-insights li:nth-child(1), ul.dsk.insights-grid.new-insights li:nth-child(3){   width:66.66%;  }  ul.dsk.insights-grid.new-insights li:not(:nth-child(1)) article .infobox {   padding-top:0;  }  ul.dsk.insights-grid.new-insights li:nth-child(2), ul.dsk.insights-grid.new-insights li:nth-child(4) {   width:33.33%;  }  ul.dsk.insights-grid.new-insights li:nth-child(2) article > * {   width:100%;   height:auto;  }  ul.dsk.insights-grid.new-insights li:nth-child(2) article, ul.dsk.insights-grid.new-insights li:nth-child(4) article {   flex-direction:column;   padding-top:calc(180px + 18px);   position:relative;  }  ul.dsk.insights-grid.new-insights li:nth-child(2) figure, ul.dsk.insights-grid.new-insights li:nth-child(4) figure {   height:180px;   width:100%;   position:absolute;   top:0;   left:0;  }  ul.dsk.insights-grid.new-insights li:nth-child(3) article {   display:flex;   justify-content:space-between;  }  ul.dsk.insights-grid.new-insights li:nth-child(3) article > * {   width:50%;   height:440px;  }  ul.dsk.insights-grid.new-insights li:nth-child(3) article .infobox {   justify-content:center;   padding:22px;  }  ul.dsk li.blogs-area article h4 {   min-height:128px;   transition:all 200ms ease-in-out;  }  li.blogs-area .infobox > span {   font-size:14px;  } li.blogs-area:hover figure img {   transform:scale(1.05);  }  ul.dsk.insights-grid.new-insights li:nth-child(1):hover figure img {   opacity:50%;  }  ul.dsk.insights-grid.new-insights li:not(:nth-child(1)):hover h4 {   color:#CDA72C;  } } @media screen and (min-width:1600px){  ul.dsk.insights-grid.new-insights {   min-width:calc(100% +(20px* 2));   margin-left:-20px;  }  ul.dsk.insights-grid.new-insights li.blogs-area {   padding:20px;  }  ul.dsk.insights-grid.new-insights li article,  ul.dsk.insights-grid.new-insights li:nth-child(3) article > * {   min-height:480px !important;  }  ul.dsk li.blogs-area article h4 {   font-size:24px;   line-height:1.3;  }  ul.dsk.insights-grid.new-insights li article .infobox {   padding-left:38px;   padding-right:38px;  }  ul.dsk.insights-grid.new-insights li:nth-child(3) article .infobox{   padding:38px;  }  ul.dsk.insights-grid.new-insights li:nth-child(2) article,  ul.dsk.insights-grid.new-insights li:nth-child(4) article {   padding-top:calc(210px + 26px);  }  ul.dsk.insights-grid.new-insights li:nth-child(2) figure,  ul.dsk.insights-grid.new-insights li:nth-child(4) figure {   height:210px;  } } ul.dsk.insights-grid.new-insights li article a::before {  content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  z-index:1; }   section.ecosystem-panel-new {  background:#21201F; } section.ecosystem-panel-new .container {  padding-top:68px;  padding-bottom:68px;  display:flex;  flex-direction:column;  row-gap:10px; } section.ecosystem-panel-new .container *{  text-align:center;  color:white;  margin:0;  width:100%; } .expanding-panels {  display:flex;  justify-content:space-between;  background:white; } .expanding-panels article.the-panel, .expanding-panels article.the-panel .content {  transition:all 200ms ease-in-out; } .expanding-panels article.the-panel {  height:920px;  display:flex;  background-color:#f3f3f3; } .expanding-panels article.the-panel.active {  width:100%; } .expanding-panels article.the-panel:not(.active){  width:15%;  max-width:100px; }  .expanding-panels article.the-panel.active .preview {  visibility:hidden;  width:0; } .expanding-panels article.the-panel .preview {  position:relative;  height:100%;  cursor:pointer; } .expanding-panels article.the-panel .preview figure {  background:black;  width:100%;  height:100%;  overflow:hidden; } .expanding-panels article.the-panel .preview figure img {  min-width:100%;  min-height:100%;  max-width:100%;  max-height:100%;  object-fit:cover;  transition:all 200ms ease-in-out;  opacity:90%; } .expanding-panels article.the-panel .preview:hover figure img {  opacity:65%; }  .expanding-panels article.the-panel .preview small {  writing-mode:vertical-rl;  -webkit-writing-mode:vertical-rl;  transform:rotate(-180deg) translateX(-50%);  color:#fff;  position:absolute;  bottom:4rem;  left:50%;  transform-origin:left;  z-index:1;  text-transform:uppercase;  font-size:22px;   font-family:'TT Firs Neue';  font-weight:300;  transition:all 200ms ease-in-out; } .expanding-panels article.the-panel .preview small br {  display:none; } .expanding-panels article.the-panel .preview:hover small {  bottom:6.2rem; }  .expanding-panels article.the-panel:not(.active) .content {  visibility:hidden;  width:0;  opacity:0; } .expanding-panels article.the-panel.active .content {  width:100%; } .expanding-panels article.the-panel .content {  display:flex;  justify-content:center;  align-items:center; } .expanding-panels article.the-panel .content > * {  width:42%;  max-width:640px; } .expanding-panels .column.col-letter {  position:relative;  min-height:600px;  display:flex;  align-items:center;  justify-content:center;  overflow:hidden; } .expanding-panels .column.col-letter video, .expanding-panels .column.col-letter span {  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  margin:0; } .expanding-panels .column.col-letter video {  object-fit:cover; } .expanding-panels .column.col-letter span {  font-size:660px;  font-family:'TT Firs Neue';  font-weight:700;  line-height:100%;  text-transform:uppercase;  text-align:center;  background:#f3f3f3;  mix-blend-mode:lighten; } .expanding-panels .column.col-content {  padding:2.8rem;  display:flex;  flex-direction:column;  row-gap:.42rem;  align-items:flex-end;  margin-bottom:.8rem; } .expanding-panels .column.col-content *:not(.btn-link, .btn-link *) {  text-align:right;  margin:0; } .expanding-panels .column.col-content .btn-link {  margin-top:2.4rem; } h3.panel-title {  font-size:3.4rem;  line-height:1; } strong.panel-subtitle {  color:#D1A915;  font-size:28px;  line-height:40px;  display:block;  font-family:'TT Firs Neue';  font-weight:300;  text-transform:uppercase; } @media screen and (max-width:1650px){  .expanding-panels article.the-panel {   max-height:90vh;  }  .expanding-panels article.the-panel:not(.active){   max-width:85px;  }  .expanding-panels .column.col-letter span{   font-size:600px;   line-height:110%;  }  .expanding-panels .column.col-content{   row-gap:.8rem;   padding:0;  }  strong.panel-subtitle {   font-size:24px;  } } @media screen and (max-width:1440px){  section.ecosystem-panel-new .container{   padding-top:50px;   padding-bottom:50px;  }  .expanding-panels article.the-panel {   max-height:80vh;  }  .expanding-panels article.the-panel .content > * {   width:44%;  }  .expanding-panels .column.col-letter span {   font-size:500px;   line-height:140%;  }  .expanding-panels .column.col-letter {   min-height:80vh;  }  .expanding-panels article.the-panel .preview small{   font-size:18px;  } } @media screen and (max-width:1280px){  .expanding-panels article.the-panel:not(.active) {   max-width:66px;  }  .expanding-panels article.the-panel.active .content{   column-gap:.28rem;  }  h3.panel-title {   font-size:2.6rem;  }  strong.panel-subtitle {   font-size:22px;   line-height:1.2;  }  .expanding-panels .column.col-content > p {   font-size:16px;   line-height:1.2;  }  .expanding-panels .column.col-content{   row-gap:0;  } } @media screen and (max-width:1200px){  .expanding-panels article.the-panel .content > * {   width:40%;  }  .expanding-panels .column.col-letter span {   font-size:420px;   line-height:110%;  }  .expanding-panels .column.col-letter {   min-height:400px;  }  .expanding-panels article.the-panel .preview small{   bottom:3rem;  }  .expanding-panels article.the-panel .preview:hover small {   bottom:4.2rem;  } } @media screen and (max-width:1100px){  .expanding-panels .column.col-letter,  .expanding-panels article.the-panel {  min-height:80vh;  height:540px;   }  .expanding-panels .column.col-letter span {   font-size:360px;   line-height:150%;  }  .expanding-panels .column.col-content {   row-gap:8px;  }  h3.panel-title {   font-size:2.2rem;  }  strong.panel-subtitle {   font-size:18px;   line-height:1.2;  }  .expanding-panels .column.col-content > p {   font-size:14px;   line-height:1.2;  } } @media screen and (max-width:1025px){  .expanding-panels article.the-panel .content > * {   width:44%;  }  .expanding-panels .column.col-letter span {   font-size:360px;   line-height:168%;  }  strong.panel-subtitle {   font-size:17px; } }  @media screen and (max-width:1024px){  .expanding-panels article.the-panel.active .preview {   visibility:visible;   width:auto;  }  .expanding-panels article.the-panel.active .content {   display:none;  }  .expanding-panels {   flex-wrap:wrap;  }  section.ecosystem-panel-new .expanding-panels article.the-panel {   width:33.33%;   max-width:unset;   min-height:unset;   height:240px;   max-height:unset;  }  .expanding-panels article.the-panel .preview small {   writing-mode:horizontal-tb;   -webkit-writing-mode:horizontal-tb;   transform:unset;   left:0;   right:0;   margin:0 auto;   top:50%;   transform:translateY(-50%);   transition:unset;   bottom:unset;   width:fit-content;  }  .expanding-panels article.the-panel .preview:hover small{   bottom:unset;  }  .expanding-panels article.the-panel .preview figure img {   opacity:80%;  } } .panels-grid {  display:none; } @media screen and (max-width:990px){  .weather-widget {   display:none;  }  .expanding-panels {   display:none;  }  .close {   color:white;   position:absolute;   top:0;   right:22px;   font-size:55px;   font-weight:lighter;   width:60px;   height:60px;   display:flex;   align-items:center;   justify-content:center;   background:#CDA72C;  }  .prev, .next { cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); color:#555555; left:0; font-weight:lighter; font-size:12px; transition:0.6s ease; border-radius:0; user-select:none; -webkit-user-select:none; background:transparent; border:none; width:40px; height:80px; display:flex; align-items:center; justify-content:center; text-align:center; z-index:2;  }  .next { right:0; left:unset;  }  .dots {   width:100%;   padding:22px;   display:flex;   align-items:center;   justify-content:center;   column-gap:8px;   position:absolute;   bottom:0;   transform:translateY(100%);  }  .panels-grid {   display:flex;   flex-wrap:wrap;  }  .panels-grid figure {   width:33.33%;   border:.5px solid white;   height:320px;   background:black;   position:relative;  }  .panels-grid figure img {   min-width:100%;   max-width:100%;   min-height:100%;   max-height:100%;   object-fit:cover;   opacity:85%;  }  .panels-grid figure figcaption {   position:absolute;   display:block;   font-family:'TT Firs Neue';   color:white;   top:50%;   transform:translateY(-50%);   width:fit-content;   text-align:center;   left:0;   right:0;   margin:0 auto;   text-transform:uppercase;   font-size:22px;  }  .the-modal-slides {   top:0;   bottom:0;   left:0;   width:100%;   min-height:100vh;   position:fixed;   overflow-y:scroll;   overflow-x:hidden;   align-items:center;   justify-content:flex-start;   flex-direction:column;   background:white;   z-index:1000;  }  .modal-content {   display:flex;   align-items:center;   justify-content:center;   position:relative;   background-color:#ffffff;   margin:auto;   padding:0;   width:calc(100% - 44px);   max-width:1200px;  }  .mySlidesNew {   flex-direction:column;   row-gap:1.8rem;   padding:62px 38px;   border-radius:1px;   max-width:520px;   box-shadow:0px 2px 20px 3px rgba(0,0,0,0.2);   -webkit-box-shadow:0px 2px 20px 3px rgba(0,0,0,0.2);   -moz-box-shadow:0px 2px 20px 3px rgba(0,0,0,0.2);  }  .column.col-letter {   display:flex;   height:400px;   max-height:50vh;   justify-content:center;   align-items:center;   overflow:hidden;   position:relative;  }  .col-letter video,  .col-letter span {   position:absolute;   top:0;   left:0;   width:100%;   height:100%;   margin:0;  }  .col-letter video {   object-fit:cover;  }  .col-letter span {   font-size:480px;   font-family:'TT Firs Neue';   font-weight:700;   line-height:1;   text-transform:uppercase;   text-align:center;   background:white;   mix-blend-mode:screen;  }  h3.panel-title {   font-size:3.2rem;   margin-bottom:0.28rem;  }  strong.panel-subtitle {   font-size:22px;  margin-bottom:1rem;  }  .col-content p {   margin-bottom:2.2rem;   min-height:80px;  }  .arrows .arrow-img {   background:url(https://in.ifza.com/wp-content/themes/ifza/assets/images/btn-arrow.svg);  }  .arrows a {   width:48px;   height:48px;   display:flex;   align-items:center;   justify-content:center;   background:#21201F;   transform:none;  }  .arrows a.prev {   transform:rotate(-180deg);  }  .arrows a span {   margin:0;  } } @media screen and (max-width:820px){  .panels-grid figure {   height:280px;  } } @media screen and (max-width:768px){  .panels-grid figure {   width:50%;   height:380px;  }  .panels-grid.panels-odd figure:nth-child(1){   width:100%;  } } @media screen and (max-width:480px){  .panels-grid figure {   height:220px;  }  .panels-grid figure figcaption{   font-size:18px;  }  .mySlidesNew {   padding:22px 22px;   row-gap:2.2rem;   min-height:300px;   position:relative;  }  .col-letter span {   font-size:380px;  }  .column.col-letter {   height:320px;  }  .column.col-content {   padding:0 16px;   display:flex;   flex-direction:column;   align-items:center;  }  h3.panel-title {   font-size:2.4rem;   margin-bottom:0.28rem;  }  strong.panel-subtitle {   font-size:18px;  margin-bottom:.6rem;  }  .col-content p {   margin-bottom:2.2rem;   min-height:100px;  }  h3.panel-title,  strong.panel-subtitle,  .col-content p {   text-align:center;   width:100%;  }  .column.col-content a.btn-link {   margin:0 auto 22px;   padding-right:0!important;  } } 
