.inner-banner .btn{ width: 100%; max-width: 300px;}

/* OUR ACHIVMENT */
.our_achievements{ display: flex; width: 100%; padding:0 0 70px 0; background:var(--lightblue);}
.our_achievements .achievements{ display: flex; width: 100%; gap: 50px;}
.our_achievements .achievement{ display: flex; width: 100%; justify-content: center; align-items: center;   flex-direction: column; background: var(--white); justify-content: center; border-radius: 30px; min-height: 220px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: all ease-in-out 0.2s; border:solid 2px var(--white);} 
.our_achievements .achievement h4{ display: block; font-size: var(--fontSize40); margin:10px 0 0; line-height:1;}
.our_achievements .achievement small{ display: block; font-size: var(--fontSize16); }

.our_achievements .achievement:hover{ border:solid 2px var(--blue); box-shadow: none; cursor: pointer; transform: scale(1.1);}
  
/* OUR COMMITMENT */
.our_commitments { display: flex; width: 100%; padding: 50px 0; background:var(--white)}
.our_commitments .commitments{ display: flex; width: 100%; }
.our_commitments .commitment{ display: flex; width: 100%; justify-content: flex-start; flex-direction: column; align-items: center; transition: all ease-in-out 0.2s; text-align: center; padding: 0 20px;  }
.our_commitments .commitment h4{ display: block; font-size: var(--fontSize20); margin:10px 0 0; line-height:1; font-weight: 700;}
.our_commitments .commitment p{ display: block; font-size: var(--fontSize17); padding-top: 10px; }
.our_commitments .commitment:hover{ transform: translateY(-15px);}

/* OUR TRUST */
.our_trusts { display: flex; width: 100%; padding: 50px 0; background:var(--white)}
.our_trusts .trusts{ display: flex; width: 100%;  }
.our_trusts .trust{ display: flex; width: 100%; justify-content:flex-start; align-items: flex-start; padding: 0 20px; }

.our_trusts .trust span{ display: block; width: 68px; flex-shrink: 0; }
.our_trusts .trust h4{ display: block; font-size: var(--fontSize20); margin:10px 0 0; line-height:1; font-weight: 700; margin: 6px 0 0;}
.our_trusts .trust p{ display: block; font-size: var(--fontSize17); padding-top: 6px; }
.our_trusts .trust .content{ padding-left: 15px;}

.our_trusts .trust {border: solid 1px #fff; padding: 15px 10px; }
.our_trusts .trust + .trust {border-left: solid 1px #b6b6b6;}
.our_trusts .trust:hover {border: solid 1px #b6b6b6 !important; cursor: pointer;}
.our_trusts:hover .trust + .trust {border-left: solid 1px #fff;}


/* COMMONROWS */
.commonrows { display: flex; width: 100%; padding: 70px 0; }
.commonrows .commonrow{ display: flex; width: 100%; justify-content:space-between; align-items: center; gap: 40px;  }
.commonrows .commonrow .img_col{ display: block; flex-shrink: 0; }
.commonrows .commonrow .content_col{ display: block;  }
.commonrows .commonrow .content_col .sub-heading {font-family: "Barlow";  letter-spacing: 15px; font-weight: 600; margin-bottom: 20px; text-transform: uppercase;  }
.commonrows .commonrow .content_col .heading { margin-bottom: 30px;}


/* .green_globe_bg{background: linear-gradient(270deg, #88B900 0%, #B4D301 90.1%, #88B900 100%); }  */
 .about_01{ background: var(--blue)  url(../img/aboutpage/about_bg.png); color: var(--white); text-align: right;
background-position:0 100%;
background-repeat:no-repeat;
} 
 .about_02{ background: var(--lightblue);  font-size:var(--fontSize17);} 
 .about_02 .commonrow{ flex-direction:row-reverse;  text-align: left;}
 .about_02 ul{ list-style: none; padding-left: 0;}
 .about_02 ul li{ padding: 14px 0 24px 65px; list-style: none;   }
 .about_02 ul li i { width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; background: #ededed; border-radius: 50px; padding: 4px;  position: absolute; left: 0; top:8px; content: ""; color: var(--blue);}



 .about_03{text-align: right;} 

 .about_04{ background-image: url(../img/aboutpage/green_globe_bg.png); background-position:0 0 ; background-repeat:no-repeat; background-size: cover; } 
 .about_04 .commonrow{ flex-direction:row-reverse; }
 .about_04 .commonrow .content_col{text-align: left; color: var(--white);}


 /* BUSINES */
.businesses { display: flex; width: 100%; padding: 60px 0; background: linear-gradient(95.56deg, #00C3FF -0.29%, #1993D1 49.15%, #2085C4 74.81%, #05B8F5 98.4%); text-align: center; color: var(--white); position: relative;}
.businesses:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(../img/aboutpage/group_02.svg) 0% 0% no-repeat; z-index: 0;}
.businesses:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(../img/aboutpage/group_01.svg) 100% 100% no-repeat; z-index: 0;}
.businesses .container { max-width: 1220px;}

.businesses .sub-heading {font-family: "Barlow"; letter-spacing: 15px;  font-weight: 600;  margin-bottom: 20px;
text-transform: uppercase;  }
.businesses p{ font-size: 17px;}


.businesses .business_row{ display: flex; width: 100%; justify-content:space-between; align-items: center; gap: 40px; padding: 30px 0 10px; position: relative;  z-index: 1; }
.businesses .business_row .world_map{ display: block; flex-shrink: 0; position: relative;  max-width: 100%;}
.businesses .business_row .world_map img{ max-width: 100%;}


.businesses .business_row .world_map span{ position: absolute;width: 18px; height: 18px; display: block; background: var(--blue); border-radius: 70px; border: solid 2px var(--white); cursor: pointer;}
.businesses .business_row .world_map span small{width: 16px; height: 16px; display: block; border: solid 2px var(--blue); content: ""; left: -1px; top: -1px; border-radius: 60px;  position: absolute;   animation: spinner 1.6s infinite; }
.businesses .business_row .world_map span small + small{  width: 20px; height: 20px; left: -3px; top: -3px; }

.businesses .point1{ left: 19.6%; top:27%; }
.businesses .point2{ left: 19.6%; top:39%; }
.businesses .point3{ left: 46.6%; top:31%; }
.businesses .point4{ left: 69.6%; top:47%; }
.businesses .point5{ left: 85%; top:74%; }


.businesses .business_row .world_map span i{position:absolute; background:var(--blue); padding:5px 10px; top:-10px; left: 30px; display: block; border-radius: 4px;  font-style: normal; text-align: left; width: auto; height: 32px; overflow: visible; z-index:9 ; font-size: var(--fontSize12); font-weight: 700; white-space:nowrap; } 
.businesses .business_row .world_map span i em{ font-weight: 400; font-style: normal; display: none; white-space:normal;}
.businesses .business_row .world_map span:hover em{ display: block;}
.businesses .business_row .world_map span:hover i{height: 84px; display: block; width: 220px; background:var(--darkblue); z-index: 99; animation: textOpacity 1.0s forwards;}

.businesses .business_row .world_map span i::before{ position: absolute; left: -6px; top:11px; width: 12px; height: 12px; background:var(--blue); content: ""; display: block; transform: rotate(45deg);}
.businesses .business_row .world_map span:hover i::before{background:var(--darkblue); }

.businesses .business_row .card{ display: block;  max-width: 350px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 36px; border-radius: 36px; text-align: center; transform: translateX(-40px);}
.businesses .business_row .card h5{ display: block; text-align: center; font-size: var(--fontSize17); padding-bottom: 0px; color: var(--darkblue); margin-bottom: 0;}
.businesses .business_row .card input[type="text"],.businesses .business_row .card input[type="email"],.businesses .business_row .card input[type="tel"], .businesses .business_row .card textarea{ background: #ededed; border-radius: 8px !important; padding: .600rem .75rem; border: none; resize: none;}

.businesses .business_row .card br, .businesses .business_row .card label{ display: none;}



@keyframes spinner {
    0% {
      opacity:0.8;
      transform: scale(1.2);
      transform-origin: center;
    }
  
    100% {
        opacity: 0;
        transform: scale(2.1);
        transform-origin: center;
    }
  }
  
  @-webkit-keyframes spinner {
    0% {
        opacity: 1;
        transform:translate(-50%, -50%), scale(1)
      }
    
      100% {
          opacity: 0;
          transform:translate(-50%, -50%), scale(1.5)
      }
  }


  @keyframes textOpacity {
    0% {
      opacity:0;
    }
  
    100% {
        opacity: 1;
    }
  }
  
  @-webkit-keyframes textOpacity {
    0% {
        opacity: 0;
      }
    
      100% {
          opacity: 1;
      }
  }

 .business_row .wpcf7-form-control {border:solid 1px #ededed !important;}
 .business_row .wpcf7-not-valid-tip{ display: none !important;}
  .business_row .wpcf7-form-control.wpcf7-not-valid{ border:solid 1px #dc3232 !important;}
  .wpcf7-response-output{color: #212529};
 
  @media only screen and (max-width:1199px) {
    .businesses .business_row .world_map{max-width: 60%;}
    .our_achievements .achievements{gap: 30px;}
    .our_achievements .achievement{min-height: 220px;}
  }

  @media only screen and (max-width:1023px) {
 
    .inner-banner .btn{ margin-top: 20px !important;}
    .our_achievements{ padding: 30px 0;}
    .our_achievements .achievements{flex-wrap: wrap; justify-content: center; margin-top: 20px;}
    .our_achievements .achievement{max-width:calc(50% - 30px);}
    .commonrows.about_01 img{max-width: 100%;}

    .commonrows.about_01{ text-align: center;}
    .commonrows.about_01  .commonrow{ flex-wrap: wrap; justify-content: center;}

    .commonrows.about_02{ padding:50px 0 30px 0;}
    .commonrows.about_02{ text-align: center;}
    .commonrows.about_02  .commonrow{ flex-wrap: wrap; justify-content: center;}
    
    .commonrows.about_03{ padding: 30px 0;}
    .commonrows.about_03{ text-align: center;}
    .commonrows.about_03 .commonrow{ flex-wrap: wrap; justify-content: center;}

    .commonrows.about_04{ padding: 30px 0 50px;}
    .commonrows.about_04 .commonrow .content_col{ text-align: center;}
    .commonrows.about_04 .commonrow{ flex-wrap: wrap; justify-content: center;}

    .our_commitments{ padding: 30px 0;}
    .our_commitments .commitments{flex-wrap: wrap; }
    .our_commitments .commitment{max-width:calc(50% - 30px); padding: 15px 10px;}

    .businesses{ padding: 30px;}
    .business_row{flex-wrap: wrap; }
    .businesses .business_row .world_map { max-width: 100%; width: 100%;}
    .businesses .business_row .world_map span i{font-size: var(--fontSize14);}
    .businesses .business_row .card{ max-width: 100%; width: 100%; transform: none } 

    .our_trusts{ padding: 30px 0;}
    .our_trusts .trusts{flex-wrap: wrap;}
    .our_trusts .trust{ margin: 6px 0;}
    .our_trusts .trust + .trust{ border-color:#fff;}
    
  }


  @media only screen and (max-width:767px) {
    .our_achievements { padding:0 0 30px 0;    }
    .our_achievements .achievement {  max-width: calc(100% - 30px); }
    .our_achievements .achievement:hover{transform: scale(1);}
    .our_commitments .commitment { max-width:100%;  }

    .businesses { padding: 30px 0 30px;  }
    .businesses::before{ background: none;}
    .businesses .sub-heading{ letter-spacing: 1px;}
    .businesses .business_row{ padding: 0;}
    .businesses .business_row .world_map img{ display: none;}
    .businesses .business_row .world_map span{ position:relative; margin: 10px 0; left: 0; top: 0; width: auto !important; height: auto !important; display: block; border: none; border-radius: 0 !important;}
    .businesses .business_row .world_map span small{ display: none; position: static; left: 0; top: 0;}
    .businesses .business_row .world_map span i{ position: static; height: auto !important; padding: 10px;} 
    .businesses .business_row .world_map span i::before{ display: none;}
    .businesses .business_row .world_map span i, .businesses .business_row .world_map span i em{ display: block !important; width: 100% !important; background:inherit;}
    .commonrows .commonrow .img_col{flex-shrink: 1; }


  }