html, body {font-family:'Poppins', sans-serif;}
.container-fluid {max-width:1520px;}
.container-fluid a{color:#000}
.section {padding:5.25rem 0;}
.content {color:#434242;}
.content ul,.content ul li{ list-style: none; margin: 0px; padding: 0px;}
.content ul li{ padding-left: 1.8rem; position: relative; padding-bottom: 0.5rem;}
.content ul li:after{content: "\e90a";font-family: 'cloudoffis'; font-size: 1rem; position: absolute; left: 0px; top: 0; color: #04AEEE;}
.content ul.list2 li:before{content: "\e90a";font-family: 'cloudoffis'; font-size: 1rem; position: absolute; top: 0; color: #04AEEE; margin-left:-30px}
.content ul.list3 li:before{content: "\e90a";font-family: 'cloudoffis'; font-size: 1rem; position: absolute; top: 0; color: #007171; margin-left:-30px}
.btn-radius {border-radius:100px;}

.overflow-hidden{ overflow: hidden;}

.image-radius{ border-radius: 6px;}
.r11 { position: relative; overflow: hidden;transform: translateZ(0) scale(1.0, 1.0);backface-visibility: hidden;}
.r11:before { display: block; content: " "; width: 100%; padding-top: 100%;}

.btn {color:#fff !important; background-color:#04AEEE; border-color:#04AEEE;border-radius:100px;}
.btn:hover {color:#fff; background-color:#0b5ed7; border-color:#0b5ed7;}
.btn:focus {box-shadow:0 0 0 0.25rem rgba(4,174,238,.5);}

.btn-gray.btn {color:#242424; background-color:#EBEDEE; border-color:#EBEDEE; margin:10px;}
.btn-gray.btn:hover {color:#fff; background-color:#04AEEE; border-color:#04AEEE;}
.btn-gray.btn:focus {box-shadow:0 0 0 0.25rem rgba(4,174,238,.5);}

.btn-outline {color:#04AEEE !important; background-color:transparent; border-color:#04AEEE;border-radius:100px;}
.btn-outline:hover {color:#fff !important; background-color:#0b5ed7; border-color:#0b5ed7;}
.btn-outline:focus {box-shadow:0 0 0 0.25rem rgba(4,174,238,.5);}

.btn.btn-text{ background-color: transparent; border: 0px;color: #04AEEE !important;border-radius:100px;}
.btn.btn-text i{ font-size: 0.8rem; color: #04AEEE;}
.btn.btn-text:hover{color: #0b5ed7}
.btn.btn-text:focus{ box-shadow: none;}

.play-btn {position:absolute; background:#04AEEE; left:20px; bottom:20px; font-size:2rem; color:#fff; text-decoration:none; height:4.125rem; width:4.125rem; border-radius:4rem; transition:all .15s ease-in-out;}
.play-btn i {position:absolute; left:50%; top:50%; transform:translate(-45%,-50%);}
.play-btn:hover {color:#fff; background:#0b5ed7;}

.bg-01 {background:url("../img/hero_bg_01.svg") no-repeat right top; overflow:hidden; background-position:0% 0%;}
.bg-02 {background:url("../img/hero_bg_02.svg") no-repeat right top; overflow:hidden;  background-position:0 0%;}

.accordion-button:not(.collapsed){ text-decoration: none; }
.accordion-button{ text-decoration: none;}

.title h2 {margin-bottom:2.5rem;}
.title h2:after {content:""; height:0.25rem; width:8rem; background-color:#04AEEE; margin-top:1.375rem; display:block;}
.title h2 strong{ color: #04AEEE; font-weight: inherit;}
.title.text-center h2:after {margin-left:auto; margin-right:auto;}
.gr-01 {background:rgb(241,235,245); background:-moz-linear-gradient(90deg, rgba(241, 235, 245, 1) 0%, rgba(202, 240, 240, 1) 100%); background:-webkit-linear-gradient(90deg, rgba(241, 235, 245, 1) 0%, rgba(202, 240, 240, 1) 100%); background:linear-gradient(90deg, rgba(241, 235, 245, 1) 0%, rgba(202, 240, 240, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1ebf5", endColorstr="#caf0f0", GradientType=1);}

.bg-lightblue{ background-color: #EBFAFF;}

.infobar{background-color: #04AEEE; color: #fff; padding: 0.6rem 0; text-align: center;}
header {padding:1.75rem 0; position: relative;transition: all .15s ease-in-out;}
header.is-open{background: #fff;transition: all .15s ease-in-out;}
header .nav-link {font-weight:600; border-bottom: 2px solid transparent; color: #000; padding: .85rem 1rem;}
header .nav-link.show{color:#04AEEE; border-bottom-color: #04AEEE;}
header .header-logo {margin-right:3rem;}
.btn {padding:0.838rem 1.875rem;}
header .nav-item{ margin: 0 0.5em;}
header .nav-item .dropdown-menu{ padding: 0px; border: 0px;transition: all .15s ease-in-out;opacity: 0;visibility: hidden;transform: translate(0%,-5%); display: block; left: 0px;right: 0px;}
header .nav-item .dropdown-menu.show{ transition: all .15s ease-in-out;opacity: 1;visibility: visible;transform: translate(0%,0%);}
header .dropdown-toggle.show::after{transform: rotate(-180deg);}
.dropdown-toggle::after{margin-left: 1rem;}
header .navbar-brand {margin-top: -1.5rem;}

.navbar-toggle .bar {
	width: 22px;
    height: 2px;
    margin: 4px;
    background: #000;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
    display: block;
}
.navbar-toggle.minus.collapsed .bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.minus.collapsed .bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.minus.collapsed .bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.minus .bar:nth-of-type(1) {
	transform: translate3d(0,6px,0);
}

.navbar-toggle.minus .bar:nth-of-type(3) {
	transform: translate3d(0,-6px,0);
}


.menu .has-submenu.is-open {border-bottom: 2px solid #04AEEE;}
/* .sub-menu{ position: absolute; left: 0px; right: 0px; top: 108px; background: #fff;box-shadow: 0 1rem 1rem rgba(0,0,0,.15)!important; padding-top: 3rem; transform: translate(0%,-10%); transition: all .15s ease-in-out;opacity: 0;visibility: hidden;} */
.sub-menu{ background: #fff;box-shadow: 0 1rem 1rem rgba(0,0,0,.15)!important; padding-top: 3rem; transition: all .15s ease-in-out;}

.sub-menu.is-open{ transform: translate(0%,0%);transition: all .15s ease-in-out;opacity: 1;visibility: visible;}
.sub-menu ul, .sub-menu li{ list-style: none; padding: 0px; margin: 0px;}
.sub-menu li .icon{ font-size: 2rem; width: 2rem; margin-right: 1rem; color:#04AEEE;}
.sub-menu li h3{ font-size: 1.15rem; margin: 0px; font-weight: 600; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.sub-menu li {margin-bottom: 2rem;color: #000}
.sub-menu a{ text-decoration: none; color: #000;margin-bottom: 2rem; padding-right: 3rem; display: block;}
.sub-menu a .auditomation h3, .sub-menu a .auditomation .icon{color: #014747; }
.sub-menu a .tax h3, .sub-menu a .tax .icon{color: #0077b6; }
.sub-menu a .sorted h3, .sub-menu a .sorted .icon{color: #6900AC; }
.sub-menu a .workpapers h3, .sub-menu a .workpapers .icon{color: #6900AC; }
.sub-menu a:hover,.sub-menu a.active,.sub-menu a:hover h3, .sub-menu a:hover .icon{ color: #04AEEE;}
.sub-menu .tab-content{padding-left: 3rem;}
.sub-menu .nav{border-right: 2px solid #ECF1F4;}
.sub-menu .nav a{margin-bottom: 2rem; padding-right: 2rem;}
.sub-menu p{margin-bottom: 0px;}

.login-sub-menu {background: #fff;box-shadow: 0 1rem 1rem rgba(0,0,0,.15)!important; transition: all .15s ease-in-out;border: 0;border-radius: 12px;}

.hero-pagination{ text-align: left; margin-top: 1.5rem;}
.hero .hero-caption .content {font-size:1.25rem; padding:1.5rem 0 2.5rem 0;}
.hero .hero-caption h1{ font-size: 2.875rem;}
.hero .hero-caption h1 strong{ color: #04AEEE; font-weight: inherit;}
.hero .swiper-hero {border-radius:1rem;}

.inner-hero-caption h1{font-size: 2.875rem;}
.inner-hero-caption h1 strong{ color: #04AEEE; font-weight: inherit;}

.productbox {padding:2.8rem; background-color:#fff; border-radius:10px; position:relative; overflow:hidden; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.productbox:after {content:""; width:0px; height:0px; border-style:solid; border-width:0 2.8rem 2.8rem 0; position:absolute; right:0px; top:0px;}
.productbox .content {margin:2rem 0;}
.productbox.sorted:after {border-color:transparent #6900AC transparent transparent;}
.productbox.workpapers:after {border-color:transparent #6900AC transparent transparent;}
.productbox.auditomation:after {border-color:transparent #00AFAF transparent transparent;}
.productbox.tax:after {border-color:transparent #0077b6 transparent transparent;}

.testimonials-list {background:url("../img/quote_mark_big.svg") no-repeat left top; background-size: 48% 70%;}
.testimonials-list .testimonialbox {padding:20px; background-color:#fff; border-radius:10px; position:relative; overflow:hidden; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1); margin:2rem 0; display: flex;
    flex-direction: column;}
.testimonials-list .testimonialbox .content {margin:1rem 0; position:relative; padding-bottom:2rem;}
.testimonials-list .testimonialbox .content::after {content:""; background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='51.003' height='43.01' viewBox='0 0 51.003 43.01'%3E%3Cg transform='translate(-1061.506 -3701.073)'%3E%3Cpath d='M996.347, 5495.455h6.866a2.926, 2.926, 0, 0, 1, 2.943, 2.933v.977a7.835, 7.835, 0, 0, 1-7.847, 7.819h-1.962a1.986, 1.986, 0, 0, 0-1.961, 1.955v3.91a1.986, 1.986, 0, 0, 0, 1.961, 1.956h1.962a15.332, 15.332, 0, 0, 0, 6.084-1.238, 15.513, 15.513, 0, 0, 0, 8.367-8.339, 15.186, 15.186, 0, 0, 0, 1.242-6.063v-21.505a5.85, 5.85, 0, 0, 0-5.885-5.865H996.346a5.85, 5.85, 0, 0, 0-5.885, 5.865v11.729a5.851, 5.851, 0, 0, 0, 5.885, 5.866Z' transform='translate(98.508 -1770.922)' fill='%23e4e4e4' opacity='0.53'/%3E%3Cpath d='M964.714, 5493.744a5.685, 5.685, 0, 0, 0, 4.169, 1.71h6.866a2.925, 2.925, 0, 0, 1, 2.942, 2.933v.977a7.833, 7.833, 0, 0, 1-7.846, 7.819h-1.961a1.986, 1.986, 0, 0, 0-1.962, 1.955v3.91a1.986, 1.986, 0, 0, 0, 1.962, 1.956h1.961a15.333, 15.333, 0, 0, 0, 6.085-1.238, 15.518, 15.518, 0, 0, 0, 8.367-8.339, 15.193, 15.193, 0, 0, 0, 1.241-6.063v-21.505a5.85, 5.85, 0, 0, 0-5.884-5.865h-11.77a5.85, 5.85, 0, 0, 0-5.885, 5.865v11.729A5.647, 5.647, 0, 0, 0, 964.714, 5493.744Z' transform='translate(98.508 -1770.922)' fill='%23e4e4e4' opacity='0.53'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom; position:absolute; height:60px; width:60px; bottom:0px; right:0px;}
.testimonials-list .testimonialbox .testimonialby {display:flex; color:#000; margin-top: auto;}
.testimonials-list .testimonialbox .testimonialby .person-img {width:3rem; border-radius:100px; margin-right:1rem; overflow:hidden;}
.testimonials-list .testimonialbox .testimonialby .person-data span {display:block; color:#B3B3B3;}

footer {background-color:#F9F9F9; padding:5.25rem 0 0 0;}
footer a {text-decoration:none; color: #434242;}
footer ul, footer li {list-style:none; margin:0px; padding:0px;}
footer li:first-child {font-weight:600;}
footer li {padding-top:1rem;}
footer .social-link {padding: 2rem 0 1rem 0;}
footer .social-link a{ display: inline-block; font-size: 2rem; margin-right: 1rem; color: #04AEEE;}
footer .cta{ border-bottom: 1px solid #B3B3B3; margin-bottom: 4rem; padding-bottom: 4rem;}
footer .copyright{ background: #04AEEE; margin-top: 4.25rem; color: #fff; padding: 0.6rem 0;}
footer .copyright a{ color: #fff;}

.accordion-button::after {background-size:60%; background-position:center;}
.accordion-button:not(.collapsed)::after {background-size:60%; background-position:center;}
.accordion-button:not(.collapsed) {background-color:transparent; box-shadow:none;}

.swiper-pagination{ position: relative; text-align: center;}
.swiper-pagination-bullet-active{width: 48px;border-radius: 10px;}

/* Auditomation Page */
.auditomation .hero .hero-caption h1 span,.auditomation .title h2 span{ color: #007171;}

.auditomation .btn {color:#fff; background-color:#00AFAF; border-color:#00AFAF;}
.auditomation .btn:hover {color:#fff; background-color:#014747; border-color:#014747;}
.auditomation .btn:focus {box-shadow:0 0 0 0.25rem rgba(0,113,113,.5);}

.auditomation .btn-outline {color:#00AFAF; background-color:#fff; border-color:#00AFAF;}
.auditomation .btn-outline:hover {color:#fff; background-color:#014747; border-color:#014747;}
.auditomation .btn-outline:focus {box-shadow:0 0 0 0.25rem rgba(0,113,113,.5);}

.auditomation .btn.btn-text{ background-color: transparent; color: #434242 !important;}
.auditomation .btn.btn-text i{ color: #00AFAF;}
.auditomation .btn.btn-text:hover{color: #00AFAF}

.auditomation .play-btn {position:absolute; background:#00AFAF; left:20px; bottom:20px; font-size:2rem; color:#fff; text-decoration:none; height:4.125rem; width:4.125rem; border-radius:4rem; transition:all .15s ease-in-out;}
.auditomation .play-btn:hover {color:#fff; background:#014747;}

.auditomation .title h2:after { background-color:#00AFAF;}

.auditomation .swiper-pagination-bullet-active{background: #00AFAF;}
.auditomation .content ul li:after{ color: #00AFAF;}

.auditomation  .accordion-button:not(.collapsed){ text-decoration: none; color: #00AFAF;}

/* Auditomation Page */
.sorted .hero .hero-caption h1 span, .sorted .title h2 span{ color: #6900AC;}

.workpapers .hero .hero-caption h1 span, .workpapers .title h2 span{ color: #6900AC;}

.sorted-lite .hero .hero-caption h1 span, .sorted-lite .title h2 span {color: #375d77;}

.workpapers-lite .hero .hero-caption h1 span, .workpapers-lite .title h2 span {color: #375d77;}

.tax-sorted .hero .hero-caption h1 span, 
.tax-sorted .title h2 span {color: #0077B6;}

.sorted .btn {color:#fff; background-color:#6900AC; border-color:#6900AC;}
.sorted .btn:hover {color:#fff; background-color:#480076; border-color:#480076;}
.sorted .btn:focus {box-shadow:0 0 0 0.25rem rgba(105,0,172,.5);}

.workpapers .btn {color:#fff; background-color:#0077b6; border-color:#0077b6;}
.workpapers .btn:hover {color:#fff; background-color:#0077b6; border-color:#0077b6;}
.workpapers .btn:focus {box-shadow:0 0 0 0.25rem rgba(105,0,172,.5);}

.tax .btn {color:#fff; background-color:#0077b6; border-color:#0077b6;}
.tax .btn:hover {color:#fff; background-color:#025c8c; border-color:#025c8c;}
.tax .btn:focus {box-shadow:0 0 0 0.25rem rgba(105,0,172,.5);}

.sorted-lite .btn {
    color: #fff;
    background-color: #375d77;
    border-color: #375d77;
}

.sorted-lite .btn:hover {color:#fff; background-color:#0c6855; border-color:#0c6855;}

.sorted .btn-outline {color:#6900AC !important; background-color:#fff; border-color:#6900AC;}
.sorted .btn-outline:hover {color:#fff !important; background-color:#480076; border-color:#480076;}
.sorted .btn-outline:focus {box-shadow:0 0 0 0.25rem rgba(105,0,172,.5);}

.sorted .btn.btn-text{ background-color: transparent; color: #434242;}
.sorted .btn.btn-text i{ color: #6900AC;}
.sorted .btn.btn-text:hover{color: #6900AC}

.sorted .play-btn {position:absolute; background:#6900AC; left:20px; bottom:20px; font-size:2rem; color:#fff; text-decoration:none; height:4.125rem; width:4.125rem; border-radius:4rem; transition:all .15s ease-in-out;}
.sorted .play-btn:hover {color:#fff; background:#480076;}


.sorted .title h2:after { background-color:#6900AC;}



.workpapers .btn-outline {color:#6900AC !important; background-color:#fff; border-color:#6900AC;}
.workpapers .btn-outline:hover {color:#fff !important; background-color:#480076; border-color:#480076;}
.workpapers .btn-outline:focus {box-shadow:0 0 0 0.25rem rgba(105,0,172,.5);}

.workpapers .btn.btn-text{ background-color: transparent; color: #434242;}
.workpapers .btn.btn-text i{ color: #6900AC;}
.workpapers .btn.btn-text:hover{color: #6900AC}

.workpapers .play-btn {position:absolute; background:#6900AC; left:20px; bottom:20px; font-size:2rem; color:#fff; text-decoration:none; height:4.125rem; width:4.125rem; border-radius:4rem; transition:all .15s ease-in-out;}
.workpapers .play-btn:hover {color:#fff; background:#480076;}


.workpapers .title h2:after { background-color:#6900AC;}

.tax-sorted .title h2:after { background-color:#0077B6;}

.tax-sorted .tabtitle span:after {
    content: "";
    height: 0.25rem;
    width: 100%;
   background-color:#0077B654;
    margin-top: 1.375rem;
    display: block;
}

.tax-sorted .tabtitle span:hover:after {
    content: "";
    height: 0.25rem;
    width: 100%;
   background-color:#0077B6;
    margin-top: 1.375rem;
    display: block;
}

.sorted-lite .title h2:after {
    background-color: #375d77;
}

.sorted .swiper-pagination-bullet-active{background: #6900AC;}
.sorted .content ul li:after{ color: #6900AC;}

.workpapers .swiper-pagination-bullet-active{background: #6900AC;}
.workpapers .content ul li:after{ color: #0077b6;}

.tax-sorted .content ul li:after{ color: #0077B6;}

.sorted-lite .content ul li:after {
    color: #375d77;
}

.sorted  .accordion-button:not(.collapsed){ text-decoration: none; color: #6900AC;}
.workpapers .accordion-button:not(.collapsed){ text-decoration: none; color: #0077b6;}

.team .team-list .team-member{ position: relative; border-radius: 6px; overflow: hidden; margin-bottom: 1.5rem;}
.team .team-list .team-member .team-detail{ position: absolute;background-color:rgba(0,0,0,0.8); padding: 1rem; bottom: 0px; color: #fff;left: 0px; right: 0px;}
.team .team-list .team-member .team-detail h3{ font-size:14px; margin-bottom: 0px;}
.team .team-list .team-member .team-detail a{ color: #fff;}
.team .team-list .team-member .team-detail i { font-size: 2rem;}
.team .team-list .team-member .team-detail small { font-size: 9px; !important}

.team .title h2 span{ color: #04AEEE;}

.inside-category button {
    margin: 0.525rem;
}

.post-box{ margin-bottom: 4rem;}
.post-box .post-img{overflow: hidden;}
.post-box .post-content{padding-top: 1.75rem;}
.post-box .post-content h2 {margin-bottom:0; font-size: 1.75rem;}
.post-box .post-content h2:after {content:""; height:0.25rem; width:8rem; background-color:#04AEEE; margin-top:1rem; display:block;}
.post-box .post-content h2 strong{ color: #04AEEE; font-weight: normal;}

.post-detail .post-box .post-content h3,.post-detail .post-box .post-content h2{color: #04AEEE; padding: 1rem 0 0.5rem 0    ;}
.post-detail .post-box .post-img{margin-bottom: 3rem;}

.contact-form{ padding: 2.125rem; border-radius: 6px;}
.contact-tab{flex-wrap:nowrap; border: 1px solid #ECF1F4; border-radius: 6px;}
.contact-tab li:first-child a{border-radius: 6px 0 0 6px;}
.contact-tab li:last-child a{border-radius: 0px 6px 6px 0px;}
.contact-tab a{ padding: 1.5rem 2rem; display: block; text-decoration: none; color: #434242; position: relative;}
.contact-tab a p{margin-bottom: 0px;}
.contact-tab a.active{background-color: #EBFAFF;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.contact-tab a.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(235, 250, 255, 0);
	border-top-color: #EBFAFF;
	border-width: 15px;
	margin-left: -15px;
    
}
.contact-tab-content{ padding-top: 4rem;}

.statistics ul,.statistics li{ list-style: none; margin: 0px; padding: 0px;}
.statistics strong{ display: inline-block; vertical-align: middle; font-size: 2rem; color: #04AEEE; width: 120px; font-weight: 600;}

.form-control{ padding: .75rem 1rem; border-radius: 1.5rem;}

.integration-list .integration-box{text-align: center; padding: 2rem;}
.integration-list .integration-box .logo{ position: relative; background-color: #F5FCFF;margin-bottom: 2rem; border-radius: 20rem;}
.integration-list .integration-box .logo img{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 40%; max-width: 70%;}

.ghost{ position: absolute;width: 100%; z-index: 4; top: 0px; opacity: 0.2; height: 100%; display: none;}
.integration-anim{ width: 80%;position: relative; transform: translateZ(0) scale(1.0, 1.0);backface-visibility: hidden; margin-top: 4rem; margin-left: auto; margin-right: auto;}
.integration-anim:before { display: block; content: " "; width: 100%; padding-top: 100%;}
.circle { position: absolute; transform: translate(-50%,-50%);backface-visibility: hidden; background-color: #04AEEE; border-radius: 50%; width: 100%; left: 50%; top: 50%;}
.circle:before { display: block; content: " "; width: 100%; padding-top: 100%;}
.circle img{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); max-width: 60%; max-height: 60%;}
.c1{width: 40%; background: #F5FCFF; z-index: 3;}
.c1 img{max-width: 50%; max-height: 50%;}
.c2{width: 70%;background: #fff;z-index: 2; border: 2px dashed #04AEEE;}
.c3{width: 100%;background: #F5FCFF;z-index: 1;}

.mini-circle { position: absolute; transform: translate(-50%,-50%);backface-visibility: hidden; background-color: #fff; border-radius: 50%; width: 100%; left: 50%; top: 50%;box-shadow: 0 0rem 1rem rgba(0,0,0,.15);width: 20%;}
.mini-circle:before { display: block; content: " "; width: 100%; padding-top: 100%;}
.mc1{ left: 0%;}
.mc2{ top: 0%;}
.mc3{ left: 100%;}
.mc4{ top: 100%;}


.c3 .mini-circle{width: 10%;}
.c3 .mc1{ left: 1%; top: 39%;}
.c3 .mc2{ left: 50%; top: 0%; }
.c3 .mc3{ left: 99%;top: 39%;}
.c3 .mc4{ left: 77%;top: 92%;}
.c3 .mc5{ left: 23%;top: 92%;}


.tooltip-inner {
    background-color: #fff;
    opacity: 1 !important;
    color: #000;
    box-shadow: 0 1rem 1rem rgba(0,0,0,.15)
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #fff !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #fff !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #fff !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff !important;
}

.pricing {margin-top: 3rem;}
.pricing-features{border: 1px solid #DFE5EB; border-radius: 6px; overflow: hidden;}
.pricing-features .accordion-body{ padding: 0px;}
.accordion-button.collapsed{ font-weight: 500;}
.accordion-button{ font-weight: 600;}

.pricing-features table{ margin-bottom: 0px;}
.price-head h2{ font-size: 1rem; font-weight: 600; margin-bottom: 0.2rem;}
.price-head .lead{ font-size: 1.625rem; font-weight: 600; margin-bottom: 0px;}
.price-head .lead small{ font-weight: 400; font-size: 0.8rem;}
.pricing-features table th,.pricing-features table td{ width: 33.33%; padding: 0.75rem 1.25rem;}
.pricing-features .table-bordered {margin: 0 0px 0px -1px; width: calc(100% + 2px);}
.pricing-features i{color: #6900AC;}
.workpapers .pricing-features i{color: #0077b6;}
.pricing-features .price-head{ padding: 0.5rem 0;}

.pricing-features .badge, .pricing .badge{ background: #F6F0FA;color: #6900AC; font-weight: 400; border-radius: 100px; font-size: 0.8rem;}
.pricing .badge{ font-size: 1rem;}
.pricing .price-head h2{ margin-bottom: 1.5rem;}


.pricing-detail { border-radius: 6px; border: 1px solid #DFE5EB; background: #DFE5EB; overflow: hidden;}
.pricing-detail .content{ color: #000; padding: 1.25rem; background: #fff;border: 1px solid #DFE5EB; margin: -1px; height: calc(100% + 2px);}
.pricing-detail .price-head h2,.pricing h2{ font-size: 1.5rem;font-weight: 600;}
.pricing-detail h3{ font-size: 1.25rem;}
.pricing-detail .btn{ margin: 1.5rem 0;}

.story-box{  height: 500px; margin-bottom: 20px; border-radius: 6px; position: relative; background-position: center center; background-size: cover;}
.story-box .content{ background: rgba(255, 255, 255, 0.8); border-radius: 6px; padding: 2rem; width: 70%; position: absolute; left: 0; bottom: 0px; margin: 2rem;}
.story-box .btn{ padding-left: 0px;}

.clients-posters .client-list{ position: relative; overflow: hidden;transform: translateZ(0) scale(1.0, 1.0);backface-visibility: hidden; width: 12.5%;}
.clients-posters .client-list:before { display: block; content: " "; width: 100%; padding-top: 100%;}
.clients-posters .client-list img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%;}


.clients-posters .client-list.big{ width: 25%;}
.clients-posters .client-list.big:before { display: block; content: " "; width: 100%; padding-top: 50%;}
.clients-posters .client-list.big img{max-height: 25%;}

.achievement{ text-align: center;}
.achievement span{ font-size: 3.75rem;}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -30%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.features{ height: 80vh;}
.featureslist{ padding: 0rem 0; position: relative;}
.featureslist>div{ position: relative;}
.features .row{width: 100%;}
.scroll-images-container{
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    top: 0px;
}
.scroll-sticky-container{
    height: 80vh;
    position: sticky;
    top: 0;
}
.scroll-banner-container{
    align-items: center;
    height: 100%;
    justify-content: center;
    display: flex;
}
/* .left-banner{ position: fixed; top: 50%; transform: translate(-0%,-50%);} */
/* .sticky-elem{
    min-height: 100vh;
    position: sticky;
  } */
.banner{
    position: absolute; width: 80%;
}
.anim{ position: absolute; top: 0px;}
.anim:first-child{position: relative;}

.left-banner{}
/* .left-banner .anim:nth-child(1) {
	animation-delay: 0.2s;
}
.left-banner .anim:nth-child(2) {
	animation-delay: 0.3s;
}
.left-banner .anim:nth-child(3) {
	animation-delay: 0.4s;
}
.left-banner .anim:nth-child(4) {
	animation-delay: 2s;
} */
.popover{padding: 0.3rem;}
.popover ul{margin-left: 0px; padding-left: 1rem; margin: 0px;}




@media only screen and (max-width: 1024px) {
    html, body { font-size: 14px;}
    header .header-logo{ width: 180px;}

}

@media only screen and (max-width: 991px) {
    html, body { font-size: 14px;}
    header{ z-index: 99;}
    #main-menu{ position: fixed; top: 0px; left: 0px; right: 0px; background: #fff; padding: 2rem; overflow-y: scroll;box-shadow: 0 1rem 1rem rgba(0,0,0,.15); max-height: 100vh; }
    body.overflow-hidden::after{ content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0px ; top: 0px; z-index: 98;}
    .navbar-toggle{ position: relative; z-index: 99;}
    .navbar-toggle:focus{background-color: transparent;}
    .sub-menu{ padding-top: 2rem;}
    .sub-menu .container-fluid{ padding: 0px;}
    .sub-menu li{ margin-bottom: 0px;}
    header .nav-item .dropdown-menu.show{ height: auto;transform: translate(0%,0%); position: relative; visibility:unset;}

    header .navbar-collapse.collapsing .dropdown-menu, header .nav-item .dropdown-menu{ height: 0px; transform: translate(0%,0%); position: absolute;visibility: unset; overflow: hidden;}
    header .nav-link{ padding: 1.5rem 0;}
    header .nav-item{ margin: 0px; border-bottom: 1px solid #DFE5EB;}
    .sub-menu .nav{ flex-direction: row; flex-wrap: nowrap; border-bottom: 2px solid #ECF1F4; border-right: 0px;justify-content: space-around!important;}
    .sub-menu .nav a{ padding-right: 0px; width: 100%; margin-bottom: 1rem;}
    .sub-menu .nav a div{flex-direction: column!important;}
    .sub-menu .nav a p{display: none;}
    .sub-menu .tab-content{ padding-left: 0px; padding-top: 1rem;}
    .sub-menu a{padding-right: 0px;}

    .clients-posters .client-list{ width: 25%;}
    .clients-posters .client-list.big{ width: 50%;}

}

.teamCard{border: 1px solid #04b3f2;
    display: flex;
    padding: 0;
    border-radius: 10px;}

@media only screen and (max-width: 768px) {
    html, body { font-size: 14px;}
    .story-box{ height: 300px;}
    .story-box .content{ width: auto;}
	
.teamCard{border: 1px solid #04b3f2;
    display: flex;
    padding: 0;
    border-radius: 10px;
    flex-direction: column;
    align-content: center;
    align-items: center;
	padding:10px;
}
	
	.navbar-brand img{max-width:206px}
}
@media only screen and (max-width: 425px) {
    html, body { font-size: 13px;}
    

}

.filter-category.active {
    color: #fff;
    background-color: #04AEEE;
    border-color: #04AEEE;
}


.close-btn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; /* Adjust margin as needed */
    border: none;
    background: transparent
}

  .table-container {
        overflow-x: auto;
    }

    .heading thead {
        position: sticky;
        top: 0;
        background-color: #fff; /* Change this to match your design */
        z-index: 1; /* Ensure it's above other content */
    }

.Onboarding .hero .hero-caption h1 span, .Onboarding .title h2 span{ color: #04AEEE;}


.videoFull iframe{width: 100% !important;  height: 100%;}

.row .uncategorized:first-child{display:none}
.inside-category a[href*="?category=uncategorized"] {
  display:none
}