:root{
    
    --site-light-blue:#28A0D9;
    --site-blue:#11379D;
    --site-green:#9DC909;
    --site-white:#ffffff;
    --site-black:#000000;
    --site-text-gradiant: linear-gradient(90deg, rgba(157, 201, 9, 1) 0%,rgba(0, 104, 40, 1) 100%);
    /* --site-text-gradiant: linear-gradient(90deg, rgba(134, 171, 4, 1) 0%,rgba(0, 104, 40, 1) 100%);  */ /* -- ordering sec */
    /* --site-text-gradiant: linear-gradient(90deg, rgba(97,191,72,1) 0%, rgba(231, 113, 37, 1) 30%, rgba(40, 160, 217, 1) 60%, rgba(255,222,75,1) 100%); */

    --site-heading-font:'neue-haas-grotesk-display';
    --site-font:'neue-haas-grotesk-display';

    --site-font-size:18px;
}

*{outline: none;box-sizing: border-box;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color:transparent;}
body{margin: 0;padding: 0;font-family: var(--site-font);letter-spacing: 0.3px;}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1346px}}@media (max-width:767px){.container{max-width:100%}}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row>*{flex-shrink:0;width:100%;padding-right:15px;padding-left:15px}
.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}}
img{max-width: 100%;}
li{list-style-type: none;}
.pin-spacer{z-index: 999 !important;}

.loading_wrap.preloader-loaded{background: rgb(17, 55, 157) !important;}

.site-title {text-align: center;color: var(--site-blue); font-size: 60px; font-family: var(--site-heading-font); font-weight: 600; line-height: 1.1; letter-spacing: 1px;margin-top: 10px;}

.wb + .wb,
.bbg + .bbg,
.gb + .gb,
.lbbg + .lbbg{padding-top: 0;}

.lbbg { background: var(--site-light-blue);}
.bbg{background: var(--site-blue);}

.whysybx.wht,
.whysybx.wht p{color: #ffffff;}
.whysybx.wht a{color: var(--site-light-blue);}

.site-btn a{font-size: 16px; line-height: 1; color: var(--site-light-blue); background: var(--site-white); border-radius: 30px; padding: 16px 38px; border: 2px solid var(--site-light-blue); font-weight: 600; display: inline-block; font-family: var(--site-font); margin-top: 30px;transition: 0.3s; -webkit-transition: 0.3s; position: relative; overflow: hidden; text-decoration: none; cursor: pointer; user-select: none; -webkit-user-select: none; touch-action: manipulation;}
.site-btn .show-text{position: relative; transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1); z-index: 1;}
.site-btn .hover-text{color:var(--site-white); display: block; position: absolute; bottom: 0; transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1); z-index: 100; opacity: 0; top: 50%; left: 50%; transform: translateY(225%) translateX(-50%); height: 14px; line-height: 13px;text-wrap: nowrap;white-space: nowrap;}
.site-btn a:after{content: ""; position: absolute; bottom: -50%; left: 0; width: 101%; height: 100%; background-color: var(--site-light-blue); transform-origin: bottom center; transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1); transform: skewY(9.3deg) scaleY(0); z-index: 50;}
.site-btn{display: inline-block; -webkit-tap-highlight-color: transparent;}

.intr_links.site-btn a{background: transparent;}
.our-service-sec .site-btn a::after{background-color: var(--site-green);}

.modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: none;overflow: hidden;outline: 0;z-index: 9999999999;transition: opacity .15s linear;opacity:0;}
body.v-open .modal {overflow-x: hidden;overflow-y: auto;opacity:1;background: rgba(0, 0, 0, 0.4);}
.modal-dialog {position: relative;width: 90%;max-width:800px;margin: 1.75rem auto;min-height: calc(100% - (1.75rem* 2));pointer-events: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out, -webkit-transform .3s ease-out;-webkit-transform: translate(0, -25%);transform: translate(0, -25%);}
body.v-open .modal-dialog {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.modal-content {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background: transparent;background-clip: padding-box;outline: 0;border-radius: 0px;border: 0px solid #8CC2DD;}

.form-input-wrap input[type="text"], 
.form-input-wrap input[type="email"], 
.form-input-wrap input[type="tel"], 
.form-input-wrap textarea,
.form-input-wrap select{margin-top: 21px;border: 1px solid #ffffff;background: transparent;outline: 0;border: 0;border-bottom: 1px solid #fff;color: #ffffff;font-size: 16px;line-height: 1;width: 100%;padding: 0 0 24px 0;font-family: var(--site-font);letter-spacing: 1px;border-radius: 0;}
.form-input-wrap input[type="submit"]{margin-top: 30px !important;max-width: 100% !important;}
.form-input-wrap input::-webkit-input-placeholder {color: #ffffff;opacity: 1;}
.form-input-wrap input::-moz-placeholder {color: #ffffff;opacity: 1;}
.form-input-wrap input:-ms-input-placeholder { color: #ffffff;opacity: 1;}
.form-input-wrap input:-moz-placeholder {color: #ffffff;opacity: 1;}

.form-wrap textarea::-webkit-input-placeholder {color: #ffffff;opacity: 1;}
.form-wrap textarea::-moz-placeholder {color: #ffffff;opacity: 1;}
.form-wrap textarea:-ms-input-placeholder { color: #ffffff;opacity: 1;}
.form-wrap textarea:-moz-placeholder {color: #ffffff;opacity: 1;}
.form-wrap input:-webkit-autofill, 
.form-wrap input:-webkit-autofill:hover, 
.form-wrap input:-webkit-autofill:focus, 
.form-wrap input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px #F3F3F3 inset !important;-webkit-text-fill-color: var(--site-black) !important;}

h1, h2, h3, h4, h5, h6{font-weight: 600;margin: 0;padding: 0;font-family: var(--site-heading-font);}
.whysybx.wht h1, .whysybx.wht h2, .whysybx.wht h3, .whysybx.wht h4, .whysybx.wht h5, .whysybx.wht h6{color: var(--site-white);}

.whysybx h1, h1{font-size: 60px;line-height: 1.1;color: var(--site-blue);margin-top: 30px;}
.whysybx h2, h2{font-size: 45px;line-height: 1.1;color: var(--site-blue);margin-top: 30px;}
.whysybx h3, h3{font-size: 35px;line-height: 1.1;color: var(--site-blue);margin-top: 30px;}
.whysybx h4, h4{font-size: 32px;line-height: 1.1;color: var(--site-blue);margin-top: 30px;}
.whysybx h5, h5{font-size: 30px;line-height: 1.1;color: var(--site-blue);margin-top: 30px;}
.whysybx h6, h6{font-size: 28px;line-height: 1.1;color: var(--site-blue);margin-top: 30px;}

.lbbg h1, .lbbg h2, .lbbg h3, .lbbg h4, .lbbg h5, .lbbg h6,
.bbg h1, .bbg h2, .bbg h3, .bbg h4, .bbg h5, .bbg h6{color: var(--site-white);} 

.whysybx h1:first-child, .whysybx h2:first-child, .whysybx h3:first-child, .whysybx h4:first-child, .whysybx h5:first-child, .whysybx h6:first-child{margin-top: 0px;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top: 0px;}

.whysybx,
.whysybx p {font-style: normal;font-weight: 400;font-size: var(--site-font-size);line-height: 1.6;margin-top: 20px;margin-bottom: 0;color:var(--site-black)}
.whysybx a,
.whysybx p a,
.whysybx p span,
a,
.whysybx li span{text-decoration:none;}
.whysybx a,
.whysybx p a{color: var(--site-light-blue);font-weight: 400;}

.lbbg .whysybx a, 
.lbbg .whysybx p a{color: var(--site-white); text-decoration: underline;}
.bbg .whysybx a, 
.bbg .whysybx p a{color: var(--site-white) !important; text-decoration: underline;}
.whysybx p b,
.whysybx p strong{font-weight: 600;}
.whysybx p:first-child{margin-top:0px;}
.whysybx ul,
.whysybx ol {margin: 22px 0 0;list-style: none;padding-left: 0;}
.whysybx ul:first-child,
.whysybx ol:first-child {margin: 0px;}
.whysybx li {padding-left: 25px;position: relative;font-style: normal;font-weight: normal;font-size: var(--site-font-size);line-height: 1.6;margin:10px 0px 0px 0px;text-align: left;}
.whysybx li:first-child {margin-top: 0px;}
.whysybx li a{color: var(--site-light-blue);}
.wht li::after {background: var(--site-white) !important;}
.wht li:before {color: var(--site-white) !important;}
.wht li a{color: var(--site-light-blue) !important;}
.whysybx ul li:after {position: absolute; content: ''; top: 12px; left:10px; width: 5px; height: 5px; background: var(--site-light-blue); border-radius: 50%;}
.whysybx ol {counter-reset: item;}
.whysybx ol li {counter-increment: my-awesome-counter;padding-left: 25px;}
.whysybx ul ol li {padding-left: 20px;}
.whysybx ol ol li{padding-left: 20px;}
.whysybx ol ul li:before,
.whysybx ul ol li:after {display: none;}
.whysybx ol ul ol li:after, .whysybx ul ol ul li:after {display: block;}
.whysybx ol ul, .whysybx ol ol, 
.whysybx ul ol, .whysybx ul ul {padding-left: 20px;}
.whysybx ol li:before {content: counters(item, ".") ".";counter-increment: item;position: absolute;left: 0;text-align: right;width: 32px;font-weight: 600;color: var(--site-light-blue);}

.lbbg .whysybx ul li::after{background: var(--site-blue);}
.lbbg .whysybx ol li::before{color: var(--site-blue);}

.home .site-header,
.page-template-content-contact .site-header {height: 176px !important;}
.home .inner-header,
.page-template-content-contact .inner-header { padding-top: 40px !important;}

.site-header { z-index: 999; position: relative;background: var(--site-white);}
.inner-header{padding: 16px 0 !important;}
body.home.fixed .site-header,
body.fixed.page-template-content-contact .site-header{background: var(--site-white);}
body.home .inner-header,
body.page-template-content-contact .inner-header,
body.home .site-header,
body.page-template-content-contact .site-header {background: transparent;}

body.home.fixed .inner-header,
body.page-template-content-contact.fixed .inner-header {background: white;}

body.home .inner-header,
body.page-template-content-contact .inner-header{ background: transparent; }

.header-inner { display: flex; align-items: start; justify-content: space-between;}
.home .banner-logo.dark-logo,
.page-template-content-contact .banner-logo.dark-logo{display: none;}
.header-menu { display: flex; align-items: center; }
.site-header .container { max-width: 1480px; }
.header-menu > li{margin-right: 40px;position: relative;}

.site-header .site-btn a{margin-top: 0;}
.mobile-header .header-menu > li{border-bottom: 1px solid rgba(157, 201, 9, 0.3);padding-right: 0;}
.mobile-header .header-menu > li:last-child{border-bottom: 1px solid transparent;}

.header-menu > li:last-child { margin-right: 0; }
.header-menu > li > a{color: var(--site-blue);font-size: 16px; font-weight: 600; line-height: 1;}
body.home .header-menu > li > a,
body.page-template-content-contact .header-menu > li > a{color: var(--site-white);}

.header > li > a{font-size: 16px; font-weight: 500; line-height: 1;}
.header-menu .contact-btn.menu-item a { font-size: 16px; line-height: 1; color: var(--site-white);background: var(--site-green);border-radius: 30px; padding: 16px 43px; border: 1px solid var(--site-green); font-weight: 500; display: inline-block; font-family: var(--site-font); transition: 0.3s; -webkit-transition: 0.3s; -webkit-transition: 0.3s; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -webkit-tap-highlight-color: transparent;}
.header-menu > .menu-item-has-children a{ position: relative;padding-right: 22px;display: inline-block;}
.header-menu > .menu-item-has-children a::after { position: absolute; content: ''; border-left: 1px solid var(--site-blue); border-bottom: 1px solid var(--site-blue); width: 8px; height: 8px; top: 4px; right: 0; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); transition: 0.3s; -webkit-transition: 0.3s; bottom: 0; margin: auto; }
body.home .header-menu > .menu-item-has-children a::after,
body.page-template-content-contact .header-menu > .menu-item-has-children a::after {border-left: 1px solid var(--site-white); border-bottom: 1px solid var(--site-white);}
.header-menu > li.current_page_item > a{color: var(--site-green);}
.header-menu > .current_page_item a::after{border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green);}
.mobile-header .contact-btn.menu-item{margin-top: 20px;}
.mobile-header .banner-logo.dark-logo{display: block;}
.mobile-header .contact-btn.menu-item a { color: var(--site-white) !important; }
.mobile-header .header-menu > .menu-item-has-children a::after{border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green);}
.drop-arrow { display: none; }

.mobile-header{display: none;}
.mobile-header{position: fixed; left: 100%; top: 0; width: 100%; height: 100vh; background: var(--site-white);transition: 0.7s;-webkit-transition: 0.7s;}
.mobile-top-header { display: flex; align-items: center; justify-content: space-between;border-bottom: 1px solid var(--site-light-blue);padding-bottom: 20px;}
.mobile-header .header-menu{flex-direction: column; align-items: flex-start;padding-left: 0;}
.mobile-header .header-menu > li {width: 100%;}
.mobile-header .header-menu > li > a { color: var(--site-blue) !important;display: inline-block;padding: 20px 0 20px;width: 100%;}
.header-menu > li.subnav_open > .sub-menu{opacity: 1; visibility: inherit; position: static; margin: 0; transform: inherit; transition: inherit;border-top: none;min-width: 100%; max-width: 100%; padding: 20px 0 20px 20px;}

.menuopen .mobile-header{left: 0;overflow: hidden;}
.drop-arrow { position: absolute; border-left: 1px solid var(--site-blue); border-bottom: 1px solid var(--site-blue); width: 8px; height: 8px; top: 25px; right: 20px; margin: auto; cursor: pointer; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); }
.subnav_open > a > .drop-arrow{border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green);}
.drop-arrow::before { content: ""; position: absolute; width: 30px; height: 30px; top: -9px; left: -14px; transform: rotate(45deg); }

.header-menu > li > .sub-menu{background: #ffffff; padding: 20px 20px; border: none; width: 100%; max-width: 250px; min-width: 250px; left: 0; position: absolute; top: 200%; transition: all 0.5s ease; z-index: 88888; border-radius: 0px; transform: translateY(15px); -webkit-transform: translateY(15px); border-top: 5px solid var(--site-green);opacity: 0; visibility: hidden;}
.header-menu > li > .sub-menu::before { position: absolute; top: -27px; width: 100%; height: 22px; content: ''; left: 0; }
.header-menu > li.current-menu-parent > a,
.header-menu > li.current-menu-item > a,
.header-menu > li.current_page_item > a{ color: var(--site-green) !important;}
.header-menu > .menu-item-has-children.current_page_item a::after,
.header-menu > .menu-item-has-children.current-menu-item a::after,
.header-menu > .menu-item-has-children.current-menu-parent a::after{border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green);}
.current-menu-parent > .drop-arrow,
.current-menu-item > .drop-arrow,
.current-menu-item.subnav_open .drop-arrow{ border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green); }
.current-menu-ancestor.subnav_open .drop-arrow { border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green); }

.header-menu > .menu-item-has-children.current-menu-parent .sub-menu .current-menu-item a{color: var(--site-green);}
.header-menu .contact-btn.menu-item.current_page_item a{background: var(--site-light-blue);border-color: var(--site-light-blue);color: var(--site-white) !important;}
.header-menu .contact-btn.menu-item.current_page_item a:after{display: none;}
.header-menu .contact-btn.menu-item.current_page_item a .hover-text{display: none;}

.mobile-header .header-menu > li.subnav_open  > a{padding-bottom: 0;}
.sub-menu > li > a { font-size: 16px; line-height: 1; color: var(--site-blue); font-weight: 500; width: 100%;padding: 10px 0 10px;}
.sub-menu > li > a:after{display: none;}
.sub-menu > li {border-top: 1px solid rgba(157, 201, 9, 0.3);}
.sub-menu > li:first-child {border-top: none; }
.sub-menu > li:first-child a { padding-top: 0;}
.sub-menu > li:last-child  a{ padding-bottom: 0;}
.menu_btn { width: 28px; height: 21px; background: url(images/huberg-white.svg) no-repeat center center; z-index: 99; border: none; font-size: 0px; text-indent: -99999px; padding: 0; cursor: pointer;display: none;}

.fixed .site-header {height: 120px !important;z-index: 55;}
.fixed .inner-header {padding: 16px 0px !important;}
.fixed .inner-header{background: white;}
.banner-logo.dark-logo { width: 193px; height: 88px; }
.banner-logo.wht-logo{display: none;}
.home .banner-logo.wht-logo,
.page-template-content-contact .banner-logo.wht-logo{display: block;}
.fixed .banner-logo.wht-logo{display: none;}
.fixed .banner-logo.dark-logo{display: inline-block;}
body.home.fixed .header-menu > li > a,
body.page-template-content-contact.fixed .header-menu > li > a {color: var(--site-blue);}

body.home.fixed .header-menu > .menu-item-has-children a::after,
body.page-template-content-contact.fixed .header-menu > .menu-item-has-children a::after{border-left: 1px solid var(--site-blue); border-bottom: 1px solid var(--site-blue);}
body.home.fixed .header-menu > li.contact-btn > a,
body.page-template-content-contact.fixed .header-menu > li.contact-btn > a{color: var(--site-white);}

.banner-section{position: relative;margin-top: -176px;}
.banner-pic {height: 750px;}
.banner-pic img {width: 100%;object-fit: cover;object-position: center;height: 100%;}
.banner-inner {text-align: center;padding-top: 90px;}
.banner-inner-wrap {position: absolute;top: 0;left: 0;right: 0;display: flex;align-items: center; bottom: 0;}
.banner-video{  position: relative;width: 100%;overflow: hidden;padding-top: 56.25%;}
.banner-video:after{content: "";position: absolute;background: rgba(17, 55, 157, 0.5);width: 100%;height: 100%;top: 0;left: 0;}
.banner-video iframe{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}
.inner-banner .banner-inner{padding-bottom: 0;}
.inner-banner .banner-pic{height: 250px;background: url(images/banner-bg.jpg) no-repeat center center;background-size: cover;}
.cta_sec { display: flex; justify-content: center; align-items: center; margin-top: 55px;}
.intr_links a { font-size: 16px; font-weight: 500; line-height: 1; color: var(--site-white); padding: 15px 46px; border: 2px solid var(--site-white); border-radius: 30px; display: inline-block; margin: 0 10px;}

.banner-section iframe {width: 150%; height: 150%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: none; object-fit: fill;}
.banner-video { height: 740px;padding-top: 0;}

.banner-logo{display: inline-block;}
.banner-logo.wht-logo img {max-width: 289px;width: 100%;height: 132px;}
.dark-logo img { width: 100%; height: 100%; }
.banner-title {font-size: 80px; font-family: var(--site-heading-font); line-height: 1.1; margin-top: 100px; font-weight: 600; color: var(--site-white); letter-spacing: 1px;}
.bright-sch-img-sec img{width: 100%;height: 600px;object-fit: cover;display: block;}
.banner-scroll{position: relative; margin-top: 47px !important;display: inline-block;font-size: 16px;font-weight: 500;}
.banner-scroll:after{content: "";position: absolute;background: url(images/down-arrow.svg) no-repeat center center;object-fit: contain;width: 23px;height: 27px;left: 0;right: 0;margin: auto;bottom: -40px;}
.our-partners-sec {padding: 90px 0;text-align: center;width: 100%;}
.our-partners-sec .whysybx { max-width: 690px; margin: 20px auto 0; }
.partner-logo-wrap{display: flex;justify-content: center;align-items: center;margin: 40px -40px 0;flex-wrap: wrap;}
.submit-wrap p { margin: 0; }
.partner-icon {padding: 0 55px;margin-top: 30px;}
.partners-sec-wrap{max-width: 90%;margin: auto;}

.our-service-sec {background: #11379D;padding: 90px 0;}
.our-services-content {margin-top: 70px;}
.services-box {display: flex;border-top: 1px solid var(--site-light-blue);padding: 46px 0;align-items: flex-start;}
.our-service-sec .site-btn a { border-color: var(--site-white); background: transparent; color: var(--site-white); }
.services-box:last-child { border-bottom: 1px solid var(--site-light-blue); }
.service-box-content-wrap {width: 100%;padding-right: 75px;}
.site-title-big{background: var(--site-text-gradiant);text-align: left;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;font-size: 80px;line-height: 1;-webkit-animation: gradient 7s linear infinite; animation: gradient 7s linear infinite; -webkit-background-size: 200% auto; background-size: 200% auto;letter-spacing: 1px;}
@keyframes gradient { 0%,100% { background-position: 0 50% } 50% { background-position: 100% 50% } }
.our-services-content .whysybx,
.our-services-content .whysybx p{margin:0;}
.service-box-title {font-size: 45px;line-height: 1.3;font-family: var(--site-heading-font);font-weight: 600;max-width: 285px;min-width: 285px;width: 285px;padding-right: 15px;color: var(--site-white);letter-spacing: 1px;margin-top: 0;}
.service-img {min-width: 124px;max-width: 124px;width: 124px;text-align: center;padding: 0 13px;}
.our-service-wrap{max-width: 1108px; margin: 0 auto;}
.service-img img {max-width: 100%;width: 97px;height: 109px;}
.our-services-content:first-child {margin-top: 0;}
.desk-hide{display: none;}

.choose-us-sec{padding: 90px 0;}
.sub-title {color: var(--site-light-blue);text-align: center;font-size: 22px;line-height: 1.4;}
.choose-us-box{margin-top: 30px;text-align: center;padding: 0 10px;}
.chooseus-row-wrap{margin-top: 60px;}
.chooseus-row-wrap:first-child {margin-top: 0;}
.choose-us-img {background: var(--site-blue);border-radius: 50%;width: 130px;height: 130px;display: flex;margin: auto;align-items: center;justify-content: center;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.choose-us-img img {width: 98px;height: 81px;object-fit: contain;}
.choose-us-content {margin-top: 30px;}
.choose-us-box-des{font-style: normal;font-weight: 400;font-size: var(--site-font-size);line-height: 1.6;margin-bottom: 0;margin-bottom: 0;max-width: 275px;margin: 20px auto 0;color: var(--site-black);}
.choose-us-sec .site-title{margin-top: 10px;}
.choose-us-box-title {color: var(--site-blue); font-size: 30px; line-height: 1.1; margin: auto; font-weight: 600;max-width: 230px;}
.box-color-wrap:nth-child(even) .choose-us-box-title { color: var(--site-light-blue); }
.box-color-wrap:nth-child(even) .choose-us-img{background: var(--site-light-blue);}
.chooseus-row-wrap .row{justify-content: space-between;}

.mission-sec{background: var(--site-blue);position: relative;overflow: hidden;padding: 188px 0;}
.mission-sec::before{content: "";position: absolute;background: url(images/bright-school-shape.svg) no-repeat center center;width: 697px;height: 762px;top: -140px;left: -90px;background-size: contain;}
.mission-sec-content {padding-left: 517px;}
.mission-sec-content p {font-size: 40px;font-family: var(--site-heading-font);line-height: 1.3;font-weight: 600;}
.mission-sec .mission-sec-content.whysybx p{margin-top: 0;}
.mission-sec-content p b,
.mission-sec-content p strong {background: var(--site-text-gradiant);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: gradient 7s linear infinite; animation: gradient 7s linear infinite; -webkit-background-size: 200% auto;}
.mission-sec-content.whysybx {margin-top: 0;}
.mission-sec-content.whysybx ul li,
.mission-sec-content.whysybx ol li {font-size: 30px;line-height: 1.3;font-weight: 600;margin-top: 20px;padding-left: 50px;}
.mission-sec-content.whysybx ul li::after{top: 14px;left: 12px;width: 10px;height: 10px;}
.whysybx ol li::before{top: 0px;left: 6px;width: 10px;height: 10px;}

.about-content-left .sub-title,
.about-content-left .site-title {text-align: left;margin-top: 10px;}
.about-content-left .whysybx {max-width: 492px;width: 100%;padding-right: 10px;}
.about-wrap{display: flex;align-items: center;}
.partner-icon img {max-width: 192px;height: 69px;}

.about-us-sec{overflow: hidden;}
.about-wrap .about-content-left{width: 37.5%;position: relative;}
.about-wrap .about-img{width: 62.5%;line-height: 0;position: relative;}
.about-wrap .about-img img{width: calc(60.5vw + 67px);display: block;clip-path: polygon(42% 0, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(42% 0, 100% 0%, 100% 100%, 0% 100%);height: 693px;object-fit: cover;margin-left: -67px;object-position: right;max-width: inherit;}

.site-footer-sec {padding: 115px 0 68px;background: url(images/banner-bg.jpg) no-repeat center center;width: 100%;background-size: cover;}
.footer-top-left .site-title-big.wht {background: none;color: white; -webkit-background-clip: initial;-webkit-text-fill-color: initial;}
.footer-top-left {max-width: 458px;}
.wpcf7-form-control-wrap:first-child input[type="text"]{margin-top: 10px;}
.footer-top {display: flex;justify-content: space-between;}
.footer-bottom {display: flex;justify-content: space-between;align-items: end;margin-top: 108px;}
.footer-policy span {margin: 0 5px;}
.footer-contact span {font-weight: 600;color: var(--site-white);font-size: 16px;}
.footer-policy {font-size: 14px;margin: 15px 0 0;line-height: 1.5;color: var(--site-white);}
.footer-bottom-right .whysybx{font-size: 16px;}
.footer-bottom img {max-width: 248px;height: 113px;width: 100%;}
.footer-contact {display: flex;flex-wrap: wrap;}
.footer-bx {line-height: 1.5;margin-left: 37px;}
.footer-top-right {width: 100%;max-width: calc(100% - 57%);}
.footer-bx:first-child {margin-left: 0;}
.form-input-wrap p{margin: 0;}
.form-input-wrap .wpcf7-textarea {resize: none;height: 80px;}
.wpcf7-spinner{top: 7px;}
.submit-wrap input.site-btn{font-size: 16px; line-height: 1; color: var(--site-white); background:transparent; border-radius: 30px; padding: 13px 44px; border: 2px solid var(--site-white); font-weight: 600; display: inline-block; font-family: var(--site-font); margin-top: 35px;transition: 0.3s; -webkit-transition: 0.3s;cursor: pointer; -webkit-tap-highlight-color: transparent;}
.footer-bx a,
.footer-policy a{color: var(--site-white);}

.select2-container .select2-selection--single{height:48px;border:0;background:transparent;color:var(--site-white);border-radius:0;font-size:16px;border-bottom: 1px solid #ffffff;margin-top: 21px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:21px;color:var(--site-primary);padding-left: 0;}
.select2-container--default .select2-search--dropdown .select2-search__field {border: 0;border-radius: 0;font-size: 16px;background-size:auto;outline: none;}
.select2-dropdown{border:0;border-radius:0;overflow: hidden;z-index: 2;}
.select2-results__option{font-size: 16px;padding: 8px 28px;margin: 0 !important;border-bottom: 1px solid var(--site-primary);}
.select2-results__option:last-child{border-bottom: 0;}
.select2-results__option:first-child{border-top: 1px solid var(--site-primary);}
.select2-results__option.select2-results__message{color:red;}
.select2-container--default .select2-results__option--selected {background-color: var(--site-green); color: #ffffff;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: var(--site-light-blue);color: #ffffff;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 48px;position: absolute;top: 0;width: 20px;background:none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(images/dropdown-caret.svg) no-repeat center center;width: 18px;border: none;height: 9px;background-size: cover; top: 30px;left: -15px;margin: 0;transition: .3s;-webkit-transition: .3s;}
.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(180deg);}
.select2-results__options{scrollbar-width: thin; scrollbar-color:#000000 #555555;}
.select2-results__options::-webkit-scrollbar{width:5px;}
.select2-results__options::-webkit-scrollbar-track{background:#f0f0f0;}
.select2-results__options::-webkit-scrollbar-thumb{background-color: #555555; border-radius:5px; border:1px solid #f0f0f0;}
.select2-results__option {padding: 10px;}
.form-input-wrap .select2-container {width: 100% !important;}

.select2-results__option .select2-results__option--selectable{background: var(--site-primary);}
.wpcf7-not-valid-tip {margin-top: 8px;}
.wpcf7-response-output {outline: 0;border: none !important;padding: 0 !important;color: #dc3232;text-align: center;}

.default-pg {padding: 90px 0;}
.default-pg.whysybx{margin-top: 0;}

.inspi-filter_section .training-selectbox { position: relative;width: 173px;margin-top: 20px;margin-right: 35px; position: relative;height: 51px;}
.inspi-filter_section .select-box-wrap { z-index: 14; }
.inspi-filter_section .select2-container{width: 173px !important;}
.inspi-filter_section .select2 .selection { width: 100%; display: block;}
.inspi-filter_section .select2-container--open .select2 .selection { background: rgba(40, 160, 217, 0.46); }
.inspi-filter_section .inspi-filterright { display: flex; flex-wrap: wrap; align-items: center;margin-right: 70px;}
.inspi-filter_section .filter-text {font-size: 30px; font-weight: 500; line-height: 1; color: var(--site-blue);margin-right: 70px;margin-top: 20px;}
.inspi-filter_section .select2-results__option{font-size: 14px;padding: 10px 10px 10px 0;margin: 0 !important; font-weight: 400; line-height: 1;color: var(--site-black);}
.inspi-filter_section .select2-container .select2-selection--single{height:100%;border:0;background:transparent;color:var(--site-white);border-radius:30px;font-size:16px;margin-top: 0;padding: 13px 35px;position: relative;font-weight: 500;border: 2px solid var(--site-light-blue);margin-right: -45px; width: inherit;transition: 0.3s; -webkit-transition: 0.3s;} 
.select2-container.select2-container--default .select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(135deg);}
.inspi-filter_section .select2-container--default .select2-selection--single .select2-selection__arrow b { border-left: 1px solid var(--site-white); border-bottom: 1px solid var(--site-white);transform: translateY(0%) rotate(-225deg); -webkit-transform: translateY(0%) rotate(-225deg);}
.inspi-filter_section .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.inspi-filter_section .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.inspi-filter_section .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.3;color:var(--site-light-blue);padding-left: 0;}
.inspi-filter_section .select2-container--default .select2-search--dropdown .select2-search__field {border: 0;border-radius: 0;font-size: 16px;background-size:auto;outline: none;}
.inspi-filter_section .select2-dropdown{border:0;border-radius:0;overflow: hidden;z-index: 1;width: 173px !important;background-color: rgba(255, 255, 255, 0.8); position: relative;}
.inspi-filter_section .select2-results{background: rgba(40, 160, 217, 0.46);width: 173px;}

.inspi-filter_section .select2-results__options { padding: 10px 10px 20px 25px; }
.inspi-filter_section .select2-dropdown.select2-dropdown--above .select2-results__options { padding: 20px 10px 10px 25px; }

.inspi-filter_section .select2-results__option:last-child{border-bottom: 0;}
.inspi-filter_section .select2-results__option:first-child{border-top: 1px solid var(--site-primary);}
.inspi-filter_section .select2-results__option.select2-results__message{color:red;}
.inspi-filter_section .select2-container--default .select2-results__option--selected {background-color:transparent; color: #ffffff;}
.inspi-filter_section .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%;position: absolute;top: 3px;width: 20px;background:none;}
.inspi-filter_section .select2-container--default .select2-selection--single .select2-selection__arrow b{width: 8px;border: none;height: 8px;background-size: cover; top: 0;bottom: 0; left: -20px;margin: 0;transition: .3s;-webkit-transition: .3s;margin: auto;border-left: 1px solid var(--site-light-blue); border-bottom: 1px solid var(--site-light-blue); transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg);background: none;}
.inspi-filter_section .select2-container--open .select2-selection.select2-selection--single { background: var(--site-light-blue);z-index: 14;}
.inspi-filter_section .select2-container--open .select2-selection--single .select2-selection__rendered{color: var(--site-white);}
.inspi-filter_section .select2-container--open .select2-selection--single .select2-selection__arrow b{border-left: 1px solid var(--site-white); border-bottom: 1px solid var(--site-white);transform: translateY(0%) rotate(-135deg); -webkit-transform: translateY(0%) rotate(135deg);}
/* .inspi-filter_section .select2-container--open .selection{background: rgba(40, 160, 217, 0.46);} */
.inspi-filter_section .select2-container--below.select2-container--open .selection { border-radius: 30px 30px 0 0; }
.inspi-filter_section .select2-container--above.select2-container--open .selection { border-radius: 0 0 30px 30px; }
.inspi-filter_section .select2-dropdown.select2-dropdown--below{border-radius: 0 0 30px 30px;z-index: 13;border: none;}
.inspi-filter_section .select2-dropdown.select2-dropdown--above{border-radius: 30px 30px 0 0;}
.inspi-filter_section .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius: 30px; border-top-right-radius: 30px;}

.inspi-filter_section .select2-results__options{scrollbar-width: thin; scrollbar-color:#000000 #555555;}
.inspi-filter_section .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: transparent;color: #ffffff;}
.inspi-filter_section .select2-results__options::-webkit-scrollbar{width:5px;}
.inspi-filter_section .select2-results__options::-webkit-scrollbar-track{background:#f0f0f0;}
.inspi-filter_section .select2-results__options::-webkit-scrollbar-thumb{background-color: #555555; border-radius:5px; border:1px solid #f0f0f0;}
.inspi-filter_section .select2-results__option {padding: 10px;}
.inspi-filter_section .form-input-wrap .select2-container {width: 100% !important;}

.clear-filter{ cursor: pointer; margin: 20px 0 0 0; line-height: 1.2; font-size: 14px; color: var(--site-blue); display: inline-block; background: transparent; letter-spacing: 1px; font-weight: 500; position: relative; padding: 0; border: none;border-bottom: 1px solid var(--site-blue);font-family: var(--site-font);}
.clear-filter::before{content: ""; font-size: 0; background: url(images/filter-close-icon.svg) no-repeat center center; width: 22px; height: 22px; border: none; position: absolute; cursor: pointer; top: 0px; bottom: 0; right: -30px; margin: auto; background-size: cover;}

.inspi-filter_section .container { max-width: 1270px; }
.guide-banner-main.training-sec-box .site-title { margin-top: 0; }

.thank-you-row{text-align: center; padding:90px 0;}
.thank-you-row .container{max-width: 700px;}
.thank-you-box h1{line-height: 1; margin-top: 40px;}
.thank-you-box p{font-size: 18px; font-weight: 500; margin-top: 20px;line-height: 1.3;}
.thank-you-box .img{width: 75px; height: 75px; padding: 16px; border-radius: 50%; border: 5px solid #01a601; display: inline-block; margin: auto;}
.thank-you-box img{width: 100%;}
.thank-you-box h2{font-size: 22px; font-weight: 700; line-height: 1; margin-top: 40px;}
.thank-you-box p a{color: var(--darkpink);}
.thank-you-box .site-cta{margin-top: 40px;}
.site-cta .site-btn{margin-top: 0;}
.thank-you-box p a {color: var(--site-light-blue);}

.entry-content {margin-top: 30px;}
.full-video { width: 100%; height: 600px;position: relative;}
.full-video::before { content: ""; position: absolute; background: url(images/Video-play-icon-green.svg) no-repeat center center; background-color: rgba(0, 0, 0, 0); margin: auto; width: 81px; height: 81px; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; background-size: cover; z-index: 1;background-size: cover;}
.full-video::after { position: absolute; left: 0; top: 0; width: 100%; content: ''; background-color: #000; opacity: 0.3; height: 100%; }
.full-video img { max-width: 100%; height: 100%; width: 100%; object-fit: cover; }

.inner-services-sec .site-title-big{-webkit-text-fill-color: var(--site-blue);}
.full-video-sec { height: 600px; overflow: hidden; position: relative; }
.vid-iframe { width: 200%; height: 200%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: none; }

.inner-services-sec{padding: 90px 0;}
.inner-services-sec .site-title { text-align: left; }
.inner-service-box{background: #F4F5F8;padding: 40px 40px 60px 40px;margin-top: 90px;max-width: 444px;}
.inner-service-box .site-btn a { background: transparent; }
.service-img-wrap{display: flex; justify-content: end;}
.inner-service-img { padding: 11px 15px; background: var(--site-blue); border-radius: 50%; width: 98px; height: 98px;display: flex; justify-content: center; align-items: center;}
.inner-service-title { font-size: 40px; font-weight: 600; line-height: 1.3; color: var(--site-blue);margin-top: 30px; position: relative;padding-bottom: 15px;}
.inner-service-title::before { content: ""; position: absolute; background: var(--site-blue); width: 100%; height: 1px; bottom: 0; }
.inner-service-box .whysybx{margin-top: 30px;max-width: 362px;}
.inner-service-box .whysybx p{font-size: 16px;}
.inner-service-box .site-btn a{border-width: 2px;}
.service-box-lightblue .inner-service-img,
.service-box-lightblue .inner-service-title::before { background: var(--site-light-blue); }
.service-box-lightblue .inner-service-title{color: var(--site-light-blue);}
.service-box-green .inner-service-img,
.service-box-green .inner-service-title::before { background: var(--site-green); }
.service-box-green .inner-service-title{color: var(--site-green);}
.inner-services-sec .row{justify-content: center;}
.inner-services-sec .row > *{padding-right: 4px; padding-left: 4px; }

.mission-sec.bg-right-mission::before{right: -90px;left: inherit;}
.mission-sec.bg-right-mission .mission-sec-content { padding-right: 517px; padding-left: 0;}
.inner-service-img img { width: 66px; height: 67px; object-fit: contain; }

.managed-device-sec{padding: 90px 0;background: #F4F5F8;}
.managed-device-box{margin-top: 90px;text-align: center;}
.managed-img{background: var(--site-blue); border-radius: 50%; width: 130px; height: 130px; display: flex; justify-content: center; align-items: center;margin: auto;box-shadow: 0 3px 6px rgba(0, 0, 0, .16);}
.managed-img img { width: 81px; height: 88px; object-fit: contain; }
.managed-device-des{max-width: 260px;margin: auto;}
.managed-device-des .managed-device-title{ font-size: 36px; font-weight: 600; line-height: 1.1; color: var(--site-blue);margin-top: 25px;}
.managed-box-lightbox .managed-img{background: var(--site-light-blue);}
.managed-box-lightbox .managed-device-title{color: var(--site-light-blue);}
.managed-box-green .managed-img{background: var(--site-green);}
.managed-box-green .managed-device-title{color: var(--site-green);}
.managed-device-sec .row { justify-content: center; }

.two-column-sec { padding: 90px 0;overflow: hidden;}
.two-column-sec .row { align-items: center;object-fit: cover;}
.two-column-img img { width: 50vw; margin-right: auto; margin-left: 0; max-width: 50vw; float: right;height: 622px;object-fit: cover;object-position: center;padding-left: 79px;}
.two-column-des .sub-title,
.two-column-des .site-title{text-align: left;}
.two-column-img {padding-right: 64px;}
.two-column-des {padding-left: 64px;max-width: 570px;}
.right-img-sec .two-column-img{padding-right: 0;padding-left: 64px;margin-left: -78px;}
.right-img-sec .two-column-des{padding-left: 20px;padding-right: 64px;margin-left: -40px;}
.two-column-sec.right-img-sec .row{flex-direction: row-reverse;}
.two-column-sec.right-img-sec .two-column-img img {margin-left: auto; margin-right: 0;float: left;padding-left: 42px;}

.two-column-sec.bbg .sub-title,
.two-column-sec.bbg .site-title,
.two-column-sec.bbg .whysybx p,
.two-column-sec.bbg li,
.two-column-sec.lbbg .sub-title,
.two-column-sec.lbbg .site-title,
.two-column-sec.lbbg .whysybx p,
.two-column-sec.lbbg li{color: var(--site-white);}
.two-column-sec.lbbg .whysybx ul li::after,
.two-column-sec.bbg .whysybx ul li::after{background: var(--site-white);}
.two-column-sec.lbbg .whysybx ol li::before,
.two-column-sec.bbg .whysybx ol li::before{color: var(--site-white);}
.two-column-sec .whysybx li{margin: 0;}
.two-column-sec.bbg .site-btn a,
.two-column-sec.lbbg .site-btn a{border: 1px solid var(--site-white);color: var(--site-white);background: transparent;}
.two-column-sec .site-btn a::after{background-color: var(--site-green);}

.two-column-des .sub-title{margin-bottom: 15px;}
.two-column-des .site-title{margin-top: 0;}

.our-partners-sec.lbbg .site-title,
.our-partners-sec.lbbg .whysybx{color: var(--site-white);}

.training-sec-box{padding: 0 0 90px;}
.training-box{box-shadow: 0 3px 6px rgba(0, 0, 0, .16);overflow: hidden;max-width: 388px;margin: 90px auto 0;position: relative;}
.training-box-des{padding: 50px;background: #F4F5F8;}
.training-box-img { max-width: 100%; height: 266px; width: 100%;line-height: 0;}
.training-box-img img { width: 100%; height: 100%; object-fit: cover; }
.training-box-title { font-size: 30px; font-weight: 600; line-height: 1.3; color: var(--site-blue); }
.training-box .site-btn a{background: transparent;padding: 14px 74px 16px 27px;}
.training-box .site-btn a::before { position: absolute; content: ""; background: url(images/download-icon.svg) no-repeat center center; width: 48px; height: 48px; top: 00; right: 0; bottom: 0; margin: auto; background-size: contain;z-index: 53;}
.training-box.training-redirection-box .site-btn a::before{display: none;}
.training-box.training-redirection-box .site-btn a{padding-right: 27px;}
.training-sec-box .site-title { text-align: left; margin-top: 90px;}
.training-box .site-btn .hover-text{left: 40%;}
.training-box.training-redirection-box .site-btn .hover-text { left: 50%; }
.training-sec-box .row {justify-content: center;max-width: 1270px; margin: auto;}
.training-box-link { display: inline-block; position: absolute; font-size: 0; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: 10;}
.training-sec-box .loadmore-btn.site-btn { text-align: center;margin-top: 60px;display: block;}

.inner-banner-sec{height: 394px; background: url(images/inner-banner1.png) no-repeat center center; position: relative; overflow: hidden; width: 100vw; max-width: 100vw; line-height: 0; margin-right: auto; margin-left: 0; background-position: 0 center;background-size: cover;}
.inner-banner-img{position: absolute; bottom: 0px; right: 0px;width: 1057px; height: 100%;clip-path: polygon(43% 0px, 100% 0, 100% 100%, 5% 100%);}
.inner-banner-img img{width: 100%; height: 100%;object-fit: cover;object-position: center;}
.inner-banner-content{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; z-index: 1;}
.inner-banner-title { font-size: 80px; font-weight: 600; line-height: 1.1; letter-spacing: 1px; color: var(--site-white);max-width: 670px;}

.inner-banner-sec.wht-banner{background: url(images/inner-banner2.png) no-repeat center center;background-position: 0 center;background-size: cover;}
.inner-banner-sec.wht-banner .inner-banner-title{color: var(--site-blue);}

.ordering-process-sec{padding: 90px 0;position: relative;overflow: hidden;}
.ordering-process-sec::before { content: ""; position: absolute; background: url(images/bright-school-shape.svg) no-repeat center center; background-size: auto; width: 697px; height: 762px; bottom: 600px; left: -360px; background-size: contain; }
.ordering-process-sec::after { content: ""; position: absolute; background: url(images/bright-school-shape.svg) no-repeat center center; background-size: auto; width: 697px; height: 762px; top: 245px; right: -340px; background-size: contain; }
.bbg .site-title { color: var(--site-white); }

.ordering-steps { color: #fce009; font-size: 24px; font-weight: 600; line-height: 1; letter-spacing: 1px; margin-left: 10px;text-align: center;}
.ordering-steps span{font-size: 65px;}
.ordering-img {border-radius: 50%; margin: 0 40px; padding: 40px; z-index: 2; position: relative; background: rgb(236,118,34); background: linear-gradient(86deg, rgb(236, 118, 34) 0%, rgb(252, 224, 9) 100%);box-shadow: 33px 38px 73px -22px rgba(0, 0, 0, 0.7);display: inline-flex;}
.ordering-img::before {position: absolute; content: ""; width: 181px; height: 185px; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; background: var(--site-white);}
.ordering-img img { width: 121px;max-width: 121px; height: 121px; object-fit: contain; }

.ordering-icon-sec { display: flex; align-items: center;position: relative;max-width: 50%; width: 100%;margin: 0;}
.ordering-icon-sec::before { content: ""; position: absolute; width: 100px; height:4px; background: #fce009; top: 0; bottom: 0; right: -20px; margin: auto; }
.ordering-icon-sec > span{background: white; width: 25px; height: 25px; top: 0; bottom: 0; right: -13px; margin: auto; position: absolute; border-radius: 50%; z-index: 1;box-shadow: 0px 0px 0 20px rgba(0,0,0,0.2); font-size: 0;}
.ordering-icon-sec > span:before {width: 20px; height: 30px; top: 23px; bottom: 0; right: -10px; margin: auto; content: ""; position: absolute; z-index: 1;transform: rotate(145deg);background: rgb(0,0,0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 100%);opacity: 0.4;}
.ordering-icon-sec > span::after{background: white; width: 100%; height: 100%; top: 0; left: 0; position: absolute; content: ""; border-radius: 50%;z-index: 2;}
.ordering-process-box:first-child::before { display: none; }

.ordering-process-box:nth-child(even) { flex-direction: row-reverse; }
.ordering-process-box:nth-child(even) .ordering-icon-sec {flex-direction: row-reverse;}
.ordering-process-box:nth-child(even) .ordering-icon-sec::before{left: -13px;right:inherit;}
/* .ordering-process-box:nth-child(odd) .ordering-icon-sec > span{right: -30px;} */
.ordering-process-box:nth-child(even) .ordering-icon-sec > span{left: -13px;right: inherit;}
.ordering-process-box:nth-child(even) .ordering-description{text-align: right;margin: 0; padding-right: 80px;padding-left: 40px;}

.ordering-process-box:nth-child(2n) .ordering-img{margin: 0 30px 0 0px;}

.orange.ordering-process-box::before { background: #D30F06; }
.orange.ordering-process-box::after { background: #EB7124; }
.orange.ordering-process-box .ordering-steps{color: #FF7330;}
.orange.ordering-process-box .ordering-title {color: #FF7330;}
.orange.ordering-process-box .ordering-icon-sec::before{background: #EB7124;}

.red.ordering-process-box::before { background: #D30F06; }
.red.ordering-process-box::after { background: #E22222; }
.red.ordering-process-box .ordering-steps{color:#FF5300;}
.red.ordering-process-box .ordering-title {color:#FF5300;}
.red.ordering-process-box .ordering-icon-sec::before{background: #E22222;}
.red.ordering-process-box .ordering-img{background: rgb(235,109,35); background: linear-gradient(90deg, rgba(235,109,35,1) 0%, rgba(226,34,34,1) 100%);}

.light-green.ordering-process-box::before { background: #86AB04;}
.light-green.ordering-process-box::after { background: #9CC90A; }
.light-green.ordering-process-box .ordering-steps{color:#9DC909;}
.light-green.ordering-process-box .ordering-title {color:#9DC909;}
.light-green.ordering-process-box .ordering-icon-sec::before{background: #9CC90A;}
.light-green.ordering-process-box .ordering-img{ background: rgb(102,177,47); background: linear-gradient(90deg, rgba(102,177,47,1) 0%, rgba(156,201,10,1) 100%); }


.dark-green.ordering-process-box::before { background:#006828}
.dark-green.ordering-process-box::after { background: #66B12F; }
.dark-green.ordering-process-box .ordering-steps{color:#61BF48;}
.dark-green.ordering-process-box .ordering-title {color:#61BF48;}
.dark-green.ordering-process-box .ordering-icon-sec::before{background: #5DA12A;}
.dark-green.ordering-process-box .ordering-img{ background: rgb(187,202,29); background: linear-gradient(90deg, rgba(187,202,29,1) 0%, rgba(102,177,47,1) 100%); }

.blue.ordering-process-box::before { background: #2F358C;}
.blue.ordering-process-box::after { background: #0095D5; }
.blue.ordering-process-box .ordering-steps{color:#28A0D9;}
.blue.ordering-process-box .ordering-title {color:#28A0D9;}
.blue.ordering-process-box .ordering-icon-sec::before{background: #0094D4;}
.blue.ordering-process-box .ordering-img{ background: rgb(0,149,213); background: linear-gradient(90deg, rgba(0,149,213,1) 0%, rgba(139,212,241,1) 100%); }

.ordering-process-box { display: flex; align-items: center;position: relative;padding: 70px 0 110px 0;}
.ordering-process-box::after { content: ""; position: absolute; background: #fce009; width: 40px; height: 100%; left:calc(50% - 20px); top: -20px;z-index: -1;}
.ordering-process-box:first-child::after { border-top-left-radius: 30px; border-top-right-radius: 30px; }
.ordering-process-wrap .ordering-process-box:last-child::after {border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.ordering-process-box::before { content: ""; position: absolute; width: 40px; height: 40px; top: -40px; left: 0; right: 0; margin: auto; background: #b8a512; border-radius: 50%; z-index: 1;}


.ordering-title { color: #fce009; font-size: 30px; font-weight: 600;line-height: 1.2;}
.ordering-description { max-width: 50%;width: 100%;padding-left: 80px;padding-right: 10px;}
.ordering-description .whysybx p { color: var(--site-white); }
.ordering-process-wrap { margin: 110px auto 0;width: 750px;z-index: 1; position: relative;}

.faq-section { padding: 90px 0;background: #F4F5F8;}
.faqs-inner-title { font-size: 30px; font-weight: 600; line-height: 1.3; color: var(--site-blue); padding: 30px 0;border-bottom: 1px solid var(--site-light-blue);cursor: pointer;position: relative;}
.faq-list-item.active { padding-bottom: 30px; border-bottom: 1px solid var(--site-light-blue); }
.faq-list-item:first-child .faqs-inner-title { padding-top: 0; }
.faq-list-item .faqs-inner-title::before { content: ""; position: absolute; background-position: center; background-repeat: no-repeat; width: 38px; height: 38px; top: 33px; right: 0; margin: auto;border-radius: 50%;background-color: var(--site-light-blue); background-image: url(images/faq-addition.svg); background-size: 22px; transition: 0.3s; -webkit-transition: 0.3s;}
.faq-list-item.active .faqs-inner-title::before{background-image: url(images/faq-subtraction.svg); background-size: 22px;}
.faqs-inner-title,
.accordion-answer.whysybx { padding-right: 39%; }
.faq-list-item:first-child .faqs-inner-title::before { margin-top: -30px; }
.faq-section .accordion-list { padding-left: 0; max-width: 1191px;width: 100%; margin: auto;}
.faq-list-item.active .faqs-inner-title:before{background-color: var(--site-green);}

.error-page-sec { padding: 90px 0; text-align: center; }
.error-msg strong { font-size: 200px; line-height: 1; font-weight: 600; color: var(--site-light-blue); }
.error-msg span { color: var(--site-blue); }
.error-img img { max-width: 400px; height: 163px; width: 100%; }
.ordering-process-sec .whysybx,
.ordering-process-sec .whysybx p{margin-top: 10px;}

.site-footer-sec.contact-page { margin-top: -176px; }
.site-footer-sec.contact-page .footer-top { margin-top: 180px; }
.site-footer-sec.contact-page{background: none;}
body.page-template-content-contact{background: url(images/footer-bg.svg) no-repeat center center;background-size: cover;}


.back_to_top { position: fixed !important; bottom: 90px; right: 30px; z-index: 98; width: 52px; height: 52px; border-radius: 50%; cursor: pointer; z-index: 1;}
.back_to_top .upwards_arrows.show { display: inline-block; }
.back_to_top .upwards_arrows { font-size: 0; text-align: center; display: none; width: 52px; height: 52px; position: absolute; left: 0px; top: 0px; }
.back_to_top .upwards_arrows::before { content: ""; position: absolute; right: 22px; top: 24px; padding: 5px; border-color: #11379D; border-width: 2px 2px 0 0; border-style: solid; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: 9;}
.back_to_top .upwards_arrows::after { content: ""; position: absolute; width: 52px; height: 52px; top: -1px; right: 0; background: #9DC909; transition: all 0.3s; -webkit-transition: all 0.3s; border: 2px solid transparent; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.bbg { margin-bottom: -1px; }
.mission-sec-content.whysybx.wht p a { font-weight: 600; }

.grecaptcha-badge{visibility: hidden;}
.form-description { font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.4; margin-top: 20px; margin-bottom: 0; color: var(--site-white); }
.form-description a { text-decoration: underline;color: var(--site-white);}

.video-popup { position: absolute; width: 100%; height: 100%; font-size: 0; top: 0; left: 0; z-index: 2;font-size: 0;cursor: pointer;}

.main_video_modal { position: fixed; top: 0; left: 0; margin: auto; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.video-box { position: relative; padding-bottom: 56.25%; }
.testimonial-video { outline: 0; border: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto;}
body.v-open { overflow: hidden; }
.btn-close { font-size: 0; outline: 0; border: 0; background: transparent;background-position: center; background-repeat: no-repeat;width: 40px; height: 40px; top: -20px; right: -20px;margin: auto; border-radius: 50%; background-color: var(--site-light-blue); background-image: url(images/faq-addition.svg); background-size: 22px; transition: 0.3s; -webkit-transition: 0.3s;transform: rotate(45deg); position: absolute; z-index: 1; cursor: pointer;}

.submit-wrap .site-btn a { padding: 0px 44px; border: 0; background: transparent; color: var(--site-white); font-size: 16px; line-height: 13px; }
.submit-wrap .site-btn a::after{background-color: var(--site-green);}
.submit-wrap .site-btn a:before{border: 2px solid #fff; content: ''; left: 0; top: 0; border-radius: 20px; bottom: 0; right: 0;position: absolute;}
.description-btn-wrap { max-width: 624px; width: 100%; }

.main-front-wrap .bright-sch-img-sec:first-child,
.bright-sch-img-sec + .bright-sch-img-sec{margin-top: 90px;}
.inspi-filter_section { padding-top: 90px; }
.archivebox.training-sec-box .errormsg p { color: #dc3232; font-size: 16px; line-height: 1; font-weight: 400;margin-top: 60px;  text-align: center;}

.inspi-filter_section .select2-container--below.select2-container + .select2-container { top: 0 !important; border-radius: 30px 30px 0 0 ; overflow: hidden;}
.inspi-filter_section .select2-container--above.select2-container + .select2-container { top: auto !important; bottom:0px;height: auto;border-radius: 0 0 30px 30px; overflow: hidden;}
.inspi-filter_section .select2-container--above.select2-container + .select2-container .select2-results{padding-bottom: 51px;}
.inspi-filter_section .select2-container--below.select2-container + .select2-container .select2-results{padding-top: 51px;}

.base-filter-left { position:relative; }
.form-input-wrap .select2-container {top: 0px !important;left: 0 !important;}

.form-input-wrap.get-in-touch-select{position: relative;}
.form-input-wrap .select2-container { width: 100% !important; top: 0 !important; left: 0 !important; }
.form-input-wrap .select2-container .select2-dropdown--below { top: 68px !important; left: 0 !important; }
.form-input-wrap .select2-container .select2-dropdown--above { top: -161px !important; left: 0 !important; }

/* .select2-container--open .select2-dropdown{top: 26px;} */

body.scroll-behaviour{overflow: hidden;}


@media(min-width:1199px){
    .whysybx a:hover, .whysybx p a:hover{color: var(--site-black);}
    .lbbg .whysybx a:hover, 
    .bbg .whysybx a:hover,
    .lbbg .whysybx p a:hover,
    .bbg .whysybx p a:hover{color: var(--site-white);}
    .lbbg .whysybx a:hover, .lbbg .whysybx p a:hover,
    .bbg .whysybx a:hover, .bbg .whysybx p a:hover{text-decoration: none;}
    .footer-bottom-right a:hover,
    .banner-scroll:hover {color: var(--site-light-blue);}
    .banner-scroll:hover:after{background: url(images/down-arrow-hover.svg) no-repeat center center;}
    .select2-results__option:hover {color: #fff;background: var(--site-light-blue);}
    .thank-you-box p a:hover{color: var(--site-black);}
    .wht li a:hover{color: var(--site-white) !important;}
    .whysybx.wht a:hover{color: var(--site-white);}
    .intr_links.site-btn a::after {background-color: var(--site-light-blue);}
    .our-service-sec .site-btn a:hover { border-color: var(--site-green);background-color: var(--site-green); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}
    .submit-wrap input.site-btn:hover{border-color: var(--site-green);background: var(--site-green);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
    .header-menu > .menu-item-has-children:hover a:after{transform: translateY(-50%) rotate(135deg);-webkit-transform: translateY(-50%) rotate(135deg);top: 15px;}
    .header-menu > li:hover > .sub-menu, .header-menu > li > .sub-menu li:hover > .sub-menu{transform: translateY(0px); -webkit-transform: translateY(0px); visibility: visible; opacity: 1;}
    .header-menu > li:hover > a{color: var(--site-green);}
    body.home .header-menu > li:hover > a,
    body.page-template-content-contact .header-menu > li:hover > a{color: var(--site-green);}

    body.home .header-menu > li.menu-item-197:hover > a,
    body.page-template-content-contact .header-menu > li.menu-item-197:hover > a{color: var(--site-white);}
    .header-menu > .menu-item-has-children:hover a::after{border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green);}
    .sub-menu > li:hover > a{color: var(--site-green);}
    .contact-btn.site-btn a::after{background-color: var(--site-light-blue);}
    .contact-btn.menu-item a:hover {border-color: var(--site-light-blue);background-color: var(--site-light-blue); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}

    .full-video-sec:hover .full-video::before{background: url(images/Video-play-icon-blue.svg) no-repeat center center;}
    .inner-service-box .site-btn a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, .16);}

    .site-btn a:hover .hover-text{transform: translateX(-50%) translateY(-50%); opacity: 1; transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);}
    .site-btn a:hover:after{transform-origin: bottom center;transform: skewY(9.3deg) scaleY(2);}
    .site-btn a:hover,.training-box-link:hover ~ .training-box-des .site-btn a { border-color: var(--site-light-blue); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);background-color: var(--site-light-blue); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}
    .inner-service-box .site-btn a::after{background-color: var(--site-blue);}
    .inner-service-box .site-btn a:hover{border-color: var(--site-blue);background-color: var(--site-blue);-webkit-transition: background-color 1000ms linear;-ms-transition: background-color 1000ms linear;transition: background-color 1000ms linear;}

    .service-box-lightblue .site-btn a::after{background-color: var(--site-light-blue);}
    .service-box-lightblue .site-btn a:hover{border-color: var(--site-light-blue);background-color: var(--site-light-blue); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}

    .service-box-green .site-btn a::after{background-color: var(--site-green);}
    .service-box-green .site-btn a:hover{border-color: var(--site-green);background-color: var(--site-green); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}
    .two-column-sec .site-btn a:hover{ border-color: var(--site-green);background-color: var(--site-green); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}

    body.home .header-menu > .menu-item-has-children:hover  a:after,
    body.page-template-content-contact .header-menu > .menu-item-has-children:hover  a:after { border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green); }
    .header-menu > .menu-item-has-children:hover a:after{border-left: 1px solid var(--site-green);border-bottom: 1px solid var(--site-green);}
    body.fixed .header-menu > .menu-item-has-children:hover a:after{border-left: 1px solid var(--site-green); border-bottom: 1px solid var(--site-green);}

    .training-box-link:hover ~ .training-box-des .site-btn a{border-color: var(--site-light-blue);}
    .training-box-link:hover ~ .training-box-des .site-btn a .hover-text { transform: translateX(-50%) translateY(-50%); opacity: 1; transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);}
    .training-box-link:hover ~ .training-box-des .site-btn a:after {transform-origin: bottom center;transform: skewY(9.3deg) scaleY(2);}

    .faq-list-item .faqs-inner-title:hover:before{background-color: var(--site-green);}
    .back_to_top .upwards_arrows:hover::after { background: #28A0D9; }
    .form-description a:hover { text-decoration: none;}
    .btn-close:hover { background-color: var(--site-green); }
    .select2-results__option--highlighted:hover{background-color: var(--site-light-blue);}

    .inspi-filter_section .select2-results__option--highlighted:hover{background-color: var(--site-light-blue);}
    .inspi-filter_section .select2-container--default:hover .select2-selection__rendered { color: var(--site-white) !important; }
    .inspi-filter_section .select2-container--default:hover .select2-selection.select2-selection--single { background: var(--site-light-blue); }
    .inspi-filter_section .select2-container--default:hover .select2-selection__arrow b{border-left: 1px solid var(--site-white) !important; border-bottom: 1px solid var(--site-white) !important;}
    .clear-filter:hover { color: var(--site-green);border-bottom-color:var(--site-green);}
    .clear-filter:hover:before{background: url(images/filter-close-icon-hov.svg) no-repeat center center;background-size: 22px;}
   }   

@media(max-width: 1600px){
    .inner-banner-title{max-width: 470px;}
}

@media(max-width:1570px){
    .about-wrap .about-img img{margin-left: -57px;}
}

@media(max-width:1399px){
    .mission-sec-content {padding-left: 0;}
    .two-column-img img{padding-left: 0;}

    .right-img-sec .two-column-des{margin-left: 0;}
}

@media(max-width:1199px){

    .inspi-filter_section .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color: var(--site-black);}
    .inspi-filter_section .select2-results__option.select2-results__option--selectable.select2-results__option--selected{color: var(--site-white);}
    .inspi-filter_section .container { max-width: 936px; }
    .our-partners-sec,
    .our-service-sec,
    .choose-us-sec,
    .mission-sec,
    .site-footer-sec,
    .default-pg,
    .thank-you-row,
    .inner-services-sec,
    .managed-device-sec,
    .two-column-sec,
    .error-page-sec,
    .ordering-process-sec,
    .faq-section{padding: 60px 0;}
    .training-sec-box{padding: 30px 0 60px;}
    .site-title{font-size: 50px;}
    .ordering-process-wrap { margin-top: 80px}
    .main-front-wrap .bright-sch-img-sec:first-child,
    .bright-sch-img-sec + .bright-sch-img-sec { margin-top: 60px; }
    .inspi-filter_section{padding-top: 60px;}

    body.home.fixed .inner-header, body.page-template-content-contact.fixed .inner-header { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

    .whysybx h1, h1 {font-size: 50px;margin-top: 20px;}
    .whysybx h2, h2 {font-size: 40px;margin-top: 20px;}
    .whysybx h3, h3 {font-size: 30px;margin-top: 20px;}
    .whysybx h4, h4 {font-size: 28px;margin-top: 20px;}
    .whysybx h5, h5 {font-size: 26px;margin-top: 20px;}
    .whysybx h6, h6 {font-size: 24px;margin-top: 20px;}
    .bright-sch-img-sec img{height: 450px;display: block;} 
    .partner-logo-wrap{margin-top: 0;}

    .site-title-big {font-size: 65px;animation: none;}
    .mission-sec-content p b, .mission-sec-content p strong { animation: none; }
    .services-box{padding: 40px 0;}
    .service-box-title {font-size: 36px;}

    .about-wrap .about-img img{height: 530px;width: initial;margin-left: 0;}

    .mission-sec-content.whysybx{margin: 0;padding-left: 0;position: relative;}
    .mission-sec::before{width: 380px;height: 450px;top: -90px;left: -30px;}
    .mission-sec-content p {font-size: 36px;}
    .mission-sec-content.whysybx ul li,
    .mission-sec-content.whysybx ol li{font-size: 26px;}
    .mission-sec-content.whysybx ul li::after {top: 12px;}

    .chooseus-row-wrap {margin-top: 0px;}
    .choose-us-content {margin-top: 20px;}
    .choose-us-box{padding: 0;}
    .choose-us-box-title{font-size: 24px;}

    .banner-title {font-size: 60px;}
    .banner-pic {height: 600px;}
    .banner-video { height: 600px; }
    .banner-section iframe{width: 140%; height: 140%;}

    .footer-bottom{margin-top: 50px;}
    .footer-bottom img {max-width: 250px;height: 100px;}
    .banner-logo img{height: 80px;}
    .banner-logo.wht-logo img {max-width: 160px; height: 88px;}
    .home .inner-header,
    .page-template-content-contact .inner-header { padding-top: 16px !important;}
    .fixed .inner-header { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

    .full-video,
    .full-video-sec{height: 400px;}
    .inner-service-box{margin-top: 30px;padding: 20px;}
    .inner-service-title{font-size: 30px;}
    .mission-sec.bg-right-mission .mission-sec-content { padding-right: 0;}

    .managed-device-des .managed-device-title { font-size: 30px;margin-top: 20px;}
    .managed-device-box { margin-top: 30px;}
    .two-column-img,
    .right-img-sec .two-column-des { padding-right: 0; }
    .two-column-des,
    .right-img-sec .two-column-img { padding-left: 0; }
    .two-column-img img{height: 421px;}

    .training-box{margin-top: 30px;}
    .training-sec-box .site-title{margin-top: 30px;}

    .training-box-des {padding: 20px;}
    .training-box-img{height: 203px;}
    .training-sec-box .site-btn{margin-top: 0;}

    .inner-banner-sec { height: 330px;}
    .inner-banner-img{width: 600px;}
    .inner-banner-title{font-size: 62px;max-width: 430px;}
    .inner-banner-sec.wht-banner{background-position: -250px center;background-size: initial;}

    .error-msg strong { font-size: 160px;}
    .ordering-process-box{padding: 50px 0 90px 0;}

    .faqs-inner-title, .accordion-answer.whysybx { padding-right: 70px;}
    .faqs-inner-title { font-size: 28px;}
    .header-menu > li { padding-right: 30px;}

    .training-sec-box .loadmore-btn.site-btn {margin-top: 20px;}
    .header_top_wrap{display: none;}
    .header_right .menu_btn { display: block; }
    .header-inner{align-items: center;}
    .mobile-header{display: block;padding: 20px;z-index: 999;}
    .mobile-header .menu_close{display: block; background: url(images/menu-close-icon.svg) no-repeat center center;}
    .header-menu > .menu-item-has-children a::after{display: none;}
    .drop-arrow { display: block; }    
    .mobile-header .header-menu > li.site-btn > a { width: initial; }

    .ordering-process-box:nth-child(2n) .ordering-description{padding-left: 0;}
    .ordering-description{padding-right: 0;}
    .site-footer-sec.contact-page .footer-top { margin-top: 90px; }

    .back_to_top{bottom: 130px;}
    .grecaptcha-badge{bottom: 2px;z-index: 1;}
    .error-img img { height: 140px; }

    .right-img-sec .two-column-img{margin-left: 0;}

    .modal-dialog{max-width: 650px;}
    .banner-inner{padding-top: 0;}

    .home .site-header, 
    .page-template-content-contact .site-header,
    .site-header{height: 112px !important;}
    .banner-section{margin-top: -112px;}

    .site-footer-sec.contact-page { margin-top: -112px; }

    body.fixed .inner-header {-webkit-animation-name: stickySlideDown; animation-name: stickySlideDown;}
    .inner-header{animation-duration: .4s;-webkit-animation-duration: .4s;}
    @keyframes stickySlideDown {
        0% {
            opacity: 1;
            transform: translateY(-100%);
            -webkit-transform: translateY(-100%);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
            -webkit-transform: translateY(0);
        }
    }
    .fixed .inner-header{transition: 0.5s; -webkit-transition: 0.5s;}

    .faq-list-item .faqs-inner-title::before{top: 31px;}
    .header-menu > li { margin-right: 0;}
    .new-mobmenu { overflow-x: inherit; overflow-y: auto; max-height: calc(100% - 140px); }
    .archivebox.training-sec-box .errormsg p{margin-top: 30px;}
}

@media(max-width:991px){
    .bright-sch-img-sec img{height: 300px;}  
    .whysybx, .whysybx p{margin-top: 20px;}

    .services-box{flex-wrap: wrap;}
    .our-services-content {margin-top: 40px;}
    .services-box{padding: 24px 0;}
    .inner-banner .banner-pic {height: 200px;}
    .inner-banner .banner-logo img {max-width: 260px;height: 110px;}
    .banner-title { font-size: 46px; }
    .services-box br {display: none;}

    .service-box-title {max-width: 100%;min-width: 100%;width: 100%;}
    .service-box-content-wrap {width: 100%; padding-right: 0;}
    .service-img{max-width: 100px;width: 100px;min-width: 100px;padding: 0;}
    .chooseus-row-wrap{margin-top: 0;}
    .mission-sec-content p {font-size: 30px;}

    .partner-logo-wrap{margin: 0;}
    .partner-icon {padding: 0 30px;}
    .mission-sec::before{display: none;}

    .about-wrap {display: block;}
    .about-wrap .about-img img{margin: 30px 0 0;width: 100%;clip-path: inherit;height: auto;-webkit-clip-path: inherit;}
    .about-wrap .about-img {width: 100%;}
    .about-content-left .whysybx {max-width: 100%;}
    .about-wrap .about-content-left {width: 100%;}
    .about-us-sec{padding: 60px 0;}
    .our-services-content .whysybx, .whysybx p {margin-top: 20px;}

    .footer-top{display: block;}
    .footer-top-left,
    .footer-top-right{max-width: 100%;margin-top: 10px;}
    .footer-bottom img{height: 90px;}
    .entry-content p {margin-top: 10px;}

    .menu-item-197 { min-width: 135px; max-width: 135px; }
    .inner-header{padding-top: 20px;}
    .mob-hide{display: none;}
    .desk-hide{display: block;text-align: left;margin: 0 0 10px;}

    .full-video,
    .full-video-sec{height: 300px;}
    .full-video::before{width: 71px; height: 71px;}
    .inner-service-box .whysybx { margin-top: 20px; }

    .fixed .banner-logo img { width: 160px;}
    .fixed .site-header{height: 102px !important;}
    .fixed .inner-header{padding:10px 0px !important;}
    .banner-logo img { height: 88px; max-width: 160px; }
    

    .inner-banner-sec { height: 270px; }
    .inner-banner-img { width: 450px; }
    .inner-banner-title {font-size: 46px;max-width: 320px;}

    .error-msg strong { font-size: 140px;}

    .ordering-process-wrap{width: 690px;}
    .ordering-icon-sec > span{right: -13px;}
    .ordering-process-box:nth-child(2n) .ordering-icon-sec::before { left: -19px;}
    .ordering-description{padding-left: 50px;}
    .ordering-process-box:nth-child(2n) .ordering-description{padding-right: 50px;}

    .faqs-inner-title { font-size: 24px;}
    .wpcf7-form-control-wrap:first-child input[type="text"] { margin-top: 20px; }
    .inner-header{padding: 10px 0 !important;}
    .site-title { font-size: 44px; }
    .site-title-big { font-size: 58px; }
    .service-box-title { font-size: 32px; }
    .ordering-steps{margin-left: 10px;}
    .ordering-img{margin: 0 20px;}
    .ordering-process-box:nth-child(2n) .ordering-img { margin: 0 20px; }
    
    .ordering-process-sec::before,
    .ordering-process-sec::after{display: none;}  
    .error-img img { height: 120px; }  
    .description-btn-wrap { max-width: 100%;}

    .choose-us-box-title{max-width: 220px;}

    .partner-icon{margin-top: 40px;}

    .inspi-filter_section .filter-text { font-size: 26px;margin-right: 30px;}
    .inspi-filter_section .training-selectbox{margin-right: 20px;height: 45px;}
    .inspi-filter_section .select2-container .select2-selection--single{padding: 10px 25px;}
    .inspi-filter_section .container { max-width: 693px; }

    .archivebox.training-sec-box .errormsg p { margin-top: 10px; }

    .inspi-filter_section .select2-container--above.select2-container + .select2-container .select2-results { padding-bottom: 45px; }
    .inspi-filter_section .select2-container--below.select2-container + .select2-container .select2-results { padding-top: 45px; }

    .modal-dialog{width: 60%;}

}
@media(max-width:767px){
    .our-partners-sec,
    .our-service-sec,
    .choose-us-sec,
    .mission-sec,
    .site-footer-sec,
    .default-pg,
    .thank-you-row,
    .about-us-sec,
    .inner-services-sec,
    .managed-device-sec,
    .two-column-sec,
    .error-page-sec,
    .ordering-process-sec,
    .faq-section{padding: 40px 0;}
    .training-sec-box{padding: 10px 0 40px;}
    .ordering-process-wrap { margin-top: 60px}
    .main-front-wrap .bright-sch-img-sec:first-child,
    .bright-sch-img-sec + .bright-sch-img-sec { margin-top: 40px; }

    .inspi-filter_section{padding-top: 40px;}

    .inner-banner-sec + .bright-sch-img-sec { margin-top: 60px; }

    .whysybx h1, h1{font-size: 40px;}
    .whysybx h2, h2{font-size: 30px;}
    .whysybx h3, h3{font-size: 26px;}
    .whysybx h4, h4{font-size: 24px;}
    .whysybx h5, h5{font-size: 22px;}
    .whysybx h6, h6{font-size: 20px;}

    .bright-sch-img-sec img{height: 270px;}
    .site-title{font-size: 40px;}
    .whysybx, .whysybx p{font-size: 16px;}
    .inner-banner .banner-pic {height: 200px;}
    .site-btn a{padding: 15px 25px;}

    .service-box-content-wrap{width: 100%;}
    .service-box-content-wrap{padding-right: 0;}
    .site-title-big {font-size: 50px;}
    .service-box-title {font-size: 26px;}
    .inner-banner .banner-logo img {max-width: 220px;height: 90px;}
    .choose-us-box-des{max-width: 100%;}

    .our-services-content .whysybx, .whysybx p {margin-top: 10px;}

    .our-services-content {margin-top: 20px;}
    .services-box {padding: 20px 0;}
    .service-img img{width: 77px;height: 89px;}
    .choose-us-img{width: 110px; height: 110px;}
    .choose-us-img img { width: 88px; height: 71px;}

    .mission-sec-content.whysybx p{font-size: 24px;}
    .mission-sec .whysybx, 
    .mission-sec .whysybx p{margin-top: 0 !important;}
    .mission-sec-content.whysybx ul li,
    .mission-sec-content.whysybx ol li{font-size: 20px;}
    .mission-sec-content.whysybx ul li::after{width: 8px;height: 8px;top: 10px;}
    .whysybx ol li::before{top: 0px;}
    .banner-title {font-size: 36px;margin-top: 70px;}
    .banner-pic {height: 430px;}

    .footer-bottom {display: block;text-align: center;}
    .footer-bottom-right {margin-top: 20px;}
    .footer-contact{justify-content: center;}

    .form-input-wrap .wpcf7-textarea {height: 60px;}
    .entry-content {margin-top: 20px;}
    .thank-you-box .img {width: 65px;height: 65px;}
    .wpcf7-spinner{margin: 0 14px;}
    .cta_sec{margin-top: 20px;}
    .intr_links a{padding: 10px 24px;}
    .site-btn a{margin-top: 20px;}
    .inner-service-title {font-size: 28px;}
    .site-btn a { font-size: 14px;}

    .managed-device-des .managed-device-title { font-size: 28px;}
    .managed-img{width: 110px; height: 110px;}
    .managed-img img { width: 71px; height: 68px;}
    .two-column-img img{width: 100%;max-width: 100%;}
    .two-column-des { margin-top: 20px; }
    .sub-title{font-size: 20px;}
    .training-box-img{height: 270px;}

    .inner-banner-sec { height: 230px; }
    .inner-banner-title { font-size: 36px;}
    .inner-banner-img { width: 400px; }
    .inner-banner-sec.wht-banner{background-position: -350px center;}

    .error-msg strong {font-size: 120px;}

    .ordering-process-box { flex-direction: column;align-items: flex-start;}
    .ordering-icon-sec { flex-direction: row-reverse;flex-direction: row-reverse; justify-content: flex-end; padding-left: 50px;}
    .ordering-process-box::before,
    .ordering-process-box::after{right: inherit;left: 0;}
    .ordering-icon-sec{max-width: inherit;}
    .ordering-icon-sec > span{right: inherit; left: 10px;width: 20px; height: 20px;box-shadow: 0px 0px 0 15px rgba(0,0,0,0.1);}
    .ordering-process-box:nth-child(2n){flex-direction: column;}
    .ordering-process-box:nth-child(2n) .ordering-description { text-align: left;padding-left: 90px; margin-top: 30px;}
    .ordering-process-box:nth-child(2n) .ordering-icon-sec > span { left: 9px; }
    .ordering-icon-sec::before{left: 0; right: inherit;}
    .ordering-process-box:nth-child(2n) .ordering-icon-sec::before { left: 0; }
    .ordering-description {margin-top: 30px; max-width: 100%; padding-left: 90px;width: 100%;}
    .ordering-process-wrap { width: 100%; }

    .ordering-img img { width: 91px; height: 91px;}
    .ordering-img::before{width: 155px; height: 160px;}
    .ordering-steps{font-size: 22px;}
    .ordering-steps span { font-size: 52px; }
    .ordering-title{font-size: 26px;}
    .ordering-title{line-height: 1.2;}
    .ordering-process-box{padding: 30px 0 70px 0;}

    .faqs-inner-title{padding:15px 50px 15px 0;}
    .accordion-answer.whysybx { padding-right: 50px;}
    .faq-list-item:first-child .faqs-inner-title::before { margin-top: -20px; }
    .faq-list-item.active {padding-bottom: 20px;}
    .faqs-inner-title { font-size: 22px;}
    .faq-list-item .faqs-inner-title::before{width: 38px; height: 38px; top: 12px;}
    .faq-list-item:first-child .faqs-inner-title::before {margin-top: -15px;}
    .banner-video { height: 400px; }
    .right-img-sec .two-column-des { padding-left: 0;}

    .back_to_top { bottom: 90px; }   

    .btn-close{width: 30px; height: 30px; top: -15px; right: -15px;background-size: 18px;}
    .two-column-sec.right-img-sec .two-column-img img{padding-left: 0;}

    .banner-section { margin-top: -112px; }
    .ordering-title br { display: none; }

    .inspi-filter_section .filter-text { font-size: 24px;margin-right: 30px;}
    .inspi-filter_section .select2-container .select2-selection--single{padding: 8px 15px;}
    .inspi-filter_section .select2-container { width: 153px !important;}
    .inspi-filter_section .training-selectbox{ height: 41px;}
    .inspi-filter_section .training-selectbox{width: 153px;}
    .inspi-filter_section .select2-results{width: 153px;}
    .inspi-filter_section .select2-results__options { padding: 10px 10px 15px 15px; }
    .inspi-filter_section .select2-dropdown{width: 153px !important;}
    .inspi-filter_section .training-selectbox{margin-right: 20px;height: 41px;}
    .inspi-filter_section .inspi-filterright{margin-right: 0;}
    .inspi-filter_section .select2-container--default .select2-selection--single .select2-selection__arrow{width: 10px;}

    .archivebox.training-sec-box .errormsg p { margin-top: 30px; }

    .inspi-filter_section .select2-container--above.select2-container + .select2-container .select2-results { padding-bottom: 41px; }
    .inspi-filter_section .select2-container--below.select2-container + .select2-container .select2-results { padding-top: 41px; }
    
}

@media(max-width:575px){
    .inner-banner-title { font-size: 28px; }
    .inner-banner-title{max-width: 230px;}

    .thank-you-box .img { width: 55px; height: 55px; }
    .thank-you-box .img{padding: 11px;}

    .inner-banner-img { width: 100%; }
    .inner-banner-img img{clip-path: inherit;}

    .inner-banner-sec .inner-banner-img::before{content: ""; position: absolute; background: url(images/inner-banner1.svg) no-repeat center center;width: 100%; height: 100%; top: 0; left: 0;opacity: 0.9;}
    .inner-banner-sec.wht-banner .inner-banner-img::before {  background: url(images/inner-banner2.svg) no-repeat center center;}
    .inner-banner-title { max-width: 100%; text-align: center; }
    .inner-banner-sec{background: none;}
    .banner-video { height: 430px; }
    .error-img img { height: 90px; }

    .choose-us-box-title{max-width: 100%;}
    .choose-us-box-title br { display: none; }
    .inspi-filter_section .filter-text{width: 100%;}

    .modal-dialog { width: 80%; }
}

@media(max-width:480px){
    .site-title { font-size: 32px; }
    .partner-logo-wrap{display: block;}
    .partner-icon {margin-top: 30px;}

    .whysybx h1, h1{font-size: 32px;}
    .whysybx h2, h2{font-size: 26px;}
    .whysybx h3, h3{font-size: 24px;}
    .whysybx h4, h4{font-size: 22px;}
    .whysybx h5, h5{font-size: 20px;}
    .whysybx h6, h6{font-size: 18px;}

    .site-title-big {font-size: 42px;}
    .inner-banner .banner-pic {height: 120px;}
    .inner-banner .banner-logo img {max-width: 160px;height: 70px;}
    .banner-logo.wht-logo img,
    .banner-logo.dark-logo{height: 60px;}

    .mission-sec-content.whysybx p {font-size: 20px;}
    .mission-sec-content.whysybx ul li,
    .mission-sec-content.whysybx ol li{font-size: 16px;padding-left: 40px;}
    .mission-sec-content.whysybx ul li::after {top: 7px;}
    .whysybx ol li::before {top: -1px;}
    .banner-title {font-size: 26px;}  
    .cta_sec { margin-top: 0; } 
    .banner-logo img {width: 200px;height: 60px;}
    .fixed .banner-logo img{width: 200px; height: 60px;}
    .footer-bottom img {max-width: 220px;height: 90px;}
    .site-title { font-size: 36px; }

    .banner-video{padding-top: 0;height: 350px;}

    .footer-bx {width: 100%;}
    .footer-bx{margin-left: 0;}
    .footer-policy{max-width: 100%;margin: 10px auto 0;}

    .grecaptcha-badge{bottom: 70px !important;}
    .full-video,
    .full-video-sec{height: 250px;}
    .full-video::before{width: 61px; height: 61px;}

    .inner-service-title { font-size: 26px; }
    .managed-device-des .managed-device-title {font-size: 26px;}
    .two-column-img img { height: 237px; }
    .bright-sch-img-sec img { height: 220px;}

    .training-box-img{height: 237px;}
    .fixed .site-header{height: 80px !important;}
    .pin-spacer{height: 80px !important;}

    .error-msg strong {font-size: 100px;}
    .ordering-img{margin: 0 30px 0 20px;}
    .ordering-description,
    .ordering-process-box:nth-child(2n) .ordering-description{padding-left: 70px;}

    .ordering-img img { width: 71px; height: 71px; }
    .ordering-img::before { width: 135px; height: 140px; }

    .faqs-inner-title,
    .accordion-answer.whysybx { padding-right: 40px; }

    .back_to_top{bottom: 140px; right: 10px;}
    .banner-section iframe{width:280%; height: 160%;}

    .home .site-header, .page-template-content-contact .site-header, .site-header { height: 84px !important; }
    .banner-section { margin-top: -84px; }
    .site-footer-sec.contact-page { margin-top: -84px; }

    .ordering-title br { display: block; }

    .inspi-filter_section .training-selectbox { margin-right: 10px; }

    .clear-filter{font-size: 0; border-bottom: none;}
    .clear-filter::before{right: -10px;}
}