/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 24, 2025 */



@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'slantregular';
    src: url('../fonts/slant-webfont.woff2') format('woff2'),
         url('../fonts/slant-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: 'proxima_novaregular';
  font-optical-sizing: auto;

  font-style: normal;}
footer {
    background-color: #03457a;
}
h4.fw-title {
    color: #70b4f4;
    font-weight: bold;
}
  .footer-top{ padding:20px 0; border-bottom: 1px solid rgba(255,255,255,.07);}
ul.social-media { text-align: right; padding: 0; margin: 0;}
ul.social-media li{display: inline-block;
  margin: 0 6px 0 0;}
ul.social-media li a{text-align: center;       display: inline-block;
border-radius: 12px;
      align-items: center;
      gap: 8px; 
  text-decoration: none;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;background-color: #fff;color:#000a3b;}
  ul.social-media li a i{color:#000a3b;}
  .social-media li a{ text-decoration: none;   transition: all .2s ease-out;-webkit-transition: all .2s ease-out;}
  .social-media li a:hover{    transform: translateY(-10px);  -webkit-transform: translateY(-10px);}
  .footer-bottom{ color:#fff; font-size: 16px; padding: 20px 0;}
  .footer-bottom ul{ padding: 0; margin: 0;}
  .footer-bottom li{ list-style: none;}
  .footer-bottom li a{ color: #fff; text-decoration: none;}
  .partnership{ background-color: aliceblue;}
  .partners{ width: 80%; display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 1.5rem !important;}
  .partners .logo-box {
    height: 130px;
    border-radius: 12px;
    background-color: #fff;
}



.square .btn-red {
  background-color: #de253a;
  padding: 15px 25px;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: .28px;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  border-radius: 16px;
  display: inline-flex
;

  align-items: center;
  font-weight: 700;
  color: #fff;
}

.square-pulse {
  box-shadow: 0 0 0 0 #de3030;
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(222, 48, 48, .7);
}
70% {
    box-shadow: 0 0 0 10px rgba(222, 48, 48, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(222, 48, 48, 0);
}
}
.about-section{ padding: 80px 0;}
.gray-bg {
  background-color: #f4f4f4;
}

.industries-section .single-industry {
  gap: 15px;
  background: #fff;
  padding: 25px 20px;
  border-radius: 4px;
  border: solid 1px #f3f3f3;
  transition: all .3s;
}

.industries-section .single-industry .industry-img {
  flex: 0 0 50px;
}

 .industry-img img {
  max-width: 50px;
  max-height: 50px;
}

.font-20 {
  font-size: 20px !important;
}

.who-should{ padding: 60px 0;}
h2 {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: -1px;
  line-height: 1.1em;
}


.mb-20 {
  margin-bottom: 20px;
}

.partnership{ padding: 60px 0;}

.hash {
  position: absolute;
  font-size: 40px;
  font-weight: 800;
  color: #05073d8c;
  right: -8.75vw;
  padding: 0 2vw;
  rotate: -90deg;
  top: 40%;
  background: #f3f0e7;
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.about-content {
  position: relative;
}

.about-content p{    margin-right: 60px; line-height: 29px;}


 .icon-bx img {
  height: auto;
  margin: auto;
}


.pp-components.dark h2 {
  color: #fff
}

.pp-components.dark h3 {
  color: #fff
}

.pp-components.dark p {
  color: #fff
}

.pp-components.dark .pp-box {
  min-height: 100%
}

.pp-components.dark .pp-box:before {
  display: none
}

.pp-components .container {
  position: relative;
  z-index: 1
}

.pp-components .data-row {
  position: relative;
  padding-left: 160px;
  min-height: 130px
}

@media screen and (max-width: 991px) {
  .pp-components .col-sm-6.col-md-6 {
      width:50%
  }

  .pp-components .data-row {
      padding-left: 0;
      text-align: center
  }
}

.pp-components .data-row .icon-bx {
  position: absolute;
  left: 3px;
  top: 3px;
  background-color: #e0e0e0;
  width: 120px;
  height: 120px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin-bottom: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border: none
}

.pp-components .data-row .icon-bx.iclr1 {
  background: #b55901;
  background: -webkit-linear-gradient(52deg,#b55901 0,#f8e380 100%);
  background: -o-linear-gradient(52deg,#b55901 0,#f8e380 100%);
  background: linear-gradient(142deg,#b55901 0,#f8e380 100%)
}

.pp-components .data-row .icon-bx.iclr2 {
  background: #2a6dfb;
  background: -webkit-linear-gradient(0deg,#2a6dfb 0,#63b2ff 100%);
  background: -o-linear-gradient(0deg,#2a6dfb 0,#63b2ff 100%);
  background: linear-gradient(0deg,#2a6dfb 0,#63b2ff 100%)
}

.pp-components .data-row .icon-bx.iclr3 {
  background: #a9319c;
  background: -webkit-linear-gradient(294deg,#a9319c 0,#fb8edf 100%);
  background: -o-linear-gradient(294deg,#a9319c 0,#fb8edf 100%);
  background: linear-gradient(294deg,#a9319c 0,#fb8edf 100%)
}

.pp-components .data-row .icon-bx.iclr4 {
  background: #00617b;
  background: -webkit-linear-gradient(183deg,#00617b 0,#00cdf1 100%);
  background: -o-linear-gradient(183deg,#00617b 0,#00cdf1 100%);
  background: linear-gradient(183deg,#00617b 0,#00cdf1 100%)
}

.pp-components .data-row .icon-bx img {
  height: auto;
  margin: auto;
max-width:90px;
}
.pp-components a{text-deocration:none;}
.pp-components .data-row .icon-bx:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 5px 0 rgba(0,0,0,.3);
  box-shadow: 0 5px 0 rgba(0,0,0,.3)
}

.pp-components .data-row.right {
  text-align: right;
  padding-right: 160px;
  padding-left: 0
}

.pp-components .data-row.right .icon-bx {
  right: 3px;
  left: auto
}

.pp-components .data-row.right .cardBox {
  right: 0;
  left: auto
}

.pp-components .data-row h3 {
  padding-top: 20px
}

.pp-components .data-row p {
  margin-bottom: 0
}

@media screen and (max-width: 991px) {
  .pp-components .data-row .icon-bx {
      position:relative
  }

  .pp-components .data-row.right {
      padding-right: 0;
      text-align: center
  }

  .pp-components .data-row p {
      min-height: 80px
  }
}

.pp-components .data-row p span {
  font-family: interbold;
  font-size: 18px
}

.pp-components h2 {
  font-size: 42px
}

@media screen and (max-width: 1499px) {
  .case-studies-inside-page .btn-row .new-btn {
      font-size:18px
  }

  .pp-components h2 {
      font-size: 36px
  }
}

@media screen and (max-width: 1399px) {
  .pp-components h2 {
      font-size:32px
  }
}

@media screen and (max-width: 1199px) {
  .case-studies-inside-page .btn-row .new-btn {
      margin-left:auto;
      margin-right: auto;
      margin-top: 20px
  }

  .pp-components h2 {
      font-size: 28px
  }
}

@media screen and (max-width: 991px) {
  .pp-components h2 {
      font-size:34px;
      line-height: 40px;
      text-align: center
  }
}

@media screen and (max-width: 575px) {
  .pp-components .title h2 {
      margin-bottom:0
  }

  .pp-components .data-row h3 {
      font-size: 16px
  }

  .pp-components .data-row p span {
      font-size: 15px;
      line-height: normal
  }

  .pp-components h2 {
      font-size: 28px
  }
}

@media screen and (max-width: 480px) {
  .pp-components .data-row p {
      min-height:130px
  }

  .pp-components h2 {
      font-size: 22px
  }
}
.pp-components .pp-box {
  margin: 0 auto;
  position: relative;
  display: flex
;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .pp-components .pp-box .row.align-items-center {
      align-items:flex-start!important
  }
}

.pp-components .center-icon .data-row {
  padding-left: 0
}

.pp-components .center-icon .data-row .cardBox {
  display: flex;
  justify-content: center;
  text-align: center
}

.pp-components .center-icon .data-row h3 {
  text-align: center
}

.pp-components .center-icon .data-row p {
  text-align: center
}

.pp-components .center-icon .data-row .icon-bx {
  position: relative
}

.pp-components .center-icon .data-row .icon-bx.iclr5 {
  background: #4540b7;
  background: -webkit-linear-gradient(183deg,#4540b7 0,#9e8de5 100%);
  background: -o-linear-gradient(183deg,#4540b7 0,#9e8de5 100%);
  background: linear-gradient(183deg,#4540b7 0,#9e8de5 100%)
}

.mb-40{ margin-bottom: 40px;}

.pp-components .data-row h3 {
  padding-top: 20px;
}
.pp-components.dark h3 {
  color: #fff;
  font-weight: bold;
}



.why_cw_section-block {
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 0;
}

.why_cw_section-block .title_desc_wrap {
  width: 100%;
  float: left;
  text-align: center;
  padding-bottom: 40px
}

.why_cw_section-block .features_list {
  width: 100%;
  float: left;
  padding: 50px 0
}

.why_cw_section-block .features_list ul {
  padding: 0;
  margin: 0;
  width: 100%;
  float: left
}

.features_list ul li {
  width: 48%;
  float: left;
  list-style-type: none;
  padding-left: 30px;
  background: url(https://colorwhistle.com/wp-content/uploads/2021/09/red-tick.svg) no-repeat left top 8px;
  margin: 0 1% 25px 1%
}

.whycw_row {
    background-image: linear-gradient(185deg, rgb(82, 82, 82), rgb(99, 99, 99)), linear-gradient(230deg, rgb(12, 3, 124) 0%, rgb(12, 3, 124) 63%, rgb(16, 35, 140) 63%, rgb(16, 35, 140) 68%, rgb(19, 67, 156) 68%, rgb(19, 67, 156) 77%, rgb(23, 100, 171) 77%, rgb(23, 100, 171) 86%, rgb(26, 132, 187) 86%, rgb(26, 132, 187) 92%, rgb(30, 164, 203) 92%, rgb(30, 164, 203) 100%), linear-gradient(320deg, rgb(12, 3, 124) 0%, rgb(12, 3, 124) 63%, rgb(16, 35, 140) 63%, rgb(16, 35, 140) 68%, rgb(19, 67, 156) 68%, rgb(19, 67, 156) 77%, rgb(23, 100, 171) 77%, rgb(23, 100, 171) 86%, rgb(26, 132, 187) 86%, rgb(26, 132, 187) 92%, rgb(30, 164, 203) 92%, rgb(30, 164, 203) 100%);
    background-blend-mode: overlay, overlay, normal;
    width: 90%;
    position: relative;
}
.whycw_row .accomplishments_list {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  padding: 20px 0
}

.whycw_row .accomplishments_list .accomplishment {
  float: left;
  color: #fff;
}

.whycw_row .accomplishments_list .accomplishment .accomplishment_value {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center
}

.whycw_row .accomplishments_list .accomplishment .accomplishment_value h2 {
  margin: 0
}

.whycw_row .accomplishments_list .accomplishment .accomplishment_value span {
  font-size: 43px;
  font-weight: 500
}

.whycw_row .image_wrap img {
  position: absolute;
  bottom: 0;
  float: left
}
.chy-clients-page-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
  .chy-clients-page-wrap {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.chy-clients-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
  border-right: 1px solid #D0C6CD;
  border-bottom: 1px solid #D0C6CD;
  padding: 15px;
  cursor: pointer;
}
.chy-clients-item img {
  filter: grayscale(1);
  transition: 400ms ease;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;

}
.chy-clients-item:nth-child(5) {
  border-right: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(5) {
    border-right: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(10) {
  border-right: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(10) {
    border-right: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(15) {
  border-right: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(15) {
    border-right: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(20) {
  border-right: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(20) {
    border-right: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(16) {
  border-bottom: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(16) {
    border-bottom: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(17) {
  border-bottom: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(17) {
    border-bottom: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(18) {
  border-bottom: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(18) {
    border-bottom: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(19) {
  border-bottom: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(19) {
    border-bottom: 1px solid #D0C6CD;
  }
}
.chy-clients-item:nth-child(20) {
  border-bottom: none;
}
@media (max-width: 767px) {
  .chy-clients-item:nth-child(20) {
    border-bottom: 1px solid #D0C6CD;
  }
}
.chy-clients-item:hover img {
  filter: grayscale(0);
  transform: rotateX(20deg) rotateY(20deg);
}


.basic_button {
    min-width: 250px;
}

.basic_button {
    text-align: left;
}
.basic_button span {
    border-left: 3px solid #3b94e7;
    padding-right: 70px;
    font-weight: 400;
    transition: 0.5s;
}.btn-3 span {
    color: #fff;
    background-color: #01215c;
}.btn span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 20px;
    transition: 0.3s;
}
.basic_button span:before {
    width: 15px;
    height: 20px;
    border-bottom: solid 15px transparent;
    border-right: solid 15px rgb(255, 255, 255);
    border-left: solid 15px transparent;
    border-top: solid 15px rgb(255, 255, 255);
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.5s;
}

.basic_button span:after {
    width: 15px;
    height: 20px;
    border-bottom: solid 15px rgb(255, 255, 255);
    border-right: solid 15px rgb(255, 255, 255);
    border-left: solid 15px transparent;
    border-top: solid 15px transparent;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.5s;
}

.btn.hover-border-3::before {
    top: 0;
    right: 0;
    border-top: 1px solid rgb(56, 149, 236);
    border-left: 1px solid rgb(56, 149, 236);

}

.btn.hover-border-3::after {
    bottom: 0;
    left: 0;
    border-bottom:1px solid rgb(56, 149, 236);

    border-right: 1px solid rgb(56, 149, 236);

}
.btn.hover-border-3::before, .btn.hover-border-3::after {
    width: 0%;
    height: 0%;
    opacity: 0;
    transition: width 0.2s 0.15s linear, height 0.15s linear, opacity 0s 0.35s;
}
.btn-3::before, .btn-3::after {
    background: transparent;
    z-index: 2;
}
.btn::before, .btn::after {
    position: absolute;
    content: "";
}
button.basic_button.btn.btn-3.hover-border-3 {
  min-width: 250px;
}

button.basic_button.btn.btn-3.hover-border-3 span {
  text-align: left;
}

.btn.hover-border-3:hover::before,
.btn.hover-border-3:hover::after {
  width: 100%;
  height: 99%;
  opacity: 1;
  transition: width 0.2s linear, height 0.15s 0.2s linear, opacity 0s;
}
button.basic_button.btn.btn-3.hover-border-3 {
    min-width: 250px;
    position: relative;
}

.basic_button:hover span:after,
.basic_button:hover span:before {
  right: -30px;
}

.basic_button:hover img {
  right: 20px;
}

.basic_button:hover span {
  border-left-color: #87c1f7;
}

.bg-\[\#242424\].py-6.px-6.h-full.rounded-xl.xl\:gap-8.gap-4.grid.lg\:grid-cols-3.grid-cols-1.items-center {
    display: flex
;
    margin: 0 0 30px 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
}    margin: 0 0 30px 0;
}section.ftco-section {
    padding: 60px 0;
}
.ftco-section{color:#fff;}
.ftco-section img{filter:invert(1);}
.event-details h3 {
    font-weight: bold;
}
.space-y-5.col-span-2 ul{margin:0;padding:0;}
.space-y-5.col-span-2 ul li {
    text-align: left;
    list-style: none;
}
.space-y-5.col-span-2 ul li {
    text-align: left;
    list-style: none;
    font-size: 18px;
    word-wrap: break-word;
}
.space-y-5.col-span-2 ul li a{text-decoration:none;}
.form h2{color:#052862;}
.wrapper {
  display: flex;
  width: 100%;
  height: 75vh;
  flex-wrap: nowrap;
  gap: 1%;
  overflow: hidden;
}

.column {
  width: 25%;
  display: flex;
  flex-direction: column;
}

.column .item {
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
}

.column .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.wrp-imge-abouts {
    border-radius: 10px;
    padding: 5px;
    background: linear-gradient(45deg, #031B54, #069292, #034c65);
}
.wrp-imge-abouts video {
    max-width: 100%;
    height: auto;
}

.form {
    background: #fff;
    border-radius: 10px;
padding:20px;
}

section.ftco-section {
    padding: 60px 0;
    background: url(../images/bkey.jpg) no-repeat left top;
background-size:cover;
background-position:fixed;
}
.theme{   padding: 60px 0;
    background: url(../images/bkey.jpg) no-repeat left top;
background-size:cover;
background-position:fixed;
}}

button.basic_button.btn.btn-3.hover-border-3 {
    min-width: 250px;
    position: relative;
    margin: 0 auto;
    width: 250px;
    display: flex;
}
h2{    font-size: 35px;
}
.form h2 {
    color: #052862;
    font-size: 35px;
  
    padding: 0 0 5px 0;
    text-align: center;
}
.space-y-5.col-span-2 ul {
    margin: 10px 0 0 0;
    padding: 0;
}
.space-y-5.col-span-2 li span {
    color: #3a95e8;
    font-weight: bold;
}

.why_cw_section-block {
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 60px;
}
.pp-components .data-row a{text-decoration:none;}

.modal-content {background:#fff;color:#333;
}
.modal-header{color:#fff;background:#001c54;}
.multi_color_heading {
   text-align: center;
background: #052967;
background: linear-gradient(to right, #052967 0%, #3A94E9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;font-weight:bold;font-size:45px;}
.icc{padding:120px 0 0 0;}
.main-menu {
background-image: linear-gradient(12deg, rgba(193, 193, 193,0.05) 0%, rgba(193, 193, 193,0.05) 2%,rgba(129, 129, 129,0.05) 2%, rgba(129, 129, 129,0.05) 27%,rgba(185, 185, 185,0.05) 27%, rgba(185, 185, 185,0.05) 66%,rgba(83, 83, 83,0.05) 66%, rgba(83, 83, 83,0.05) 100%),linear-gradient(321deg, rgba(240, 240, 240,0.05) 0%, rgba(240, 240, 240,0.05) 13%,rgba(231, 231, 231,0.05) 13%, rgba(231, 231, 231,0.05) 34%,rgba(139, 139, 139,0.05) 34%, rgba(139, 139, 139,0.05) 71%,rgba(112, 112, 112,0.05) 71%, rgba(112, 112, 112,0.05) 100%),linear-gradient(236deg, rgba(189, 189, 189,0.05) 0%, rgba(189, 189, 189,0.05) 47%,rgba(138, 138, 138,0.05) 47%, rgba(138, 138, 138,0.05) 58%,rgba(108, 108, 108,0.05) 58%, rgba(108, 108, 108,0.05) 85%,rgba(143, 143, 143,0.05) 85%, rgba(143, 143, 143,0.05) 100%),linear-gradient(96deg, rgba(53, 53, 53,0.05) 0%, rgba(53, 53, 53,0.05) 53%,rgba(44, 44, 44,0.05) 53%, rgba(44, 44, 44,0.05) 82%,rgba(77, 77, 77,0.05) 82%, rgba(77, 77, 77,0.05) 98%,rgba(8, 8, 8,0.05) 98%, rgba(8, 8, 8,0.05) 100%),linear-gradient(334deg, rgb(0,25,81),rgb(0,25,81));!important;
}
button.btn-close{filter:invert(1);}
button.basic_button.btn.btn-3.hover-border-3 {
    min-width: 250px;
    position: relative;
    display: flex
;
    justify-content: center;
    margin: 0 auto;
}

.main-menu a{color:#fff;}
.banner{margin-top:86px;}
.success-form {
    adding: 60px 0;
    background: url(../images/bgs.jpg) no-repeat left top;
    background-size: cover;
    background-position: fixed;
    height: 100vh;
    display: flex
;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    max-width: 600p;
}
.success-form h3 {
    max-width: 600px;
}

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

.bg-\[\#242424\].py-6.px-6.h-full.rounded-xl.xl\:gap-8.gap-4.grid.lg\:grid-cols-3.grid-cols-1.items-center {
    display: flex
;
    margin: 0 0 30px 0;
    background: rgba(0, 0, 0, 0.1);
    padding: 20px;
    flex-direction: column;
}
ul.social-media{text-align:center;}
ul.social-media li{margin-bottom:20px;}
bg-[#242424] py-6 px-6 h-full rounded-xl xl:gap-8 gap-4 grid lg:grid-cols-3 grid-cols-1 items-center  img{max-width:60px;}
.hash {
    position: static;
    font-size: 20px;
    font-weight: 800;
    color: #05073d8c;
    right: 0;
    padding: 5px;
    top: 0;
margin:5px;
rotate: 0deg;
    background: #f3f0e7;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
.col-md-4.icc img {
    margin: 0 auto;
    display: block;
    max-width: 50% !important;
padding:0;
}
}




.bbt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
position:fixed;
bottom:20px; right:30px;
width: 200px;
z-index: 9999;
}
.bbt a {
  width: 100%;
  max-width: 240px;
  height: 54px;
  padding: 8px;
  font-size: 0.8rem;
  font-weight: 900;
  color: #ff4655;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 0 0 1px inset rgba(236, 232, 225, 0.3);
  position: relative;
  margin: 10px 0;
}
.bbt a.white:hover > p {
  color: #ece8e1;
}
.bbt a.white > p {
  background: #ece8e1;
  color: #0f1923;
}
.bbt a.white > p span.base {
  border: 1px solid transparent;
}
.bbt a.transparent:hover > p {
  color: #ece8e1;
}
.bbt a.transparent:hover > p span.text {
  box-shadow: 0 0 0 1px #ece8e1;
}
.bbt a.transparent > p {
  background: #0f1923;
  color: #ece8e1;
}
.bbt a.transparent > p span.base {
  border: 1px solid #ece8e1;
}
.bbt a:after,.bbt a:before {
  content: "";
  width: 1px;
  position: absolute;
  height: 8px;
  background: #0f1923;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bbt a:before {
  right: 0;
  left: initial;
}
.bbt a p {
  margin: 0;
  height: 54px;
  line-height: 54px;
  box-sizing: border-box;
  z-index: 1;
  left: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.bbt a p span.base {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  border: 1px solid #ff4655;
  background-color: #fff;
}
.bbt a p span.base:before {
  content: "";
  width: 2px;
  height: 2px;
  left: -1px;
  top: -1px;
  background: #0f1923;
  position: absolute;
  transition: 0.3s ease-out all;
}
.bbt a p span.bg {
  left: -5%;
  position: absolute;
  background: #ff4655;
  width: 0;
  height: 100%;
  z-index: 3;
  transition: 0.3s ease-out all;
  transform: skewX(-10deg);
}
.bbt a p span.text {
  z-index: 4;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 22px;
}
.bbt a p span.text:after {
  content: "";
  width: 4px;
  height: 4px;
  right: 0;
  bottom: 0;
  background: #0f1923;
  position: absolute;
  transition: 0.3s ease-out all;
  z-index: 5;
}
.bbt a:hover {
  color: #ece8e1;
}
.bbt a:hover span.bg {
  width: 110%;
}
.bbt a:hover span.text:after {
  background: #ece8e1;
}

.spi-shape:hover {
 transform: rotate(62deg);
    transition: all 0.4s;
}
.speaker-box {
    text-align: center;
    transition: all 0.4s;
    padding: 60px 0 30px 0;
    background: #fff;
}

.spk-img {
    position: relative;
}
.spi-img{
    border-radius: 50%;
    height: 270px;
    width: 270px;
    position: relative;
    margin: auto;
}

.spi-shape {
    position: absolute;
    top: -19px;
    transition: all 0.6s;
    left: 15px;
}
.profile {
    color: #fff;
    font-size: 37px;
    position: absolute;
    top: 50%;
    left: 50%;
    /* right: 0; */
    margin-top: -40px;
    margin-left: -18px;
    opacity: 0;
    visibility: hidden;
}
.spk-details img {
    max-width: 140px;
}
.spi-img:after {
    position: absolute;
    content: '';
    border: 1px solid red;
    width: 240px;
    height: 240px;
    border-radius: 100%;
    left: 3px;
    right: 0;
    position: absolute;
    content: "";
    left: 0;
    top: -23px;
    border: 1px solid #ccc;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
section#speakers {
background-image: linear-gradient(55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%,rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%,rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%,rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%,rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%),linear-gradient(291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%,rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%,rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%,rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%,rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%,rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%,rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%),linear-gradient(32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%,rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%,rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%,rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%,rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%,rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%,rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%,rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%),linear-gradient(312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%,rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%,rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%,rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%,rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%,rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%,rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%),linear-gradient(22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%,rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%,rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%,rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%,rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%),linear-gradient(80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%,rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%,rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%,rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%,rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%,rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%,rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%),linear-gradient(257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%,rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%,rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%,rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%,rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%,rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%),linear-gradient(47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%,rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%,rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%,rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%,rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%,rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%),linear-gradient(90deg, #ffffff,#ffffff);
}

.spk-details{    color: #1d1e5a;}
.spk-details h4 {
    font-weight: 600;
    color: #1d1e5a;}

    .speaker-box:hover   .profile
    {visibility: visible;
  opacity: 1;
  transition: all 0.4s;    }
  .img-area {
    position: relative;
    width: 240px;
    height: 240px;
    object-fit: cover;
    margin: 0 auto;    transition: all 0.4s;


}
    .img-area::after
  {     
    position: absolute;
    content: "";
    left: 0;
    top: -6px;
    background: rgba(25,31,85,0.8);
    height: 240px;
    width: 240px;
    border-radius: 50%;
    opacity: 0;transition: all 0.4s;
    overflow: hidden;
}
.speaker-box:hover  .img-area::after
  {     
    position: absolute;
    content: "";
    left: 0;
    top: -6px;
    background: rgba(25,31,85,0.8);
    height: 240px;
    width: 240px;
    border-radius: 50%;
    opacity: 1;    transition: all 0.4s;

    overflow: hidden;

}
.speakers{padding:60px 0;}

.team-inner-section-area .team4-box.box2 {
  text-align: center;
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2:hover .image-area .icon-area {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2 .text-heading h4 a {
  color: var(--ztc-text-text-2);
  text-align: center;
  line-height: 24px;
  display: inline-block;
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2 .text-heading h4 a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2 .text-heading p {
  color: var(--ztc-text-text-3);
  text-align: center;
  font-family: var(--ztc-family-2);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 18px;
  padding-top: 16px;
  display: inline-block;
}

.team-inner-section-area .team4-box.box2 .image-area {
  position: relative;
}

.team-inner-section-area .team4-box.box2 .image-area .shape2 {
    position: absolute;
    left: 22px;
    top: -13px;
    transition: all 0.6s;
}

.team-inner-section-area .team4-box.box2 .image-area .image {
  border-radius: 50%;
  height: 270px;
  width: 270px;
  position: relative;
  margin: auto;
}
.text-heading img{display:block;margin:0 auto;}

.team-inner-section-area .team4-box.box2 {
    text-align: center;
    transition: all 0.4s;
    background: #fff;
    padding: 40px 0 0 0;
    height: 500px;
}
.team-inner-section-area .team4-box.box2 .image-area .image::after {
  position: absolute;
  content: "";
  left: 6px;
  top: -17px;
  border: 1px solid #E6E8E7;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.team-inner-section-area .team4-box.box2 .image-area .image .img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.team-inner-section-area .team4-box.box2 .image-area .image .img::after {
  position: absolute;
  content: "";
  height: 240px;
  width: 240px;
  left: 17px;
  top: -3px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-2);
  visibility: hidden;
  opacity: 0;
  transform: scale(0.7);
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2 .image-area .image .img img {
  height: 240px;
  width: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  left: 4px;
  top: -2px;
}

.team-inner-section-area .team4-box.box2 .image-area .icon-area {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -18px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2 .image-area .icon-area a {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  font-size: var(--ztc-font-size-font-s24);
}

.team-inner-section-area .team4-box.box2:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}

.team-inner-section-area .team4-box.box2:hover .image-area .image .img::after {
  visibility: visible;
  opacity: 70%;
  transform: scale(1);
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2:hover .image-area .shape2 {
  transform: rotate(62deg);
  transition: all 0.4s;
}

.team-inner-section-area .team4-box.box2:hover .image-area .icon-area {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s;
}


.team-inner-section-area .team4-box.box2 {
    text-align: center;
    transition: all 0.4s;
    background: #fff;
    padding: 60px 0 0 0;
}

.text-heading h4 {
    padding: 0;
    margin: 0;
}
.team-inner-section-area .team4-box.box2 .text-heading p{    padding: 0;
    margin: 0;
}

.team-inner-section-area .team4-box.box2 {
    text-align: center;
    transition: all 0.4s;
    background: #fff;
    padding: 60px 0 0 0;
    margin: 0 0 30px 0;
}
.team-inner-section-area .team4-box.box2 .image-area .image {
    border-radius: 50%;
    height: 270px;
    width: 270px;
    position: relative;
    margin: auto;
}


@media (min-width:0px) and (max-width:1024px){
.team-inner-section-area .team4-box.box2 .image-area {
    position: relative;
    width: 300px;
}
.team-inner-section-area .team4-box.box2 {
    text-align: center;
    transition: all 0.4s;
    background: #fff;
    padding: 60px 0 0 0;
    margin: 0 0 30px 0;
    width: 300px;
}
.team-inner-section-area .team4-box.box2 .image-area .shape2 {
    position: absolute;
    left:19px;
    transition: all 0.6s;
}

.team-inner-section-area .team4-box.box2:hover .image-area .shape2 {
    transform: rotate(0deg);
    transition: all 0.4s;
}
}




section#partners .col-md-2 {
    background: #fff;
    margin: 0 10px 10px 10px;
    text-align: center;
border:1px solid #c3c3c3;
}

section#partners .row {
    margin: 0 0 30px 0;
}







.partnerss h3.team-block_title {
    font-size: 19px;
    text-align: center;
}

.partnerss{background-image: linear-gradient(297deg, transparent 0%, transparent 34%,rgba(178, 178, 178,0.02) 34%, rgba(178, 178, 178,0.02) 53%,transparent 53%, transparent 100%),linear-gradient(222deg, transparent 0%, transparent 30%,rgba(8, 8, 8,0.02) 30%, rgba(8, 8, 8,0.02) 58%,transparent 58%, transparent 100%),linear-gradient(352deg, transparent 0%, transparent 25%,rgba(88, 88, 88,0.02) 25%, rgba(88, 88, 88,0.02) 57%,transparent 57%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));padding:60px;}