@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display:swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display:swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display:swap;
}

* {
  padding: 0;
  margin: 0;
}

body,
html {
  height: 100%;
  width: 100%;
  font-size: 1.4rem;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  scroll-behavior: smooth;
  background: #f4f4f4;
}

a {
  transition: all 0.35s;
  list-style: none;
  font-size: 14px;
  outline: none !important;
  text-decoration: none !important;
  transition: 0.5s all;
  font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #333;
  font-family: 'Montserrat', sans-serif;
}

ul {
  list-style: none;
}

p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: -0.02em;
  color: #1E1C1C;
  font-family: 'Metropolis';
}

button:focus {
  outline: 0;
  outline: inherit !important;
}

label {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px 0;
  position: relative;
  letter-spacing: 0.8px;
  color: #000;
}

:focus {
  outline: 0;
  box-shadow: none;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(183deg, #324A8C 21.81%, #4E639B 100%);
  outline: none;
}

/*-----------header----------------*/

.header{
  background: linear-gradient(90deg, #1B4099 0%, #183B8B 16.92%, #295CBA 29.26%, #285CBA 45.50%, #204DA8 53.45%, #184198 65.67%, #102B62 85.26%, #0E2754 100%);
  width: 100%;
  height: 80px;
  
}
.header .container{
  padding: 0 10%;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 10%;
  left: 100%;
  margin-top: -1px;
}
.navbar-light{
  padding: 0;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.navbar-light .navbar-nav .nav-link{
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height:17.4px;
  padding: 1.4rem 0.6rem;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #FFC107;
}
.dropdown-menu{
  background: #295CBA;
  border-radius: 0;
  border:0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.dropdown-item{
  color: #FFF;
  text-align: left;
  font-style: normal;
  font-size: 0.55rem;
    line-height: 16px;
    font-weight: 500;
  line-height:17.4px;
  padding: 12px 10px;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: #183b8c;
}
.fixed{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
}
  @keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
} 
/*---------------banner----------------*/

.banner .row{
  background: url(../img/banner.jpg) no-repeat center  right;
  height: 490px;
  background-size: cover;
  align-items: center;
  padding: 0 15%;
  background-position: center center;
  animation: shrink 10s infinite alternate;
}
@keyframes shrink {
  0% {
    background-size: 115% 115%;
  }
  100% {
    background-size: 100% 100%;
  }
}
.banner h1{
  color: #FFF;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 71.304px;
  letter-spacing: -1.273px;
}
.banner h1 span{
  font-weight: 700;
  padding-right: 10px;
}
.banner p{
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  line-height: 30px;
  margin-bottom: 0;
}

.bg-white{
  background: #fff;
}
.bg-light-gr{
  background: #EAEAEA;
}

/*------------home_about------------*/

.home_about .container{
  padding: 7% 0;
  text-align: center;
}
.home_about h2{
  color: #000;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 45.15px;
  margin-bottom: 30px;
}
.home_about p{
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight:400;
  line-height: 27.965px;
  margin-top: 35px;
}

/*-----------home_advantage-------------*/

.home_advantage h2{
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: center;
}
.home_advantage h2 span{
  color: #263E80;
  font-weight: 700;
}

.adv_ul{
  display: flex;
  margin: 4% 0 8% 0;
  padding: 0 5%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.adv_ul li{
  width: calc((100% - 150px) / 4);
  padding: 0 0;
  border: 1px solid #E4E4E4;
  background: #FFF;
  box-shadow: 4px 6px 21px 0px rgba(0, 0, 0, 0.10);
  display: block;
}
.adv_ul li img{
  width: 100%;
  object-fit: cover;
}

.adv_ul li div{
  padding: 20px;
}
.adv_ul li div h5{
  color: #000;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.539px;
}
.adv_ul li div p{
  color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: -0.51px;
margin-bottom: 0;
margin-top: 15px;
}
.own_cable_home{
  padding: 2% 0 0 0;
}
.border_div{
  height: 1px;
  background-color: #dcdcdc;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 8%;
}
.range_cable{
  padding: 0 5%;
}
.range_cable .card{
  padding: 0;
  border: 0;
  box-shadow: none;
  height: 100%;
}
.range_cable .card h5{
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.539px;
  margin-top: 30px;
}
.range_cable .card p{
  color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin-top: 20px;
width: 95%;
}

.dic_btn{
  color: #FFF;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 137.5%;
  letter-spacing: -0.217px;
  text-transform: uppercase;
  background: #C12B8D;
  display: block;
  width: fit-content;
  padding: 12px 30px;
  border-radius: 0;
  transition: 0.5s all;
  margin-bottom: 3%;
}
.dic_btn:hover{
  background: #295CBA;
  color: #FFF;
  border-radius: 8px;
}

/*---------------usp_section----------------*/

.usp .row{
  background: url(../img/usp_bg.jpg) no-repeat center  right;
  background-size: cover;
  padding: 12% 0 6% 0;
}

.usp h4{
  color: #FFF;
  font-family: 'Montserrat';
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 43.26px;
  letter-spacing: -0.7px;
  text-align: center;
  margin-bottom: 3%;
}

.usp ul{
  display: flex;
  margin: 0;
  padding: 0 2%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.usp ul li{
  width: calc((100% - 0px) / 4);
  padding: 10px;
}
.usp ul li h1{
  color: #FFF;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 49.455px;
  font-style: normal;
  font-weight: 700;
  line-height: 81.353px;
  letter-spacing: -1.484px;
  text-transform: uppercase;
}
.usp ul li p{
  color: #FFF;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}

/*--------------why-choose---------------*/

.why-choose .container{
  padding: 5%;
  overflow: hidden;
}

.why-choose h1{
  color: #000;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 53px;
  letter-spacing: -1px;
}
.why-choose p{
  color: #000;
  font-family: 'Metropolis';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.16px;
}
.why-choose .card{
  border-radius: 0;
  border: 0;
  height: 100%;
}
.why-choose .card .row{
  height: 100%;
}
.why-choose .card h5{
  color: #000;
font-family: 'Metropolis';
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 29.305px;
}
.why-choose .card p{
  color: #000;
  text-align: left;
  font-family: 'Metropolis';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.why-choose .card img{
  object-fit: cover;
  height: 100%;
}

/*-----------------testimonial-------------------*/

.testimonial .container{
  padding: 5% 5% 4% 5%;
}

.testimonial h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: center;
}
.testimonial h2 span {
  color: #263E80;
  font-weight: 700;
}
.testimonialSwiper{
  padding-bottom: 5%;
}
.testimonialSwiper .profile_div{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.testimonialSwiper .profile_div img{
  width: 100px;
  padding: 10px;
  object-fit: contain;
}

.testimonialSwiper .profile_div h5{
  color: #000;
  font-family: 'Montserrat';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.24px;
  padding-left: 15px;
}

.testimonialSwiper .q_content{
  margin-top: 3%;
}

.testimonialSwiper .q_content p{
  color: #000;
text-align: justify;
font-family: 'Montserrat';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.6px;
padding: 2% 4% ;
}

.quote2{
  position: absolute;
  right: 0;
  bottom: 0;
}
.swiper-button-next{
  top: auto;
  bottom: -1%;
  right: 36px;
  
}
.swiper-button-next::after, .swiper-button-prev:after{
  color: #000;
  font-size: 20px;
}
.swiper-button-prev{
  top: auto;
  bottom: -1%;
  left: auto;
  right: 70px;
}

/*--------------our_blog-------------*/

.ourblog .container{
  padding: 3% 5% 5% 5%;
}
.ourblog h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: left;
}
.ourblog h2 span {
  color: #263E80;
  font-weight: 700;
}

.ourblog .card{
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #4562B1;
  position: relative;
}
.ourblog .card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 0;
}
.ourblog .big_blog .card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.ourblog .card .card-title{
  color: #FFF;
text-align: justify;
font-family: 'Montserrat';
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 23.858px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box !important;
-webkit-box-orient: vertical;
}

.ourblog .card .card-text{
  color: #FFF;
font-family: 'Montserrat';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 15px 0;
}
.ourblog .card .card-text span{
  color: #FFF;
  text-align: left;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 55.057px;
  display: block;
  margin-bottom: 12px;
}
.card-body{
  position: relative;
  height: 100%;
  /* display: flex; */
  flex-wrap: wrap;
  padding: 2rem;
}
.ourblog .card .red_sec{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.ourblog .card .red_sec a{
  color: #FFF;
font-family: 'Montserrat';
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.39px;
}

.ourblog .card .red_sec small{
  color: #FFF;
  font-family: 'Montserrat';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.39px;
}
.blogSwiper{
  padding-bottom: 5%;
}
.blogSwiper .swiper-button-next{
  right: 0;
}
.blogSwiper .swiper-button-prev{
  right: 45px;
}

/*------------insta_post---------------*/

.insta_post .container{
  padding: 0% 5% 5% 5%;
}
.insta_post h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: left;
}
.insta_post h2 a span {
  color: #263E80;
  font-weight: 700;
  font-size: 28px;
  font-style: normal;
}

.instaSwiper img{
  width: 100%;
  height: 272px;
  object-fit: cover;
}

.instaSwiper{
  padding-bottom: 5%;
}
.instaSwiper .swiper-button-next{
  right: 0;z-index: 11;
}
.instaSwiper .swiper-button-prev{
  right: 45px;
  z-index: 11;
}

/*-------------case_studies---------------*/

.case_studies .container{
  padding: 3% 5% 3% 5%;
  overflow: hidden;
}
.case_studies h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: left;
}
.case_studies h2 span {
  color: #263E80;
  font-weight: 700;
}

.case_studies .card{
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.case_studies .card img{
  width: 100%;
  height: 331px;
  background-size: cover;
  border-radius: 0;
}
.case_studies .card-title{
  color: #000;
  font-family: 'Metropolis';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.24px;
  letter-spacing: -0.24px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.case_studies .card-text{
  color: #000;
  font-family: 'Metropolis';
  font-size: 15px;
  font-weight: 400;
  line-height: 24.675px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

.case_studies .card-body a{
  color: #4562B1;
  font-family: 'Montserrat';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.54px;
  position: relative;
  z-index: 22;
}

/*-----------target_ind---------------*/

.target_ind .container{
  padding: 3% 5% 0 5%;
}
.target_ind h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: center;
}
.target_ind h2 span {
  color: #263E80;
  font-weight: 700;
}

.targetSwiper2 .swiper-slide{
  height:450px;
  width: 100%;

}
.targetSwiper2 img{
  object-fit: cover;
}
.targetSwiper {
  height: 120px;
  box-sizing: border-box;
  padding: 10px 0;
  position: relative;
}
.swiper-horizontal{
  position: relative;
}
.swiper-thumbs::before{
  content: '';
  position: absolute;
  width: 90%;
  height: 1px;
  background: #c3c3c3;
  bottom: 45px;
  left: 4%;
  margin: 0 auto;
}
.swiper-thumbs .swiper-slide-thumb-active::after{
  content: '';
  position: absolute;
  width: 10px;
  height: 30px;
  background: #263E80;
  bottom: -30px;
  left:50%;
  border-radius: 5px;
}
.targetSwiper .swiper-slide {
  width: 25%;
  height: 100%;
}
.targetSwiper .swiper-slide h6{
  color: #000;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;

}
.targetSwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-slide-thumb-active h6{
  font-weight: 700 !important;
}
.targetSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.targetSwiper{
  padding-bottom: 5%;
}
.thampText img{
  width: 350px;
  height: 350px;
  object-fit: cover;
}
.thampText h3{
  color: #000;
  font-family: 'Montserrat';
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 59.261px;
letter-spacing: -1.5px;
margin-bottom: 25px;
}
.thampText p{
  color: #000;
  font-family: 'Montserrat';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
letter-spacing: -0.16px
}
.thampText div:first-child{
  padding-left: 7%;
}
/*--------------footer-------------------*/

footer{
  background: linear-gradient(183deg, #324A8C 21.81%, #4E639B 100%);
}

.uper-footer{
  padding: 7% 0;
}
.uper-footer h4{
  color: #FFF;
  font-family: 'Montserrat';
  font-size: 22.432px;
  font-style: normal;
  font-weight: 600;
  line-height: 39.256px;
  margin-bottom: 30px;
}

.uper-footer p{
  color: #FFF;
  font-family: 'Montserrat';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.75px;
  letter-spacing: -0.255px;
  margin-bottom: 8px;
}
.social_icon{
  margin-top: 30px;
}
.social_icon a{
  font-size: 22px;
  color: #fff;
  padding: 8px;
  margin: 0 8px;
}
.social_icon a:first-child{
  margin-left: 0;
  padding-left: 0;
}

.uper-footer ul{
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.uper-footer ul li{
  width: calc((100% - 20px) / 2);
}
.uper-footer ul li a{
  color: #FFF;
font-family: 'Montserrat';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

.bottom_footer{
  background: #000102;
}
.bottom_footer p{
  color: #FFF;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
  padding: 12px 0;
}


.mega_menu{
  width: 850px;
  padding: 15px;
  left: -100px;
}
.mega_menu li h6{
  color: #ffeb3b;
  text-align: left;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 17.4px;
  padding:0 0 10px 0;
  
  
}
.mega_menu li ul{
  margin: 0;
  padding: 0;
  margin-top: 10px;
  padding-top: 10px;
}
.mega_menu li ul li a.dropdown-item{
  white-space: inherit;
  padding: 5px;
  margin-bottom: 5px;
  display: block;
  font-weight: 500;
  font-size: 0.55rem;
  line-height: 16px;
  transition: 0.5s all;
}

.swiper-slide-active .textDiv{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.swiper-slide-active .imgDIV{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
} 

/* .hover-effect::before {
  right: 0;
  opacity:0.7;
  top: 0;
}
.hover-effect::after {
  bottom: 0;
  opacity: 0.7;
  left: 0;
}


.hover-effect::before, .hover-effect::after {
  content: "";
  background: #fff;
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s;
transition-duration: 1.3s !important;
}
.hover-effect:hover::after, .hover-effect:hover::before {
  height: 100%;
  opacity: 0;
  width: 100%;
} */
.banner h1{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.banner p{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
}
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
}
  @keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
}
/* .home_about h2{
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} */
@-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
}
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
} 

.insta_post iframe{
 height: 440px !important;
 overflow: hidden;
}

.our_step .row{
  padding: 120px 0;
  background: #EAEAEA;
}
.our_step h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: center;
  margin-bottom: 100px;
}
.our_step h2 span {
  color: #263E80;
  font-weight: 700;
}

.our_step ul{
  display: flex;
  margin: 0;
  padding: 0 9%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.our_step ul li{
  width: calc((100% - 100px) / 3);
    padding: 2% 4%;
    text-align: center;
}

.our_step ul li img{
  width: 75px;
  object-fit: contain;
  margin-bottom: 45px;
}
.our_step ul li span{
  color: #263E80;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
  display: block;
}
.our_step ul li span small{
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  font-family: 'Montserrat';
}

.IN-widget {
  position: relative !important;
  margin-top: -3px !important;
  vertical-align: middle !important;
}

/*--------------ourteam----------------*/
.ourteam .container{
  background: #fff;
  padding: 1% 5% 6% 5%;
}
.ourteam h2{
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  letter-spacing: -0.7px;
  text-align: center;
  margin-bottom: 100px;
}
.ourteam h2 span {
  color: #263E80;
  font-weight: 700;
}
.ourteam img{
  width: 100%;
  filter: grayscale(100%);
}

.ourteam h6{
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.24px;
  margin: 8% 0 5% 0;
}
.ourteam p{
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.18px;
}
.twitter-timeline {
  border-color: transparent !important;
}
.r-rs99b7 {
  border-color: transparent !important;
  border-width: 0px !important;
}

.linkdin_card{
  border-radius: 15px;
  border: 0;
}
.linkdin_card{
  position: relative;
}
.hide_div{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 52px;
  z-index: 999999;
}