@font-face {
  font-family: 'Gilroy-ExtraBold';
  src:  url('../fonts/Gilroy-ExtraBold.eot');
  src:  url('../fonts/Gilroy-ExtraBold.eot#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'),
    url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
    url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold-Reg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


/***

====================================================================
	PlatForm Section
====================================================================

***/

.platform-intro-section{
	position:relative;
	padding:120px 0px 70px;
}

.platform-intro-section .buttons-column{
	position:relative;
}

.platform-intro-section .buttons-column .inner-column{
	position:relative;
	padding-right:50px;
	padding-top:115px;
}

.platform-intro-section .content-column{
	position:relative;
}

.platform-intro-section .content-column .inner-column{
	position:relative;
	margin-left:-25px;
}

.platform-intro-section .platform-tabs{
	position:relative;
}

.platform-intro-section .platform-tabs .tab-btns{
	position:relative;
	margin-bottom:40px;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	font-size:16px;
	color:#3246d3;
	font-weight:700;
	cursor:pointer;
	border-radius:4px;
	line-height:1.6em;
	margin-bottom:30px;
	padding:30px 0px 30px 100px;
	transition:all 500ms ease;
	text-transform:capitalize;
	border:2px solid #f6f7f9;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:40px;
	top:25px;
	width:36px;
	height:36px;
	border-radius:50px;
	display:inline-block;
	border:5px solid #3246d3;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:hover{
	border-color:#3246d3;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(2){
	color:#ff5f63;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(2):hover{
	border-color:#ff5f63;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(2)::before{
	border-color:#ff5f63;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(3){
	color:#f59e22;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(3):hover{
	border-color:#f59e22;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(3)::before{
	border-color:#f59e22;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(4){
	color:#1fae96;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(4):hover{
	border-color:#1fae96;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(4)::before{
	border-color:#1fae96;
}

.platform-intro-section .platform-tabs .tab-btns .tab-btn:last-child{
	margin-bottom:0px;
}

.platform-intro-section .platform-tabs .tabs-content{
	position:relative;
}

.platform-intro-section .platform-tabs .tabs-content .tab{
	position:relative;
	display:none;
	margin-bottom:40px;
}

.platform-intro-section .platform-tabs .tabs-content .tab.active-tab{
	display:block;
}

.platform-tab-content{
	position:relative;
}

.platform-tab-content .inner-content{
	position:relative;
	padding:90px 70px;
	border-radius:15px;
	background-color:#f9f8ff;
}

.platform-tab-content .inner-content .big-icon{
	position:absolute;
	right:35px;
	top:35px;
	width:306px;
	height:306px;
}

.platform-tab-content .inner-content .icon-outer{
	position:relative;
	margin-bottom:40px;
	display:inline-block;
}

.platform-tab-content .inner-content .icon-outer .circles-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	height:120px;
	z-index:1;
}

.platform-tab-content .inner-content .icon-outer .circles-layer:before{
	position:absolute;
	content:'';
	left:3px;
	top:15px;
	width:16px;
	height:16px;
	border-radius:50px;
	background-color:#3246d3;
	box-shadow:0px 10px 15px rgba(50,70,211,0.15);
}

.platform-tab-content .inner-content .icon-outer .circles-layer:after{
	position:absolute;
	content:'';
	right:6px;
	bottom:15px;
	width:16px;
	height:16px;
	border-radius:50px;
	background-color:#ff5f63;
	box-shadow:0px 10px 15px rgba(255,95,99,0.15);
}

.platform-tab-content .inner-content .icon-outer .icon-box{
	position:relative;
	width:120px;
	height:120px;
	line-height:120px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
}

.platform-tab-content .inner-content .sec-title{
	margin-bottom:10px;
}

.platform-tab-content .inner-content .icon-outer .icon-box .icon{
	position:relative;
}

.platform-tab-content .inner-content .text{
	position:relative;
	color:#19274d;
	font-size:18px;
	line-height:1.7em;
}

.platform-tab-content .inner-content .text span{
	position:relative;
	font-weight:700;
}




/***

====================================================================
	Platform Section
====================================================================

***/

.platform-section{
	position: relative;

  overflow: hidden;
  padding-bottom: 60px;

}

.platform-section:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:210px;
	background-color:#ffffff;
}

.platform-section .auto-container{
	position:relative;
}

/* .platform-section .triangle-icon{
	position:absolute;
	right:-100px;
	bottom:150px;
	border-top: 100px solid #32c788;
    border-right: 100px solid transparent;
	top: 314px;
} */

.platform-section .platform-tabs{
	position:relative;
    margin-top: 17px;
}

.platform-section .platform-tabs .tab-btns{
	position:relative;
	text-align:center;
	/* margin-bottom:70px; */
	margin-left: -91px;
}

.platform-section .platform-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	margin:0px -21px;
	font-size:16px;
	background:none;
	color:#19274d;
	font-weight:700;
	line-height:24px;
	cursor:pointer;
	text-align:center;
	margin-bottom:12px;
	display:inline-block;
	transition:all 500ms ease;
	text-transform:capitalize;
    margin-left: -9px;
}

.platform-section .platform-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left: 69%;
	bottom:-2px;
	width:149px;
	height: 88px;
	opacity:0;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
	 background:url("../images/icons/line-1.png") no-repeat;

}

.platform-section .platform-tabs .tab-btns .tab-btn .icon{
	position:relative;
	width:80px;
	height:80px;
	color:#d1293e;
    font-family: 'Port Lligat Slab', serif;
    font-size: 29px;
	line-height:36px;
	text-align:center;
	margin:0px 10px 20px;
	border-radius:50%;
    padding-top: 23px;
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}
.platform-section .platform-tabs .tab-btns .tab-btn:nth-child(5):before,
.platform-section .platform-tabs .tab-btns .tab-btn:nth-child(6):before,
.platform-section .platform-tabs .tab-btns .tab-btn:nth-child(7):before,
.platform-section .platform-tabs .tab-btns .tab-btn:nth-child(8):before{
	left:auto;
	right: 28%;
	transform:rotateY(180deg);
}

.platform-section .platform-tabs .tab-btns .tab-btn:hover .icon,
.platform-section .platform-tabs .tab-btns .tab-btn.active-btn .icon{
	color: #1e53a1;
    font-family: 'Port Lligat Slab', serif;
    font-size: 29px;


}
.platform-section .platform-tabs .tab-btns .tab-btn.active-btn .circle-one {
	background-image: linear-gradient(to left, #06ffdf, #0042ff) !important;
  }
/* .platform-section .platform-tabs .tab-btns .tab-btn:hover::before, */
.platform-section .platform-tabs .tab-btns .tab-btn.active-btn::before{
	opacity:1;
}

.platform-section .platform-tabs .tabs-content{
	position:relative;
	/* padding-left:100px; */
    margin-top: -63px;
}

.platform-section .platform-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.platform-section .platform-tabs .tabs-content .tab.active-tab{
	display:block;
}

.platform-section .platform-tabs .tabs-content .image{
	position:relative;
	z-index:1;
}

.platform-section .platform-tabs .tabs-content .image-two{
	position:absolute;
	right:110px;
	bottom:-40px;
	z-index:2;
}


.style-three{
    text-align: center;
}
.platform_contant{
    font-size: 25px;
    font-weight: 700;

    font-family: 'Port Lligat Slab', serif;
    text-align: center;
}

.platform_first {
    font-size: 47px;

  }
  .quotes_a {
    width: 140px;
  height: 100px;
  position: absolute;
  margin-left: 162px;
  margin-top: -18px;
  }
  .quotes_t {
    width: 140px;
    height: 100px;
    position: absolute;
    right: 164px;
    margin-top: 15px;
  }



  @media screen and (max-width: 575px){
    .platform-section .platform-tabs .tab-btns {
        margin-left: -15px !important;
        margin-bottom: 70px;
    }
    .platform-section .platform-tabs .tab-btns .tab-btn {
        margin: 0px 0px;
        text-align: justify;
        margin-left: 0px;
  transition: none;
    }
    .awesome-solutions-card {
        width: 44px;
  padding:0px;
    }
    .platform-section .platform-tabs{
        margin-top: 5px !important;
      }
      .quotes_a {
        width: 61px !important;
        height: 50px !important;
        margin-left: 21px !important;
        margin-top: -4px !important;
      }
      .quotes_t {
        width: 64px !important;
        height: 50px !important;
        margin-top: -10px !important;
        right: 11px !important;
      }
      .platform-section .platform-tabs .tab-btns .tab-btn::before {
        bottom: -57px !important;
        width: 100px !important;
        height: 103px !important;
        left: 58%;
        background: url('../images/icons/line40px.png') no-repeat !important;
      }
}
@media screen and (max-width: 350px){
    .awesome-solutions-card {
        width: 38px;
        padding: 0px;
      }
      .text_11 {
        font-size: 9px !important;
        margin-left: -20px !important;
        margin-top: 0px;
      }
}
@media screen and (max-width: 390px){
    .platform-section .platform-tabs .tab-btns {
        margin-left: -39px;
    }

}
@media screen and (max-width: 375px) {
    .platform-section .platform-tabs .tab-btns {
      margin-left: -12px !important;

    }
  }
  @media (max-width: 414px) {
    .overview-box {
      margin-left: -9px !important;
      margin-right: 0px !important;
    }
  }