/*
Theme Name: Gradient
Theme URI: https://www.mytheme.com/themes/aoc/
Author: the Creative team
Author URI: https://www.mytheme.com/
Description: The Gradient theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Gradient
*/

/*------------------------------------------------------
	overwrite css start
------------------------------------------------------*/

/*----------intial declartaion of css----------*/
*{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
html {-webkit-text-size-adjust: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none; cursor:pointer; }
button:focus{outline:none !important}
/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table { border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img { border:0 none; max-width:100%; }
a{ outline:none; cursor:pointer;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;text-decoration: none;color:#000;}
a:hover{text-decoration: none;color:#315569;}
a:focus{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}  
img{ max-width:100%;}
ol, ul{margin-left: 20px;margin-bottom:20px;}
ol li, ul li{color:#000000;}

/* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
.cf{*zoom:1;clear: both}
/* For IE 6/7 (trigger hasLayout) */
.wrapper{ overflow: hidden;}
section { overflow: hidden;}
html { overflow-x:hidden; }
/*html.no-js.popup-active { overflow: hidden; }*/
strong{font-weight: 700;}
p{ font-size:18px; line-height:34px;padding-bottom:25px; color:#6c6c6c;  font-family: "Roboto", sans-serif;font-weight: 400; letter-spacing:0.2px;}
h1{font-size: 72px; line-height: 72px; font-family: "Roboto", sans-serif;font-weight:700;margin-bottom:18px;color:#000000;}
h2{font-size:52px; line-height: 54px; font-family: "Roboto", sans-serif;font-weight:700;margin-bottom: 23px;line-height:1.4;color:#000000;}
h3{font-size:44px; line-height:46px;margin-bottom: 17px; font-family: "Roboto", sans-serif;font-weight: 700;color:#000000;}
h4{font-size:32px;margin-bottom: 20px; font-family: "Roboto", sans-serif;font-weight: 700;color:#000000;}
h5{font-size:24px;margin-bottom: 20px; font-family: "Roboto", sans-serif;font-weight: 700;color:#000000;}
h6{font-size:20px;margin-bottom: 20px; font-family: "Roboto", sans-serif;font-weight: 700;color:#000000;}
body {margin: 0; padding: 0; font-family: "Roboto", sans-serif;font-weight:400;font-size:16px; overflow:hidden; }
.btn{padding: 9px 29px;font-size: 18px;  font-family: "Roboto", sans-serif;font-weight: 700;display: inline-block;outline:none; border-radius: 50px;}
.btn-primary{color: #06357A;border:1px solid #06357A;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}
.btn-primary:hover, .btn-primary:focus{background-color:#06357A;color:#fff;}
.btn-secondary{color: #fff;border:1px solid #06357A;background:#06357A;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}
.btn-secondary:hover, .btn-primary:focus{background-color:transparent;color:#06357A;}
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="password"]{width:100%;height:42px;line-height: 42px;font-size:14px;font-family: 'Nunito Sans', sans-serif;font-weight:400;color:#000;padding:0 15px;border:1px solid transparent;}
textarea{width: 100%;font-size: 14px;color:#315569;font-family: 'Nunito Sans', sans-serif;font-weight: 400;border:none;resize:none;padding:15px;height: 140px;border:1px solid transparent;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus{border:1px solid #315569}
textarea:focus{border:1px solid #315569;}
.grecaptcha-badge{display: none !important}

::-webkit-input-placeholder {color: #959595; font-size: 14px;}
:-moz-placeholder {color: #959595; font-size: 14px;}
::-moz-placeholder {color: #959595; font-size: 14px;}
:-ms-input-placeholder {color: #959595; font-size: 14px;}
label{font-family: 'Nunito Sans', sans-serif;font-size:22px;color:#000;display: block;}
/*button{padding:5px 20px !important;background-color:#BA980B !important;color:#fff !important;font-size:24px !important;font-family: 'Adobe Arabic';font-weight: 400 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;border:none !important;}
button:focus, button:hover{background-color: #000 !important;color:#fff !important;border:none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important}*/
.wrapper{position: relative;overflow: hidden;}
.container{max-width:1240px;width:100%;padding:0 20px;margin: 0 auto;}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.default-page-banner { padding: 60px 0 20px; }
.default-page-block { padding: 40px 0; }
.default-page-content ul li { font-size: 18px; line-height: 34px; padding-bottom: 5px; color: #6c6c6c; font-family: "Roboto", sans-serif; font-weight: 400; letter-spacing: 0.2px; }
.default-page-content ol li { font-size: 18px; line-height: 34px; padding-bottom: 5px; color: #6c6c6c; font-family: "Roboto", sans-serif; font-weight: 400; letter-spacing: 0.2px; }
/* ------------ Header Navigation Menu Start -----------*/
body.menu-is-opened { overflow: hidden; }
header.site-header { position: fixed; left: 0; top: 0; width: 100%;  background-color: #fff; z-index: 9; }
header.site-header.fixed { -webkit-box-shadow: 0px 4px 12px 0px #0000001A; -moz-box-shadow: 0px 4px 12px 0px #0000001A;box-shadow: 0px 4px 12px 0px #0000001A;}
/* hamburger menu */
.top-nav ul.nav-menu.toggled-on, .hamburger { display: inline-block; float: right; }
.hamburger { margin: 0 0 0 0; float: right; display: none; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; overflow: visible; }
.hamburger-box { width: 40px; height: auto; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }
/*  3DXY Reverse */
.hamburger--3dxy-r .hamburger-box { perspective: 80px; }
.hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger.is-active { position: relative; z-index: 120; margin-top: 0; }
.hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 0, 0) rotate(45deg); background: #ffffff; }
.hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); background: #ffffff; }

.top-nav li .submenuToggle { position: absolute; top: 50%; transform: translateY(-50%); right: 8px; width: 11px; height: 6px; background: url(assets/images/sub-menu-icon.svg) no-repeat center; background-size: cover; display: block; cursor: pointer; border-radius: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.top-nav li:hover .submenuToggle { position: absolute; top: 50%; transform: translateY(-50%); right: 8px; width: 11px; height: 6px; background: url(assets/images/menu-hover-icon.svg) no-repeat center; background-size: cover; display: block; cursor: pointer; border-radius: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.top-nav li.submenuOpened > .submenuToggle { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
@keyframes swipeIn {
    0% {
        -webkit-clip-path: polygon(101% 0,100% 0,101% 100%,116% 100%);
        clip-path: polygon(101% 0,100% 0,101% 100%,116% 100%)
    }
    to {
        -webkit-clip-path: polygon(0 0,101% 0,101% 101%,0 101%);
        clip-path: polygon(0 0,101% 0,101% 101%,0 101%)
    }
}
/*Menu Css Ends Here*/

/*Button Css Start Here*/
.gradient-btn-wrap { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); padding: 35px 35px; margin: 0; position: relative; max-width: 412px; text-align: center; }
/*.gradient-btn-wrap:before { content: ""; background-image:url(assets/images/gradiant.png); width: 13px; height: 100%; position: absolute; left: 0; top: 0; background-position: top center; background-size: cover; }*/
.btn-gradient { width: 13px; height: 100%; position: absolute; left: 0; top: 0; background-position: top center; background-size: cover; }
.gradient-btn-wrap .btn { display:inline-block; vertical-align:middle; background-color:transparent; border:1px solid transparent; padding:17px 80px; font-size:24px; color:#ffffff; font-weight:500; line-height:26px; border-radius:50px; }
.gradient-btn-wrap .black-btn { background-color:#000000; color:#ffffff; } 
.gradient-btn-wrap .black-btn:hover { background-color:transparent; color:#0d0d0d; border-color: #0d0d0d; } 
.gradient-btn-wrap .transparent-btn { background-color:transparent; border-color:#1c1c1c; color:#0d0d0d; }
.gradient-btn-wrap .transparent-btn:hover { background-color:#000000; border-color:#000000; color:#ffffff; }

.black-btn { background-color:#000000; color:#ffffff; border:1px solid transparent} 
.black-btn:hover { background-color:transparent; color:#0d0d0d; border-color: #0d0d0d; } 
a.transparent-btn { color: #0d0d0d; padding: 17px 80px; font-size: 24px; line-height: 24px; font-weight: 500; border: 1px solid #0d0d0d; border-radius: 30px; }
a.transparent-btn:hover { background-color: #0d0d0d; color:#ffffff; }
/*Button Css Ends Here*/

/* Popup Css Start Here*/
.mfp-bg { opacity: 0.5; }
.close .popup-modal-dismiss { position: absolute; right: 20px; top: 20px; width: 20px; display: block; z-index: 4; cursor: pointer; }
.popup-form .request-demo-form h2 { font-size: 36px; text-align: left; }
.popup-form .request-demo-form p { padding: 0; }
.request-demo-wrap.popup-form { padding: 50px 50px; margin: 0 auto; box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5); }
/* Popup Css Ends Here*/

/*Header Css Start Here*/
.main-header {display: flex;flex-wrap: wrap;align-items: center;padding: 15px 20px 10px; position: relative; z-index: 2; }
.header-lt { width: 20%; }
.header-rt { width: 80%; }
.header-lt .logo-wrap { max-width: 198px; width: 100%; }
.top-nav ul { margin: 0; display: flex; flex-wrap: wrap; align-items:center; justify-content: flex-end; }
.top-nav ul li {margin: 0 6px; position: relative;}
.top-nav ul li a {color: #282828;font-size: 16px;line-height: normal;padding: 12px 23px 12px 15px;display:inline-block;vertical-align:middle;}
.top-nav ul li:last-child {padding: 0 0 0 8px;margin: 0 0 0 0;}
.top-nav ul li.demo-btn a { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 500; color: #000000; border: 1px solid #0e0e0e; padding: 9px 32px; border-radius: 30px; }
.top-nav ul li.login-btn:before { content: ""; background-color: #cfcfcf; width: 1px; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.top-nav ul li:nth-last-child(2):hover { background-color:transparent;}
.top-nav ul li:nth-last-child(2):hover a { color: #6c6c6c; }
.top-nav ul li ul.sub-menu { display: none; position: absolute; top: 100%; background-color: #1c1c1c; min-width: 323px; right: 0; z-index: 1; }
.top-nav ul li ul.sub-menu li { padding:0; margin:0; }
.top-nav ul li ul.sub-menu li:nth-last-child(2) { border-left:0; padding:0; margin:0; }
.top-nav ul li ul.sub-menu li a { padding:23px; text-align: left; border-bottom: 1px solid #2fb78f; display:block; font-size: 14px; }
.top-nav ul li ul.sub-menu li:last-child a { border-bottom:0; }
/* .top-nav ul li ul.sub-menu li:last-child a { border:0; } */
.top-nav ul li ul.sub-menu li:nth-last-child(2):hover a { color:#ffffff; }
.top-nav ul li ul.sub-menu li a:hover { background-color:#000000; }
.top-nav ul li ul.sub-menu li.current-menu-item a { background-color:#000000; }
.top-nav ul li.demo-btn a:hover { background-color: #000000; color: #fff!important; border-color:#000000; }
.top-nav ul li.demo-btn:hover { background-color:transparent; }
.top-nav ul li.demo-btn:hover a { color:#000000;}

/*.top-nav ul li.menu-item-has-children:hover { background-color:#1c1c1c; }
.top-nav ul li:hover ul.sub-menu { display:block; background-color:#1c1c1c; }
.top-nav ul li.menu-item-has-children:hover a { color:#ffffff; }
.top-nav ul li:hover a { color:#000000; }*/
/*Header Css Ends Here*/

/*Banner Block Css Start Here*/
.company-glance-bottom-arrow { position: absolute; bottom: 182px; left: 0; right: 0; margin: 0 auto; text-align: center; }
.banner-block { position: relative; padding: 0 0 40px 0; }
.banner-block .banner-bg { position: absolute; right: 0; top: 0px; }
.banner-content { max-width: 413px; width: 100%; padding: 80px 0 0; position: relative; }
.banner-bg img { height: 540px; object-fit: cover; }
.banner-counter-wrap {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.odometer-wrap span { font-size: 60px; font-weight: 300; position: relative; line-height: 60px; }
.odometer-wrap h3 { font-size: 60px; font-weight: 300; display: inline-block; vertical-align: top; position: relative; line-height: 1; margin: 0; }
.odometer-wrap em { font-size: 22px; position: relative; top: -27px; line-height: 22px; display: inline-block; font-style: normal; font-weight: 300; }
.odometer-wrap .content p { font-size: 19px; color: #6c6c6c; font-weight: 400; text-align:center; line-height: 30px; }
.banner-counter { padding: 98px 0 0 0; }
.odometer-wrap {position: relative;width: 16%;text-align: center;}
.odometer-wrap img { height: 60px; object-fit: contain; }
.odometer-wrap:before {content:"";background-image:url(assets/images/triangle.svg);background-repeat: no-repeat;background-size: cover;background-position: top;width: 112px;height: 112px;position: absolute;top: -36px;left: -49px;z-index: -1;right: 0;margin: 0 auto;}

.training-hub .banner-counter-wrap { max-width: 910px; margin: 0 auto; width: 100%; }
.training-hub .banner-counter-wrap .odometer-wrap { width: 33.33%; }
.training-hub .banner-counter { padding: 86px 0 0 0; }
.training-hub .odometer-wrap:before { width: 152px; height: 152px;}
.training-hub .odometer-wrap span { font-size: 72px; line-height: 84px; }
.training-hub .odometer-wrap h3 { font-size: 72px; line-height: 1.2; }
.training-hub .odometer-wrap .content p { font-size: 18px; line-height: 24px; }
.training-hub .odometer-wrap img { height: 60px; object-fit: contain; max-width: 192px; }
/*Banner Block Css Ends Here*/

/*Inner Banner Block Css Start Here*/
.inner-banner-block { position: relative; margin: 0; padding: 40px 0 60px 0; }
.inner-banner-block .gradient-btn-wrap { margin: 21px 0 0 0; }
/*.inner-banner-block .container { max-width: 1676px; }*/
.company-glance-bottom-arrow { position: absolute; bottom: 212px; left: 0; right: 0; margin: 0 auto; text-align: center; }
.inner-banner-block .inner-banner-bg { position: absolute; right: 0; top: 0; }
.inner-banner-content { max-width: 750px; width: 100%; padding: 43px 0 0; position: relative; }
.inner-banner-content h1 { font-size: 60px; line-height: 60px; margin-bottom:22px; }
.inner-banner-content p strong { color: #0d0d0d; }
.inner-banner-bg img { height: 455px; object-fit: cover; }
.banner-counter-block .heading { text-align: center; margin: 0 0 110px 0; }
.counter-block-btn { text-align: center; margin: 70px 0 0 0; }

.inner-banner-features-wrap ul { margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.inner-banner-features-wrap ul li { width: 100%; list-style: none; padding: 0 0 0 0; max-width: 252px; }
.inner-banner-features-wrap ul li svg { max-width: 56px; width: 100%; margin-bottom: 15px; }
.inner-banner-features-wrap ul li img { max-width: 56px; width: 100%; margin-bottom: 12px; }
.inner-banner-features { margin: 50px 0 0 0; }
.inner-banner-features-wrap ul li h5 { margin: 0 0 2px 0; }
.inner-banner-features-wrap ul li p { font-size: 18px; line-height: 30px; }

.full-list .inner-banner-features-wrap ul{max-width: 0 -10px;}
.full-list .inner-banner-features-wrap ul li{max-width: 100%;width:calc(33.33% - 20px);margin:0 10px 20px;text-align: center;}



.inner-banner-gradiant { position: absolute; right: 0; top: 28px; }
/*Inner Banner Block Css Ends Here*/

/*Image Content Block Css Start Here*/
.image-content-block {padding: 85px 0 29px 0;position: relative;}
.image-content-block .full-image { position: absolute; right: 0; top: 0; }
.image-content-block.img-left .full-image { position: absolute; left: 0; top: 0; width: 50%; } 
.image-content-wrap { display: flex; flex-wrap: wrap; }
.image-block { width: 50%; }
.content-block {width: 50%;padding: 34px 0 0 114px;}
.content-block h2 { line-height: 52px; }
.content-block p { padding: 0 0 25px 0px; }
.content-block a img {width:15px; height:9px;}
.content-block a { font-weight: 700; font-size: 24px; line-height: 1.2; text-decoration: none; color: #4b67f2; }
.content-block a span { border-bottom: 1px solid #4b67f2; }
.content-block a img { margin: 0 0 0 9px; position: relative; top: -4px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.content-block a:hover img { margin: 0 0 0 15px; }
.image-content-block.no-padding .content-block { padding:0 0 0 15px; }

.image-content-block.img-right .image-block {order: 2;width: 45%;padding: 5px 0 0 48px;}
.image-content-block.img-right .content-block {order: 1;width: 55%;padding: 0 0 0 0;}
.image-content-block.img-left .image-content-wrap { justify-content: end; }
.tools-list ul { margin: 0; display: flex; flex-wrap: wrap; }
.tools-list ul li { width: 33.33%; list-style: none; padding: 0 15px 34px 0px; }
.tools-list ul li img { max-width: 45px; width: 100%; margin: 0 0 10px 0; }
.tools-list ul li h3 { font-size: 20px; color: #6c6c6c; line-height: 24px; font-weight: 400; }
.image-content-block .tools-list ul li p  { font-size: 20px; color: #6c6c6c; line-height: 26px; font-weight: 400; padding: 0; }
.image-content-block.img-right .content-block h2 { margin-bottom: 18px; padding: 0 20px 0 0; }
.tools-list { padding: 17px 0px 19px 0; }
.tools-list ul li:nth-of-type(3n) { margin-right: 0; }
.content-block a.transparent-btn { color: #0d0d0d; padding: 18px 50px; font-size: 24px; line-height: 24px; font-weight: 500; border: 1px solid #0d0d0d; border-radius: 30px; }
.content-block a.transparent-btn:hover { background-color: #0d0d0d; color:#ffffff; }
.image-content-block .content-block ul { margin: 0 0 6px 20px; }
.image-content-block .content-block ul li { font-size: 18px; line-height: normal; color: #6c6c6c; font-family: "Roboto", sans-serif; font-weight: 400; padding-bottom: 15px; }
.image-content-left-arrow { position: absolute; top: 73px; left: 0; z-index: -1; }
.image-content-block .content-block ul li ul{margin-top: 15px !important;}
.image-content-block .content-block ul li ul li{list-style: disc;}

.image-content-block .tools-list ul li ul { margin: 0; }
.image-content-block .tools-list ul li {padding: 0 23px 27px 0;width: 100%; max-width: 193px; }
.image-content-block .tools-list ul li ul li { width: 100%;padding: 0 0 9px 12px;font-size: 16px;color: #6c6c6c; position: relative; line-height: normal; margin: 0; }
.image-content-block .tools-list ul li ul li a { width: 100%; font-weight: normal; font-size: 16px; color: #4b67f2; position: relative; line-height: normal; margin: 0; text-decoration: underline; }
.image-content-block .content-block .tools-list { padding: 17px 0 0px 0px; }
.image-content-block .tools-list ul li h3 { margin: 0 0 7px 0; font-weight: 700; color: #0d0d0d; }
.image-content-block .tools-list ul li ul li:before { content: ""; background-color: #6c6c6c; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 7px; }
.image-content-block.outer-bg.img-left .content-block { padding: 0px 0 0 20px; }
.image-content-block.outer-bg.img-right .content-block { padding: 0px 0 0 0; }
.image-content-block.outer-bg .content-block ul { margin: 0 0 6px 20px; }
.image-content-block.outer-bg .content-block ul li ul{margin: 0 0 6px 40px;}
.image-content-block.outer-bg .content-block .tools-list ul li ul { margin: 0 0 6px 0; }
/* .image-content-block.outer-bg .content-block ul li ul li{font-size: 16px;} */
.image-content-block .content-block .tools-list ul li ul li{list-style: none;}
.image-content-block .content-block .tools-list ul { margin: 0 0 6px 0; }
.image-content-bottom-bg { position: absolute; bottom: 0; width: 100%; height: 310px; background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: -1; }

/* .image-content-block.outer-bg .full-image { top: 0; width: 48.5%; } */
.image-content-block.outer-bg .full-image { top: 75px; width: 40.5%; }
.image-content-block.outer-bg { padding: 73px 0 132px 0; }
/*Image Content Block Css Ends Here*/

/*Testimonial Block Css Start Here*/
.testimonial-block { padding: 114px 0 50px 0; }
.testimonial-slider { max-width: 820px; margin: 0 auto; width: 100%; text-align: center; }
.quotes-icon img { max-width: 33px; width: 100%; }
.quotes-icon { text-align: center; margin: 0 0 15px 0; }
.testimonial-slider .testimonial-list blockquote { font-size: 20px; line-height: 36px; font-weight: 300; color: #0d0d0d; font-family: "Roboto Slab", serif; margin-bottom: 30px; letter-spacing: 1px; }
.testimonial-slider .testimonial-list strong { font-size: 18px; color: #0d0d0d; font-weight: 700; font-family: "Roboto Slab", serif; display: block; margin: 0 0 4px 0; }
.testimonial-slider .testimonial-list span { font-family: "Roboto Slab", serif; font-size: 18px; color: #0d0d0d; font-weight: 300; display: inline-block; vertical-align: top; max-width: 330px; width: 100%; line-height: 28px; }

.testimonial-slider ul.slick-dots { margin: 45px 0 0 0; }
.testimonial-slider ul.slick-dots li { list-style: none; display: inline-block; vertical-align: top; margin: 0 11px 0 0; }
.testimonial-slider ul.slick-dots li button { border: 1px solid #878787; font-size: 0; width: 10px; height: 10px; border-radius: 50px; background-color: transparent; }
.testimonial-slider ul.slick-dots li:last-child { margin: 0; }
.testimonial-slider ul.slick-dots li.slick-active button { background-color: #262626; }
.testimonial-block.school-district { padding: 156px 0 114px 0; }
.testimonial-block.school-district .testimonial-slider { max-width: 982px; }
.testimonial-block.school-district .testimonial-slider .testimonial-list blockquote { margin-bottom: 47px; }
.testimonial-block.school-district .testimonial-slider .testimonial-list span { max-width: 350px; }
/*Testimonial Block Css Ends Here*/

/*Schools Districts Block Css Start Here*/
.schools-districts-block { padding: 53px 0 58px 0; }
.schools-districts-slider .slick-track { display: flex; flex-wrap: wrap; align-items: center; }
.schools-districts-block .heading { text-align: center; margin: 0 0 50px 0; }
.slider-list { text-align: center; }
.schools-logo { text-align: center; padding: 0 25px; }
.schools-logo img { margin:  auto; }
/*Schools Districts Block Css Ends Here*/

/*Request Demo Block Css Start Here*/
.mktoOffset { display: none; }
.mktoGutter.mktoHasWidth { display: none; }
.request-demo-form form .mktoFormRow .mktoFormCol { margin-bottom: 23px !important; }
.request-demo-block { position: relative; padding: 80px 0 70px 0; }
.request-demo-bg { position: absolute; top: 0; right: 0; z-index: 0; width: 56%; height: 100%; }
.request-demo-bg .background-bg { width: 100%; height: 100%; background-size: contain; background-position: right bottom; position: absolute; right: 0; bottom: 0; background-repeat: no-repeat; }
.request-demo-left-bg { position: absolute; top: 163px; left: 0; z-index: 1; width: auto; }
.request-demo-left-bg img { width: 100%; height: 415px; }
.request-demo-wrap { position: relative; max-width: 490px; width: 100%; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); padding: 57px 68px; z-index: 1; min-height: 500px; }
.request-demo-wrap .heading h4 { font-size: 36px; color: #000000; line-height: 50px; }
.request-demo-form-left { width: 13px; height: 100%; position: absolute; left: 0; top: 0; background-position: top center; background-size: cover; }
.request-demo-form form { width: 100% !important; text-align: left !important; }
.request-demo-form form .mktoFormRow .mktoFormCol { width: 100%; }
.request-demo-form form .mktoFormRow label { display: none; }
.request-demo-form form .mktoFormRow .mktoFieldWrap { float: none; width: 100%; }
.request-demo-form form .mktoFormRow .mktoFieldWrap input { padding: 19px 0 7px; width: 100% !important; border-bottom: 1px solid #b6b6b6; height: auto; font-size:16px; color:#959595; font-weight:400; line-height:1.2; box-shadow: none; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; -webkit-appearance: none; }
.request-demo-form form .mktoFormRow .mktoFieldWrap input:focus { outline:none; border-top:0; border-left:0; border-right:0; }
.request-demo-form form ::-ms-input-placeholder {   font-size:16px; color:#959595; }
.request-demo-form form ::placeholder { font-size:16px; color:#959595; }
.request-demo-form form .mktoButtonRow { text-align: left; margin: 21px 0 0 0; }
.request-demo-form form .mktoButtonRow span { margin: 0 !important; }
.request-demo-form form.mktoForm .mktoButtonRow span.mktoButtonWrap.mktoSimple button.mktoButton { background-color: #000000 !important; border: 1px solid #000000 !important;  background: #000000 !important; border-radius: 50px; color: #ffffff; font-size: 22.4px !important; line-height: 1.2; padding: 14px 52px;  height: auto; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.request-demo-form form.mktoForm .mktoButtonRow span.mktoButtonWrap.mktoSimple button.mktoButton:hover { background: transparent !important; color: #000000; border-color: #000000 !important; }
.request-demo-form form.mktoForm .mktoButtonRow span.mktoButtonWrap.mktoSimple button.mktoButton::after { display: none; }
.request-demo-form form.mktoForm .mktoButtonRow span.mktoButtonWrap.mktoSimple button.mktoButton:after { content: "Submit"; font-size: 28px; }

.request-demo-block.classroom-request-demo { padding: 172px 0 170px 0; overflow: hidden; }
.request-demo-block.classroom-request-demo .request-demo-left-bg { top: 311px; }
.request-demo-block.classroom-request-demo .request-demo-bg { top: 0; }
.request-demo-block.classroom-request-demo .request-demo-wrap:before { content:""; background-image:url(assets/images/classroom-request-demo.svg); }

.hs_submit.hs-submit .actions { margin: 41px 0 0 0; padding: 0; }
.hs_submit.hs-submit .actions input { background-color: #000000 !important; border: 1px solid #000000 !important; background: #000000 !important; border-radius: 50px; color: #ffffff; font-size: 22.4px !important; line-height: 1.2; padding: 14px 52px; height: auto; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.hs_submit.hs-submit .actions input:hover { background: transparent !important; color: #000000; border-color: #000000 !important; }
.request-demo-form form .input input { padding: 19px 0 7px; width: 100% !important; border-bottom: 1px solid #b6b6b6; height: auto; font-size: 16px; color: #959595; font-weight: 400; line-height: 1.2; box-shadow: none; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; -webkit-appearance: none; }
label.hs-error-msg.hs-main-font-element { font-size: 14px; color: #eb0a0a; }
ul.no-list.hs-error-msgs.inputs-list { margin: 0 0 0 20px; }
.hs-form-field { margin-bottom: 23px !important; }
/*Request Demo Block Css Ends Here*/

/*Three List Block Css Start Here*/
.three-list-block { padding: 82px 0 50px 0; }
.three-list-block .heading { text-align: center; margin: 0 0 49px 0; }
.three-list-block .heading h3 { font-size: 48px; line-height: 56px; }
.three-list-wrap { display: flex; flex-wrap: wrap; width: 100%; }
.three-block-list { width: 33.33%; padding: 0 0; text-align: center; }
.three-block-list h2 { font-size: 46px; line-height: 56px; font-weight: 300; margin: 0 0 4px 0; }
.three-block-list .image { margin: 0 0 0px 0; }
.three-block-list .image img { max-width: 285px; width: 100%; }
.three-block-list p { font-size: 18px; line-height: 34px; color: #6c6c6c; font-weight: 400; max-width: 320px; margin: 0 auto; text-align: center; }
.request-demo-btn { text-align: center; margin: 29px 0 0 0; }
/*Three List Block Css Ends Here*/

/*Two Column Block Css Start Here*/
.two-column-block { padding: 145px 0 150px; }
.two-column-wrap { display: flex; flex-wrap: wrap; }
.two-column-lt { width: 50%; }
.two-column-wrap .content { padding: 40px 130px 0 0; }
.two-column-wrap .content h2 { font-size:44px; line-height:46px; }
.two-column-wrap .content a { font-weight: 700; font-size: 24px; line-height: 1.2; text-decoration: underline; color: #4b67f2; }
.two-column-wrap .content a img { margin: 0 0 0 13px; position: relative; top: -2px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; width: 15px; height: 9px; }
.two-column-wrap .content p { padding: 0 0px 46px 0; }
.two-column-wrap .content a:hover img { margin: 0 0 0 18px; }
.two-column-rt { width: 50%; }
.two-column-wrap .testimonial-slider { max-width: 540px; }
.two-column-wrap .testimonial-slider .testimonial-list span { max-width: 320px; }
.two-column-block .testimonial-part { position: relative; }
.two-column-block .testimonial-part:before { content: ""; background-image: url(assets/images/testimonial-triangle.svg); width: 333px; height: 333px; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: -1; top: -40px; }
/*Two Column Block Css Ends Here*/

/*CTA Full Image Block Css Start Here*/
.cta-full-image { padding: 90px 0 0; }
.cta-full-image .cta-full-bg { padding: 123px 0 70px; background-size: cover; background-repeat: no-repeat; }
.cta-full-content { max-width: 800px; margin: 0 auto; width: 100%; text-align: center; }
.cta-full-content h2 { font-size: 60px; line-height: 60px; margin-bottom: 14px; }
.cta-full-content p { font-size: 18px; padding-bottom: 28px; }
.cta-full-image .cta-full-content a.btn { padding: 12px 117px; font-size: 24px; }
/* .cta-full-image .cta-full-content a.btn:hover { background-color: #4b67f2; color: #ffffff; border-color: #4b67f2; } */
/*CTA Full Image Block Css Ends Here*/

/*Simple Content Banner Block Css Start Here*/
.simple-content-banner { padding: 56px 0 0; }
.simple-banner-content h1 { font-size: 60px; margin: 0 0 7px 0; }
.simple-banner-content { text-align: center; }
.simple-banner-content p { max-width: 820px; margin: 0 auto; width: 100%; }
/*Simple Content Banner Block Css Ens Here*/

/*Accordion With Image Block Css Start Here*/
.accordion-with-image-block { padding: 67px 0 28px; }
.accordion-with-image-wrap { display: flex; flex-wrap: wrap; }
.accordion-part { width: 50%; padding: 0px 103px 0 0; }
.image-part { width: 50%; }
.accordion-content h3 { margin: 0 0 14px 0; }
.accordion-content p { letter-spacing: 0; padding-bottom:7px; }
.accordion_body { display: none; padding: 0px 100px 26px 0; }
.accordion-wrap { padding: 24px 0 0 0; }
.accordion_header { padding: 27px 0 24px; border-top: 2px solid #acacac;  display: flex; flex-wrap: wrap; justify-content: space-between; cursor:pointer; }
.accordion-panel:last-child { border-bottom: 2px solid #acacac; }
.accordion_header h6 { display: inline-block; vertical-align: middle;  margin: 0; letter-spacing: 0.2px; }
.accordion_header .accordion_button img { width:26px; height:26px; display:inline-block; vertical-align:middle; }
.accordion_header span.accordion_button img.accordion-minus { display: none; }
.accordion_header span.accordion_button.minus-accordion img.accordion-minus { display: block; }
.accordion_header span.accordion_button.minus-accordion img.accordion-plus { display: none; }
.accordion_body p { font-size: 20px; line-height: 26px; padding-bottom: 8px;}
.accordion_body p strong { color: #0d0d0d; }
.accordion_body p b { color: #0d0d0d; }
.accordion_body ul li strong, .accordion_body ul li b { color: #0d0d0d; }
.accordion_body p a{color: #4b67f2;}
.accordion_body p a:hover{color: #000}
.accordion_body ul li { font-size: 20px; color: #6c6c6c; line-height: 26px; margin: 0 0 10px 0; list-style-type: disc; padding: 0; position:relative; }
.accordion_body ul li ul{ma}
/* .accordion_body ul li:before { content: ""; width: 6px; height: 2px; background-color: #9b9b9b; position: absolute; left: 0; top: 11px; } */
.accordion_body ul { margin: 0px 0 0 36px; }
/*Accordion With Image Block Css Ends Here*/

/*Simple Content Block Css Start Here*/
.simple-content-block { padding: 46px 0 5px 0; }
.simple-content-wrap h2 { font-size: 60px; margin-bottom: 0; }
.simple-content-wrap h3{margin-bottom: 35px;}
.simple-content-wrap { text-align: center; }
.simple-content-wrap p { max-width: 860px; margin: 0 auto; width: 100%; padding-bottom: 33px; }
/*Simple Content Block Css Ends Here*/

/*Pricing Banner Block Css Start Here*/
.pricing-banner-block { padding: 60px 0 10px 0; }
.pricing-heading { text-align: center; margin: 0 0 64px 0; }
.pricing-banner-content { max-width: 454px; margin: 0 auto; width: 100%; background-color: #fff; position: relative; padding: 60px 60px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); }
.pricing-gradient { width: 100%; height: 13px; position: absolute; left: 0; top: 0; background-position: top center; background-size: cover; }
.pricing-banner-content .content { text-align: center; }
.pricing-banner-content .content h3 { font-size: 32px; line-height: 40px; margin-bottom: 36px; }
.pricing-banner-content .content h2 { font-size: 48px; font-weight: 300; line-height: 46px; margin-bottom: 7px; }
.pricing-banner-content .content p { font-size: 18px; line-height: 34px; padding-bottom: 15px; }
.pricing-banner-content .content a { width: 100%; margin: 34px 0 0; font-size: 24px; letter-spacing: 0.25px; padding: 16px 50px; max-width: 316px; border: 1px solid transparent; }
.pricing-banner-wrap { background-position: bottom center; background-repeat: no-repeat; background-size: cover; padding: 0px 0 120px 0; }
.pricing-banner-content .content a:hover { border: 1px solid #000; }
/*Pricing Banner Block Css Ends Here*/

/*Feature Column Block Css Start Here*/
.feature-column-wrap h2 { font-size: 60px; line-height: 60px; margin-bottom: 42px; }
.feature-column-wrap { max-width: 720px; }
.feature-column-block { padding: 11px 0 0px 0; }
.feature-column-list { display: flex; flex-wrap: wrap; }
.feature-list { width: 33.33%; padding: 0 20px 0 0; }
.feature-list h4 { font-size: 24px; margin-bottom: 27px; }
.feature-list ul li { font-size: 18px; color: #6c6c6c; margin: 0 0 25px 0; padding: 0 0 0 32px; letter-spacing: 0.2px; list-style-type: none; position: relative; }
.feature-list ul li:before { content: ""; background-image:url(assets/images/right-icon.svg); width: 19px; height: 17px; position: absolute; left: 0; top:0; background-repeat: no-repeat; background-size: contain; }
.feature-list ul { margin: 0; }
.feature-btn { text-align: center; margin: 38px 0 0 0; }
/*Feature Column Block Css Ends Here*/

/*Image Content Block Pricing Image Content Block Css Start Here*/
.image-content-block.pricing-image-content { padding: 0 0 23px 0; }
.image-content-block.pricing-image-content .image-block { width: 42%; padding: 0 0 0 0; }
.image-content-block.pricing-image-content .content-block { width: 58%; padding: 14px 0 0 96px; }
.image-content-block.pricing-image-content .content-block h2 { font-size: 44px; margin: 0 0 27px 0; }
.two-column-list { width: 50%; padding: 0 18px 0 0; }
.image-content-block.pricing-image-content .content-block .two-column-list ul { margin: 0 0 0 15px; }
.image-content-block.pricing-image-content .content-block .two-column-list ul li { padding-bottom: 23px; }
.testimonial-block.pricing-testimonial .testimonial-slider { max-width: 1055px; }
.image-content-block.pricing-image-content .content-block a { text-decoration: underline; display: inline-block; vertical-align: middle; }

.full-list .tools-list ul li{max-width: 100%;display: flex;align-items: center;padding:0 23px 22px 0;width:100% !important}
.full-list .tools-list ul li img{margin: 0 15px 0 0px;}
.full-list .tools-list ul li p{color: #0d0d0d;font-size: 24px;}

/*Image Content Block Pricing Image Content Block Css Ends Here*/


/* Grade Table Css start here */
.mobile-table-header{display: none;}
.mobile-table-header ul { display: flex; flex-wrap: wrap; align-items: center;justify-content: center;margin:0 0 20px} 
.mobile-table-header ul li { display: block;margin-right: 15px;} 
.mobile-table-header ul li .icon { display: flex; align-items: center;font-size: 16px;font-weight: 700;} 
.mobile-table-header ul li .icon img { width: 20px; height: 20px; margin-right: 10px; }

.grade-block{padding: 32px 0;}
.grade-top-content h3{margin-bottom: 10px;}
.grade-top-content{width:100%;text-align: center;}
.grade-table-scroll{position: relative;width: 100%; z-index: 1; margin: auto;border: none;}
.grade-table-scroll table { width: 100%;}
.grade-table-block { padding-top: 20px; }
.grade-table-scroll table thead th{background: #ebebeb; width: 25%; text-align: center; font-weight: 700; text-align: center; color: #000; position: relative; font-size: 20px; font-family: "Roboto", sans-serif;}
.grade-table-scroll table thead th:first-child{background: #f5f5f6;width: 50%;}

.grade-table-scroll table thead th:nth-of-type(2):after { position: absolute; content: ""; background: url(assets/images/blue-line-gradient-bar.svg) center center no-repeat; width: 100%; height: 10px; left: 0; top: -10px; background-size: cover; }
.grade-table-scroll table thead th:nth-of-type(3):after{position: absolute;content:"";background: url(assets/images/green-line-gradient-bar.svg) center center no-repeat;width:100%;height: 10px;left:0;top:-10px;background-size: cover;}
.table-wrap { position: relative; } 
.grade-table-scroll th { padding: 12px 25px; border: none; background: #f5f5f6; vertical-align: middle; border: 2px solid #fff;color: #0d0d0d;font-size: 18px; font-family: "Roboto", sans-serif;}
.grade-table-scroll td { padding: 11px 25px; border: none; background: #ebebeb; vertical-align: middle;border:2px solid #fff;color:#0d0d0d;text-align: center;} 
.grade-table-scroll td .icon{width: 30px;height: 27px;display: block;margin: 0 auto;}
.grade-table-scroll thead th:first-child, tfoot th:first-child { z-index: 5; } 
.grade-table-scroll tbody th{padding: 19px 25px;}
.grade-table-scroll tfoot th,
.grade-table-scroll tfoot td{background: transparent;}
.grade-table-scroll tfoot td .blue-heading,
.grade-table-scroll tfoot td .green-heading{position: relative;}
.grade-table-scroll tfoot td .blue-heading:after{position: absolute;content: "";background: url(assets/images/blue-link-arrow.svg) right center no-repeat;right:0;width:20px;height:10px;top: 50%; transform: translateY(-50%);-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}
.grade-table-scroll tfoot td .blue-heading:hover:after{right: -3px;}
.grade-table-scroll tfoot td .green-heading:after{position: absolute;content: "";background: url(assets/images/green-link-arrow.svg) right center no-repeat;right:0;width:20px;height:10px;top: 50%; transform: translateY(-50%);-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}
.grade-table-scroll tfoot td .green-heading:hover:after{right: -3px;}
.grade-table-scroll tfoot td .blue-heading a{font-weight: 700;color: #4b67f2;font-size: 24px;font-weight: 700;text-decoration: underline;padding-right: 25px;}
.grade-table-scroll tfoot td .green-heading a{font-weight: 700;color: #2fb78f;font-size: 24px;font-weight: 700;text-decoration: underline;padding-right: 25px;}

.select-hidden{display: none;}
.mobile-table-footer{width: 100%;text-align: center;display: none;}
.mobile-table-footer ul{margin: 0;}
.mobile-table-footer ul li{display: block;margin-bottom: 20px;}
.mobile-table-footer .blue-heading,
.mobile-table-footer .green-heading{position: relative;}
.mobile-table-footer .blue-heading a{font-weight: 700;color: #4b67f2;font-size: 18px;font-weight: 700;text-decoration: underline;padding-right: 25px;}
.mobile-table-footer .green-heading a{font-weight: 700;color: #2fb78f;font-size: 18px;font-weight: 700;text-decoration: underline;padding-right: 25px;}
.mobile-table-footer .blue-heading:after{position: absolute;content: "";background: url(assets/images/blue-link-arrow.svg) right center no-repeat;right:0;width:20px;height:10px;top: 50%; transform: translateY(-50%);-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}
.mobile-table-footer .green-heading:after{position: absolute;content: "";background: url(assets/images/green-link-arrow.svg) right center no-repeat;right:0;width:20px;height:10px;top: 50%; transform: translateY(-50%);-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}
.mobile-table-footer .blue-heading:hover:after{right: -3px;}
.mobile-table-footer .green-heading:hover:after{right: -3px;}
.mobile-filter-select{display: none;background: #f0f0f0;padding: 15px;font-weight: 400;color:#000;margin-bottom: 35px;}

.filter-featured-block {padding: 30px 0;}
.filter-featured-wrap {display: flex;flex-wrap: wrap;align-items: flex-start;}
.filter-featured-wrap .filter-block {width: 35%;padding-right: 50px;}
.filter-featured-wrap .featured-block {width: 65%;}
.title-with-line { position: relative;overflow: hidden;margin-bottom: 30px;} 
.title-with-line:after { position: absolute; content: ""; background: #8f8e8e; width: 100%; height: 1px; top: 10px; }
.title-with-line span { font-size: 19px; text-transform: uppercase; color: #8f8e8e; padding-right: 15px; }

.filter-listing ul { margin: 0; } 
.filter-listing ul li{background: #f3f2f3; font-size: 18px; color: #0d0d0d; margin-bottom: 2px;position: relative;transition: 0.5s all ease-in-out;list-style: none;}
.filter-listing ul li:after{position: absolute;content:"";width:6px;height: 100%;background: #0d0d0d;right:0;opacity: 0;visibility: hidden;top:0;transition: 0.5s all ease-in-out;}
.filter-listing ul li a{font-weight: 400;color: #0d0d0d;transition: 0.5s all ease-in-out;padding: 14px 15px;display: block;letter-spacing: 0.3px;}
.filter-listing ul li.active,
.filter-listing ul li:hover{background: #ebebeb;}
.filter-listing ul li.active a,
.filter-listing ul li:hover a{font-weight: 700;}
.filter-listing ul li.active:after,
.filter-listing ul li:hover:after{opacity: 1;visibility: visible}
.featured-details figure { width: 100%; height: 510px; }
.featured-details figure img { width: 100%; height: 100%; object-fit: cover; }
.featured-details .featured-desc { padding: 27px 0; }
.featured-details .featured-desc h4{margin-bottom: 5px;}
.featured-details .featured-desc h4 a{color:#000}
.featured-details .featured-desc h4 a:hover{color:#4b67f2}
.featured-details .featured-desc h6 { font-size: 18px; color: #8b8a8a; margin-bottom: 20px; display: block; text-decoration: underline; font-style: italic; font-family: "Roboto", sans-serif;font-weight: 400;} 
.featured-details .featured-desc p{padding-bottom: 15px;}
.featured-details .featured-desc ul{margin: 0 0 15px;display: flex;flex-wrap: wrap;}
.featured-details .featured-desc ul li{list-style:none;padding: 0 5px;position: relative;}
.featured-details .featured-desc ul li:first-child{padding-left: 0;}
.featured-details .featured-desc ul li:after { position: absolute; content: ","; width: 1px; height: 100%; right: 0; color: #6c6c6c;bottom: -4px;}
.featured-details .featured-desc ul li a{font-style: italic;text-decoration: underline;color:#6c6c6c;font-size: 18px;}
.featured-details .featured-desc ul li a:hover{color:#4b67f2}
.featured-details .featured-desc ul li:first-child{padding-left: 0;}
.featured-details .featured-desc ul li:last-child{padding-right: 0;}
.featured-details .featured-desc ul li:last-child:after{display: none}


.btn-link{font-weight: 700; font-size: 18px; line-height: 1.1; text-decoration: none; color: #4b67f2;text-decoration: none;}
.btn-link span { border-bottom: 1px solid #4b67f2;display: inline-block !important;font-style: normal;}
.btn-link img { margin: 0 0 0 15px; position: relative; top: 0px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out;width: 15px; height: 9px;}
.btn-link:hover img { margin: 0 0 0 18px; }
.btn-link:hover{color: #4b67f2;}
.post-block{padding: 0 0 35px;}
.post-block .artical-library-btn{width:100%;text-align: center;}
.simple-post-block{padding: 50px 0;}
.simple-top-content{text-align: center;padding-bottom: 50px;}
.category .simple-top-content { max-width: 840px; margin: 0 auto; width: 100%; }
.simple-top-content h1{font-size: 60px;}
.simple-top-content .search-block { max-width: 375px; margin: 0 auto;padding: 10px 0;}
.simple-top-content .search-form{position: relative;}
.simple-top-content .search-form input[type="search"]{border: 1px solid #8f8e8e; border-radius: 50px; padding: 19px 50px 19px 20px; font-size: 18px;width:100%}
.simple-top-content .search-form input[type="search"]::-webkit-input-placeholder {color: #959595; font-size: 16px;}
.simple-top-content .search-form input[type="search"]:-moz-placeholder {color: #959595; font-size: 16px;}
.simple-top-content .search-form input[type="search"]::-moz-placeholder {color: #959595; font-size: 16px;}
.simple-top-content .search-form input[type="search"]:-ms-input-placeholder {color: #959595; font-size: 16px;}
.simple-top-content .search-form .search-submit { position: absolute; right: 0; top: 50%; transform: translateY(-50%);background: url('assets/images/icon-searchbox.svg') right center no-repeat;width:20px;height: 20px;font-size: 0;right:20px}
.simple-top-content .search-form input[type="search"]::-webkit-search-cancel-button {display: none;}

ul.post-listing {margin: 0 -15px;padding: 0;display: flex;flex-wrap: wrap;}
ul.post-listing li .post-box{position: relative;padding-bottom: 20px;}
ul.post-listing li .post-box .post-desc{padding: 25px 0 5px;}
ul.post-listing li .post-box .post-desc ul{margin: 0 0 10px;padding: 0;display: flex;flex-wrap: wrap;}
ul.post-listing li .post-box .post-desc ul li { width: auto; margin: 0; position: relative; padding: 0 5px; }
ul.post-listing li .post-box .post-desc ul li:after { position: absolute; content: ","; width: 1px; height: 100%; right: 0; color: #6c6c6c; }
ul.post-listing li .post-box .post-desc ul li a{font-style: italic;text-decoration: underline;}
ul.post-listing li .post-box .post-desc ul li:first-child{padding-left: 0;}
ul.post-listing li .post-box .post-desc ul li:last-child{padding-right: 0;}
ul.post-listing li .post-box .post-desc ul li:last-child:after{display: none}
ul.post-listing li .post-box .post-desc ul li a{color:#6c6c6c}
ul.post-listing li .post-box .post-desc ul li a:hover{color:#4b67f2}
ul.post-listing li {width: calc(33.33% - 30px);margin: 0 15px 20px;list-style: none;}
ul.post-listing li .post-box figure{width: 100%;height: 244px;margin-bottom: 15px;}
ul.post-listing li .post-box figure img{width:100%;height: 100%;object-fit: cover;}
ul.post-listing li .post-box .post-desc h6 { font-size: 18px; color: #8b8a8a; margin-bottom: 20px; display: block; text-decoration: underline; font-style: italic; font-family: "Roboto", sans-serif; font-weight: 400; }
ul.post-listing li .post-box .post-desc h3{font-size: 24px;line-height: 1.2;margin-bottom: 10px;}
ul.post-listing li .post-box .post-desc h3 a{color:#000000}
ul.post-listing li .post-box .post-desc h3 a:hover{color:#4b67f2}
ul.post-listing li .post-box .post-desc h5{font-size: 18px;}
ul.post-listing li .post-box .post-desc h5 a{color:#000000}
ul.post-listing li .post-box .post-desc h5 a:hover{color:#4b67f2}
ul.post-listing li .post-box .post-desc p{padding-bottom: 15px;}
ul.post-listing.four-column-listing li{width: calc(25% - 20px);margin:0 10px 30px}
ul.post-listing.four-column-listing li .post-box figure{height: 178px;} 
ul.post-listing.four-column-listing li .post-box .post-desc{padding: 10px 0;}
ul.post-listing.four-column-listing li .post-box .post-desc ul li a{font-size: 14px;margin-bottom: 10px;}
ul.post-listing.four-column-listing li .post-box .post-desc .btn-link{font-size: 16px;}

ul.post-listing.two-column-listing li{width: calc(50% - 20px);margin:0 10px 30px}
ul.post-listing.two-column-listing li .post-box figure{height: auto;} 
ul.post-listing.two-column-listing li .post-box .post-desc{padding: 10px 0;}
ul.post-listing.two-column-listing li .post-box .post-desc h6{font-size: 14px;margin-bottom: 10px;}
ul.post-listing.two-column-listing li .post-box .post-desc .btn-link{font-size: 16px;}
ul.post-listing .btn-read .btn-link{font-size: 18px;}



/*Footer Css Start Here*/
footer { background-color: #0d0d0d; position: relative; }
.footer-wrap { padding: 33px 29px 25px; }
.footer-top { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer-top-lt { display: flex; flex-wrap: wrap; width: 60%; }
.footer-menu-1 { width: 100%; max-width: 240px; }
.footer-menu-2 { max-width: 235px; width: 100%; }
.footer-menu-1 ul { margin: 0; }
.footer-menu-1 ul li { list-style:none; }
.footer-menu-1 ul li a { color: #b2b2b2; font-size: 16px; font-weight: 400; line-height: 27px; }
.footer-menu-1 ul li a:hover { color: #4b67f2; }
.footer-menu-2 ul { margin: 0; }
.footer-menu-2 ul li { list-style:none; }
.footer-menu-2 ul li a { color: #b2b2b2; font-size: 16px; font-weight: 400; line-height: 27px; }
.footer-menu-2 ul li a:hover { color: #4b67f2; }
.footer-menu-3 ul { margin: 0; }
.footer-menu-3 ul li { list-style:none; }
.footer-menu-3 ul li a { color: #b2b2b2; font-size: 16px; font-weight: 400; line-height: 27px; }
.footer-menu-3 ul li a:hover { color: #4b67f2; }
.footer-top-rt { max-width: 386px; width: 100%; }
.footer-stay-touch h3 { color: #b2b2b2; font-size: 27px; line-height: 30px; font-weight: 300; margin: 0; }
.footer-stay-touch form { color: #b2b2b2 !important; font-size: 27px!important; line-height: 30px; font-weight: 300; margin: 0; text-align:left!important; }
.footer-stay-touch form { width:100%!important; }
.footer-stay-touch form label { display:none; }
.footer-stay-touch form input[type="email"] { border-bottom: 1px solid #959595 !important; background-color: transparent; color: #b6b6b6; font-size: 16px; line-height: 38px; font-weight: 400; padding: 23px 0px 0px; height: auto; font-family: "Roboto", sans-serif; width: 100% !important; border-radius:0 !important; box-shadow:none !important;  border-top: 0; border-left: 0; border-right: 0; -webkit-appearance: none; }
.footer-stay-touch p { padding: 0; }
.footer-stay-touch form .mktoButtonRow span.mktoButtonWrap { margin:0 !important; }
.footer-stay-touch form.mktoForm .mktoButtonWrap.mktoRound .mktoButton { border: 1px solid #6c6c6c !important; background-color: transparent !important; font-size: 21px; color: #b2b2b2; line-height: 28px; padding: 13px 48px; border-radius: 50px; margin: 20px 0 0 auto; background: transparent !important; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.footer-stay-touch form.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover { background-color: #ffffff !important; color: #000000; border-color: #ffffff !important; }
.footer-stay-touch form .mktoButtonRow { width:100%!important; text-align: right; }
.footer-stay-touch { padding: 6px 0 0 0; }

.footer-bottom-lt { display: flex; flex-wrap: wrap; }
.footer-copyright { color: #8d8c8c; font-weight: 400; font-size: 10px; line-height: 12px; }
.footerbottom-menu ul { display: flex; flex-wrap: wrap; margin: 0; }
.footerbottom-menu ul li a { color: #8d8c8c; font-size: 10px; line-height: 12px; }
.footerbottom-menu ul li a:hover { color: #4b67f2; }
.footerbottom-menu ul li { list-style: none; padding: 0 0 0 14px; border-left: 1px solid #8d8c8c; margin: 0 0 0 12px; line-height: 0; }
.footer-logo img { max-width: 100px; width: 100%; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin: 48px 0 0 0; }
.footer-logo { position: relative; left: -124px; top: -8px; }
.footer-office-address h5 { font-size: 18px; color: #f7931e; line-height: 27px; font-weight: 400;     margin-bottom: 0; }
.footer-office-address a:hover { color: #4b67f2; }
.footer-office-address a { display: inline-block; font-size: 14px; line-height: 27px; color: #b2b2b2; vertical-align: top; }
.footer-office-address a.mail { display: table; width: auto; margin: 0 0 0 auto; }
.footer-office-address { text-align: right; }
.footer-office-address p { padding: 1px 0 0 0; font-size: 16px; color: #b2b2b2; line-height: 32px; }
.footer-stay-touch form .mktoFieldDescriptor.mktoFormCol { width: 100% !important; }
.footer-stay-touch form .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField { width: 100%; }
.footer-stay-touch form .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField .mktoGutter.mktoHasWidth { width: 0 !important; }
/*Footer Css Ends Here*/

.filter-listing .filter-toggle{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.mobile-select{padding: 18px 0;}
.mobile-select .rev-select {cursor: pointer;position: relative;font-size: 16px;color: #fff; width: 100%;display: none;}
.mobile-select .select-styled { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; display: block; padding: 13px 30px 13px 15px; font-family: "Roboto", sans-serif;font-weight: 400; font-size: 16px; color: #0d0d0d; font-weight: 400; text-align: left; border: none; background: #f0f0f0;cursor: pointer;}
.mobile-select .select-styled:after {position: absolute; content: ""; background: url(assets/images/select-down.svg); right: 15px; top: 11px; font-family: "FontAwesome"; /* font-size: 20px; */ transition: all 0.5s ease-in-out; cursor: pointer; color: #0d0d0d; width: 20px; height: 20px; background-repeat: no-repeat; background-position: right center;}
.mobile-select .select-options {display: none; height: auto; overflow: auto; background-color: #fff; box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px; border-radius: 0; list-style: none; position: relative; z-index: 1; overflow-y: auto; flex-wrap: wrap; margin: 0 !important; margin: 0 !important; min-width: 100%; top: 0px !important; height: 192px; border: none;border:1px solid #f0f0f0;box-shadow: none;position: absolute; margin-top: 44px !important; z-index: 111; top: 100%;}
.mobile-select .select-options li {padding: 0px 0px; width: 100% !important; margin: 0 !important;padding: 10px 17px 10px !important; font-weight: 400; color: #0d0d0d; font-size: 16px; font-family: "Roboto", sans-serif;;line-height: 1.1;background: transparent;} 
.mobile-select .select-options li:after{display: none;} 
.mobile-select .select-options li a{border-bottom: none; display: block; outline: none; padding: 10px 17px 10px !important; font-weight: 700; color: #fff; font-size: 20px; font-weight: 700; font-family: 'Montserrat', sans-serif;} 
.mobile-select .select-options li:hover { color: #0d0d0d; background: #ebebeb;} 
.mobile-select .select-options li[rel="hide"] { display: none; }

.simple-blog-single-block{padding: 65px 0 0;}
.simple-post-block .btn-back,
.simple-blog-single-block .btn-back { padding-left: 50px; width: 20%; position: relative; top: 20px; }
.simple-post-block .btn-back .btn-link,
.simple-blog-single-block .btn-back .btn-link{font-size: 18px;}
.simple-blog-single-wrap {max-width: 866px;margin: 0 auto;width: 100%;} 
.simple-blog-single-wrap .category-list{padding-bottom: 30px;}
.simple-blog-single-wrap .category-list ul li { list-style-type: none;padding:0 5px;position: relative;} 
.simple-blog-single-wrap .category-list ul li:first-child{padding-left: 0;}
.simple-blog-single-wrap .category-list ul li:last-child{padding-right: 0;}
.simple-blog-single-wrap .category-list ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0; justify-content: center; }
.simple-blog-single-wrap .category-list ul li:after { position: absolute; content: ","; width: 1px; height: 25px; right: 0; color: #6c6c6c; bottom: 0;} 
.simple-blog-single-wrap .category-list ul li:last-child:after {display: none;} 
.simple-blog-single-wrap .category-list ul li a { color: #6c6c6c; font-size: 16px; line-height: 34px; font-style: italic; text-decoration: underline; }
.simple-blog-single-wrap .category-list ul li a:hover{color:#4b67f2}
.simple-blog-single-heading { margin-bottom: 30px; }
.simple-blog-single-heading h1 { font-size: 60px; font-weight: 300; text-align: center; line-height: 60px; } 
.simple-blog-single-content h5{text-align: center;}
.simple-blog-single-content h5{font-weight: 400;}
.simple-blog-single-content p img{max-width: 32px; width: 100%; margin: 70px auto 0; text-align: center;display: block}
.simple-blog-single-content blockquote { text-align: center; max-width: 700px; margin: 0 auto; width:100%}
.simple-blog-single-content blockquote p{font-size: 20px; line-height: 36px; font-weight: 300; color: #0d0d0d; font-family: "Roboto Slab", serif; margin-bottom: 30px; letter-spacing: 1px;}
.simple-blog-single-content p strong{font-weight: 700;color: #0d0d0d;}
.simple-blog-single-content figure{padding: 30px 0 65px;margin: 0 auto;}
.simple-blog-single-content figure img{margin-bottom: 15px;display: block;}
.simple-blog-single-content figure figcaption{font-size: 16px; color: #6c6c6c; font-style: italic;text-align: center;}
.simple-blog-single-content h5{font-weight: 400; color: #6c6c6c; font-size: 22px; line-height: 36px; line-height: 1.64;}
.content-link-block{padding: 50px 0;text-align: center;padding: 50px 0; text-align: center; max-width: 700px; margin: 0 auto;}

#load-more-container{width: 100%;text-align: center;padding: 45px 0 0;}
#load-more-container button { background: transparent; font-size: 24px; font-weight: 400; padding: 15px 85px;border:1px solid #0d0d0d;color:#0d0d0d;-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out;}
#load-more-container button:hover,
#load-more-container button:focus {background: #0d0d0d; color: #fff;}

.search-listing-block{padding: 60px 0;}
.search-no-results .no-results{max-width: 700px;width: 100%;margin: 0 auto;}
.btn-back .btn-link img { transform: rotate(180deg); margin:0;left: 0;}
.btn-back .btn-link span{margin-left: 10px;}
.btn-back .btn-link:hover img{margin: 0;left:-5px}
.single .full-list .inner-banner-features-wrap ul{justify-content: center;}
.single .banner-counter-block .container{max-width: 865px;}
.single .gradient-btn-wrap .btn{padding: 17px 55px;}
.single .simple-content-wrap{text-align: left;}
.single .simple-content-wrap p strong{color:#0d0d0d}
.single .simple-blog-single-content figure img{margin: 0 auto 15px;}
.single .simple-blog-single-content p a{color: #4b67f2;}
.single .simple-blog-single-content p a:hover{color: #000}

.single .odometer-wrap{width:22%}
.single .odometer-wrap .content p{font-size: 18px;}
.single .odometer-wrap:before{width: 150px; height: 150px;top: -35px; left: -95px;}
.single .odometer-wrap .content{padding-top: 15px;}
.single .simple-content-wrap p{max-width: 100%;width:100%;font-size: 20px;}
.single .simple-content-wrap ul li { font-size: 20px; line-height: 32px; color: #6c6c6c; font-family: "Roboto", sans-serif; font-weight: 400; letter-spacing: 0.2px; }
.single .simple-content-wrap ol li { font-size: 20px; line-height: 32px; color: #6c6c6c; font-family: "Roboto", sans-serif; font-weight: 400; letter-spacing: 0.2px; }
.single .simple-content-wrap p a{text-decoration: none;color: #4b67f2;}
.single .simple-content-wrap p a span { border-bottom: 1px solid #4b67f2;font-weight: 700;}
.single .simple-content-wrap p a img { margin: 0 0 0 9px; position: relative; top: -2px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.single .simple-content-wrap p a:hover img { margin: 0 0 0 15px; }
.single .simple-content-block .container{max-width: 930px;}
.single .simple-content-block { padding: 40px 0 5px 0; }
.single .simple-blog-single-heading{margin-bottom: 15px;}
.single .btn-link{font-size: 24px;}
.single .simple-blog-single-content{padding-bottom: 90px;}
.single .simple-blog-single-content figure { padding: 30px 0 75px;}
.single .btn-link img{max-width: inherit;width:inherit;margin: 0 0 0 15px;text-align: inherit;display: inherit;position: relative;top:-3px}
.single .btn-link:hover img { margin: 0 0 0 18px; }
.single .inner-banner-features { margin: 15px 0 0 0; }
.single .inner-banner-features .container{max-width: 930px;}
.single .inner-banner-features .heading { text-align: center; padding-bottom: 35px; }
.single .inner-banner-features-wrap ul li img { max-width: 50px; width: 100%; margin-bottom: 5px; }
.single .content-link-block{padding: 35px 0 75px;}.single .post-image-video-wrap .post-image figure
.single .content-link-block a.transparent-btn{padding: 17px 50px;}
.single .simple-content-wrap h4{margin-bottom: 10px;}
.single .simple-content-wrap h5{font-size: 28px;font-weight: 400;color: #6c6c6c;line-height: 1.6;}
.single .simple-content-wrap .btn-wrap{text-align: center;width:100%;padding-top: 10px;}
.single .btn-back .btn-link img{margin: 0;top:-2px}
.single .post-image-video-block .post-image-video-wrap{text-align: center;}
.single .post-image-video-wrap .post-image figure{max-width:630px;width:100%;margin:0 auto}
/* .single .post-image-video-wrap .post-image figure img{width: 100%;height: 100%;object-fit: cover;} */
.single .post-image-block figure img{margin-bottom: 10px;}
.single .post-image-block figure figcaption{font-size: 18px; color: #6c6c6c; font-style: italic;}
.single .testimonial-block{padding: 20px 0;}
.single .testimonial-slider .testimonial-list blockquote {max-width: 675px; margin: 0 auto; text-align: center;width:100%;font-size: 22px;margin-bottom: 10px;}
.single .post-video { padding-bottom: 42.25%; position: relative; max-width: 890px; margin: 0 auto; width: 100%; } 
.single .post-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/*Formative Assessments Page Css Start Here*/
.banner-counter-block.three-col { padding: 0 0 30px 0; }
.banner-counter-block.three-col .banner-counter-wrap .odometer-wrap { width: 30%; padding: 0 40px; }
.banner-counter-block.three-col .banner-counter-wrap .odometer-wrap::before { content: ""; width: 236px; height: 236px; top: -75px; }
.image-content-block.list-type-with-icon .content-block ul li {position: relative;list-style: none;padding: 0 0 15px 35px;}
.image-content-block.list-type-with-icon .content-block ul li::before {position: absolute;content: "";background-image: url('assets/images/right-icon.svg'); width: 25px; height: 22px;left: 0;top: 0;     background-size: cover; background-repeat: no-repeat;}
.image-content-block.list-type-with-icon .content-block ul {  margin: 35px 0; padding: 0 210px 0 0px; }
.content-list-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.content-list-wrap .content-list { width: 45%; }
.content-list-wrap .content-list p { font-size: 16px; line-height: 28px; letter-spacing: 0px; color: #6c6c6c; }
.content-list-wrap .content-list h6 { margin: 0 0 5px 0; color: #0d0d0d; font-size: 20px; }
.banner-counter-block.three-col .banner-counter-wrap .odometer-wrap .content p strong { color: #0d0d0d; } 
/*Formative Assessments Page Css Ends Here*/

/*Customer Stories Page Css Start Here*/
.page-template-customer-stories .inner-banner-block .inner-banner-bg { width: auto; }
.page-template-customer-stories .inner-banner-block .inner-banner-content { max-width: 520px; width: 100%; }
.page-template-customer-stories .inner-banner-block .inner-banner-content h1 { font-size: 72px; line-height: 72px; margin-bottom: 8px; }
.page-template-customer-stories .inner-banner-block .inner-banner-content p { padding-bottom: 16px; }

.user-stories-wrap { display: flex; flex-wrap: wrap; }
.user-stories-list { width: 33.33%; text-align: center; position: relative; }
.user-stories-block .heading { text-align: center; margin: 0 0 56px 0; }
.user-stories-block { padding: 68px 0; }
.page-template-customer-stories .inner-banner-block .inner-banner-content p { padding-bottom: 16px; }
.user-stories-block { padding: 68px 0 60px 0; }
.user-stories-content h6 { font-size: 24px; line-height: 30px; color: #0d0d0d; margin: 0 0 5px 0; }
.user-stories-bg { margin: 0 0 22px 0; }
.user-stories-content p { font-size: 20px; line-height: 30px; color: #6c6c6c; padding-bottom: 20px; }
.user-stories-content a { font-size: 24px; font-weight: 700; line-height: 34px; color: #2fb78f; text-decoration: underline; }
.user-stories-content a svg { width: 19px; margin: 0 0 0 8px; }
.user-stories-content a svg .cls-2 { stroke: #2fb78f; }
.user-stories-list.green-color .user-stories-content a svg .cls-2 { stroke: #2fb78f; }
.user-stories-list.green-color .user-stories-content a { color: #2fb78f; }
.user-stories-list.blue-color .user-stories-content a svg .cls-2 { stroke: #4b67f2; }
.user-stories-list.blue-color .user-stories-content a { color: #4b67f2; }
.user-stories-list.yellow-color .user-stories-content a svg .cls-2 { stroke: #f7931e; }
.user-stories-list.yellow-color .user-stories-content a { color: #f7931e; }
.user-stories-list:before { content: ""; width: 307px; height: 307px; background-image: url('assets/images/customer-stories-triangle.svg'); position: absolute; top: 0; left: -60px; right: 0; margin: 0 auto; z-index: -1; }
.user-stories-content { padding: 0 32px; }
.customer-interviews-block { padding: 73px 0; }
.customer-interviews-block .heading { text-align: center; margin: 0 0 50px 0; }
.customer-interviews-block .heading h2 { font-size: 60px; }
.customer-interviews-full-block { text-align: center; }
.customer-interviews-full-content span { font-size: 18px; line-height: 36px; color: #4b67f2; font-weight: 700; display: inline-block; vertical-align: top; }
.customer-interviews-full-bg { margin: 0 0 22px 0; }
.customer-interviews-full-content h3 { font-size: 24px; line-height: 32px; margin: 0 0 10px 0; }
.customer-interviews-full-content { max-width: 815px; margin: 0 auto; width: 100%; }
.customer-interviews-full-content p { font-size: 20px; line-height: 36px; font-weight: 300; font-family: "Roboto Slab", serif; }

.three-col-customer-interviews-wrap { display: flex; flex-wrap: wrap; gap: 40px; padding: 54px 0 0 0; }
.three-col-customer-interviews-list { width: 31.1%; }
.three-col-customer-interviews-content span { font-size: 18px; line-height: 34px; color: #4b67f2; font-weight: 700; display: inline-block; vertical-align: top; }
.three-col-customer-interviews-content h4 { font-size: 20px; line-height: 30px; margin: 0 0 10px 0; }
.three-col-customer-interviews-bg img { display: block; }
.three-col-customer-interviews-bg { margin: 0 0 12px 0; }

.customer-reviews-block { padding: 55px 0; }
.customer-reviews-block .heading h2 { font-size: 60px; }
.customer-reviews-block .heading { text-align: center; margin: 0 0 40px 0; }
.customer-reviews-wrap { display: flex; flex-wrap: wrap; gap: 40px; margin: 0 auto; width: 100%; padding: 0 80px; }
.customer-reviews-list { width: 48.0%; background-color: #ffffff; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); padding: 54px 43px; text-align: center; }
.customer-reviews-icon { margin: 0 0 19px 0; }
.customer-reviews-content-top { padding: 0 0 40px 0; border-bottom: 1px solid #cccccc; margin-bottom: 30px; }
.customer-reviews-content-top blockquote { font-size: 18px; line-height: 32px; color: #0d0d0d; font-weight: 300; letter-spacing: 0.55px; margin: 0 0 10px 0; }
.customer-reviews-content-top h4 { font-size: 16px; line-height: 24px; color: #0d0d0d; letter-spacing: 0.5px; margin: 0 0 0px 0; }
.customer-reviews-content-top h5 { font-size: 14px; line-height: 24px; font-weight: 300; color: #0d0d0d; letter-spacing: 0.5px; max-width: 500px; margin: 0 auto; width: 100%; }
.customer-reviews-content a { font-size: 24px; line-height: 34px; color: #4b67f2; font-weight: 700; letter-spacing: 0.5px;  }
.customer-reviews-content a span { text-decoration: underline;  }
.customer-reviews-content p { padding-bottom: 32px; }

.customer-interviews-full-bg img { transition: transform .5s ease; }
.customer-interviews-full-bg a { display: inline-block; vertical-align: middle; }
.customer-interviews-full-bg a:hover img { transform: scale(1.02); }
.three-col-customer-interviews-list a { display: block; overflow: hidden; }
.three-col-customer-interviews-bg img { width: 100%; transition: transform .5s ease; }
.three-col-customer-interviews-list a:hover img { transform: scale(1.02); }
.customer-reviews-popup { max-width: 1280px; margin: 0 auto; width: 100%; background-color: #fff; padding: 40px; display: flex; flex-wrap: wrap; position: relative; }
.further-video-part { width: 60%; margin-right: 40px; padding-bottom: 40.25%; position: relative; }
.further-rt-part { width: 35%; }
.further-rt-part .middle-cont { text-align: left; }
.middle-cont { text-align: center; max-width: 950px; margin: 40px auto; width: 100%; }
.further-rt-part .middle-cont > span { font-size: 18px; line-height: 36px; color: #4b67f2; font-weight: 700; display: inline-block; vertical-align: top; }
.further-rt-part .middle-cont h3 { font-size: 24px; line-height: 32px; margin: 0 0 10px 0; }
.further-reviews-popup p { font-size: 20px; line-height: 40px; }
.middle-cont p { font-family: 'Roboto Slab'; font-weight: 300; color: #262626; font-size: 22px; line-height: 42px; }
.further-video-part iframe { width: 100%; height: 100%; position: absolute; top: 0; }
.further-rt-part .middle-cont span { max-width: 320px; display: inline-block; vertical-align: middle; font-size: 18px; font-family: 'Roboto Slab'; line-height: 25px; }
.customer-reviews-popup a.popup-modal-dismiss { padding: 0; margin: 0 0 0 auto; }
a.popup-modal-dismiss { font-size: 22px; text-transform: uppercase; display: table; margin: 0 auto; color: #898989; padding: 0 0 60px 0; }
.mfp-container { max-width: 1040px; margin: 0 auto; width: 100%; left: 0; right: 0; }
.customer-reviews-popup-wrap .customer-reviews-content-top { text-align: center; }
.customer-reviews-popup-wrap { padding: 0 20px; }
.customer-reviews-popup-wrap .customer-reviews-icon { text-align: center; }
.customer-reviews-popup-wrap .customer-reviews-content-top blockquote { max-width: 454px; margin: 0 auto 30px; width: 100%; font-size: 20px; }
.customer-reviews-popup-wrap .customer-reviews-content-top h5 { font-size: 18px; }
.customer-reviews-popup-wrap .customer-reviews-content-top h4 { font-size: 18px; }
.customer-reviews-popup .middle-cont p { font-size: 20px; line-height: normal; }
.page-template-customer-stories .mfp-bg { opacity: 0.8; }
.page-template-customer-stories .white-popup-block button { display: none; }
/*Customer Stories Page Css Ends Here*/
.main-con-sec.error-main .logo-wrap { max-width: 300px; margin: 0 auto; width: 100%; padding: 0 0 20px 0; }
.main-con-sec.error-main { text-align: center; padding: 60px 0; }
body.search.search-results .filter-featured-wrap .featured-block { width: 100%; }
body.search.search-results .filter-featured-wrap .featured-block ul.post-listing.two-column-listing li { width: calc(33.33% - 20px); }
body.search.search-results .filter-featured-wrap .featured-block ul.post-listing.two-column-listing li .post-box .post-desc li { width: auto; margin-bottom: 5px; }

.footer-stay-touch form .hs-form-field { margin: 0 0 10px 0 !important; }
.footer-stay-touch form .hs_submit.hs-submit .actions { margin: 0; text-align: right; }
.footer-stay-touch form .hs_submit.hs-submit .actions input { border: 1px solid #6c6c6c !important;background-color: transparent !important;font-size: 21px;color: #b2b2b2;line-height: 28px;padding: 13px 48px;border-radius: 50px;margin: 20px 0 0 auto;background: transparent !important;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out; }
.footer-stay-touch form .hs_submit.hs-submit .actions input:hover { background-color: #ffffff !important; color: #000000;border-color: #ffffff !important; }
.hs_error_rollup { display: none; }
ul.no-list.hs-error-msgs.inputs-list li label { display: block; }