body{font-family: "Stack Sans Text", sans-serif;font-optical-sizing:auto;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#424242;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} 
a{color: #424242;}
.mrgn{margin-block:60px;}
h1,h2,h3{font-weight:bold;}
h1{font-size:48px;}h2{font-size:40px;}h3{font-size:36px;}
header{position:relative;background-color: white;display: grid;grid-template-columns:1fr auto;width:80%;margin:0 auto;align-items: center;}
.header{
/*background-color: #fff;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/
/*position: fixed;*/
z-index: 3;
}
.header ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
/*background-color:#fff;*/
}
.header li a {
display: block;
padding: 20px 20px;
/*border-right: 1px solid #f4f4f4;*/
text-decoration: none;
}
.header li a:hover,
.header .menu-btn:hover {
background-color: #c9f8d9;
}
.header .logo {
display: flex;
float: left;
font-size: 2em;
text-decoration: none;
}
/* menu */
.header .menu {
clear: both;
max-height: 0;
transition:max-height .2s ease-out;
float: right;
display: flex;
}

/* menu icon */

.header .menu-icon {
cursor: pointer;
display: inline-block;
float: right;
padding: 28px 20px;
position: relative;
user-select: none;
}

.header .menu-icon .navicon {
background: #333;
display: block;
height: 2px;
position: relative;
transition: background .2s ease-out;
width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}

.header .menu-icon .navicon:before {
top: 5px;
}

.header .menu-icon .navicon:after {
top: -5px;
}

/* menu btn */

.header .menu-btn {
display: none;
}

.header .menu-btn:checked ~ .menu {
max-height: 240px;
display:flex;flex-direction: column;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {

.header{justify-content: space-evenly;}
.header li {

}
.header li a {
padding: 20px 30px;
}
.header .menu {
clear: none;

max-height: none;
}
.header .menu-icon {
display: none;
}
}

/*8888888888888888888888888888888;*/

main{}
h2{text-align: center;}
h2+p{text-align: center;}
.container{max-width:80%;margin:0 auto;}
.herobanner {background: radial-gradient(circle at 10% 20%, rgba(216, 241, 230, 0.46) 0.1%, rgba(233, 226, 226, 0.28) 90.1%);
color: #262626;
position: relative;
transition: .4s ease;
padding-block: 60px;
}
.bannerwrap{display:grid;grid-template-columns:500px 1fr;width:100%;gap:48px;}
.bannermeta h1{font-size:48px;font-weight:bold;}
.bannermeta p{font-size:20px;}
.bannermeta ul.bannerpoint li{text-align: left;
line-height: 28px;
margin: 9px 0;
position: relative;
padding-left: 32px;list-style:none;}
.bannermeta ul.bannerpoint li::before {
content: '\2713';
    color: #424242;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    border: 2px solid #424242;
    border-radius: 100%;
    font-size: 13px;
    font-weight: bold;
    line-height: 21px;
    background-color: #edecec;}
.bannerimage{display:flex;justify-content:center;align-items:flex-start;}
.bannerimage img{max-width:100%;height:auto;}
.buttonwrap {
display: flex;
gap: 20px;
margin-block: 20px;
flex-wrap: wrap;
}
a.btns {
border-radius: 7px;
font-size: 18px;
font-weight: bold;
padding: 11px 22px;
align-items: center;
width: max-content;
transition: .4s ease;
display:flex;
flex-direction:column;
text-decoration: none;
}
a.btns small{font-size:12px;font-weight:100;}
a.downloadbtn {
color: #ffffff;
background: #339900;
}
a.buybutton {
color: #fff;
background-color: #016fff;
}
a.btns:hover,.card:hover{transform:translateY(-6px);transition:.4s ease;}
.company-logos {}
.company-logos h2{font-size:37px;margin-top:0;}.company-logos .company-logo-inner{display:flex;align-items:flex-start;justify-content:center;gap:50px;}
.company-logos .company-logo-inner .logo-seperator{position:relative;}.h3{font-size:37px;text-align:center;}.h3 span{color:#016fff;}
.company-logos .company-logo-inner .logo-seperator:after{content:"";position:absolute;background-color:#dfe1e6;width:1px;bottom:0;left:0;top:-8px;height:40px;transform:translateX(-25px);}
.company-logos .cmp-logo-heading{margin-bottom:40px;}
.company-logos .cmp-logo-heading h2 b{font-size:37px;font-weight:600;position:relative;}
.company-logos .cmp-logo-heading h2 b:before{content:"";border-radius:5px;opacity:.8;background:linear-gradient(89deg, rgba(255, 255, 255, 0) -5.07%, rgb(204 226 255) 30.61%, rgba(231, 178, 236, 0) 109.47%);filter:blur(1.5px);position:absolute;width:100%;height:100%;z-index:-1;bottom:1px;}
.company-logos .cmp-logo-heading h2 + p{margin-top:15px;}


@keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.out-top {animation:rotate 20s linear infinite;transform-origin: 13px 25px;}
.in-top {animation:rotate 10s linear infinite;transform-origin: 13px 25px;}
.out-bottom {animation:rotate 25s linear infinite;transform-origin: 84px 93px;}
.in-bottom {animation:rotate 15s linear infinite;transform-origin: 88px 93px;}
@keyframes slides{from{transform:translateX(100%);}to{transform:translateX(-100%);}}
.clientlogos{overflow:hidden;padding:30px 0px;white-space:nowrap;position:relative;max-width:65%;margin:45px auto 30px;}
.clientlogos:before, .clientlogos:after{position:absolute;top:0;content:'';width:150px;height:100%;z-index:2;}
.clientlogos:before{left:0;background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));}
.clientlogos:after{right:0;background:linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));}
.logoitems{display:flex;justify-content:center;gap:50px;align-content:center;animation:10s slides infinite linear;}
.clientlogos:hover .logoitems{animation-play-state:paused;}


.licensedetails .row {
padding: 50px 15px 35px;
display: flex;
gap:10px;
}
.licensedetails .col-md-2{width:16%;}
.licensedetails  .col-md-3{width:25%;}
/*.licensedetails .col-md-3{width:25%;}*/
.licensedetails .border-bottom{border-bottom:1px solid #d7dceb;}
.licensedetails .fontbold{font-weight:bold;}
.licensedetails ul{list-style:none;}
.featureswrap{display:grid;grid-template-columns:1fr 1fr;}
.white{color:white;}
.pricing{background:#253447;padding-block:70px;}
.pricing-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  max-width: 1000px;
  width: 100%;
  margin:0 auto;
  padding-block:30px;
}

.pricing-card {
  background: #e6e6e6;
  border: 1px solid #cfcdcd;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  transition: transform 0.3s ease;
}

.pricing-card:hover {
  transform: translateY(-6px);
}

.pricing-card h3 {
  font-size: 1.4rem;
  font-weight: normal;
    border-radius: 40px;
    background-color: springgreen;
    max-width: fit-content;
    margin: 10px auto 12px;
    padding: 4px 30px
}

.price {
  font-size: 1.8rem;
  color: #377f49;
  margin-bottom: 20px;
  font-weight:bold;
}
.price i{font-style:normal;font-size:.9rem;font-weight:normal;padding-right:2px;}

.pricing-card ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.pricing-card ul li {
  margin: 8px 0;
  font-size: 0.95rem;
  color: #242424;
}

button {
  background: #ffffff;
    color: #377f49;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    padding: 16px 22px;
    border: 2px solid #377f49;
    transition: .4s ease;
}
button:hover{background: #253447;
    color: #ffffff;border: 2px solid #253447;}

.highlighted {
  border: 2px solid #066253;
  background: #287f4b;transition: .4s ease;
}
.pricing-card.highlighted ul li,.pricing-card.highlighted .price{color:white;}


.features{}

.grid-container {
width: min(75rem, 100%);
margin-inline: auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
gap: 2rem;
padding-block:70px;
}
.card {
--grad: #2d7d00, #ffffff;
padding: 2.5rem;
/*background-image: linear-gradient(to bottom left, #e0e4e5, #f2f6f9);*/
border-radius: 2rem;
gap: 1.5rem;
display: grid;
grid-template: 'title icon' 'content content' 'bar bar' / 1fr auto;
color: #444447;
box-shadow: inset 1px 0 rgb(226 226 226), 0px 0px 13px rgb(0 0 0 / .25);transition:.4s ease;

.title {
font-size: 1.2rem;
grid-area: title;
align-self: end;
text-transform: uppercase;
font-weight: 500;
color:green;
}
.icon {
grid-area: icon;
font-size: 3rem;

> i {
color: transparent;
background: linear-gradient(to right, var(--grad));
background-clip: text;
}
}
.content {
grid-area: content;
& > *:first-child { margin-top: 0rem}
& > *:last-child { margin-bottom:0rem;line-height:26px;}
}
&::after {
content: "";
grid-area: bar;
height: 2px;
background-image: linear-gradient(90deg, var(--grad));
/*     margin-inline: -1.5rem; */
}
}




footer{text-align:center;background-color:#e0e4e5;padding-block:20px;color:#07804b;}
@media only screen and (max-width:1024px){.bannerwrap{display:grid;grid-template-columns:1fr;}}
@media only screen and (max-width:768px){}
@media only screen and (max-width:480px){}
 
/*8888888888888888888888888888888;*/

.faq-section {
max-width:760px;
margin: 0 auto;
color:#4a4a4a;
padding-top: 50px;
}
details > summary {
list-style-type: none;
transition:0.4s ease;
}
details > summary::-webkit-details-marker {
display: none;
}
details > summary::after {
content: '+';
}
details[open] > summary::after {
content: '-';
}
details {
border: 1px solid #dfdfdf;
border-radius: 15px;
padding:1rem;
}
details[open] > summary {
margin-bottom: 0.5rem;
transition:0.4s ease;

}
details {
cursor: pointer;
position: relative;
margin-bottom:25px;
transition:0.4s ease;
}
summary:focus-visible {
outline: 2px solid orange;
outline-offset: 8px;
border-radius: 4px;
}
.faq-section h4 {
width: 760px;
color:#4a4a4a;
}

summary {
font-size: 20px;
font-weight:bold;
color: #07804b;
display: flex;
gap:25px; 
}

summary::marker {
display: none;
content: "";
}
summary h4{font-size:18px;
font-weight:bold;}
.faq-section span {
margin-top: 4px;
color: #f4f4f6;
}
details ul,ol{list-style-position:inside;margin-top:12px;}
details ul li,ol li{padding-bottom:10px;}

details > p {  
color: #4a4a4a;
line-height: 155%;
letter-spacing: .1px;  

}    


.gradientbox{
background: linear-gradient(45deg, blue, green, yellow, red);
background-repeat: no-repeat;
background-size: 400% 100%;
backdrop-filter: brightness(40%);
margin: 0;
min-height: 100vh;
animation: slide 20s infinite;
}

@keyframes slide {
50% {
background-position: 100%;
}
}




/*8888888888888888888888888888888;*/

.large-container {
position: static;
max-width: 1580px;
padding: 0px 30px;
margin: 0 auto;
}

.testimonial-section {
position: relative;
padding-top: 80px;
padding-bottom: 30px;
overflow: hidden;
background:radial-gradient(circle at 10% 20%, rgba(216, 241, 230, 0.46) 0.1%, rgba(233, 226, 226, 0.28) 90.1%);

}
.testimonial-section::before{
  animation: rotation 25s linear infinite;
position: absolute;
left: -200px;
top:1%;
background-image: url(../images/ringcircle.png);
background-repeat: no-repeat;
background-position: center;
width: 701px;
height: 756px;
content: "";
}
@keyframes rotation {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
.sec-title {
position: relative;
margin-bottom:5px;
.title {
margin-bottom: 20px;
}
}
.testimonial-carousel {
position: relative;
max-width: 1100px;
margin: 0 -50px;
}
}

.testimonial-block {
position: relative;
padding: 50px;
.inner-box {
padding: 80px 105px;
background-color: #ffffff;
box-shadow: 0 0 50px rgba(226, 222, 232, 0.75);
}
.text {
position: relative;
display: block;
font-size: 18px;
line-height: 32px;
color: #282331;
font-weight: 400;
margin-bottom: 50px;
}
.info-box {
position: relative;
padding-left: 115px;
padding-top: 10px;
.thumb {
position: absolute;
left: 0;
top: 0;
height: 82px;
width: 82px;
img {
border: 6px solid #e5e6fa;
border-radius: 50%;
overflow: hidden;
display: block;
width: 100%;
box-shadow: 0 45px 45px rgba(147, 147, 147, 0.35);
}
}
.name {
position: relative;
display: block;
font-size: 21px;
line-height: 1.2em;
color: #382c4d;
font-weight: 700;
margin-bottom: 10px;
}
.designation {
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #8053f7;
font-weight: 400;
}
}
}

.testimonial-carousel {
.owl-nav {
position: absolute;
right: 75px;
bottom: 70px;
z-index: 1;
}
.owl-next, .owl-prev {
position: relative;
display: inline-block;
cursor: pointer;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
border-radius: 50%;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.owl-next:hover, .owl-prev:hover {
background-color: #00df97;
box-shadow: 0 24px 24px rgba(187, 187, 187, 0.75);
}
}

.arrow-right, .arrow-left {
position: relative;
display: inline-block;
height: 9px;
width: 43px;
background-image: url(../images/arrow-left.png);
background-repeat: no-repeat;
background-position: center;
}

.arrow-right {
background-image: url(../images/arrow-right.png);
}

.testimonial-section .thumb-layer {
position: absolute;
right: 30px;
top: 120px;
z-index:-1;
.image {
position: relative;
margin-right: 0;
img {
display: inline-block;
max-width: 100%;
height: auto;
}
}
}

@media only screen and (max-width: 767px) {
.testimonial-section .sec-title {
margin-bottom: 50px;
}
.testimonial-block {
padding: 0;
.inner-box {
box-shadow: none;
border: 2px solid #f1f1f1;
}
}
.testimonial-carousel {
.owl-nav {
position: relative;
left: 0;
bottom: 0;
margin-top: 20px;
text-align: center;
}
.owl-next, .owl-prev {
border: 2px solid #f1f1f1;
}
}
}

@media only screen and (max-width: 1366px) {
.large-container {
padding-left: 20px;
padding-right: 20px;
}
}

/*8888888888888888888888888888888;*/

.testim {
width: 100%;
top: 50%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);

}

.testim .wrap {
position: relative;
width: 100%;
max-width: 1020px;
padding: 40px 20px;
margin: 250px auto 0;
background: #ffffff;
border-radius:35px;
box-shadow: 0 0 5px #f1f1f1
}

.testim .arrow {
display: block;
position: absolute;
color: #333;
cursor: pointer;
font-size: 2em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;    
-ms-transition: all .3s ease-in-out;    
-moz-transition: all .3s ease-in-out;    
-o-transition: all .3s ease-in-out;    
transition: all .3s ease-in-out;
padding: 5px;
z-index: 22222222;
}

.testim .arrow:before {
cursor: pointer;
}

.testim .arrow:hover {
color: green;
}


.testim .arrow.left {
left: 70px;
}

.testim .arrow.right {
right: 70px;
}

.testim .dots {
text-align: center;
position: absolute;
width: 100%;
bottom: 60px;
left: 0;
display: block;
z-index: 3333;
height: 12px;
}

.testim .dots .dot {
list-style-type: none;
/*display: inline-block;*/
display: none;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid green;
margin: 0 10px;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;    
-ms-transition: all .5s ease-in-out;    
-moz-transition: all .5s ease-in-out;    
-o-transition: all .5s ease-in-out;    
transition: all .5s ease-in-out;
position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
background: green;
border-color: green;
}

.testim .dots .dot.active {
-webkit-animation: testim-scale .5s ease-in-out forwards;   
-moz-animation: testim-scale .5s ease-in-out forwards;   
-ms-animation: testim-scale .5s ease-in-out forwards;   
-o-animation: testim-scale .5s ease-in-out forwards;   
animation: testim-scale .5s ease-in-out forwards;   
}

.testim .cont {
position: relative;
overflow: hidden;
}

.testim .cont > div {
text-align: center;
position: absolute;
top: 0;
left: 0;
padding: 0 0 70px 0;
opacity: 0;
}

.testim .cont > div.inactive {
opacity: 1;
}


.testim .cont > div.active {
position: relative;
opacity: 1;
}


.testim .cont div .img img {
display: block;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
}

.testim .cont div h3{
color: green;
font-size:1.5em;
margin:15px 0;
}

.testim .cont div p {
font-size: 1.15em;
color: #333;
width: 70%;
margin: auto;
}

.testim .cont div.active .img img {
-webkit-animation: testim-show .5s ease-in-out forwards;            
-moz-animation: testim-show .5s ease-in-out forwards;            
-ms-animation: testim-show .5s ease-in-out forwards;            
-o-animation: testim-show .5s ease-in-out forwards;            
animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h3 {
-webkit-animation: testim-content-in .4s ease-in-out forwards;    
-moz-animation: testim-content-in .4s ease-in-out forwards;    
-ms-animation: testim-content-in .4s ease-in-out forwards;    
-o-animation: testim-content-in .4s ease-in-out forwards;    
animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
-webkit-animation: testim-content-in .5s ease-in-out forwards;    
-moz-animation: testim-content-in .5s ease-in-out forwards;    
-ms-animation: testim-content-in .5s ease-in-out forwards;    
-o-animation: testim-content-in .5s ease-in-out forwards;    
animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
-webkit-animation: testim-hide .5s ease-in-out forwards;            
-moz-animation: testim-hide .5s ease-in-out forwards;            
-ms-animation: testim-hide .5s ease-in-out forwards;            
-o-animation: testim-hide .5s ease-in-out forwards;            
animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h3 {
-webkit-animation: testim-content-out .4s ease-in-out forwards;        
-moz-animation: testim-content-out .4s ease-in-out forwards;        
-ms-animation: testim-content-out .4s ease-in-out forwards;        
-o-animation: testim-content-out .4s ease-in-out forwards;        
animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
-webkit-animation: testim-content-out .5s ease-in-out forwards;    
-moz-animation: testim-content-out .5s ease-in-out forwards;    
-ms-animation: testim-content-out .5s ease-in-out forwards;    
-o-animation: testim-content-out .5s ease-in-out forwards;    
animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
0% {
-webkit-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-webkit-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-moz-keyframes testim-scale {
0% {
-moz-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-moz-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-moz-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-moz-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-ms-keyframes testim-scale {
0% {
-ms-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-ms-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-ms-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-ms-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-o-keyframes testim-scale {
0% {
-o-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-o-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-o-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-o-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@keyframes testim-scale {
0% {
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-webkit-keyframes testim-content-in {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-webkit-transform: translateY(0);        
transform: translateY(0);        
}
}

@-moz-keyframes testim-content-in {
from {
opacity: 0;
-moz-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-moz-transform: translateY(0);        
transform: translateY(0);        
}
}

@-ms-keyframes testim-content-in {
from {
opacity: 0;
-ms-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-ms-transform: translateY(0);        
transform: translateY(0);        
}
}

@-o-keyframes testim-content-in {
from {
opacity: 0;
-o-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-o-transform: translateY(0);        
transform: translateY(0);        
}
}

@keyframes testim-content-in {
from {
opacity: 0;
transform: translateY(100%);
}

to {
opacity: 1;
transform: translateY(0);        
}
}

@-webkit-keyframes testim-content-out {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-webkit-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-moz-keyframes testim-content-out {
from {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-moz-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-ms-keyframes testim-content-out {
from {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-ms-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-o-keyframes testim-content-out {
from {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@keyframes testim-content-out {
from {
opacity: 1;
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
}
}

@-webkit-keyframes testim-show {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}
}

@-moz-keyframes testim-show {
from {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}
}

@-ms-keyframes testim-show {
from {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}
}

@-o-keyframes testim-show {
from {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}
}

@keyframes testim-show {
from {
opacity: 0;
transform: scale(0);
}

to {
opacity: 1;
transform: scale(1);       
}
}

@-webkit-keyframes testim-hide {
from {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}

@-moz-keyframes testim-hide {
from {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
}

@-ms-keyframes testim-hide {
from {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}
}

@-o-keyframes testim-hide {
from {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
}

@keyframes testim-hide {
from {
opacity: 1;
transform: scale(1);       
}

to {
opacity: 0;
transform: scale(0);
}
}

@media all and (max-width: 300px) {
body {
font-size: 14px;
}
}

@media all and (max-width: 500px) {
.testim .arrow {
font-size: 1.5em;
}

.testim .cont div p {
line-height: 25px;
}

}

 /*8888888888888888888888888888888;*/


.ctabox{background: linear-gradient(45deg,#253447 , #0e8e5b);
    background-size: 600% 100%;
    /*animation: gradient 16s linear infinite;
    animation-direction: alternate;*/padding:60px 0;color:#fff;overflow:hidden;margin-top:48px;position:relative;}
@keyframes gradient {
    0% {background-position: 0%}
    100% {background-position: 100%}
}
.ctabox::before {
    content: '';
    position: absolute;
    width:420px;
    height: 300px;
    border-radius: 16%;
    background-color: #2f5f51;
    left: 77px;
    top: 66px;
    transform: perspective(50px) rotateY(10deg);
}
.ctabox::after {
    content: '';
    position: absolute;
    width: 257px;
    height: 257px;
    border-radius:16%;
    background-color: #2f5f51;
    right: 0;
    bottom: -110px;    
    transform: perspective(50px) rotateY(-10deg);
}
.ctabox .container{text-align: center;display:flex;flex-direction:column;gap:12px;}
.ctabox .title-section{font-weight:700!important;font-size:2.5rem;}
.ctabox .experience{color:#a2ffd9;font-size:24px;font-weight:bold;}
.ctabox a.btns{margin:16px auto;}
/*.circle-shape-1{width:356px;min-height:356px;min-width:356px;background-color:#ed1b24;border-radius:50%;position:absolute;top:-240px;right:5%;opacity:0.4;}
.circle-shape-2{width:300px;min-height:300px;min-width:300px;background-color:#ed1b24;border-radius:50%;position:absolute;bottom:-210px;left:5%;opacity:0.2;}*/