.per-header-top {
   background-color: #fff;
   padding: 7px 0;
}
.header-top-inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.header-social {
   display: flex;
   align-items: center;
}
.per-header-top .social-icon {
   margin-right: 20px;
}
.per-header-top .social-icon svg {
   height: 20px;
   fill: #fff;
   display: block;
   transition: .2s linear;
}
.per-header-top .social-icon:nth-child(3) svg,
.per-header-top .social-icon:nth-child(4) svg
 {
   height: 25px;
}
.per-header-top .social-icon:hover svg {
   /* fill: #303952; */
   fill: #F2CE5F;
}
.per-header-top .header-call a {
   color: #fff;
}

@media (max-width: 425px) {
   .per-header-top .social-icon {
      margin-right: 10px;
   }
   
   .per-dropdown {
      margin-left: 10px;
   }
   .per-header-top .header-call a {
      font-size: 13px;
   }
}
.header-action {
   display: flex;
   align-items: center;
}
.per-dropdown {
   margin-left: 20px;
}
@media (max-width: 425px) {
   
   .per-dropdown {
      margin-left: 10px;
   }
}
.per-dropdown .dropdown__btn {
   background-color: #ffffff;
   border: none;
   color: #43a93a;
   padding: 10px 20px;
 }
 .per-dropdown .dropdown__content {
   background-color: #5caf4f;
   border: solid 1px #c6c0c0;
   position: absolute;
   bottom: 100;
   left: 0;
   display: none;
   z-index: 10;
 }
 .per-dropdown .dropdown__content.active {
   display: block;
 }
 .per-dropdown a {
   text-decoration: none;
   color: #eee;
   padding: 7px 0px;
   display: block;
   font-size: 13px;
 }
 .per-dropdown a:hover {
   background-color: green;
   border-radius: 50% !important;
 }
 .per-dropdown.circle {
    position: relative;
 }
 .per-dropdown.circle .dropdown__btn {
   height: 34px;
   width: 34px;
   border-radius: 50%;
   padding: 0;
   outline: none;
   position: relative;
   z-index: 1001;
 }
 .per-dropdown.circle .dropdown__btn:hover {
   background-color: #e8ece8;
   border-radius: 50%;
 }
 .per-dropdown.circle .dropdown__content {
   border-radius: 17px 17px 17px 17px;
   text-align: center;
   right: 0;
   top: 0;
   padding-top: 34px;
   z-index: 1000;
 }
 .per-dropdown.circle a:hover:last-child {
   border-radius: 0 0 17px 17px;
 }
.boxes .box .icon {
   border-radius: 50%;
   overflow: hidden;
   padding: 0;
}
.boxes .icon img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.other-features .per-features-img {
   margin-bottom: 20px;
   display: inline-block;

}

.fun-facts .per-facts-img {
   font-size: 50px;
   margin: 10px 0 20px;
}

.main-features .right-side .one-feature img {
   float: left;
}
.per-call-btn {
   position: fixed;
   bottom: 1%;
   right: 1.25%;
}
.per-call-btn a {
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   height: 40px;
   width: 40px;
   background-color: #453b3b;
}
.per-call-btn a svg {
   height: 22px;
   fill: #43a93a;
   fill: rgba(67, 169, 58, 0.651);


}
.per-test-color {
   color: #43a93a;
      color: #5caf4f; 
         color: #124a17;
   }
   .coccoc-alo-ph-circle {
      width: 160px;
      height: 160px;
      top: 20px;
      left: 20px;
      position: absolute;
      background-color: transparent;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid rgba(30, 30, 30, 0.4);
      opacity: .1;
      -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
      -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
      -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
      -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
      animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
  }
  
  .coccoc-alo-phone {
      background-color: transparent;
      width: 200px;
      height: 200px;
      cursor: pointer;
      z-index: 200000 !important;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-transition: visibility .5s;
      -moz-transition: visibility .5s;
      -o-transition: visibility .5s;
      transition: visibility .5s;
      right: 150px;
      top: 30px;
  }
  
  .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
      background-color: rgba(153, 196, 143,0.5);
      opacity: .75 !important;
  }
  
  .coccoc-alo-ph-circle-fill {
      width: 100px;
      height: 100px;
      top: 50px;
      left: 50px;
      position: absolute;
      background-color: #000;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid transparent;
      opacity: .1;
      -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
      -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
      -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
      -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
      animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
  }
  
  .coccoc-alo-ph-img-circle {
      width: 60px;
      height: 60px;
      top: 70px;
      left: 70px;
      position: absolute;
      background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid transparent;
      opacity: .7;
      -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
      -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
      -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
      -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
      animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  }
  
  .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
      background-color: #99c48f;
  }
  
  .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
      border-color: #99c48f;
      opacity: .5;
  }
  
  .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
  .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
      border-color: rgba(112, 104, 101);
      opacity: .5;
  }
  
  .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
  .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
      background-color: rgba(112, 104, 101, 0.5);
      opacity: .75 !important;
  }
  
  .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
  .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
      background-color: rgb(112, 104, 101);
  }
  
  @-moz-keyframes coccoc-alo-circle-anim {
      0% {
          transform: rotate(0) scale(.5) skew(1deg);
          opacity: .1
      }
      30% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .5
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .1
      }
  }
  
  @-webkit-keyframes coccoc-alo-circle-anim {
      0% {
          transform: rotate(0) scale(.5) skew(1deg);
          opacity: .1
      }
      30% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .5
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .1
      }
  }
  
  @-o-keyframes coccoc-alo-circle-anim {
      0% {
          transform: rotate(0) scale(.5) skew(1deg);
          opacity: .1
      }
      30% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .5
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .1
      }
  }
  
  @keyframes coccoc-alo-circle-anim {
      0% {
          transform: rotate(0) scale(.5) skew(1deg);
          opacity: .1
      }
      30% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .5
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .1
      }
  }
  
  @-moz-keyframes coccoc-alo-circle-fill-anim {
      0% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .2
      }
      100% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
  }
  
  @-webkit-keyframes coccoc-alo-circle-fill-anim {
      0% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .2
      }
      100% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
  }
  
  @-o-keyframes coccoc-alo-circle-fill-anim {
      0% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .2
      }
      100% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
  }
  
  @keyframes coccoc-alo-circle-fill-anim {
      0% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg);
          opacity: .2
      }
      100% {
          transform: rotate(0) scale(.7) skew(1deg);
          opacity: .2
      }
  }
  
  @-moz-keyframes coccoc-alo-circle-img-anim {
      0% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      10% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      20% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      30% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      40% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg)
      }
  }
  
  @-webkit-keyframes coccoc-alo-circle-img-anim {
      0% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      10% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      20% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      30% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      40% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg)
      }
  }
  
  @-o-keyframes coccoc-alo-circle-img-anim {
      0% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      10% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      20% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      30% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      40% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg)
      }
  }
  
  @keyframes coccoc-alo-circle-img-anim {
      0% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      10% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      20% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      30% {
          transform: rotate(-25deg) scale(1) skew(1deg)
      }
      40% {
          transform: rotate(25deg) scale(1) skew(1deg)
      }
      50% {
          transform: rotate(0) scale(1) skew(1deg)
      }
      100% {
          transform: rotate(0) scale(1) skew(1deg)
      }
  }
  @media(max-width: 1024px){
      
   .coccoc-alo-ph-circle {
    width: 100px;
    height: 100px;
    top: 20px;
    left: 20px;
   
}

.coccoc-alo-phone {
    background-color: transparent;
    width: 140px;
    height: 140px;
    cursor: pointer;
   
}

.coccoc-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 40px;
    left: 40px;
    
}

.coccoc-alo-ph-img-circle {
    width: 40px;
    height: 40px;
    top: 50px;
    left: 50px;
   
    background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;
    background-size: contain;
}
  }