section {
  overflow: hidden;
}
.bttm .pageBtn.small {margin: 2px;}
/*Footer element css*/

.address .globe-icon {fill:#3d3d40;}
.address .crcle-svg {fill:#3d3d40;}
.address .msg-arrow-svg {fill:#3d3d40;}
#footer .get-in-touch .cell.getin h5::after {background: #2dbe60;}
.address .pin-icon,.address .phone-svg,.address .msg-svg {fill:#2dbe60;}
#footer .get-in-touch {background: #2f363b;position: relative;z-index:9;}
#footer .get-in-touch .cell.iso {color: #f0f0f0;}
#footer .get-in-touch .cell.ness svg {fill: #f0f0f0;}
#footer .get-in-touch .cell.getin h6{color:#fff;}
#footer .address {background-color: #1a1a1a;}
.footer-links,.copy-right-sttmnts {background-color: #242426;}
.copy-right-sttmnts::before {background-color: #2a2a2c;}
.row.copy-right-sttmnts::after {background-color: #1a1a1c;}
.total-exp {background-color: #2f363b;}
.exp-year span {color: #2dbe60;}
/*Footer element css*/



.comn-space{padding:90px 0;}
.comn-space2{padding:50px 0;}
.nobottom-space{padding-bottom:0;}
.notop-space{padding-top:0;}

.yq_header{
    background-image:url('../../img2/yq-banner-img.jpg');
    background-repeat:no-repeat;
    background-position: center top;  
    overflow: hidden;
}
.header-text > h3 {
  color: #ffffff;
  font-size: 29px;
  line-height: 1;
}
.header-text{
    max-width:580px;
    text-align: center;
}
.header-text h1{
   color: #ffffff;
   font-size:91px;
   font-weight:800;
   font-family:"Open Sans";
   line-height: 1.2;
   letter-spacing:-4px;
}
.header-text > h4 {
    color: #ffffff;
    font-size: 18px;
    padding: 10px 0 15px;
    font-weight: 600;
}
.pageBtn {background-color: #2dbe60;border:1px solid #2dbe60;border-radius: 2px;color: #ffffff;display: inline-block;font-size: 20px;font-weight: 700;padding: 15px 25px;vertical-align: middle;position: relative;z-index:1;white-space: nowrap;}
.pageBtn::after {content: "";position: absolute;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;background-color:#fff;height: 100%;left: 0;top: 0;width: 0;z-index: -1;border-radius:0px;}
.pageBtn:hover::after, .pageBtn:active::after { width: 100%;}
.pageBtn:hover{color:#2dbe60}
.content-box {
  display: table;
  height: 100Vh;
}
.pageBtn.small {
  font-size: 15px;
  padding: 7px 15px;
}

.pageBtn.white{
  background-color: #ffffff;
  color: #2dbe60;
  border-color:#fff;
}
.pageBtn.white::after{background-color:#2f363b;}
.pageBtn.white:hover{border-color:#2f363b;color:#fff}
.pageBtn.dark {
  background-color: #2f363b;
  border-color: #2f363b;
}
.pageBtn.dark:hover{
  border-color: #fff;
}

.header-text .btns {margin: 10px 0 0;}
.btns .pageBtn{margin:0 5px;}
.header-element {border: 19px solid rgba(255, 255, 255, 0.2);padding:80px 50px;position: relative;}

.man-pick {position: absolute;right: 228px;top: 91px;}
.titleBlock h3{
    font-size:26px;
    color:#2dbe60;
    font-weight:700;
    line-height: 1.2;
}

.titleBlock h2{
    font-size:82px;
    color:#2dbe60;
    font-weight:700;
    font-family:"Open Sans";
    line-height: 1.2;
}

.block-text{
    max-width:1050px;
    margin:0 auto;
    text-align: center;
}
.titleBlock{
    padding-bottom:20px;
    direction: ltr;
}
.block-text p{
    color:#2f363b;
    font-size:17px;
    line-height: 23px;
}
.visitor > h4,.plateform > p {
  color: #2c3132;
  font-size: 16px;
  font-weight: 600;
}
.count-visitor {
  color: #2f363b;
  font-size:38px;
  font-weight: 800;
  letter-spacing:0px;
  line-height: 1;
}
.crcle-list .crcle {
    display: inline-block;
    margin:-20px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width:390px;
    height:390px;
}

.crcle .crcle-in {
    border: 4px solid #2f363b;
    border-radius: 50%;
    height: 100%;
    position: relative;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 2;
}
.crcle .crcle-in a{
    height: 100%;
    display: block;
}

.crcleBlock {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.plateform {
  padding: 0 50px;
}
.plateform .logo {
  padding: 0 0 15px;
}
.visitor {
  padding: 25px 0 0;
}
.crcle-list {
  text-align: center;
  margin-top:60px;
}



.crcle::before {
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgwAEuXbp0ZghJMDAwAAAMPhbPktsocgAAAABJRU5ErkJggg==');
    border-radius: 50%;
    content: "";
    height: 100%;
    left: -30px;
    position: absolute;
    top: -10px;
    transition: all 0.6s ease 0s;
    width: 100%;
}


.crcle:hover::before {left: 0;top: 0;}


.crcle .crcle-in:hover {
    background-color:#2dbe60;
    border-color:#2dbe60;
    z-index: 9;
}

.crcle-in:hover .visitor > h4, .crcle-in:hover .plateform > p ,.crcle-in:hover .count-visitor{
  color: #ffffff;
}


.full-grid{overflow: hidden;}

.img-block img{max-width: 100%;position: relative;}

.left-minus{left:-50px}


.rtl .full-grid{direction: rtl;}
.full-grid{display: table;width:100%;}
.full-grid .grid{display: table-cell;vertical-align: middle;position: relative;}
.big_grid{width:60%;}
.small_grid{width:40%;}


.rtl .content-section {padding-right: 110px;}
.right-minus{right:-100px;}
.crcle-title {color: #393f44;font-size: 20px;font-weight: 600;line-height: 1.2;padding-top:20px;}

.crcle-in:hover .crcle-title{color:#fff;}

.cta-block {
  padding: 30px 10px 0;
  text-align: center;
}
.cta-block > h3 {
  color: #3f404b;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
}

.small-crcl {
  background-color: #2f363b;
  border-radius: 50%;
  height: 120px;
  display: inline-block;
  position: absolute;
  width: 120px;
}

.small-crcl span{
  color: #ffffff;
  font-size: 14px;
  padding:10px;
  font-weight: 600;
  line-height: 20px;
  display:block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.small-crcl.one,.small-crcl.three {
  left: 70px;
  top: -40px;
}
.small-crcl.two,.small-crcl.four {
  bottom: -50px;
  left: 20px;
}

.small-crcl.five {
  right: 50px;
  bottom: -50px;
}
.small-crcl.seven {
  right: 30px;
  top: -40px;
}

.small-crcl.six{
  left: 30px;
  top: -40px;
}

.small-crcl.eight {
  bottom: -20px;
  left: 10px;
}
.small-crcl.nine {
  bottom: -70px;
  left: 140px;
}
.small-crcl.ten {
  bottom: 0;
  right: 0;
}
.process-features{padding: 30px 0;}

.tbl-pkg tr th {
  background: #2dbe60;
}
.tbl-pkg tr th:nth-child(2),.tbl-pkg tr:last-child td:nth-child(2){
  background: #1ba94d;
}
.tbl-pkg tr th:nth-child(3),.tbl-pkg tr:last-child td:nth-child(3) {
  background: #3bc063;
  border-left: 1px solid #078232;
  border-right: 1px solid #078232;
  vertical-align: top;
}



.disclmr {font-size: 11px;margin-top:5px;text-align: center;}
.cta_text{text-align: center;font-size:14px;}
.quantcast {font-size: 14px;padding: 55px 0 0;text-align: center;}

.accordion-toggle {color: #2f363b;cursor: pointer;font-family: open sans;font-size: 24px;font-weight: 600;position: relative;padding: 0 0 15px 45px;}
.accordion-content {display: none; padding: 0 0 0 45px;margin:12px 0 35px 0;}
.accordion-content.default {display: block;}
.accordion-content > p {color: #2f363b;font-size: 17px;}
.accordion-toggle.active{color:#2dbe60;}
.accordion-toggle::before {background-color: #ffffff;border: 3px solid #2f363b;border-radius: 50%;content: "+";height: 22px;left: 0;line-height: 16px;position: absolute;text-align: center;top: 6px;width: 22px;font-size: 22px;}
.accordion-toggle.active::before{border-color:#2dbe60;content:"";}

.accordion-toggle.active::after {
  background-color: #2dbe60;
  content: "";
  height: 2px;
  left: 6px;
  position: absolute;
  top: 17px;
  width: 12px;
}

.full-colm {display: table;table-layout: fixed;width:100%;}
.half-colm {display: table-cell;vertical-align: middle;}
.cta-block.left-align {padding-left: 0;text-align: left;}

.crcle-list.teamlist .crcle {height: 288px;width: 288px;}
.crcle .crcle-in:hover .crcle-icon svg path{fill:#fff;}
.small-title {font-size: 22px;font-weight: 600;margin: 20px 0 0;}
.note {color: #2f363b;font-size: 15px;font-weight: 600;margin: 30px 0 10px;text-align: center;}
.text-block{direction: ltr;}
.gap30{height:30px;}

.icon-crcle {background-color: #2dbe60;border-radius: 50%;height: 140px;width: 140px;margin:0 auto 20px;}
.mid-icon img{max-width:80px;}
.mid-icon {position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.square > h2 {color: #393f44;font-family: open sans;font-size: 20px;font-weight: 600;}

.squareBox {border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;float: left;text-align: center;width: 33.33%;}

.square > p {display: none;color:#fff;padding:10px;}
.squareBox-in{height: 330px;padding:30px;}
.square {position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.squareBox-in:hover{background-color:#2dbe60;}
.squareBox-in:hover .icon-crcle{background-color:#fff;}
.squareBox-in:hover svg path{fill:#2dbe60;}
.squareBoxes {border: 1px solid #dbdbdb;}
.squareBox:nth-child(3),.squareBox:last-child {border-right: none;}
.squareBox:nth-child(4),.squareBox:last-child {border-bottom: none;}
.squareBox:last-child {width: 66.66%;}
.ctaBox{background-color:#2f363b;}

.ctaBox .square > h2 {color: #ffffff;font-weight: 700;padding-bottom:20px;}
.squareBox-in:hover .pageBtn{background-color:#fff;color:#2dbe60}
.squareBox-in:hover .pageBtn:hover:after{background-color:#2f363b;color:#fff}
.squareBox-in:hover .pageBtn:hover{color:#fff}
.squareBox-in:hover .square > h2{color:#fff;}

.squareBox-in:hover .square > p{display: block;}
.squareBox-in:hover .icon-crcle{display: none;}
.arrow{display: inline-block;vertical-align: middle;padding-left:15px;}


.white-box {background-color: #ffffff;border: 1px solid #dbdbdb;padding:30px 30px;height:100%;}
.grids .grid {display: table-cell;padding: 0px 30px;vertical-align: middle;width: 50%;height:100%;}
.grids {display: table;height:100%;width: 100%;}
.more-ftre{padding-bottom:60px;}
.text-box {padding-left:50px;}
.feature-more{margin: 0 -30px;}
.text-box > h2 {color: #2dbe60;font-size: 22px;line-height: 1.2;padding-bottom:10px;}
.text-box > h3 {color: #393f44;font-size: 18px;padding-bottom:20px;}
.info-block .colm{display:table-cell;vertical-align: middle;}

/*** Media queries**/

@media screen and (max-width:1280px) {
    .man-pick{display: none;}
	.info-block .colm{display: block;text-align: center}
	.text-box {padding-left: 0px;}
}

@media screen and (max-width:1024px) {  
   .full-grid .grid{display: block;padding:10px;}
   .small_grid,.big_grid {width: 100%;}
   .left-minus {left: auto;}
   .right-minus {right: auto;}
   .squareBoxes {display: block;margin: 0;width: auto;}
   .rtl .content-section {padding-right: 0;}
   .rtl .full-grid {direction: ltr;}
   .half-colm {display: block;}
   .half-colm:first-child{padding:0 0 60px;}
   .crcle-list.process-features .crcle {margin: 60px -20px;}
   .comn-space,.comn-space2 {padding: 30px 0;}
   .titleBlock h2 {font-size: 50px;}
}

@media only screen and (min-width:1025px) and (max-width:1280px){
    .squareBox {width: 50%;}
    .squareBox:nth-child(3){border-right: 1px solid #dbdbdb; border-bottom: none;}
    .squareBox:nth-child(2n){border-right:none;}
    .squareBox:last-child {width:100%;}
    .bttm .pageBtn.small {margin: 2px;}
	
}

@media only screen and (min-width:768px) and (max-width:991px){
     .squareBox {width: 50%;}
    .squareBox:nth-child(3){border-right: 1px solid #dbdbdb; border-bottom: none;}
    .squareBox:nth-child(2n){border-right:none;}
    .squareBox:last-child {width:100%;}
    .bttm .pageBtn.small {margin: 2px;}
	
}
@media screen and (max-width:767px) {
	.grids .grid {display:block;width:auto;padding:20px 0}	
	.feature-more {margin:0;}
    .header-text > h3 {font-size: 18px;}
    .header-text h1 {font-size: 34px; letter-spacing:0px;}
    .header-element {border: 5px solid rgba(255, 255, 255, 0.2);padding: 30px 0;}
    .btns .pageBtn {margin: 5px;}
    .titleBlock h2 {font-size: 32px;}
    .titleBlock h3 {font-size: 18px;}
    .crcle-list .crcle {height:290px;margin: 0 0 10px;width:290px;}
    .count-visitor {font-size: 36px;letter-spacing: 0;}
    .plateform .logo > img {max-width: 100%;}
    .plateform {padding: 0 15px;}
    .visitor > h4, .plateform > p {font-size: 14px;}
    .crcle-list {margin-top: 10px;}
    .nobottom-space {padding-bottom: 0 !important;}
    
    .squareBox {width:100%;}
    .squareBox{border-right:none; border-bottom:1px solid #dbdbdb;}
    .squareBox:last-child {width:100%;}
    .accordion-toggle {font-size: 20px;padding: 0 0 15px 35px;}
    .accordion-toggle::before {border: 2px solid #2f363b;font-size: 18px;height: 18px;line-height: 18px;width: 18px;}
    .accordion-content {margin: 0 0 35px;padding: 0 0 0 5px;}
    .accordion-toggle.active::after {left: 6px;top: 14px;width: 10px;}
    .bttm .pageBtn.small {margin: 2px;}
    
    .small-crcl.five {bottom: -70px;right: 0;}
    .small-crcl.two, .small-crcl.four {bottom: -75px;left: 0;}
    .small-crcl.six {left: 0;top: -50px;}
    .small-crcl.seven {right: 0;top: -50px;}
    .small-crcl.eight {bottom: -70px;left: 0;}
    .small-crcl.nine {bottom: -120px;left: 112px;}
    .small-crcl.ten {bottom: -50px;}
    .small-crcl.nine {bottom: -150px;left: 92px;}
    .crcle-list.process-features .crcle {margin: 10px -20px 130px;}
    .bttm .pageBtn.small {margin: 2px;}
	
}