@font-face{font-family:'StackSansText-Regular';font-display:swap;src: url('https://www.osttopst.com/css/fonts/StackSansText-Regular.eot');src:url('https://www.osttopst.com/css/fonts/StackSansText-Regular.eot?#iefix') format('embedded-opentype'),url('https://www.osttopst.com/css/fonts/StackSansText-Regular.woff2') format('woff2'), url('https://www.osttopst.com/css/fonts/StackSansText-Regular.woff') format('woff'), url('https://www.osttopst.com/css/fonts/StackSansText-Regular.ttf')  format('truetype'), url('https://www.osttopst.com/css/fonts/StackSansText-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */}
body{font-family:"StackSansText-Regular", sans-serif;font-optical-sizing:auto;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#424242;letter-spacing:.3px;}
*{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:normal;}
h1{font-size:clamp(2rem, 3.8vw, 2.9rem);}h2{font-size:clamp(1.6rem, 3vw, 2rem);}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{z-index:3;}
.header ul{margin:0;padding:0;list-style:none;overflow:hidden;}
.header li a{display:block;padding:20px 20px;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;}}
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:clamp(2rem, 3.8vw, 2.9rem);padding-block-end:12px;letter-spacing:.5px;}
.bannermeta p{font-size:20px;padding-block-end:8px;}
.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;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:#206100;}
a.buybutton{color:#fff;background-color:#0052BD;}
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:#0052BD;}
.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 b{font-size:1.4rem;font-weight:normal;border-radius:40px;background-color:springgreen;max-width:fit-content;margin:10px auto 12px;padding:4px 30px;display:flex;}
.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;}
.cardbutton{ background:#ffffff;color:#377f49;border:none;border-radius:6px;font-weight:bold;cursor:pointer;padding:16px 22px;border:2px solid #377f49;transition:.4s ease;}
.cardbutton:hover{background-color:#ffffff;color:#377f49;border: 2px solid #377f49;}
.highlighted {border:2px solid #066253;background:#287f4b;transition:.4s ease;}
.pricing-card.highlighted ul li,.pricing-card.highlighted .price{color:white;}
.features h2{padding-block-end:8px;}
.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;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:bold;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:#424242;}
@media only screen and (max-width:1024px){.bannerwrap{display:grid;grid-template-columns:1fr;max-width:100%;}h2{font-weight:bold;}}
@media only screen and (max-width:768px){.bannermeta h1{font-weight:bold;}.bannermeta p{font-size:17px;}}
@media only screen and (max-width:480px){.bannerwrap{gap:12px;}}
/*FAQs*/
.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]{background-color:#f0f8f4;border-color:#abd7c1;}
details[open] > summary{margin-bottom:0.5rem;transition:0.4s ease;}
details {position:relative;margin-bottom:25px;transition:0.4s ease;}
summary:focus-visible{outline:2px solid orange;outline-offset: 8px;border-radius: 4px;}
.faq-section b{width:760px;color:#4a4a4a;}
summary {font-size:20px;font-weight:bold;color:#07804b;display:flex;gap:25px;}
summary::marker{display:none;content:"";}
summary b{font-size:18px;font-weight:bold;cursor:pointer;}
.faq-section span{margin-top:4px;color:#f4f4f6;}
summary b:hover{color:green;}
details[open] > summary b{color:green;}
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%;}}
/*Testimonial*/
.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;}}
/*Testimonials;*/
.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: 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 pre{color: green;font-size:1.5em;margin:15px 0;font-family: inherit;}
.testim .cont div pre b {    display: block;font-size: 14px;font-weight: normal;color: darkslategray;}
.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 pre {-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 pre{-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:60em) {
  header{max-width:98%;}
.testim .arrow {
font-size: 1.5em;
}
.testim .cont div p {
line-height: 25px;
}
.testim .cont > div{padding:0;}
.testim .wrap{margin:300px auto 0;}
.large-container{max-height:714px;}
.testimonial-section .thumb-layer{display:none;}
.ctabox::before,.ctabox::after{display:none;}
.licensedetails .row{flex-direction:column;}
.licensedetails .col-md-3,.licensedetails .col-md-2{width:100%;}
}
 /*Buy*/
.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;}