@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.eot");
    src: url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.otf") format("opentype"), url("../fonts/Roboto-Regular.svg#filename") format("svg");
}

@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/Roboto-Bold.eot");
    src: url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.otf") format("opentype"), url("../fonts/Roboto-Bold.svg#filename") format("svg");
}

body {
    line-height: 26px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif, serif, verdana;
    font-size: 18px;
    font-weight: normal;
    color: #4A4A4A;
    word-wrap: break-word;
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    background: white;
}

a {
    color: #06578c;
    outline: none !important;
}

a:link,
a:visited {
    text-decoration: none;
    outline: none !important;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none !important;
}

.hide {
    display: none;
}
.global-button:focus,
.c-button a:focus, button:focus,
.page-wrapper *:focus {
    box-shadow: none!important;
    outline: none!important;
}
.nav>li>a:hover,
.nav>li>a:focus {
    background: none;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 34px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
}

p {
    margin: 0;
    padding: 5px 0;
}

.clear-both {
    clear: both;
}


/*Breadcrumb */

nav.breadcrumb ul {
    margin: 0;
}

nav.breadcrumb ul li {
    display: inline-block;
    list-style: none;
}

nav.breadcrumb ul li:after {
    content: '>';
}

nav.breadcrumb ul li:last-child:after {
    content: unset;
}


/* Breadcrumb End*/


/**
 * Local tasks
 */

.block-local-tasks-block ul {
    clear: both;
    margin: 10px 0 35px 0;
    white-space: normal
}

.block-local-tasks-block ul li {
    padding: 10px 0;
    line-height: 130%;
    display: inline-block;
}

.block-local-tasks-block ul li a {
    margin: 0;
    padding: 4px 1em;
    display: inline-block;
}

.block-title {
    margin: auto;
    max-width: 900px;
    padding: 30px 0;
    font-size: 36px;
    line-height: 46px;
    font-family: "RobotoBold";
}

.content-title .block-title.left {
    margin: unset;
    text-align: left;
}

.content-title .block-title.right {
    margin: unset;
    text-align: right;
}

.content-title .block-title.center {
    margin: unset;
    text-align: center;
}

.title-center .block-title {
    text-align: center;
}

.title-white .block-title {
    color: #fff;
}

#header {
    background: rgba(255, 255, 255, 0.78);
    position: fixed;
    z-index: 9;
    width: 100%;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    padding-left: 20px;
    padding-right: 20px;
}

body.domain-hosting #header {
    background: #fff;
}

body.scrolled #header {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .43);
}

#header-inside-left,
.navbar-we-mega-menu {
    padding: 10px 0 8px!important;
}

#logo img {
    height: 40px;
}


/** Menu Styling **/
/* Basic menu styling */
#header-inside-right nav {
    padding: 10px 0;
}
  
#header-inside-right .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
  
#header-inside-right .menu > li {
    position: relative;
    padding: 10px 20px;
}
  
#header-inside-right .menu > li > span,
#header-inside-right .menu > li > a {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 4px solid transparent;
    line-height: 1;
}
#header-inside-right .menu > li > a.global-button{
    border-radius: 10px;
    border: 2px solid #40b892;
    min-width: 150px;
}
#header-inside-right .menu > li > span:hover{
    border-color: #00AD29;;
    color: #00AD29;
}
  
#header-inside-right .menu > li > a {
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
  }
  
  /* Dropdown submenu */
#header-inside-right .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: -50px;
    background: #40b892;
    display: none;
    min-width: 260px;
    z-index: 1000;
  }
  
#header-inside-right .menu ul li {
    padding: 10px;
    position: relative;
}
  
#header-inside-right .menu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 15px;
  }

#header-inside-right .menu ul li a:hover {
    color: #000;
}
  
/* Show submenu on hover */
#header-inside-right .menu > li:hover > ul {
    display: block;
}
nav#block-duxte-leftsidebarmenu .menu {
    display: none;
}
nav#block-duxte-leftsidebarmenu::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url("../images/hamburger_icon.png") no-repeat;
    cursor: pointer;
}
  
  /* Responsive Styling */
  @media (max-width: 768px) {
    #header-inside-right .menu {
      flex-direction: column;
    }
  
    #header-inside-right .menu ul {
      position: static;
      display: none;
    }
  
    #header-inside-right .menu > li:hover > ul {
      display: block;
    }
  }
  
/** Menu Styling End**/
.get-quote-box a {
    background: #40b892;
    display: block;
    font-size: 20px;
    outline: none!important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 14px 37px;
    border-radius: 8px;
    border: 2px solid #40b892;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.get-quote-box a:hover {
    background: #fff;
    transition: 1s;
    color: #40b892;
}

#search-icon .fas {
    font-size: 30px;
    color: #000;
    padding: 17px 20px 13px;
    cursor: pointer;
}

#search-icon .fas:hover {
    color: #40b892;
}

#section1 {
    display: flex;
    padding: 60px 0;
    width: 100%;
}

#section2 {
    background: #eeeeed;
    display: inline-block;
    padding: 60px 0;
    width: 100%;
}

.path-frontpage #section3 {
    background: #40b892;
    /* url('../images/sagebg.png') no-repeat;*/
    background-size: 425px;
    background-position: bottom left;
    padding: 60px 0;
    min-height: 800px;
    background-attachment: fixed;
}

.compov a {
    border: 1px solid #40b892;
    padding: 10px 20px;
    color: #40b892;
    display: inline-block;
    min-width: 190px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.compov a:hover {
    background: #40b892;
    color: #fff;
}

.about-overview {
    display: flex;
}

.about-overview ul {
    margin: 0;
    padding: 0;
    max-width: 340px;
}

.about-overview ul li {
    margin: 15px 12px;
    padding: 40px 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px 7px rgba(0,0,0,.03);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden;
    left: 0;
}
.about-overview ul:last-child {
    margin-top: 60px;
    margin-left: 30px;
}

.about-overview ul li:before {
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: #40b892;
}

.about-overview ul li:after {
    content: '';
    width: 0;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to right, #bebc39, #40b892);
    z-index: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.about-overview ul li:hover:after {
    width: 100%;
    right: inherit;
    left: 0;
}

.about-overview .numbers {
    font-size: 56px;
    color: #000;
    margin: 20px 0 30px;
}

.about-overview .sub-title {
    color: #40b892;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.about-overview ul li p {
    font-size: 16px;
    line-height: 24px;
}


/***************Responsive Menu ***********************/

.responsive-menu-toggle-icon span.label {
    display: none;
}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
    background: #000;
    width: 30px;
}

.responsive-menu-toggle-icon:before {
    top: 6px;
}

.responsive-menu-toggle-wrapper {
    padding: 12px 0;
    float: right;
}

.responsive-menu-toggle-icon:after {
    top: 22px;
}


/** Custom Menu Styling ***/

.custom-menu .we-mega-menu-submenu li.we-mega-menu-li .we-mega-menu-col li {
    border: none;
    height: auto;
    margin-bottom: 3px;
}

.custom-menu .we-mega-menu-submenu li.we-mega-menu-li .we-mega-menu-col li a {
    font-size: 16px;
    border-bottom: 1px solid #fff!important;
    width: 100%;
    font-weight: 400;
}

.custom-menu .we-mega-menu-submenu li.we-mega-menu-li .we-mega-menu-col li a:hover {
    border-bottom: 1px solid #102917!important;
}

.custom-menu .we-mega-menu-submenu li.we-mega-menu-li a,
.custom-menu .we-mega-menu-submenu li.we-mega-menu-li span {
    color: #fff;
    border-bottom: none;
}

.main-item>a.we-mega-menu-li,
.main-item>span.we-megamenu-nolink {
    font-size: 20px!important;
    font-weight: 400!important;
    color: #fff!important;
    padding: 10px 0 0!important;
    text-transform: uppercase;
    line-height: 1;
    border-bottom: none!important;
    margin-bottom: 10px;
    display: block!important;
}

.main-item>a.we-mega-menu-li:after,
.main-item>span.we-megamenu-nolink:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width .3s;
    margin-top: 7px!important;
    transform: unset!important;
    position: relative!important;
}

.main-item>a.we-mega-menu-li:hover,
.main-item>span.we-megamenu-nolink:hover {
    color: #000!important;
}

.main-item>a.we-mega-menu-li:hover:after,
.main-item>span.we-megamenu-nolink:hover:after {
    width: 20%!important;
    opacity: 1;
}

#header-inside-right {
    padding-right: 50px;
    display: flex;
    justify-content: end;
    align-items: center;
}

body.l-toggle {
    overflow: hidden;
}

body:before {
    background: rgba(0, 0, 0, .5) 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    will-change: transform;
    content: '';
}

body.l-toggle:before {
    display: block;
    z-index: 4;
}

.l-toggle .fa-bars:before {
    content: '\f00d';
}

#header-inside-right .block-superfish {
    width: auto;
    position: absolute;
    right: 0px;
    z-index: 100;
}

#header-inside-right .sf-accordion-toggle {
    text-align: right;
    padding-right: 5px;
    width: 100%;
}

body.l-toggle #header-inside-right .sf-accordion-toggle {
    background: #fff;
    border-bottom: 1px solid #000;
}

#superfish-left-sidebar-menu-accordion {
    background: rgb(255, 255, 255);
    height: 100vw;
    width: 350px;
}

#superfish-left-sidebar-menu-toggle .fa {
    color: #000;
    font-size: 28px;
    padding: 14px;
}

a.sf-accordion-button {
    font-size: 0;
    position: absolute!important;
    right: 0;
    z-index: 40;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
}

ul.sf-menu.sf-accordion.sf-accordion-with-buttons .sf-accordion-button {
    background: url('../images/plus.svg') center no-repeat;
    background-size: 50%;
}

ul.sf-menu.sf-accordion.sf-accordion-with-buttons li.sf-expanded>.sf-accordion-button {
    background: url('../images/minus.svg') center no-repeat;
    background-size: 60%;
}

ul.sf-menu.sf-accordion.sf-accordion-with-buttons .sf-accordion-button::after {
    content: "";
}


/**************************************/

#block-views-block-one-stop-it-solution-block-1{
    max-width: 1550px;
    margin: auto;
}
.view-id-one_stop_it_solution .view-content{
    display: flex;
    flex-wrap: wrap;
}
.one-stop-solution {
    padding: 0 40px;
    position: relative;
    overflow: hidden;
}

.one-stop-solution .one-stop-solution-top {
    transition: .5s;
    border-bottom: 5px solid #40b892;
    padding: 20px 20px 30px;
    min-height: 420px;
    position: relative;
}

.one-stop-solution .title-box {
    font-size: 20px;
    font-weight: 900;
    padding: 10px 0 5px;
    display: block;
}

.body-box {
    font-size: 16px;
    line-height: 24px;
}

.one-stop-solution .link-box {
    position: absolute;
    bottom: 25px;
    z-index: 7;
    transition: all .3s ease-out;
}

.one-stop-solution .link-box a {
    font-size: 17px;
    font-weight: 700;
    color: #40b892;
}

.one-stop-solution .link-box .fa {
    width: 45px;
    height: 45px;
    background: #40b892;
    text-align: center;
    padding: 7px;
    border-radius: 30px;
    color: #fff;
    margin-left: 14px;
    font-size: 30px;
    font-weight: 600;
}

.one-stop-solution-item {
    top: 100%;
    position: absolute;
    transition: all .3s ease-out;
    height: 100%;
    width: 100%;
    padding: 20px 20px 30px;
    border-bottom: 5px solid #40b892;
    overflow: auto;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    background-image: url('../images/service-image.jpg') !important;
}

.one-stop-solution-item:after {
    /* content: ""; */
    width: 100%;
    height: 100%;
    background: rgba(33, 37, 41, 0.8);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
}

.one-stop-solution-item .views-row {
    position: relative;
    z-index: 2;
}

.one-stop-solution-item a {
    color: #fff;
    text-decoration: none;
    margin: 10px 0!important;
    font-size: 18px;
    padding: 4px 10px!important;
    display: block;
    font-weight: 400;
    border: 1px solid transparent;
}

.ont-stop-wrapper {
    position: relative;
}

.ont-stop-wrapper:hover .one-stop-solution-item {
    top: 0;
}

.one-stop-solution-item a:hover {
    border: 1px solid #fff;
}

.ont-stop-wrapper:hover .link-box .fa {
    background: #027254;
}

.ont-stop-wrapper:hover .link-box a {
    color: #fff;
}

.ont-stop-wrapper:hover .one-stop-solution-item {
    border-bottom: 5px solid #027254;
}


/*********************** Accounting Package ****************/

.accounting-saga {
    max-width: 950px;
    margin: auto;
}
.accounting-saga .block-title {
    max-width: 587px;
}

.accounting-saga .contain-in {
    min-height: 160px;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.90);
    color: #000;
    padding: 25px;
}
.accounting-saga .view-content{
    display: flex;
    flex-wrap: wrap;
}
.accounting-saga .view-content .views-row{
    margin: auto;
}
.accounting-saga .sgicon {
    float: left;
    width: 80px;
}

.sgtxtwrap {
    font-size: 16px;
    line-height: 24px;
    float: left;
    width: calc(100% - 80px);
}

.sgtxtwrap a {
    font-weight: bold;
    font-size: 20px;
}


/***************Client******************/

.client-box {
    text-align: center;
}

.client-box .view-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1300px;
    margin: auto;
}

.client-box .logo-container {
    flex: 0 0 20%;
    position: relative;
}

.client-box .block-title {
    padding-bottom: 10px;
}

.client-box .views-field.views-field-field-cllogo {
    margin-bottom: 20px;
    position: relative;
    min-height: 150px;
}

.client-box .views-field.views-field-field-cllogo .field-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.client-box .views-field.views-field-field-cllogo .field-content img {
    filter: grayscale(100%);
}

.client-box footer {
    flex: 0 0 100%;
    position: relative;
    height: 25px;
    margin-bottom: 30px;
}

.client-box footer a {
    font-size: 17px;
    font-weight: 700;
    color: #40b892;
}

.client-box footer a .fa {
    width: 45px;
    height: 45px;
    background: #40b892;
    text-align: center;
    padding: 7px;
    border-radius: 30px;
    color: #fff;
    margin-left: 14px;
    font-size: 30px;
    font-weight: 600;
}

.client-box footer a:hover {
    color: #037536;
}


/*******************Testimonials*******************/

#section5 {
    background: #ebeced;
    padding-top: 70px;
    padding-bottom: 70px;
}

.goldwb {
    width: 50%;
    padding-left: 70px;
}

.goldwb p {
    padding: 0;
}

.testimonial-box {
    float: right;
    width: 90%;
    padding: 40px;
    max-width: 550px;
    margin: auto;
}

.testimonial-box .block-title {
    font-size: 40px;
    text-align: center;
    margin: 0 0 10px;
    padding: 0;
    color: #fff;
}

.testimonial-box .content {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.testimonial-box .content footer {
    text-align: right;
}

.testimonial-box .content footer .fas {
    font-size: 60px;
}

.testimonial-box .author {
    border-top: 1px solid #ccc;
    margin: 20px 0 0;
    padding-top: 20px;
    width: 100%;
    float: left;
}

.testimonial-box .authimg {
    float: left;
    width: 100px;
    margin-right: 20px;
}

.testimonial-box .authimg img {
    border-radius: 100px;
}

.testimonial-box .authtitleweb {
    float: left;
    width: calc(100% - 120px);
    text-align: left;
}

.testimonial-box .authtitle {
    font-weight: bold;
    margin-top: 10px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    background: #fff;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
    background: #000;
}


/******* New testimonial block *********/
.view-content-flex .view-content{
    display: flex;
    flex-wrap: wrap;
}
.testimonial-column-container .t-inner {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #ffffff;
    /* box-shadow: 0 3px 12px rgba(0, 0, 0, .16); */
    height: 150px;
    position: relative;
    margin: 0 15px 30px;
}

.t-inner .field-content {
    height: 100%;
}

.t-inner .field-content p:after {
    position: absolute;
    left: 52px;
    top: calc(100% - 10px);
    height: 20px;
    width: 20px;
    content: "";
    background: #fff;
    /* box-shadow: 5px 5px 5px rgba(0, 0, 0, .05); */
    transform: rotate(45deg);
}

.testimonial-column-container .authimg {
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #fff;
    /* box-shadow: 0 0 30px rgba(0, 0, 0, .1); */
    margin: 0 20px!important;
    display: inline-block;
    vertical-align: middle;
    width: 115px;
}

.testimonial-column-container .authimg img {
    width: 200px;
}

.testimonial-column-container .authtitleweb {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.testimonial-column-container .authtitleweb .authtitle {
    font-size: 20px;
    font-weight: 700;
}

.testimonial-column-container .authtitleweb .autweb {
    font-size: 15px;
}


/****************Contact Section **********/

.path-frontpage #section6 {
    background: url('../images/bglaptop.jpg') no-repeat;
    display: flex;
    background-size: cover;
    padding: 70px 40px;
}

.contact-left {
    width: 50%;
    padding: 0 5%;
}

.contact-left .block-title {
    padding-top: 10px;
}

iframe {
    width: 100%;
}

.qib {
    width: 50%;
}

.qib form {
    max-width: 60%;
}

.qib .js-form-item {
    margin-bottom: 1rem!important;
}

.qib .form-text,
.qib .form-email,
.qib .form-textarea {
    border: 1px solid #eeeeee;
    height: 48px;
    padding: 10px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    background: #f6f6f6;
    color: #022d62;
    border-radius: 5px;
    background-clip: inherit !important;
    width: 100%;
    margin-top: 0;
}

.qib .form-textarea {
    height: 100px;
}

.qib .form-submit {
    background: #40b892;
    border: 2px solid #40b892;
    text-decoration: none !important;
    color: #fff;
    font-size: 16px !important;
    line-height: 1em !important;
    padding: 14px 32px 14px;
    text-shadow: 0 0 8px rgba(44, 42, 41, .6);
    text-rendering: optimizeLegibility;
    min-width: 180px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    -o-transition: background 150ms ease-in, border-color 150ms ease-in;
    -ms-transition: background 150ms ease-in, border-color 150ms ease-in;
    -moz-transition: background 150ms ease-in, border-color 150ms ease-in;
    -webkit-transition: background 150ms ease-in, border-color 150ms ease-in;
    transition: background 150ms ease-in, border-color 150ms ease-in;
    font-weight: 400;
}

.qib .form-submit:hover {
    background: #037536;
    border: 2px solid #037536;
}

.form-head {
    font-size: 24px;
    font-weight: 600;
}


/*************Footer**************/
#footer{
    background: #102917;
    padding: 30px 0;
}
#footer .container-fluid {
    max-width: 1260px;
    margin: auto;
}

.footer-top h2 {
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0.03em;
    font-weight: bold;
    line-height: 1;
    text-align: left;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-top ul {
    padding: 0;
    list-style: none;
    margin: 20px 0;
}

.footer-top ul li a {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.03em;
    color: #e4e4e4!important;
}

.footer-top nav ul li {
    border-top: 1px solid #fff;
    padding: 6px 0;
}

.footer-top ul li a:hover {
    color: #40b892;
}

.sub-news {
    background: #0140a3;
    padding: 10%;
    color: #fff;
    text-align: center;
}

.footer-top {
    padding-bottom: 16px;
    padding-top: 38px;
}

#footer .footer-top .container-fluid{
    border-bottom: 1px solid #eae9e9;
    padding-bottom: 20px;
    padding: 0 0 20px;
}
#footer .footer-bottom .container-fluid{
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.s-title {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.03em;
    font-weight: bold;
    line-height: 1;
    text-align: left;
}

.contdetails ul {
    font-size: 16px;
    color: #e4e4e4cc;
}

.get-direction a {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    color: #40b892;
    line-height: 30px;
    display: flex;
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
    }
    70% {
        transform: scale(0.90);
        box-shadow: 0 0 0 20px rgba(0, 173, 41, .3);
    }
    100% {
        transform: scale(0.80);
        box-shadow: 0 0 0 0 rgba(0, 173, 41, .3);
    }
}

@-webkit-keyframes BGgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.get-direction a i {
    background: #40b892;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    margin-left: 16px;
    font-weight: 600;
    width: 30px;
    height: 30px;
    padding: 4px;
    font-size: 20px;
    box-shadow: 0 0 0 10px rgba(0, 173, 41, .3);
    animation: pulse 2s infinite;
    z-index: 999;
}

.footer-bottom {
    padding: 10px 0;
    overflow: hidden;
}

.socialb ul {
    margin: 0;
    padding: 0;
}

.socialb li {
    float: left;
    padding: 0 8px;
    line-height: 60px;
    list-style: none;
    list-style-type: none;
}

.socialb .fab {
    color: #fff;
    font-size: 24px;
}

.socialb .fab:hover {
    color: #40b892;
}

.footer-menu {
    text-align: center;
    padding: 20px 0;
}

.footer-menu ul {
    list-style: none;
    display: inline-block;
    margin: 0;
}

.footer-menu ul li {
    float: left;
    border-right: 1px solid #fff;
    line-height: 10px;
    padding: 0 5px;
    list-style: none;
}

.footer-menu ul li:last-child {
    border: none;
}

.footer-menu ul li a,
.footer-menu ul li span {
    font-size: 12px;
    color: #fff!important;
}

.footer-menu ul li a:hover {
    color: #40b892;
}

#block-socialmediafooter {
    flex:1;
}
.alliances-box {
    display: flex;
    flex: 1;
}

.alliances-box .block-title {
    font-size: 20px;
    line-height: 60px;
    float: left;
    margin-right: 40px;
    padding: 0;
    color: #fff;
}

.alliances-box .view-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.alliances-box .views-row img {
    max-width: 150px;
    width: auto;
}

.chat-box {
    position: fixed;
    bottom: 17px;
    z-index: 999;
    right: 20;
}

.chat-box .live-chat {
    background-color: #fff;
    box-shadow: 0 1px 10px 3px rgba(0, 173, 41, .3);
    border-radius: 50px;
    width: 135px;
    height: 56px;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all .2s linear;
}

.chat-box .live-chat .c-btn {
    margin-left: 15px;
    padding-right: 35px;
    font-size: 14px;
    color: #40b892;
    font-weight: 400;
    margin-right: 15px;
}

.chat-box .live-chat.box-expand {
    width: 56px;
    height: 56px;
}

.chat-box .live-chat.box-expand .c-btn {
    margin-left: 9px;
    padding-right: 35px;
    font-size: 0;
    color: #40b892;
    font-weight: 400;
    margin-right: 12px;
}

.launch {
    border-radius: 50px;
    width: 56px;
    height: 56px;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -10;
    margin-bottom: -40px;
    background-color: #fff;
    position: relative;
    -webkit-transition: top 0.3s, margin-bottom 0.3s, opacity 0.1s;
    transition: top 0.3s, margin-bottom 0.3s, opacity 0.1s;
    padding: 10px 0;
    cursor: pointer;
    transition: all .2s linear;
    box-shadow: 0 1px 10px 3px rgba(0, 173, 41, .3);
    visibility: hidden;
}

.launch .c-btn,
.launch .c-whatsapp p {
    margin-left: 9px;
    padding-right: 35px;
    font-size: 0;
    color: #40b892;
    font-weight: 400;
    margin-right: 12px;
    transition: all 1s;
    position: absolute;
    width: 150px;
    background-color: #fff;
    right: 0px;
    padding: 0 20px;
    top: 3px;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
}

.open-box:nth-of-type(1) {
    top: -157px;
    opacity: 1;
}

.open-box:nth-of-type(2) {
    top: -108px;
    opacity: 1;
}

.launch.open-box:hover .c-btn,
.launch.open-box:hover .c-whatsapp p {
    font-size: 16px;
    background-color: #fff;
}

.chat-box .live-chat .c-btn,
.launch .c-btn {
    background: url(../images/live-chat.svg) right no-repeat;
}

.chat-box .live-chat.box-expand .c-btn {
    background: url(../images/close.svg) no-repeat;
    background-position: 10px 8px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
    background: url(../images/close.svg) no-repeat center;
    background-position: 8px 8px;
    background-size: 20px;
}
.launch .c-whatsapp p {
    background: url('../images/whatsapp.svg') right no-repeat;
}

.chat-wrapper {
    position: fixed;
    bottom: 34px;
    z-index: 999999;
    right: 100px;
}

.chat-wrapper iframe {
    width: 400px;
    height: 450px;
    border: none;
}

.chat-wrapper .popup {
    box-shadow: 0 1px 10px 3px rgba(0, 173, 41, .3);
    display: none;
}


/*================ Inner services Page =====================*/
.view-service-banner {
    position: relative;
}
.inner-banner {
    position: relative;
}

.innerslider-row {
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    background-size: cover;
    display: block;
    background-position: center;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

body.software .innerslider-content {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1140px;
    display: table;
    padding-left: 200px;
}

body.software .innerslider-content-box {
    display: table-cell;
    vertical-align: bottom;
    color: #fff;
}

body.software .banner-title {
    font-size: 48px;
    font-family: RobotoBold;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 25px;
    line-height: 50px;
}

body.software .banner-title span {
    display: block;
}

body.software .innerslider-content-box .sub-head {
    width: 70%;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 1.3em;
}

body.software .explore-button {
    margin-bottom: 3rem;
}

body.accounting .innerslider-content {
    width: 100%;
    background-color: #0077c8;
    padding: 50px;
    max-width: 730px;
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 50px;
}

body.accounting .banner-title {
    font-size: 1.9em;
    line-height: 1.3em;
    margin: 0 0 10px;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.accounting .explore-button {
    display: inline-block;
}

body.accounting .btwo-button {
    display: inline-block;
    margin-left: 20px;
}

body.accounting .btwo-button a {
    border-radius: 0;
    text-decoration: none;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    padding: 12px 25px;
    box-shadow: none;
    border: 1px solid #cccccc;
    color: #fff;
}

body.accounting .btwo-button a:hover {
    border-color: #40b892;
    background: #40b892;
    color: rgba(0, 0, 0, .9);
    text-transform: none;
    transition: all .3s ease-in;
}


/*================== Service List Slider =======================*/

.services-slider {
    display: flex;
    margin-top: 80px;
    background-color: #F7F7F7;
    max-width: 80%;
    margin: auto;
}

.service-tab-left-box {
    background: #40b892;
    flex: 0 0 30%;
    text-align: right;
    padding: 50px 0;
    min-height: 400px;
}

.service-tab-right-box {
    flex: 0 0 50%;
    margin-left: 10%;
    padding-top: 60px;
    padding-bottom: 60px;
}
.services-slider .tablinks {
    position: relative;
    height: 55px;
}

h3.service-title {
    width: 90%;
    text-align: left;
    display: inline-block;
    padding-left: 30px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.service-tab-left-box .service-name-title {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    padding: 15px 40px 15px 30px;
    border: none;
    margin-right: 0;
    border-radius: 0;
    border-left: 5px solid #40b892;
    display: inline-block;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    text-align: left;
    width: 90%;
}

.service-tab-left-box .active .service-name-title {
    background: #027254;
    color: #fff;
    border-left: 5px solid #fff;
    position: absolute;
    left: 100px;
}


/**********Portfolio slider on sub-service**************/

.portfolioslider .slick-slide {
    height: auto;
    position: relative;
    display: flex;
    outline: none;
}

.pmd-card {
    position: relative;
}

.p-body {
    transition: all .3s ease-out;
    padding: 20px 20px 30px;
    overflow: auto;
    color: #000;
    flex: 1;
}

.p-outer-box {
    display: table;
    width: 80%;
    height: 100%;
    vertical-align: middle;
    margin: auto;
    overflow: hidden;
}

.p-inner-box {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.body-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.global-button,
.c-button a {
    background: #40b892;
    border: 2px solid #40b892;
    text-decoration: none !important;
    color: #fff;
    font-size: 16px !important;
    line-height: 1em !important;
    padding: 14px 32px 14px;
    text-shadow: 0 0 8px rgba(44, 42, 41, .6);
    text-rendering: optimizeLegibility;
    min-width: 180px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    -o-transition: background 150ms ease-in, border-color 150ms ease-in;
    -ms-transition: background 150ms ease-in, border-color 150ms ease-in;
    -moz-transition: background 150ms ease-in, border-color 150ms ease-in;
    -webkit-transition: background 150ms ease-in, border-color 150ms ease-in;
    transition: background 150ms ease-in, border-color 150ms ease-in;
    font-weight: 400;
}

.global-button:hover,
.c-button a:hover {
    background: #037536;
    border: 2px solid #037536;
    color: #fff;
}


.c-button {
    text-align: center;
    margin-top: 30px;
}


/*.web-icon, .android-icon, .ios-icon{
  width: 40px;
  height: 45px;
}
.web-icon a, .android-icon a, .ios-icon a{
  color: transparent;
}
.web-icon { 
    background: url('../images/website.svg') no-repeat center;
}
.android-icon { 
    background: url('../images/android.svg') no-repeat center;
}
.ios-icon { 
    background: url('../images/ios.svg') no-repeat center;
}

.portfolioslider .views-field-field-portfolio-image{
  flex: 1;
}*/

.p-title {
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
}

.portfolioslider .views-field-field-portfolio-image img {
    width: 812px;
    height: 500px;
}

.portfolioslider .slick-arrow {
    width: 60px;
    height: 60px;
    border: none;
    background: rgba(49, 50, 51, 0.6);
    font-size: 0;
    position: absolute;
    z-index: 999;
    bottom: 20px;
    transition: .4s background ease;
}

.portfolioslider .slick-prev.slick-arrow {
    left: 20px;
    background: url('../images/arrow-right.svg') rgba(49, 50, 51, 0.6) no-repeat center;
    background-size: 25px;
    transform: rotate(180deg);
}

.portfolioslider .slick-next.slick-arrow {
    background: url('../images/arrow-right.svg') rgba(49, 50, 51, 0.6) no-repeat center;
    background-size: 25px;
    left: 80px;
    border-left: 1px solid #000;
}

.portfolioslider .slick-prev.slick-arrow:hover,
.portfolioslider .slick-next.slick-arrow:hover {
    background-color: #2C9B30;
    background-image: url('../images/arrow-right-w.svg');
}


/******** lets talk block *************/

.talk-container,
.talk-container .container {
    position: relative;
}

.talk-container {
    margin-bottom: 60px;
    margin-top: 60px;
}

.talk-container .itemArea {
    cursor: pointer;
    position: relative;
    height: 194px;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    background: #0A56F5 url(https://duxte.net/duxte_d8/themes/custom/duxte/images/say-hello.jpg) no-repeat right;
    background-size: contain;
}

.talk-container .itemArea:before {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #0A56F5;
}

.talk-container .secCon {
    padding-left: 25px;
}

.talk-container .secCon h2 {
    color: #fff;
    font-size: 44px;
    line-height: 50px;
}

.talk-container .secCon h2 span {
    display: block;
}

.talk-container .secShade {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    left: -30px;
    bottom: -10px;
    z-index: -1;
}

.talk-container .secShade:before {
    left: -100%;
    bottom: 0;
    content: "";
}

.talk-container .secShade,
.talk-container .secShade:before {
    background-color: #fff;
    box-shadow: 0 3px 19px -6px rgba(0, 0, 0, .19);
    height: 100%;
    width: 100%;
    position: absolute;
}


/*****************************/

.testimonialsec {
    position: relative;
    min-height: 250px;
    padding: 50px 0 110px;
    overflow: hidden;
}

.testimonialsec .container {
    position: relative;
}

.testibox {
    background-color: #1482ab;
    border-radius: 57px 0 0 20px;
    min-height: 330px;
    align-items: center;
    position: relative;
    padding-top: 30px;
}

.testibox:before {
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #1482ab;
}

.testicont {
    background: transparent url(data:image/png;base64,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) no-repeat right 100px bottom 72px;
    padding: 30px 70px;
    box-sizing: border-box;
    width: 40%;
    float: left;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
}

.testimonial-msg-box {
    padding: 30px 0;
    box-sizing: border-box;
    height: 400px;
    background: #fff;
    width: 60%;
    position: absolute;
    right: 0;
    border-radius: 10px;
    box-shadow: 0 3px 19px -6px rgba(0, 0, 0, .19);
}

.testimonial-msg-box .views-row {
    padding: 0 70px;
    outline: none!important;
}

.testicont h4 {
    font-weight: 500;
    font-size: 32px;
    line-height: 50px;
    color: #fff;
}

.testicont h4 span {
    display: block;
    font-size: 60px;
    color: #000;
    font-weight: bold;
}

.testicont p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #d0efff;
}

.outershade {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    left: 27px;
    bottom: -10px;
    z-index: -1;
}

.outershade:before {
    left: 100%;
    bottom: 0;
    content: "";
}

.outershade,
.outershade:before {
    background-color: #fff;
    box-shadow: 0 3px 19px -6px rgba(0, 0, 0, .19);
    height: 100%;
    width: 100%;
    position: absolute;
}

.testimonial-slider button.slick-arrow {
    display: none!important;
}

.testimonial-slider ul.slick-dots {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 80px;
    left: -167px;
}

.testimonial-slider ul.slick-dots li {
    display: inline-block;
}

.testimonial-slider ul.slick-dots li button {
    background: transparent;
    border-radius: 50%;
    font-size: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ffffff;
    margin: 0 3px;
    outline: none!important;
}

.testimonial-slider ul.slick-dots li.slick-active button {
    background: #40b892;
    border: 8px solid #fff;
    width: 32px;
    height: 32px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}

.testimonial-slider .views-field.views-field-field-t-image img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
}

.testimonial-slider .views-field.views-field-body {
    margin-bottom: 10px;
    line-height: 24px;
}

.testimonial-slider .views-field.views-field-title {
    font-weight: bold;
}

.video-img-box {
    position: relative;
    display: block;
    border-radius: 10px;
    border: 2px solid #c9c9c9;
    width: 100%;
    height: auto;
    padding: 21px;
    text-align: center;
    margin-bottom: 16px;
    cursor: pointer;
}

.video-testimo-title {
    font-weight: bold;
    text-align: right;
}

.video-testimo-title .company-name {
    font-weight: normal;
}

.video-img-box:after {
    position: absolute;
    right: 67px;
    top: calc(100% - 11px);
    height: 25px;
    width: 25px;
    content: "";
    background: #fff;
    transform: rotate(45deg);
    border-bottom: 2px solid #c9c9c9;
    border-right: 2px solid #c9c9c9;
}

.video-popup-box {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 7%;
    top: 0;
    float: left;
}

.video-popup-box .content-popup {
    width: 764px;
    min-height: 150px;
    margin: 0% auto 0% auto;
    position: relative;
    z-index: 103;
    padding: 20px;
    box-shadow: 0 2px 5px #000;
    border-radius: 5px;
    background: linear-gradient(-45deg, #00ff61, #40b892, #00ff61, #40b892);
    background-size: 400% 400%;
    -webkit-animation: Gradient 5s ease infinite;
    -moz-animation: Gradient 5s ease infinite;
    animation: Gradient 5s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.video-popup-box .content-popup iframe {
    height: 450px;
    width: 100%;
}

.video-popup-box .video-close {
    opacity: 1;
    position: absolute;
    right: -12px;
    top: -14px;
    width: 32px;
    height: 32px;
    float: right;
    background: #ffffff url('../images/close.svg') no-repeat 8px 8px;
    border-radius: 50%;
    border: 2px solid #40b892;
    background-size: 80%;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 9999;
    display: none;
}

.accounting-comp-wrapper {
    background: #F2F5F6;
    padding: 0 0 80px;
    text-align: center;
}

.accounting-comp-wrapper .accounting-comp .view-content {
    display: flex;
    width: 100%;
    align-items: center;
    max-width: 1110px;
    margin: auto;
}

.accounting-comp-wrapper .accounting-comp .content-title {
    padding-top: 50px;
}

.accounting-comp-wrapper .logo-container.views-row {
    width: calc(100%/6);
}

.accounting-comp-wrapper .logo-container.views-row img {
    filter: grayscale(100%);
}


/* Accounting Testimonial */

.accounting-testimonials {
    background: #8ab7c2;
    padding-bottom: 60px;
}

.accounting-testimonials .views-element-container {
    max-width: 850px;
    width: 100%;
    margin: auto auto auto 25%;
    border: 4px solid #fff;
    padding: 50px 100px 0;
    position: relative;
}

.accounting-testimonials .views-element-container:before {
    content: '"';
    display: block;
    color: #fff;
    width: 55px;
    height: 55px;
    position: absolute;
    top: -36px;
    background: #8ab7c2;
    text-align: center;
    background: #8ab7c2 url(data:image/png;base64,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) no-repeat;
    font-size: 0;
    background-size: 80%;
    background-position: center;
    transform: rotate(180deg);
}

.accounting-testimonials .views-field.views-field-field-t-image {
    position: absolute;
    left: -270px;
}

.accounting-testimonials .views-field.views-field-field-t-image .field-content {
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 50%;
    position: relative;
}

.accounting-testimonials .views-field.views-field-field-t-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 90%;
}

.accounting-testimonials .video-img-box {
    border: none;
}

.accounting-testimonials .video-img-box:after {
    content: unset;
}

.accounting-testimonials .company-name {
    color: #fff;
    line-height: 28px;
}

.accounting-testimonials .views-field-body p {
    color: #fff;
    line-height: 28px;
    margin-bottom: 50px;
}

.accounting-testimonials .views-field-title {
    font-weight: bold;
    color: #fff;
}


/* Accounting Testimonial end */


/* Request a Quote */

.ui-dialog .ui-dialog-title {
    font-size: 22px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
    top: 50%!important;
    transform: translate(0, -50%);
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons input,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons select {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    width: 48%;
    float: left;
    margin: 1%;
}

.webform-submission-buy-now-form textarea {
    width: 98%;
    margin-left: 1%;
}

.ui-widget-header,
.ui-dialog .ui-dialog-buttonpane button {
    background: #40b892;
    color: #fff;
}

.ui-widget-header:hover,
.ui-dialog .ui-dialog-buttonpane button:hover {
    background: #037536;
    transition: 1s;
}

#block-requestademo {
    color: #FFFFFF;
    background-color: #001924;
}

#block-requestademo .content {
    width: 824px;
    padding: 100px 112px 80px;
    margin: auto;
}

#block-requestademo h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 24px;
    margin-top: 0;
    color: #fff;
}

#block-requestademo .btn {
    text-align: center;
    width: 100%;
}

#block-requestademo .btn a {
    background-color: transparent;
    padding: 11px 16px 12px;
    color: #ffffff;
    border: 1px solid #ffffff;
    -webkit-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    transition: ease all 0.3s;
}


/* Request a Quote end*/

.let-box {
    margin: 80px auto;
    text-align: center;
    max-width: 500px;
}

.let-box h2 {
    font-size: 54px;
    line-height: 72px;
    color: #171717;
    margin-bottom: 30px;
}

.contact-us-button a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 14px 20px;
    cursor: pointer;
}

.contact-us-button a:hover {
    background-color: #40b892;
    color: #fff;
}


/*** Agency Portfolio ***/

.agency-pod-wrapper {
    height: 360px;
    display: block;
    position: relative;
    overflow: hidden;
    transition: all .35s ease-out;
    color: #fff;
}

.agency_pod {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    height: 100%;
    text-transform: capitalize;
}

.agency_pod h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 42px;
    line-height: 1;
}

.agen-pot-title {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.agen-pot-title span {
    display: block;
    margin-bottom: 8px;
}

.agency_pod-bg {
    transition: all .35s ease-out;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 1;
}

.agency_pod-bg img {
    width: 100%;
    height: 100%;
    transition: all .35s ease-out;
}

.agency_port .agency-pod-wrapper:hover {
    cursor: pointer;
}

.agency_port .agency-pod-wrapper:hover .agency_pod-bg img {
    display: block;
    opacity: 0.8;
    transform: scale(1.1);
}

.agency_btn {
    position: absolute;
    left: 0;
    float: left;
    bottom: 32px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 12px 12px 10px;
    transition: all .35s ease-out;
}

.agency_btn:hover {
    background: #40b892;
    color: #ffffff;
}

.agency_btn:after {
    content: '';
    width: 30px;
    height: 2px;
    margin-top: 8px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
    background: #ffffff;
}

.view-agency-portfolio.view-display-id-block_2 header {
  max-width: 1040px;
  margin: auto auto 60px;
} 

.portfolio-website .view-content .views-row {
  border-bottom: 1px solid #C9C9C9;
  width: 100%;
  padding-bottom: 0px;
  padding-top: 30px;
  overflow: hidden;
}
.portfolio-website .view-content .views-row:hover {
  background: #f1f1f1;
}
.portfolio-website .view-content .views-row .views-field-field-portfolio-image {
  float: left;
  width: 60%;
}
.portfolio-website .view-content .views-row .p-body {
  width: 40%;
  float: left;
}
.portfolio-website .view-content .views-row:nth-child(2n) .views-field-field-portfolio-image {
  float: right;
}

.portfolio-website .view-content .views-row .body-bottom .body-bottom-lefts .web-button {
  margin-left: 0px !important;
  margin-right: 10px;
}
.portfolio-website .view-content .views-row .global-button,
.portfolio-website .view-content .views-row .c-button a {
  padding: 11px 14px;
  min-width: 155px;
}
.portfolio-website .view-content .views-row .p-outer-box {
  display: block;
}
.portfolio-website .view-content .views-row .body-bottom {
  position: relative;
  margin-top: 25px;
}
.portfolio-website .view-content .views-row .body-bottom .float-left {
  overflow: hidden;
}

.portfolio-website .view-content .views-row .body-bottom.app_link .float-left {
  display: flex;
  gap: 20px;
}
.portfolio-website .view-content .views-row .body-bottom.app_link .float-left .android a {
  font-size: 0px;
  width: 40px;
  height: 40px;
  display: block;
  margin-left: 20px;
  background: url(../images/android.svg) no-repeat 0% 0%;
  background-size: 100%;
}
.portfolio-website .view-content .views-row .body-bottom.app_link .float-left .ios a {

  font-size: 0px;
  width: 35px;
  height: 40px;
  display: block;
  background: url(../images/ios.svg) no-repeat 0% 0%;
  background-size: 100%;

}
.display-box-inner {
    margin: auto;
    background: #eee;
    display: inline-block;
    width: 100%;
}

.left-expand {
    flex-basis: 50%;
    padding-right: 3%;
}

.right-expand {
    padding-left: 4vw;
    width: 100%;
    height: 100%;
}

.right-expand article {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background-color: #000;
}

.right-expand iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.right-expand ul.slick-dots {
    position: absolute;
    bottom: 20px;
}

.right-expand ul.slick-dots li {
    display: inline-block;
}

.right-expand ul.slick-dots li button {
    background: #000;
    border-radius: 50%;
    font-size: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ffffff;
    margin: 0 3px;
    outline: none!important;
}

.right-expand ul.slick-dots li.slick-active button {
    background: #40b892;
    border: 8px solid #fff;
    width: 32px;
    height: 32px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}

.work-detail-nav-bar {
    width: 100%;
    padding: 1.5em 3em;
    display: flex;
    background: #fff;
    text-align: right;
    align-items: flex-end;
    justify-content: flex-end;
}

.work-detail-nav-bar .close-btn {
    background: url('../images/close.svg') no-repeat;
    width: 35px;
    background-size: contain;
    height: 35px;
    cursor: pointer;
}

.work-detail-container {
    display: flex;
    margin: auto;
    padding: 4em 3em;
    width: 100%;
    overflow-x: hidden;
}

.display-box .img-slider-ag {
    width: 1000px;
    overflow: hidden;
}

.cta-normal a {
    text-decoration: none;
    display: inline-block;
    margin-top: 30px;
    color: #000;
    border-bottom: 1px solid #4A4A4A;
}

.partner-with-it {
    padding: 40px 0;
}

.partner-with-it .partner-item {
    -webkit-animation: slideUpFadeIn .7s normal forwards ease-out;
    animation: slideUpFadeIn .7s normal forwards ease-out;
    margin-bottom: 50px;
    padding: 0 30px;
    text-align: center;
}

.partner-with-it .partner-item img {
    filter: grayscale(100%);
    width: 80%;
}

#connect-it-wrapper {
    position: relative;
    overflow: hidden;
}

#particles-wrapper {
    background-color: #40b892;
    background: linear-gradient(155.68deg, #40b892 0%, #09124B 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
}

#particles-js {
    opacity: .15;
    width: 100%;
    height: 100%;
}

#connect-it-wrapper .cta-wrapper {
    padding: 120px 0px;
    pointer-events: none;
    position: relative;
    z-index: 4;
    text-align: center;
}

#connect-it-wrapper .cta-wrapper p {
    font-size: 32px;
    line-height: 1.5;
    color: #fff;
    font-family: 'RobotoBold';
}

#connect-it-wrapper .cta-wrapper .wrapper {
    max-width: 50%;
    margin: auto;
    pointer-events: auto;
}

#connect-it-wrapper .cta-wrapper .wrapper a.button-teal {
    background: linear-gradient(225deg, #0bb6bb 0%, #0bb6bb 100%);
    background-color: #0bb6bb;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.1;
    text-align: center;
    text-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 20px 30px;
    text-decoration: none !important;
    display: inline-block;
    width: auto;
    padding: 16px 30px;
}

#connect-it-wrapper .cta-wrapper .wrapper a.button-teal:hover {
    background: -webkit-gradient(linear, left top, right top, from(#03878B), to(#0BB6BB));
    background: linear-gradient(90deg, #03878B 0%, #0BB6BB 100%);
    border: none;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#connect-it-wrapper .cta-wrapper .wrapper a.button-teal:after {
    font-family: FontAwesome, "Open Sans", Arial, sans-serif;
    font-size: inherit;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f061';
    display: inline-block;
    position: relative;
    left: 14px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    vertical-align: top;
    text-shadow: none;
}

.accounting-testimonials.gradient-background {
    position: relative;
}

.accounting-testimonials.gradient-background:before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: .9;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: BGgradient 15s ease infinite;
    animation: BGgradient 15s ease infinite;
    background: linear-gradient(-45deg, #43bb5f, #40b892, #037536, #014a21);
    background-size: 400% 400%;
}

.accounting-testimonials.gradient-background .views-element-container:before {
    background: url(data:image/png;base64,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) no-repeat;
    top: 23px;
    left: 40px;
    background-size: 80%;
    background-position: center;
}


/** Services listings **/

.service-listings {
    margin: 80px auto 50px;
    max-width: 1358px;
}

.service-item-wrapper .views-field-field-service-thumbnail-image {
    position: relative;
    float: left;
    margin-bottom: 30px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 5px 5px 5px #a5a5a5;
    -webkit-box-shadow: 5px 5px 5px #a5a5a5;
    -moz-box-shadow: 5px 5px 5px #a5a5a5;
}

.service-item-wrapper .item-default-text {
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 20px 0;
    width: 100%;
    font-size: 20px;
    color: #000;
    font-family: RobotoBold;
    text-transform: uppercase;
    line-height: 24px;
}

.service-item-wrapper .item-main-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    background: #40b892;
    padding: 20px 85px 20px 20px;
    height: 100%;
    width: 100%;
    transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
}

.service-item-wrapper:hover .item-main-overlay {
    top: 20%;
}

.item-main-overlay h6 {
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    font-family: RobotoBold;
    display: block;
    line-height: 24px;
    padding-bottom: 10px;
    border-bottom: 4px solid #000;
    margin-right: 40px;
}

.item-main-overlay p {
    font-size: 18px;
    color: #fff;
    display: block;
    line-height: 26px;
    margin-top: 10px;
}

header .descp {
    text-align: center;
    font-family: 'Roboto';
    font-size: 20px;
    max-width: 750px;
    margin: auto;
}

.core-service-testimonial .skin-default {
    max-width: 1100px;
    margin: auto;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.02);
    margin-top: 40px;
    padding: 50px;
    width: 100%;
    margin-bottom: 50px;
}

.core-service-testimonial .views-slideshow-controls-bottom {
    text-align: center;
}

.core-service-testimonial .views-slideshow-controls-bottom .views_slideshow_controls_text_pause {
    display: none;
}

.core-service-testimonial .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a {
    background: url('../images/arrow-right.svg') no-repeat center;
    background-size: 25px;
    width: 60px;
    height: 60px;
    font-size: 0;
    position: relative;
    display: inline-block;
    transform: rotate(180deg);
}

.core-service-testimonial .views-slideshow-controls-bottom .views_slideshow_controls_text_next a {
    background: url('../images/arrow-right.svg') no-repeat center;
    background-size: 25px;
    width: 60px;
    height: 60px;
    font-size: 0;
    position: relative;
    display: inline-block;
}

#service-wrapper-div {
    background: linear-gradient(180deg, #ffffff 0%, #40b892 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
}


/******** Core Service Testimonials ************/

.client-dtls {
    display: flex;
    align-items: center;
    justify-content: center;
}

.client-img {
    position: relative;
    width: 336px;
    height: 327px;
}

.client-img-inn {
    width: 266px;
    height: 299px;
    position: absolute;
    flex-shrink: 1;
    margin: 0px;
    left: 70px;
    top: 27px;
    z-index: 0;
}

.client-img:before {
    content: '';
    width: 336px;
    height: 327px;
    background: url('../images/client-back.png') no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: 100%;
}

.client-img-inn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.client-cont {
    margin-left: 50px;
    width: calc(100% - 390px);
}

.client-cont span {
    display: block;
    font-size: 30px;
    color: #000;
    font-family: "Roboto";
}

.client-cont span small {
    display: block;
    font-size: 20px;
    margin-top: 10px;
    color: #686161;
}

.video-play-icon {
    left: 30px;
    position: absolute;
    z-index: 11;
    width: 74px;
    height: 74px;
    display: flex;
    background: var(--white);
    border-radius: 50%;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

.video-play-icon:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid #bad0fc;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    transition: all 0.3 ease-in-out;
    -webkit-transition: all 0.3 ease-in-out;
}

.p-relative {
    position: relative;
}

.core-service-testimonial .views_slideshow_cycle_slide {
    width: 100%!important;
}

.video-play-icon:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid var(--white);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: ripple-purple 0.7s linear infinite;
    animation: ripple-purple 0.7s linear infinite;
    animation: ripple-purple 0.7s linear infinite;
    z-index: -1;
    transform: scale(1);
    transition: all 0.3;
}

@-webkit-keyframes ripple-purple {
    0% {
        box-shadow: 0 0 0 0 rgba(10, 87, 244, 0.3), 0 0 0 0.5em rgba(10, 87, 244, 0.3);
    }
    100% {
        box-shadow: 0 0 0 0.5em rgba(10, 87, 244, 0.3), 0 0 0 1em rgba(10, 87, 244, 0);
    }
}

@keyframes ripple-purple {
    0% {
        box-shadow: 0 0 0 0 rgba(10, 87, 244, 0.3), 0 0 0 0.5em rgba(10, 87, 244, 0.3);
    }
    100% {
        box-shadow: 0 0 0 0.5em rgba(10, 87, 244, 0.3), 0 0 0 1em rgba(10, 87, 244, 0);
    }
}


/*** User ****/

body.path-user div#content-inside {
    max-width: 650px;
    margin: auto;
    padding: 30px;
    border-radius: 7px;
    border: 1px solid #ccc;
    margin-top: 40px;
    margin-bottom: 40px;
}

.block-local-tasks-block ul a {
    background: black;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.block-local-tasks-block ul a.is-active {
    background: #40b892;
}

body.path-user #header {
    position: relative;
}

body.path-user #header-inside-left {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    margin-top: 30px;
}

body.path-user form label {
    font-size: 22px;
    color: #000;
}

body.path-user form .js-form-item {
    margin-bottom: 15px;
}

body.path-user form .description {
    font-size: 14px;
    text-align: right;
}

body.path-user form input.form-text {
    width: 100%;
    border: 1px solid #000;
    height: 40px;
}

body.path-user form .button {
    color: #fff;
    background: #40b892;
    padding: 10px 20px;
    height: 60px;
    display: block;
    line-height: 40px;
    font-size: 20px;
    outline: none!important;
    border: 1px solid #fff;
    margin: 20px auto 0;
}

.w100 {
    float: left;
    width: 100%;
}

.contentin,
.container-box {
    max-width: 1257px;
    width: 100%;
    margin: auto;
}

.container-box {
    margin: 70px auto;
    overflow: hidden;
}

.header-box {
    text-align: center;
    width: 100%;
}

.qbheading {
    font-size: 40px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
}

.qbotitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.learntxt {
    font-size: 23px;
    margin-top: 10px;
    font-weight: 400;
    text-align: center;
}

.left-box {
    width: 50%;
    float: left;
}

.right-box {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.box-text {
    padding: 50px;
}

.column-data {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 40px;
    margin-top: 30px;
}

.common-column-wrapper {
    display: flex;
    flex-direction: column;
    padding: 40px 0 10px;
}

.common-column-wrapper .qbheading {
    margin-bottom: 40px;
}

.common-column-wrapper .contentin {
    overflow: hidden;
    margin-bottom: 1.5em;
}

.whyimg {
    float: left;
    width: 20%;
    margin-right: 4%;
}

.whytitlebody {
    float: left;
    width: 76%;
}

.whytitle {
    font-size: 20px;
    font-weight: 600;
}

.three-column-wrapper .contentin .field__items {
    display: flex;
    margin: auto;
    justify-content: flex-start;
    padding: 40px 0 30px 0px;
    flex-wrap: wrap;
}
.three-column-wrapper .contentin .field__items > .field__item {
    border: 0px solid #cbcbcb;
    width: 100%;
    padding: 25px 25px;
    border-radius: 16px;
    flex-wrap: wrap;
    flex: 0 31.3%;
    margin: 1%;
    box-shadow: 0 0 2px 0 rgb(145 158 171 / 45%), 0 12px 24px -4px rgb(145 158 171 / 28%);
}
.three-column-wrapper.color-light .contentin .field__items > .field__item{
    background-color: #d1fde0;
}
.three-column-wrapper .column-data {
    width: 100%;
    float: unset;
    box-sizing: unset;
    padding: 0;
    margin: 0;
}

.three-column-wrapper .whyimg {
    width: 40%;
    margin-bottom: 20px;
}
.three-column-wrapper .whyimg img {
    width: 100%;
    height: auto;
}

.package-wrapper {
    padding: 40px 0 10px;
    margin-bottom: 1.5em;
}

.package-wrapper .contentin {
    margin: 0 auto;
    width: 100%;
}

.package-wrapper .header-box {
    text-align: center;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.learntxt {
    font-size: 23px;
    margin-top: 10px;
    font-weight: 400;
}

.package-content {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    flex-direction: row;
    gap: 30px;
}
.package-column-row {
    flex: 1;
}
.hosting-package-wrapper .package-content>div {
    flex: 1;
}
.hosting-package-wrapper .package-column-row {
    float: left;
    width: 33.333%;
    padding: 0 10px;
    box-sizing: border-box;
}


.package-column-data {
    background: #f1f1f1;
    float: left;
    height: 100%;
    padding-bottom: 40px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.hosting-package-wrapper .package-column-data {
    background: transparent;
    padding: 30px 35px;
    border: 1px solid rgb(203, 214, 226);
    border-radius: 4px;
}

.buytitlewrap {
    background: #00b020;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 20px;
}

.buytxtwrap {
    padding: 10px 20px;
    display: inline-block;
}

.mabutton {
    text-align: center;
}

.mabutton a {
    color: #fff!important;
    padding: 8px 20px;
    background: #000;
}

.matextul p strong {
    font-size: 17px;
    margin-top: 30px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.matextul ul {
    margin: 0;
    padding: 0;
}

.matextul li {
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    list-style: none;
    list-style-type: none;
    margin-left: 0!important;
    float: left;
    width: 100%;
}

.matextul li strong {
    font-size: 15px;
}

.helatu {
    font-size: 36px;
    margin-top: 20px;
    text-align: center;
}

span.price1 {
    margin-right: 0;
}

span.price2 {
    color: #d52b1e;
}

span.us {
    font-size: 19px;
    display: inline-block;
    vertical-align: top;
    margin-top: -12px;
}

span.mo {
    font-size: 18px;
}

.matextsave {
    text-align: center;
    padding: 15px 0;
}

.hosting-package-wrapper {
    margin: 80px auto;
}

.hosting-package-wrapper .header-box {
    margin-bottom: 20px;
}

.package-column-data h2 {
    text-align: center;
    margin-bottom: 10px;
}

.hosting-package-wrapper .package-content {
    margin-top: 60px;
}

.hosting-package-wrapper .package-column-row {
    position: relative;
}

.hosting-package-wrapper .popular {
    position: absolute;
    top: -38px;
    text-align: center;
    width: calc(100% - 20px);
    background: #40b892;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    left: 10px;
    display: block;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.popular:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    border-top: solid 10px #40b892;
    border-left: solid 10px #fff;
    border-right: solid 10px #fff;
}

.hosting-package-wrapper .header-box .learntxt {
    font-size: 20px;
}

.hosting-package-wrapper .tagline {
    text-align: center;
}

.hosting-package-wrapper .price {
    font-size: 25px;
    text-align: center;
    color: #40b892;
    font-weight: bold;
    margin: 15px 0;
}

.hosting-package-wrapper .hdbutton a {
    background: #000;
    padding: 15px 40px;
    border-radius: 7px;
    margin-bottom: 20px;
    display: block;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

.hosting-package-wrapper .hdbutton a:hover {
    background: #40b892;
}

.hosting-package-wrapper .hddetail li {
    margin-bottom: 10px;
    list-style: none;
}

.hosting-package-wrapper .hddetail li:before {
    content: "";
    background: url('../images/tickmark.svg') no-repeat;
    width: 1rem;
    height: 1rem;
    margin-block-start: .25rem;
    margin-inline-start: -2.125rem;
    margin-inline-end: 1rem;
    position: absolute;
    background-size: 1rem;
}

.we-mega-menu-ul .we-mega-menu-li.dropdown-menu>.we-megamenu-nolink+.we-mega-menu-submenu {
    background: #40b892
}


/**FAQ Service Section **/

.faq-listing {
    margin: 40px auto;
    max-width: 1260px;
    padding: 0px 15px;
}

.faq-listing .heading {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 60px;
    color: #000000;
}

.faq-listing .subtitle {
    text-align: center;
    margin-bottom: 25px;
    font-size: 23px;
    line-height: 32px;
}

.paragraph--type--faq {
    max-width: 1140px;
    margin: 30px auto;
}

.views-field-field-faq-list {
    max-width: 1260px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.paragraph--type--faq .ui-accordion .ui-accordion-content,
.views-field-field-faq-list .ui-accordion .ui-accordion-content {
    padding: 1rem 20px;
    border-color: #48bb93;
}

.paragraph--type--faq .ui-accordion .ui-accordion-header,
.views-field-field-faq-list .ui-accordion .ui-accordion-header {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    color: #000;
    font-family: 'Roboto';
    font-weight: 400;
    margin: 1rem 0 0;
    border-color: #48bb93;
    background: rgb(72 187 147 / 20%);
}

.paragraph--type--faq .ui-accordion-header-active.ui-state-active,
.views-field-field-faq-list .ui-accordion-header-active.ui-state-active {
    background: #48bb93;
    border-color: #48bb93;
    color: #fff;
}

.paragraph--type--faq .ui-accordion-header:after,
.views-field-field-faq-list .ui-accordion-header:after {
    content: '';
    position: absolute;
    right: 23px;
    font-size: 34px;
    color: #48bb93;
    width: 15px;
    height: 15px;
    border: 2px solid;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
}

.paragraph--type--faq .ui-accordion-header-active.ui-state-active:after,
.views-field-field-faq-list .ui-accordion-header-active.ui-state-active:after {
    content: '';
    position: absolute;
    right: 23px;
    font-size: 34px;
    color: #fff;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 0;
    border-right: 0;
}

.paragraph--type--faq .ui-icon,
.views-field-field-faq-list .ui-icon {
    display: none;
}

#backtotop {
    width: 45px;
    height: 45px;
    border-radius: 36px;
    bottom: 90px;
    background: #40b892 url(../images/backtotop.png) no-repeat 50% 50%;
    background-size: 40%;
}


/**
**Mian */


/*body {
  background: url(../images/web-bg.jpg) no-repeat 50% 0%;
  background-size: 100%;
}
body.path-frontpage {
  background: transparent;
}
*/

#content {
    width: 100%;
    overflow: hidden;
}

#maindiv {
    overflow: hidden;
    width: 100%;
}

body.sidebar-first #maindiv,
body.sidebar-second #maindiv,
body.two-sidebars #maindiv {
    max-width: 1260px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.sidebar_first {
    width: 28%;
    float: left;
}

.sidebar_second {
    width: 28%;
    float: right;
    margin-top: 30px;
}

.midcontent {
    width: 100%;
}

body.sidebar-first .midcontent {
    width: 65%;
    float: left;
    margin-left: 7%;
}

body.sidebar-second .midcontent {
    width: 65%;
    float: left;
    margin-right: 7%;
    margin-top: 30px;
}

body.two-sidebars .midcontent {
    width: 40%;
    margin: 0px 2%;
    float: left;
}

.breadcrumbs-box {
    background-color: #e9ecef;
}

.breadcrumbs-box .breadcrumb {
    max-width: 1260px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.breadcrumbs-box nav.breadcrumb ul {
    padding: 0px;
}


/**
** Banner */

.banner-wrapper-box {
    width: 100%;
    overflow: hidden;
    padding: 80px 0px;
    background: url(../images/web-bg.jpg) no-repeat 50% 50%;
    background-size: 100%;
    max-height: 420px;
}

.banner-wrapper-box .banner-box {
    max-width: 1260px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.banner-wrapper-box .banner-box .right {
    text-align: right;
}
.banner-wrapper-box .banner-box .right img{
    max-width: 300px;
    max-height: 300px;
}

.banner-wrapper-box h1.title {
    font-size: 48px;
    line-height: 50px;
    font-family: 'RobotoBold';
}

.banner-wrapper-box .description p {
    font-size: 24px;
    line-height: 34px;
    min-height: 115px;
}

.banner-wrapper-box .link a {
    background: #40b892;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    outline: none!important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 14px 37px;
    border-radius: 4px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 5px;
}

.banner-wrapper-box .link a:hover {
    background: #fff;
    color: #40b892;
}


/***
** banner block
**/

.banner-block-wrapper-box {
    position: relative;
}

.banner-block-box .imagebox img {
    width: 100%;
    height: auto;
}

.banner-block-box .imagebox:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.banner-block-wrapper-box .banner-block-box .banner-contentblock {
    position: absolute;
    max-width: 1260px;
    padding-left: 15px;
    padding-right: 15px;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: auto;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
}

.banner-block-wrapper-box .banner-block-box .banner-contentblock h1.title {
    color: #fff;
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 10px;
}

.banner-block-wrapper-box .banner-block-box .banner-contentblock .description {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}


/**
**  contact-us
**/

.webform-submission-contact-form {
    margin: 60px 0px;
}

.webform-submission-contact-form .form-item label,
.webform-submission-request-demo-form .form-item label,
.webform-submission-request-demo-form .form-item .description {
    display: none;
}

.webform-submission-request-demo-form .form-item.js-form-type-checkbox label {
    display: inline-block;
    vertical-align: middle;
}

.webform-submission-contact-form .form-item textarea,
.webform-submission-contact-form .form-item input.form-text,
.webform-submission-contact-form .form-item input.form-email,
.webform-submission-request-demo-form .form-item textarea,
.webform-submission-request-demo-form .form-item input.form-text,
.webform-submission-request-demo-form .form-item input.form-email,
.webform-submission-request-demo-form .form-item select {
    background: #f7f7f7;
    color: #272727;
    font-size: 14px;
    font-family: 'Open Sans';
    width: 100%;
    padding: 4px 15px;
    border: 1px solid #e5e5e5;
    height: 40px;
    border-radius: 3px;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    margin-bottom: 10px;
    margin-top: 0px;
    position: relative;
}

.webform-submission-contact-form .form-item textarea,
.webform-submission-request-demo-form .form-item textarea {
    min-height: 120px;
    resize: none;
}

.webform-submission-contact-form .form-item.form-item-phone-number,
.webform-submission-contact-form .form-item.form-item-skype-id {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}

.webform-submission-contact-form .form-item.form-item-phone-number {
    margin-right: 1.25%;
}

.webform-submission-request-demo-form {
    max-width: 1260px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 60px auto 30px;
}

.webform-submission-request-demo-form .captcha {
    width: 100%;
    overflow: hidden;
}

.webform-submission-request-demo-form .checkboxes--wrapper {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 20px 25px;
    margin-bottom: 20px;
}

.webform-submission-request-demo-form .checkboxes--wrapper legend {
    font-size: 18px;
    margin: 0px;
    border: 0px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0px;
}

.webform-submission-request-demo-form .checkboxes--wrapper .form-item.js-form-type-checkbox label {
    margin: 0px;
    font-weight: normal;
    font-size: 14px;
    padding-left: 5px;
    cursor: pointer;
}

.webform-submission-request-demo-form .checkboxes--wrapper .form-item.js-form-type-checkbox {
    margin-bottom: 14px;
}

.webform-submission-request-demo-form #edit-markup {
    width: 100%;
    text-align: center;
}

.webform-submission-request-demo-form #edit-markup h1.request-free {
    font-weight: 600;
    margin-bottom: 30px;
}

.webform-submission-request-demo-form #edit-requestwrapl {
    display: inline-block;
    vertical-align: top;
    margin-right: 3%;
    width: 48%;
}

.webform-submission-request-demo-form #edit-requestwrapr {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-top: 55px;
}

.webform-submission-request-demo-form #edit-markup-01 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 21px;
}

.webform-submission-request-demo-form .form-item.form-item-phone-number,
.webform-submission-request-demo-form .form-item.form-item-skype-id,
.webform-submission-request-demo-form .form-item.form-item-your-budget-,
.webform-submission-request-demo-form .form-item-how-soon-are-you-ready-to-start- {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}

.webform-submission-request-demo-form .form-item.form-item-phone-number,
.webform-submission-request-demo-form .form-item.form-item-your-budget- {
    margin-right: 1%;
}

.webform-submission-request-demo-form .form-item.form-item-your-budget- label,
.webform-submission-request-demo-form .form-item-how-soon-are-you-ready-to-start- label {
    display: inline-block;
    vertical-align: middle;
}

.webform-submission-request-demo-form .form-item.form-item-city {
    width: 22%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: middle;
}

.webform-submission-request-demo-form .form-item.form-item-how-did-you-hear-about-us {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
}

.webform-submission-request-demo-form .form-actions {
    text-align: center;
}

.webform-submission-contact-form .form-actions .form-submit,
.webform-submission-request-demo-form .form-actions .form-submit {
    background: #40b892;
    display: inline-block;
    font-size: 20px;
    outline: none!important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 10px 25px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 15px;
}

.webform-submission-contact-form .form-actions .form-submit:hover,
.webform-submission-request-demo-form .form-actions .form-submit:hover {
    background: #fff;
    color: #40b892;
}

#block-wearehere {
    margin-top: 60px;
}

#block-wearehere strong {
    font-size: 17px;
}

#block-wearehere strong {
    font-size: 25px;
    margin-bottom: 5px;
    display: inline-block;
}

#block-wearehere .controw {
    margin-bottom: 25px;
}

.request-free-quote-wearehere {
    max-width: 860px;
    margin: 30px auto auto !important;
    font-size: 16px;
}

.request-free-quote-wearehere h2.block-title {
    text-align: center;
    color: #4A4A4A;
    font-size: 44px;
    padding-top: 0px;
}

.request-free-quote-wearehere .controw {
    width: 28%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 2%;
}

#block-sendusarequestforproposal {
    width: 100%;
    background: url(../images/pro-form.png) no-repeat 0% 0%;
    padding: 20px;
    background-size: 100%;
    margin-bottom: 60px;
}

#block-sendusarequestforproposal .itsfreewrapper {
    padding: 20px;
    background: #fff;
}

.itsfreewrapper .itsfreebox {
    text-align: right;
}

.itsfreewrapper .itsfree {
    width: 110px;
    background: #f1f1f1;
    text-align: center;
    font-size: 29px;
    padding: 16px;
    line-height: 29px;
    margin: auto;
    display: inline-block;
    vertical-align: top;
}

.itsfreewrapper .sendus {
    font-size: 23px;
    color: #000;
    width: 100%;
}

.itsfreewrapper .reqp {
    color: #2C9B30;
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 5px;
}

.itsfreewrapper a.clickh {
    background: #40b892;
    display: inline-block;
    font-size: 20px;
    outline: none!important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 10px 25px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 15px;
}

.itsfreewrapper a.clickh:hover {
    background: #fff;
    color: #40b892;
}


/**
**  Events
**/

.view-events {
    max-width: 1260px;
    margin: 50px auto;
    padding-right: 15px;
    padding-left: 15px;
}

.view-events header {
    color: #101010;
    padding: 0;
    font-weight: 600;
    margin: 0px 0px 50px;
    font-size: 40px;
    line-height: 45px;
    text-align: center;
}

.view-events .view-content {
    display: flex;
    flex-wrap: wrap;
}

.view-events .view-content .views-row {
    flex: 0 0 31.6%;
    max-width: 31.6%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
}

.view-events .view-content .views-row:nth-child(3n) {
    margin-right: 0px;
}

.view-events .view-content .views-row .eventlist {
    box-shadow: 0px 20px 40px rgb(0 0 0 / 8%);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all .1s ease-in;
    position: relative;
    top: 0;
    width: 100%;
    min-height: 100%;
    border-radius: 14px;
}

.view-events .view-content .views-row .eventlist .contenbox {
    padding: 20px 25px 25px;
}

.view-events .view-content .views-row .eventlist .contenbox h2 {
    font-size: 19px;
    font-weight: bold;
    line-height: 28px;
    color: #444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.view-events .view-content .views-row .eventlist .contenbox h2 a {
    color: #444;
}

.view-events .view-content .views-row .eventlist img {
    width: 100%;
    height: auto;
    border-radius: 14px 14px 0px 0px;
}

.view-events .view-content .views-row .eventlist .contenbox .date {
    font-size: 15px;
    padding-left: 30px;
    color: #676767;
    margin-bottom: 5px;
    background: url(../images/calendar_icon.svg) no-repeat 0% 50%;
}

.view-events .view-content .views-row .eventlist .contenbox .body {
    font-size: 14px;
    line-height: 25px;
    color: #828282;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-events .view-content .views-row .eventlist .contenbox .readmore a {
    padding: 4px 33px;
    font-size: 14px;
    border: 1px solid #40b892;
    color: #FFF;
    display: inline-block;
    font-weight: 700;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    transition: all .3s;
    overflow: hidden;
    z-index: 1;
}

.view-events .view-content .views-row .eventlist .contenbox .readmore a:after {
    content: '';
    width: 100%;
    height: 65px;
    top: 50%;
    left: 50%;
    background: #40b892;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    z-index: -1;
    position: absolute;
    transition: all .5s ease;
    opacity: 1;
}

.view-events .view-content .views-row .eventlist .contenbox .readmore a:hover:after {
    height: 150px;
    opacity: 1;
}


/***
*** FAQ
**/

body.faq .addtoany_list,
body.awards .addtoany_list {
    display: none;
}
.height-auto{
    height: auto!important;
}

.block-quicktabs-blockfaq-tab ul.quicktabs-tabs,
.clients-testimonials-tabs ul.quicktabs-tabs {
    max-width: 1260px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
}
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs {
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

.block-quicktabs-blockfaq-tab ul.quicktabs-tabs li,
.clients-testimonials-tabs ul.quicktabs-tabs li,
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs li {
    margin-right: 90px;
}

.block-quicktabs-blockfaq-tab ul.quicktabs-tabs li a,
.clients-testimonials-tabs ul.quicktabs-tabs li a,
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs li a {
    font-size: 20px;
    color: #666666;
    border-bottom: solid 3px #fff;
    line-height: 60px;
    border-radius: 0;
    padding: 0;
    border: none;
    font-weight: 600;
    transition: all 0.5s ease;
}

.block-quicktabs-blockfaq-tab ul.quicktabs-tabs li a:hover,
.block-quicktabs-blockfaq-tab ul.quicktabs-tabs li.active a,
.clients-testimonials-tabs ul.quicktabs-tabs li a:hover,
.clients-testimonials-tabs ul.quicktabs-tabs li.active a,
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs li.active a,
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs li a:hover {
    color: #40b892;
}

.find-answers {
    text-align: center;
    margin: 50px auto;
    overflow: hidden;
}

.find-answers h2 {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 50px;
}

.find-answers a.cmn-btn {
    background: #40b892;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    outline: none!important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 14px 37px;
    border-radius: 4px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 5px;
}

.find-answers a.cmn-btn:hover {
    background: #fff;
    color: #40b892;
}


/**
** certifications
**/

.certifications {
    max-width: 1260px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 200px;
}

.certifications-heading {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 10%;
    margin-bottom: 60px;
}

.certifications .subtitle h1 {
    font-size: 38px;
    line-height: 46px;
    color: #212121;
    font-weight: 600;
    position: relative;
    padding-right: 30px;
}

.certifications .subtitle h1:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background: #f5bd00;
    right: 0px;
}

.view-certifications-and-alliances .views-row:nth-child(2n) .certifications .subtitle h1 {
    padding-left: 30px;
    padding-right: 0px;
}

.view-certifications-and-alliances .views-row:nth-child(2n) .certifications .subtitle h1:after {
    background: #40b892;
    left: 0px;
    right: auto;
}

.view-certifications-and-alliances .views-row:nth-child(2n) .certifications-heading {
    flex-direction: row-reverse;
    margin-left: 0px;
    margin-right: 10%;
}

.view-certifications-and-alliances .views-row:nth-child(2n) .certifications-contentbox {
    flex-direction: row-reverse;
}

.view-certifications-and-alliances .views-row:nth-child(2n) .certifications .certifications-contentbox .contentbox {
    margin-left: 0px;
    margin-right: 10%;
    text-align: right;
}

.certifications .heading {
    color: #40b892;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0px;
}

.certifications .certifications-contentbox {
    display: flex;
    align-items: center;
}

.certifications .certifications-contentbox .imagebox {
    position: relative;
    width: 33%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.certifications .certifications-contentbox .imagebox img {
    position: relative;
    z-index: 10;
}

.certifications .certifications-contentbox .imagebox::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    border-radius: 50px;
    background: #fafafa;
    box-shadow: 0 4px 15px 10px rgb(0 0 0 / 4%);
    position: absolute;
}

.certifications .certifications-contentbox .imagebox::before {
    width: 88%;
    height: 85%;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0 4px 15px 10px rgb(0 0 0 / 4%);
    right: 0px;
    margin: auto;
    bottom: 0px;
    z-index: 1;
}

.certifications .certifications-contentbox .contentbox {
    flex: 1;
    margin-left: 10%;
}

.certifications .certifications-contentbox .title h2 {
    font-size: 44px;
    line-height: 1.1;
    color: #212121;
    font-weight: 600;
    margin-bottom: 30px;
}

.certifications .certifications-contentbox .description p {
    font-size: 22px;
    color: #666;
    line-height: 36px;
}


/**
**  Awards
**/

.view-award .view-content {
    width: 720px;
    margin: auto;
}

.awardslider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-award .awardslider .slick-slide {
    opacity: 0.8;
    display: flex;
    height: 130px;
    align-items: center;
    transition: all 300ms ease;
    justify-content: center;
    margin-top: 18px;
}

.awardslider .slick-list {
    padding: 20px 0px !important;
    text-align: center;
    height: 210px;
}

.view-award .awardslider .views-row.slick-center {
    opacity: 1;
    transform: scale(1.1);
    height: 170px;
    margin-top: 0px;
}

.view-award .awardslider .slick-slide img {
    height: 130px;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}

.view-award .awardslider .views-row.slick-center .image img {
    height: 170px;
    width: 170px;
    box-shadow: 0px 1px 12px 3px rgb(0 0 0 / 6%);
    border-radius: 40px;
    padding: 0px 0;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 1px 12px 3px rgb(0 0 0 / 6%);
    border-radius: 40px;
    cursor: pointer;
}

.view-award .control {
    margin: auto;
    text-align: center;
}

.view-award .control .slick-arrow {
    width: 30px;
    height: 20px;
    border: 0px;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

.view-award .control .slick-arrow.prev {
    background: url(../images/prev.png) no-repeat 0% 0%;
}

.view-award .control .slick-arrow.next {
    background: url(../images/next.png) no-repeat 0% 0%;
}

.view-award .awardthumbnails {
    text-align: center;
}

.view-award .awardthumbnails .viewrow {
    height: auto;
}

.view-award .awardthumbnails .slick-list {
    padding: 30px 0px !important;
}

.view-award .awardthumbnails .viewrow .description {
    display: block;
    font-size: 24px;
    color: #212121;
    font-weight: bold;
}

.view-award .awardthumbnails .viewrow .title {
    font-size: 20px;
    color: #40b892;
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
}

.awards #content_bottom {
    overflow: hidden;
    width: 100%;
    padding: 0px 20px 120px;
    margin-top: 100px;
    position: relative;
}

.awards #content_bottom:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 168px;
    left: 0px;
    background: url(../images/inq-bg.webp) no-repeat 0% 0%;
    background-size: cover;
}

#cboxOverlay {
    background: rgba(0, 0, 0, 0.5);
}

#colorbox.clientpopbox,
body.awards #colorbox {
    overflow: visible;
    left: 0px !important;
    right: 0px !important;
    margin: auto;
    width: 100% !important;
    height: 100%;
}

.clientpopbox #cboxWrapper,
body.awards #cboxWrapper {
    overflow: visible !important;
    border-radius: 50px;
    width: 1250px !important;
    height: auto !important;
    background: url(../images/web-bg.jpg) no-repeat 50% 50%;
    /*background-size: 100%;*/
    padding: 110px 90px;
    margin-bottom: 80px;
    margin: auto !important;
    right: 0px;
    left: 0px;
}
body.clients-testimonials #cboxContent {
    overflow: visible;
}
body.clients-testimonials #cboxWrapper {
    overflow: visible;
    padding-top: 34px;
}
body.clients-testimonials .clientpopbox #cboxWrapper {
    width: 900px !important;
    padding: 60px 80px;
    background: url(../images/web-bg.jpg) no-repeat 50% 50%;
    background-size: 100%;
}

body.clients-testimonials #cboxLoadedContent {
    margin-bottom: 0px;
    overflow: hidden !important;
}
body.clients-testimonials #cboxClose,
#colorbox.clientpopbox #cboxClose {
    top: -25px;
    right: -40px;
}
#colorbox.clientpopbox #cboxPrevious,
#colorbox.clientpopbox #cboxNext {
    bottom: -40px;
}
#colorbox.clientpopbox {
    height: auto !important;
    top: 150px !important;
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxCurrent {
    display: none !important;
}

.clientpopbox #cboxContent,
body.awards #cboxContent {
    width: 100% !important;
    background: transparent;
    overflow: visible;
    height: auto !important;
    display: flex;
    flex-direction: row-reverse;
}

.clientpopbox div#cboxLoadedContent {
    display: none !important;
}

.clientpopbox .client-infomation-left {
    width: 17%;
    float: left;
}

.client-infomation-left .imagebox img {
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    border-radius: 50%;
}

.clientpopbox .client-infomation-left .title {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 10px;
}

.client-infomation-right.description {
    width: 83%;
    position: relative;
    padding-left: 100px;
    float: right;
    padding-top: 20px;
}

.client-infomation-right.description::before {
    content: "";
    position: absolute;
    top:-15px;
    left: 20;
    background: url(../images/qoute.png) top center no-repeat;
    width: 66px;
    height: 63px;
    display: block;
}

.clientpopbox #cboxContent {
    flex-direction: row;
}

.clientpopbox #cboxContent #cboxLoadedContent,
body.awards #cboxContent #cboxLoadedContent {
    width: 50% !important;
    height: auto !important;
    margin: 0px;
    flex: 1;
}

.clientpopbox #cboxTitle,
body.awards #cboxTitle {
    width: 50%;
    flex: 1;
    color: #3a3b40;
    display: block !important;
    overflow: hidden;
    height: auto !important;
    padding: 0px 40px 0px 0px;
    margin: 0px;
    position: relative;
    bottom: 0px;
    text-align: left;
}

.clientpopbox #cboxTitle {
    overflow: unset;
    width: 100%;
    padding: 0px;
}

body.awards #cboxTitle .title {
    font-size: 20px;
    color: #40b892;
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
}

body.awards #cboxTitle .description {
    display: block;
    font-size: 23px;
    color: #212121;
    font-weight: bold;
    margin-bottom: 15px;
}

body.awards #cboxTitle .body {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}

#cboxClose {
    top: -55px;
    right: -55px;
    width: 30px;
    cursor: pointer;
    height: 30px;
    outline: none;
    text-align: center;
    background: url(../images/close.svg) 50% 50% no-repeat !important;
}

#cboxPrevious {
    background: url(../images/prev.png) no-repeat 50% 50% !important;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    right: 50px;
    margin: auto;
    left: 0px;
    bottom: -80px;
}

#cboxNext {
    background: url(../images/next.png) no-repeat 50% 50% !important;
    outline: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    right: -50px;
    margin: auto;
    left: 0px;
    bottom: -80px;
}

body.awards #cboxContent #cboxLoadedContent img {
    width: 100% !important;
    height: auto !important;
}

#block-awardbannerimageanddescription {
    width: 50%;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding-right: 35px;
}

#block-awardbannerimageanddescription p {
    color: #fff;
}

#block-awardbannerimageanddescription img {
    width: 250px;
    margin: 100px 0px 20px;
}

#block-awardbannerimageanddescription h2 {
    display: block;
    font-size: 44px;
    color: #212121;
    line-height: 52px;
    font-weight: bold;
    padding-bottom: 47px;
}

#block-awardbannerimageanddescription h2.block-title {
    color: #40b892;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 25px;
    padding: 45px 0px 25px 0px;
}

#block-webform-2 {
    float: left;
    width: 50%;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    padding: 60px;
    margin-top: 10px;
    z-index: 10;
    position: relative;
}

#block-webform-2 label,
#block-webform-2 .webform-telephone--wrapper legend {
    color: #666666;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0px;
    padding: 0px;
    border-radius: 0px;
    border: 0px;
}

#block-webform-2 .form-item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin-right: 4%;
    margin-bottom: 50px;
}

#block-webform-2 .form-item:nth-child(2n) {
    margin-right: 0px;
}

#block-webform-2 .form-item .form-text,
#block-webform-2 .form-item .form-email,
#block-webform-2 .form-item textarea,
#block-webform-2 .form-item .form-tel {
    width: 100%;
    margin: 0px;
    border: 0px;
    resize: none;
    outline: none;
    border-radius: 0px;
    border-bottom: 1px solid #000;
}

#block-webform-2 .form-item.form-item-message {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
}

#block-webform-2 .form-item.form-item-message textarea {
    padding-right: 70px;
}

#block-webform-2 .form-item .form-item {
    margin-bottom: 0px;
    width: 100%;
    margin-right: 0px;
}

#block-webform-2 .form-actions {
    text-align: right;
    margin-top: -56px;
    margin-right: -12px;
}

#block-webform-2 .form-actions .form-submit {
    width: 70px;
    height: 70px;
    border-radius: 360px;
    border: 0px;
    background: #40b892 url(../images/send-arrow.webp) no-repeat 50% 50%;
    font-size: 0px;
    cursor: pointer;
}

#block-webform-2 .form-actions .form-submit:hover {
    background: #000 url(../images/send-arrow.webp) no-repeat 50% 50%;
}


/**
  **
  ** Blog */

.path-blog {
    padding-top: 60px;
}

.path-blog #header {
    top: 0px;
}

.path-blog.toolbar-fixed #header {
    top: 81px;
}

.path-blog.toolbar-fixed .breadcrumb-box {
    margin-top: 60px;
}

.bloglist {
    margin-bottom: 30px;
    margin-top: 30px;
    background: url(../images/postbg.webp) repeat-x 0% 100%;
    display: flex;
    gap: 20px;
    border-radius: 20px;
}
.bloglist .imagebox {
    flex: 1;
}
.bloglist .imagebox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    border-radius: 20px;
}
.bloglist .dated {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin: 0px 0px 15px 0px;
    flex: 1;
}

.bloglist .dated .date {
    color: #212121;
    padding: 0px 30px;
    flex: 150px;
    width: 150px;
    height: 50px;
    text-align: center;
    font-weight: 600;
    line-height: 19px;
    font-size: 14px;
    display: flex;
    align-items: center;
    background: url(../images/datebg_2.webp) no-repeat 0% 0%;
}

.bloglist .title {
    flex: 1 1 100%;
}

.bloglist .title h2 {
    color: #101010;
    padding: 0;
    font-weight: 600;
    margin: 0px;
    font-size: 27px;
    line-height: 28px;
}

.bloglist .title h2 a {
    color: #101010;
    transition: all 0.5s ease;
}

.bloglist .title h2 a:hover {
    color: #40b892;
}

.bloglist p {
    margin: 20px 0;
}

.bloglist .body {
    margin: 20px 0;
    font-size: 21px;
    line-height: 36px;
}

.bloglist .body p {
    margin: 20px 0;
    font-size: 21px;
    line-height: 36px;
}

.bloglist .authorby {
    padding: 10px 25px;
}

.bloglist .authorby .author h2 {
    font-size: 21px;
    line-height: 36px;
}

.bloglist .authorby .readmore {
    text-align: right;
}

.bloglist .authorby .readmore a {
    border-radius: 4px;
    padding: 6px 10px 4px;
    border: 1px solid #40b892;
    color: #40b892;
    display: inline-block;
    vertical-align: middle;
}

.sidebar_second .block {
    padding: 5%;
    border: 1px solid #eeefef;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    background: #fdfdfd;
}

.advertisement-block.block {
    padding: 0px;
    background: none;
    border: 0px;
}

.advertisement-block.block p {
    padding: 0px;
}

.sidebar_second h2.block-title {
    width: 100%;
    font-weight: 600;
    color: #000;
    padding-top: 0;
    font-size: 20px;
    line-height: 25px;
    border-bottom: 1px solid #dcdede;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.view-categories-list {
    height: 300px;
    overflow: auto;
}

.view-categories-list .views-row .views-field-name a {
    font-size: 17px;
    line-height: 26px;
    padding: 3px 0;
    color: #1f1e1e;
}

.view--featured-posts .views-row .views-field-title a {
    font-size: 17px;
    line-height: 26px;
    display: block;
    color: #163a6b;
    padding: 6px 0;
    border-bottom: 1px dashed #6890c2;
}

.view-categories-list .views-row .views-field-name a:hover,
.view--featured-posts .views-row .views-field-title a:hover {
    color: #40b892;
}

.view--featured-posts .views-row:last-child .views-field-title a {
    border-bottom: 0px;
}

.views-field-edit-node a {
    background: #40b892;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.auth_list p {
    font-size: 17px;
    line-height: 26px;
    color: #212121;
}

.auth_list a.btn-new {
    background: #40b892;
    display: inline-block;
    font-size: 17px;
    outline: none;
    line-height: 26px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 10px 30px;
    border-radius: 50px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 5px;
}

.auth_list a.btn-new:hover {
    background: #fff;
    transition: 1s;
    color: #40b892;
}

.blog-expose-filter form {
    display: flex;
    align-items: center;
    margin: 0px;
}

.blog-expose-filter form .form-item .form-text {
    border: 1px solid #c1c1c1;
    width: 100%;
    min-height: 34px;
    padding: 0 50px 0 10px;
    font-size: 16px;
    margin: 0px;
    outline: none;
    border-right: 0px;
}

.blog-expose-filter form .form-submit {
    font-size: 0px;
    width: 34px;
    height: 34px;
    background: url(../images/search-img.webp) no-repeat 50% 50%;
    cursor: pointer;
    border: 1px solid #c1c1c1;
    cursor: pointer;
    outline: none;
}

.view-job-listing .views-row .views-field-field-job-category {
    color: #006621;
    vertical-align: bottom;
    display: inline-block;
    max-width: 558px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
}

.view-job-listing .views-row .views-field-field-job-category .advertisement-label {
    font-weight: 600;
}

.view-job-listing .views-row .views-field-title {
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding-top: 5px;
    line-height: 24px;
    color: #1a0dab;
}

.view-job-listing .views-row .views-field-field-short-description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    color: #545454;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    padding: 5px 0;
}

.view-portfolio-blog-page {
    position: relative;
}

.view-portfolio-blog-page .view-more a {
    font-size: 20px;
    color: #fff;
    background: #40b892;
    padding: 0px 30px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 67px;
    display: flex;
    align-items: center;
}

.request-a-quote.block {
    background: #fdfdfd!important;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 15px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    border-bottom-color: #f5bd00;
    border-bottom-width: 3px!important;
}

.request-a-quote .new-request-quote a {
    background: #40b892;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
}

.request-a-quote .new-request-quote a:hover {
    background: #fff;
    transition: 1s;
    color: #40b892;
}


/**
** About us
**/

.who-we-are {
    font-size: 15px;
    line-height: 25px;
    width: 100%;
    overflow: hidden;
}

.who-we-are h2.block-title {
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 25px;
    padding-bottom: 10px;
    color: #4A4A4A;
    position: relative;
    padding-top: 0px;
    max-width: 100%;
}

.who-we-are h2.block-title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 80px;
    height: 3px;
    background: #40b892;
    left: 0px;
}

.view-who-we-are .view-content {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 10px 0px;
    text-align: center;
}

.view-who-we-are .view-content .views-row {
    flex: 1 0 31%;
    margin-right: 2%;
    flex-grow: 0;
}

.view-who-we-are .view-content .views-row:nth-child(3n) {
    margin-right: 0px;
}

.view-who-we-are .view-content .views-row .who-we-are-content {
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}

.view-who-we-are .view-content .views-row .who-we-are-content img {
    width: 100%;
    display: inline-block;
    vertical-align: baseline;
    margin: 25px auto;
    height: 70px;
}

.view-who-we-are .view-content .views-row .who-we-are-content .title {
    font-size: 14px;
    padding: 0px 0px 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.view-who-we-are .view-content .views-row .views-field-body {
    font-size: 15px;
    padding: 0px 15px;
    line-height: 21px;
    margin-top: 15px;
}

.who-we-are-right-block.block {
    padding: 0px;
    border: 0px;
    background: #2d2d2d url(../images/world-map.png) top 36% center no-repeat;
}

.who-we-are-right-block ul,
.who-we-are-right-block ul li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-image: none;
    text-align: center;
}

.who-we-are-right-block ul li .row {
    display: block;
    margin: auto;
}

.who-we-are-right-block ul li {
    border-bottom: 1px solid rgba(229, 229, 229, 0.2);
    width: 80%;
    padding-bottom: 10px;
    margin: 10px auto;
    color: #fff;
}

.who-we-are-right-block ul li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.who-we-are-right-block ul li .row>span {
    display: block;
    font-size: 15px;
    color: #777;
    padding: 0px 25px;
    line-height: 20px;
}

.who-we-are-right-block ul li span.number {
    font-size: 49px;
    font-weight: bold;
    color: #40b892;
    line-height: 50px;
}

.who-we-are-right-block ul li span.heading {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 25px;
    color: #fff;
    padding: 5px 0px;
}

.who-we-are-right-block .vision h3 {
    background: #40b892;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 45px;
    font-weight: bold;
    color: #fff;
    padding: 20px 20px;
}

.our-corporate-values-block {
    margin: 25px auto;
    padding-right: 15px;
    padding-left: 15px;
}

.our-corporate-values-block h2.block-title {
    color: #40b892;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 0px;
    line-height: 20px;
}

.our-corporate-values-block .content h2 {
    font-size: 44px;
    line-height: 48px;
    color: #212121;
    font-weight: bold;
    padding: 0px;
}

.our-corporate-values-block .content p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    width: 40%;
    padding: 0px;
}

.our-values-tabs {
    max-width: 1260px;
    margin: auto auto 50px;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
}

.our-values-tabs ul.quicktabs-tabs {
    margin-top: 0;
    width: 30%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.our-values-tabs ul.quicktabs-tabs li {
    width: 100%;
    display: block;
    white-space: normal;
    padding: 0px;
}

.our-values-tabs ul.quicktabs-tabs li a {
    width: 100%;
    color: #212121;
    display: block;
    line-height: 70px;
    font-size: 20px;
    padding-left: 35px;
    text-transform: uppercase;
    margin-bottom: 2px;
    cursor: pointer;
    position: relative;
    border-left: 5px solid #cee6f3;
    transition: all 0.5s ease;
}

.our-values-tabs ul.quicktabs-tabs li:first-child a:hover,
.our-values-tabs ul.quicktabs-tabs li.active:first-child a {
    border-color: #f5bd00;
}

.our-values-tabs ul.quicktabs-tabs li:nth-child(2) a:hover,
.our-values-tabs ul.quicktabs-tabs li.active:nth-child(2) a {
    border-color: #0883c3;
}

.our-values-tabs ul.quicktabs-tabs li:nth-child(3) a:hover,
.our-values-tabs ul.quicktabs-tabs li.active:nth-child(3) a {
    border-color: #6c5ea6;
}

.our-values-tabs .quicktabs-main {
    float: left;
    width: 70%;
}

.our-values-tabs .quicktabs-main .quicktabs-block-title {
    display: block;
    margin: 0;
    font-size: 44px;
    line-height: 48px;
    color: #212121;
    font-weight: bold;
    padding: 0px;
}

.our-values-tabs .quicktabs-main p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    padding: 0px;
}

.our-core-values {
    max-width: 1260px;
    margin: auto auto 50px;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

.our-core-values h2.block-title {
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #40b892;
    font-weight: bold;
    max-width: 100%;
    padding: 0px;
}

.view-our-core-values header h3 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 60px;
    color: #000000;
}

.view-our-core-values header .description {
    text-align: center;
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 28px;
}

.industries-block {
    max-width: 1260px;
    margin: auto auto 50px;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

.industries-block h2.block-title {
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #40b892;
    font-weight: bold;
    max-width: 100%;
    padding: 0px;
}

.industries-block header {
    font-size: 44px;
    line-height: 48px;
    color: #212121;
    font-weight: bold;
}

.view-industries .view-content,
.view-our-core-values .view-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 60px;
}

.view-industries .view-content .views-row,
.view-our-core-values .view-content .views-row {
    width: 20%;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-industries .view-content .views-row a,
.view-our-core-values .view-content .views-row .indu-card {
    display: flex;
    width: 220px;
    height: 160px;
    padding: 0 10px;
    color: #000;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-direction: column;
    transition: all .1s ease-in-out;
    background: #fff;
    border-bottom: 8px solid transparent;
}

.view-our-core-values .view-content .views-row .indu-card {
    width: 220px;
    height: 180px;
    padding: 20px 0px;
}

.view-industries .view-content .views-row a span.icon {
    height: 56px;
}

.view-industries .view-content .views-row a span {
    display: block;
    text-align: center;
}

.view-industries .view-content .views-row a:hover {
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
}

.view-industries .view-content .views-row a span.title {
    margin-top: 10px;
}

.view-industries .view-content .views-row:nth-child(1) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(5) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(9) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(13) a:hover .icon img {
    filter: invert(0.5) sepia(1) saturate(4) hue-rotate(360deg) brightness(1.2);
}

.view-industries .view-content .views-row:nth-child(2) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(6) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(10) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(14) a:hover .icon img {
    filter: invert(0.5) sepia(1) saturate(20) hue-rotate(565deg) brightness(1.2);
}

.view-industries .view-content .views-row:nth-child(3) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(7) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(11) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(15) a:hover .icon img {
    filter: invert(0.5) sepia(1) saturate(20) hue-rotate(220deg) brightness(1.2);
}

.view-industries .view-content .views-row:nth-child(4) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(8) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(12) a:hover .icon img,
.view-industries .view-content .views-row:nth-child(16) a:hover .icon img {
    filter: invert(0.5) sepia(1) saturate(20) hue-rotate(70deg) brightness(1.2);
}

.view-industries .view-content .views-row:nth-child(1) a:hover,
.view-industries .view-content .views-row:nth-child(5) a:hover,
.view-industries .view-content .views-row:nth-child(9) a:hover,
.view-industries .view-content .views-row:nth-child(13) a:hover {
    border-color: #ffb210;
}

.view-industries .view-content .views-row:nth-child(2) a:hover,
.view-industries .view-content .views-row:nth-child(6) a:hover,
.view-industries .view-content .views-row:nth-child(10) a:hover,
.view-industries .view-content .views-row:nth-child(14) a:hover {
    border-color: #84a1ff;
}

.view-industries .view-content .views-row:nth-child(3) a:hover,
.view-industries .view-content .views-row:nth-child(7) a:hover,
.view-industries .view-content .views-row:nth-child(11) a:hover,
.view-industries .view-content .views-row:nth-child(15) a:hover {
    border-color: #b293ff;
}

.view-industries .view-content .views-row:nth-child(4) a:hover,
.view-industries .view-content .views-row:nth-child(8) a:hover,
.view-industries .view-content .views-row:nth-child(12) a:hover,
.view-industries .view-content .views-row:nth-child(16) a:hover {
    border-color: #b293ff;
}

.view-our-core-values .view-content .views-row span {
    display: block;
    text-align: center;
}

.view-our-core-values .view-content .views-row span.icon {
    width: 150px;
    height: 90px;
    margin: auto;
}

.view-our-core-values .view-content .views-row span.title {
    margin-top: 10px;
}

.view-our-core-values .view-content .views-row:nth-child(1) span.icon {
    background: url(../images/excellence.png) no-repeat 50% 0%;
    background-size: 90px;
}

.view-our-core-values .view-content .views-row:nth-child(2) span.icon {
    background: url(../images/integrity.png) no-repeat 50% 0%;
    background-size: 116px;
}

.view-our-core-values .view-content .views-row:nth-child(3) span.icon {
    background: url(../images/innovation.png) no-repeat 50% 0%;
    background-size: 86px;
}

.view-our-core-values .view-content .views-row:nth-child(4) span.icon {
    background: url(../images/collaboration.png) no-repeat 50% 0%;
    background-size: 125px;
}

.view-our-core-values .view-content .views-row:nth-child(5) span.icon {
    background: url(../images/accountability.png) no-repeat 50% 0%;
    background-size: 97px;
}

.view-our-core-values .view-content .views-row .indu-card:hover {
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
}

.view-our-core-values .view-content .views-row:nth-child(1) .indu-card:hover {
    border-color: #f4bd00;
}

.view-our-core-values .view-content .views-row:nth-child(2) .indu-card:hover {
    border-color: #0884c4;
}

.view-our-core-values .view-content .views-row:nth-child(3) .indu-card:hover {
    border-color: #6c5ea6;
}

.view-our-core-values .view-content .views-row:nth-child(4) .indu-card:hover {
    border-color: #34a446;
}

.view-our-core-values .view-content .views-row:nth-child(5) .indu-card:hover {
    border-color: #0884c4;
}

.view-our-core-values .view-content .views-row:nth-child(1) .indu-card:hover span.icon {
    background: url(../images/excellence.png) no-repeat 50% 100%;
    background-size: 90px;
}

.view-our-core-values .view-content .views-row:nth-child(2) .indu-card:hover span.icon {
    background: url(../images/integrity.png) no-repeat 50% 101%;
    background-size: 116px;
}

.view-our-core-values .view-content .views-row:nth-child(3) .indu-card:hover span.icon {
    background: url(../images/innovation.png) no-repeat 50% 96%;
    background-size: 86px;
}

.view-our-core-values .view-content .views-row:nth-child(4) .indu-card:hover span.icon {
    background: url(../images/collaboration.png) no-repeat 50% 97%;
    background-size: 125px;
}

.view-our-core-values .view-content .views-row:nth-child(5) .indu-card:hover span.icon {
    background: url(../images/accountability.png) no-repeat 50% 99%;
    background-size: 97px;
}

.careers-opportunities {
    max-width: 1260px;
    margin: auto auto 50px;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
}

.careers-opportunities .opportunities {
    width: 100%;
    padding: 60px 60px;
    background: url(../images/careers.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top -85px left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.careers-opportunities .opportunities .left {
    margin-bottom: 0px;
    font-size: 45px;
    color: #ffffff;
    line-height: inherit;
    font-weight: inherit;
}

.careers-opportunities .opportunities .right .career-btn {
    border: 1px solid #fff;
    background-color: #fff;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 1.5px;
    padding: 12px 20px 11px;
    font-size: 14px;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}

.itsolutions-for-your-business {
    max-width: 1260px;
    margin: auto auto 50px;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
}

.itsolutions-for-your-business .textbox h2 {
    font-size: 30px;
    line-height: 42px;
    color: #212121;
    font-weight: bold;
}

.itsolutions-for-your-business .textbox a.btn {
    background: #fff;
    display: inline-block;
    font-size: 20px;
    outline: none !important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #40b892;
    padding: 14px 37px;
    border-radius: 4px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 15px;
    box-shadow: none;
}

.itsolutions-for-your-business .textbox a.btn:hover {
    background: #40b892;
    color: #fff;
}


/** 
** our infrastructure
**/

.view-bussiness {
    max-width: 1260px;
    padding: 0px 15px;
    margin: auto;
}

.view-bussiness h2 {
    line-height: 46px;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
}

.view-bussiness .view-content {
    margin: 50px 0px 75px;
}

.view-bussiness .description {
    line-height: 36px;
    margin: 15px 0 0;
    line-height: 36px;
    text-align: center;
    font-size: 22px;
    color: #666666;
}

.view-bussiness .views-col {
    width: 100% !important;
    padding: 35px 20px 20px 35px;
    border-radius: 10px;
    min-height: 315px;
    border: 1px solid transparent;
    display: block;
    margin-bottom: 30px;
    max-width: 22%;
    margin: 0px 1.5% 25px;
}

.view-bussiness .views-col:hover {
    border-color: #eee;
    box-shadow: 0 5px 13px 10px rgb(0 0 0 / 5%);
}

.view-bussiness .views-field-field-image {
    width: 75px;
    height: 75px;
    background: #c1e4f7;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-bussiness .views-col.col-2 .views-field-field-image {
    background: #d3ecd7;
}

.view-bussiness .views-col.col-3 .views-field-field-image {
    background: #d3caf9;
}

.view-bussiness .views-col.col-4 .views-field-field-image {
    background: #eae7ba;
}

.view-bussiness .views-field-field-image img {
    width: 40px;
    height: 40px;
    filter: invert(0%) sepia(86%) saturate(0%) hue-rotate( 199deg) brightness(10%) contrast(99%);
}

.view-bussiness .views-field.views-field-title {
    margin: 30px 0 0;
    line-height: 36px;
}

.our-office-block {
    width: 100%;
    overflow: hidden;
}

.view-our-office {
    max-width: 1260px;
    padding: 0px 15px;
    margin: auto auto 50px;
    overflow: hidden;
}

.our-office-block h2.block-title {
    text-align: center;
}

.view-our-office .view-content .views-row {
    position: relative;
    overflow: hidden;
    float: left;
}

.view-our-office .view-content .views-row {
    display: none;
}

.view-our-office .view-content .views-row:nth-child(1) {
    width: 58%;
    height: 514px;
    margin-right: 2%;
    display: block;
}

.view-our-office .view-content .views-row:nth-child(2),
.view-our-office .view-content .views-row:nth-child(3) {
    width: 40%;
    height: 245px;
    margin-bottom: 2%;
    display: block;
}

.view-our-office .view-content .views-row:nth-child(3) {
    margin-bottom: 0;
}

.view-our-office .view-content .views-row .views-field-title {
    width: 100%;
    padding: 20px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    z-index: 11;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: auto;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}

.view-our-office .view-content .views-row:nth-child(1) .views-field-title {
    display: block;
}

body.our-infrastructure #colorbox {
    width: 100% !important;
    height: auto !important;
    margin: auto;
    left: 0px !important;
    right: 0px;
    top: 0px !important;
    bottom: 0px !important;
}

body.our-infrastructure #cboxWrapper {
    max-width: none;
    border-radius: 0px;
    width: 790px !important;
    height: 590px !important;
    position: fixed;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
    overflow: visible;
}

body.our-infrastructure #cboxContent {
    width: 100% !important;
    height: auto !important;
    overflow: visible;
}

body.our-infrastructure #cboxLoadedContent {
    margin-bottom: 0px;
    width: 100% !important;
    height: auto !important;
}

body.our-infrastructure .cboxPhoto {
    width: 790px !important;
    height: 590px !important;
}

body.our-infrastructure #cboxClose {
    background: #fff url(../images/close.svg) 7px 7px !important;
    top: -28px;
    right: -30px;
    border-radius: 36px;
    border: 1px solid #fff;
    background-size: 22px !important;
}

body.our-infrastructure #cboxPrevious {
    bottom: 0px;
    border: 1px solid #40b892;
    width: 45px;
    height: 30px;
    background-color: rgba(225, 225, 225, .9) !important;
    border-radius: 6px;
    right: auto;
    left: -100px;
    margin: auto;
    top: 0px;
}

body.our-infrastructure #cboxNext {
    bottom: 0px;
    border: 1px solid #40b892;
    width: 45px;
    height: 30px;
    background-color: rgba(225, 225, 225, .9) !important;
    border-radius: 6px;
    right: -100px;
    margin: auto;
    top: 0px;
    left: auto;
}

body.our-infrastructure #cboxCurrent {
    display: none;
}

.view-our-office .view-content .views-row img {
    width: 100%;
    height: auto;
}

.view-our-office .view-content .views-field-field-slider-image a {
    display: none;
}

.view-our-office .view-content .views-field-field-slider-image a:first-child {
    display: block;
}

.network-block {
    max-width: 1260px;
    padding: 0px 15px;
    margin: auto;
}

.server-testing .server-img img {
    border-radius: 0 10px 10px 0;
    height: 725px;
}

.server-testing svg {
    width: 35px;
    height: 35px;
}

.server-testing svg path {
    color: #212121;
}

.server-testing .table-cell {
    display: table;
    vertical-align: middle;
    padding-left: 30px;
}

.server-testing .server-info-txt {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    vertical-align: top;
}

.server-testing .servers-info {
    display: block;
    padding: 25px;
    min-height: 350px;
    border-color: #eee;
    box-shadow: 0 5px 13px 10px rgb(0 0 0 / 5%);
    border-radius: 10px;
    width: calc(50% - 15px);
    margin: 0 25px 25px 0;
}

.server-testing .servers-info:nth-child(2n) {
    margin-right: 0;
}

.server-testing .servers-info .server-icon1 {
    height: 50px;
    margin-bottom: 10px;
}

.server-testing .servers-info h3 {
    font-size: 25px;
    line-height: 33px;
    color: #212121;
    display: block;
    margin-bottom: 15px;
    position: relative;
}

.server-testing .servers-info ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.server-testing .servers-info li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #000;
    font-size: 17px;
    line-height: 26px;
    position: relative;
    margin-bottom: 12px;
}

.server-section {
    max-width: 1260px;
    padding: 255px 15px 0;
    margin: auto;
    position: relative;
}

.server-section .server-listing {
    position: relative;
    width: 100%;
    display: block;
}

.server-section .server-listing-img {
    position: absolute;
    top: -120px;
    left: 50%;
    margin: auto;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.server-section .server-listing-img img {
    max-width: 570px;
}

.server-section .server-listing ul {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 15px;
}

.server-section .server-listing ul li {
    width: 50%;
    position: relative;
    margin-bottom: 50px;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 13px 10px rgb(0 0 0 / 5%);
    min-height: 170px;
}

.server-section .server-listing ul li:last-child {
    margin-top: -30px;
    z-index: 1;
    width: 525px;
}

.server-section .server-listing ul li:last-child .server-list-cont {
    width: calc(100% - 70px);
    z-index: 11;
}

.server-section .server-listing ul li .infra-sprite {
    width: 45px;
    margin-right: 30px;
}

.server-section .server-list-cont {
    width: 230px;
}

.server-section .infra-sprite {
    background: url(../images/infra-sprite.png) no-repeat center;
}

.server-section .server-listing ul li .infra-sprite {
    width: 45px;
    margin-right: 30px;
}

.server-section .hardware-icon {
    height: 40px;
    background-position: 0 0;
}

.server-section .firewall-icon {
    height: 40px;
    background-position: -53px 0;
}

.server-section .server-listing ul li .infra-sprite {
    width: 45px;
    margin-right: 30px;
}

.server-section .devices-icon {
    height: 40px;
    background-position: -105px 0;
}

.server-section .server-listing ul li .infra-sprite {
    width: 45px;
    margin-right: 30px;
}

.server-section .communication-icon {
    height: 40px;
    background-position: -200px 0;
}

.server-section .desktops-icon {
    height: 40px;
    background-position: -152px 0;
}

.server-section .server-listing ul li:nth-child(2n) {
    flex-direction: row-reverse;
    text-align: right;
}

.server-section .server-list-cont .server-list-cont-hd {
    font-size: 30px;
    line-height: 36px;
    color: #212121;
    font-weight: 600;
}

.server-section .server-listing ul li:nth-child(2n) i.infra-sprite {
    margin: 0 0 0 30px;
}


/**
** career-overview
**/

.view-current-opportunities {
    max-width: 1358px;
    margin: 50px auto;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.view-current-opportunities header {
    padding-right: 150px;
    padding-bottom: 30px;
}

.view-current-opportunities .control {
    top: 10px;
    text-align: right;
    position: absolute;
    right: 10px;
}

.view-current-opportunities header .cmn-sub-ttl {
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #40b892;
    font-weight: bold;
    max-width: 100%;
    padding: 0px;
}

.view-current-opportunities header h2 {
    font-size: 42px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 44px;
    color: #000000;
}

.view-current-opportunities header p {
    font-size: 18px;
    line-height: 28px;
}

.view-current-opportunities .view-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-current-opportunities .view-content .slick-list {
    padding: 20px 0px !important;
    height: auto;
}

.view-current-opportunities .view-content .services_list {
    margin: 0px 15px;
    padding: 25px;
    height: 350px;
    max-width: 300px;
    border: 1px solid #e1e1e1;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.view-current-opportunities .view-content .services_list .circul-box {
    height: 85px;
}

.view-current-opportunities .view-content .services_list .circul-box img {
    height: 60px;
}

.view-current-opportunities .view-content .services_list h3.heading-3 {
    font-weight: bold;
    font-size: 22px;
    min-height: 52px;
    margin-bottom: 10px;
}

.view-current-opportunities .view-content .services_list .body p {
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px;
}

.view-current-opportunities .view-content .services_list .services_list_content {
    height: 145px;
    position: relative;
    overflow: hidden;
}

.view-current-opportunities .view-content .services_list .services_list_content .curnt-opening {
    height: 0px;
    position: absolute;
    z-index: 11;
    bottom: -150px;
    transition: all 0.3s ease;
    background: #fff;
    width: 100%;
    padding-top: 20px;
    box-sizing: border-box;
}

.view-current-opportunities .view-content .services_list:hover,
.view-current-opportunities .view-content .slick-current .services_list {
    box-shadow: 6px 6px 23px rgb(0 0 0 / 20%);
    border-radius: 10px;
    border-bottom: 10px solid #40b892;
}

.view-current-opportunities .view-content .services_list:hover .services_list_content .curnt-opening {
    height: auto;
    bottom: 0px;
}

.view-current-opportunities .view-content .services_list .curnt-opening .curnt-opning-itm {
    float: left;
    margin-right: 10px;
    display: flex;
    margin-bottom: 10px;
}

.view-current-opportunities .view-content .services_list .curnt-opening .curnt-opning-itm label {
    color: #999999;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

.view-current-opportunities .view-content .services_list .curnt-opening .curnt-opning-itm span {
    color: #222222;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

.view-current-opportunities .view-content .services_list .curnt-opening .curnt-opning-lst {
    width: 100%;
    overflow: hidden;
}

.view-current-opportunities .view-content a.cmn-btn {
    background: #40b892;
    display: inline-block;
    font-size: 20px;
    outline: none!important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 14px 37px;
    border-radius: 4px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 5px;
}

.view-current-opportunities .control {
    margin: auto;
    text-align: center;
}

.view-current-opportunities .control .slick-arrow {
    width: 30px;
    height: 20px;
    border: 0px;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

.view-current-opportunities .control .slick-arrow.prev {
    background: url(../images/prev.png) no-repeat 0% 0%;
}

.view-current-opportunities .control .slick-arrow.next {
    background: url(../images/next.png) no-repeat 0% 0%;
}

.work-do-cont {
    width: 100%;
    display: flex;
    padding: 0 15px 70px;
    max-width: 1358px;
    margin: auto;
}

.work-do-cont .work-do-blk {
    width: 50%;
    padding: 0;
}

.newidea-section .banner-cont.cmn-title,
.work-do-cont .banner-cont.cmn-title {
    text-align: left;
    margin-bottom: 40px;
    padding-top: 20px;
}

.view-opportunity-with-us .title,
.newidea-section span.cmn-sub-ttl,
.work-do-cont span.cmn-sub-ttl {
    color: #0067ff;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
}

.newidea-section h2.heading-2,
.work-do-cont h2.heading-2 {
    margin-bottom: 35px;
    line-height: 48px;
    font-size: 44px;
    font-weight: 600;
}

.work-do-blk {
    width: 50%;
    padding: 0;
}

.work-do-blk a {
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #06f;
    font-weight: 600;
    margin-top: 10px;
}

.work-do-blk p.phone {
    color: #06f;
}
.how-to-start {
    margin-top: 50px;
}
.how-to-start .container,
.newidea-section .container {
    max-width: 1358px!important;
}

.newidea-section .newidea-quote h2 {
    font-size: 32px;
    display: block;
    margin-top: 40px;
    line-height: 38px;
    color: #06f;
    font-weight: 500;
}

.newidea-section .web-pro-left-text .heading-3 {
    display: block;
    margin: 0;
    padding: 0 0 50px;
    font-size: 32px;
    font-weight: 600;
}

.newidea-section .web-pro-left-text p {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 36px;
    color: #666666;
    font-weight: 500;
}

.newidea-section .web-pro-left-text .cmn-btn {
    margin-top: 70px;
    display: inline-block;
    display: inline-block;
    min-width: 190px;
    line-height: 58px;
    text-align: center;
    border: 1px solid #0067ff;
    color: #fff;
    background: #0067ff;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    padding: 0 15px;
    font-size: 18px;
}

.newidea-section .web-pro-left-text .cmn-btn i {
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.newidea-section .web-pro-left-text .cmn-btn i svg path {
    fill: #fff;
}

.newidea-section .web-pro-left-text .cmn-btn:hover {
    color: #fff;
    background: #000;
}

.how-to-start .cmn-title {
    text-align: center;
    display: inline-block;
    width: 100%;
    position: relative;
}

.view-opportunity-with-us .sub-title,
.how-to-start .cmn-title h2 {
    display: block;
    margin: 0;
    font-size: 44px;
    line-height: 48px;
    color: #212121;
    font-weight: 600;
    padding: 0;
}

.view-opportunity-with-us header .description,
.how-to-start .cmn-title p {
    display: block;
    margin: 15px 0 0;
    padding: 0;
    font-size: 22px;
    line-height: 36px;
    color: #666666;
}

.how-to-start .start-step {
    display: inline-block;
    position: relative;
    margin: 40px 30px;
    width: 197px;
    min-height: 227px;
    text-align: center;
    padding: 20px 10px;
    position: relative;
}

.how-to-start .process-step {
    width: 150px;
    height: 150px;
    display: block;
    border: 2px dashed #0a56f5;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto 20px;
}

.how-to-start .process-step i {
    display: block;
    margin: 40px auto;
    font-size: 60px;
    color: #212121;
}

.how-to-start .start-step h3.heading-3 {
    display: block;
    margin: 40px 0 30px;
    padding: 0;
    font-size: 22px;
    line-height: 26px;
    color: #222;
    font-weight: 600;
}

.how-to-start .arrow-line {
    display: block;
    position: absolute;
    width: 115px;
    height: 52px;
}

.how-to-start .process-step.yellow-bor {
    border-color: #f4bd00;
}

.how-to-start .process-step.purple-bor {
    border-color: #6b5ea6;
}

.how-to-start .process-step.blue-bor {
    border-color: #0884c4;
}

.how-to-start .process-step.green-bor {
    border-color: #269d39;
}

.how-to-start .arrow-line1 {
    top: 100px;
    right: -90px;
    background: url(../images/hire-yellow-line.png) no-repeat top center;
}

.how-to-start .arrow-line2 {
    top: 80px;
    right: -90px;
    background: url(../images/hire-blue-line.png) no-repeat top center;
}

.how-to-start .arrow-line3 {
    top: 100px;
    right: -90px;
    background: url(../images/hire-purple-line.png) no-repeat top center;
}

.how-to-start .arrow-line4 {
    top: 80px;
    right: -87px;
    background: url(../images/hire-green-line.png) no-repeat top center;
}

.how-to-start .process-step i:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
}

.how-to-start .process-step i.icon-hire-dedi-31:before {
    background: url(../images/icon-hire-dedi-31.png) no-repeat top center;
}

.how-to-start .process-step i.icon-hire-dedi-29:before {
    background: url(../images/icon-hire-dedi-29.png) no-repeat top center;
}

.how-to-start .process-step i.icon-hire-dedi-30:before {
    background: url(../images/icon-hire-dedi-30.png) no-repeat top center;
}

.how-to-start .process-step i.icon-hire-dedi-33:before {
    background: url(../images/icon-hire-dedi-33.png) no-repeat top center;
}

.view-opportunity-with-us {
    max-width: 1358px!important;
    margin: auto;
    padding: 40px 0px 100px;
}

.view-opportunity-with-us header {
    text-align: center;
    margin-bottom: 50px;
}

.view-opportunity-with-us .views-col {
    max-width: 33%;
}

.view-opportunity-with-us .views-field-field-image {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.view-opportunity-with-us .ttl-hd {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: left;
    padding: 0 40px;
    transition: all ease-in-out .7s;
    height: 75px;
    overflow: hidden;
    transform: translate(0, -105px);
}

.view-opportunity-with-us .diversity-ttl {
    font-size: 32px;
    color: #fffefe;
    line-height: 36px;
    font-weight: 600;
}

.view-opportunity-with-us .views-col .inmt p {
    font-size: 18px;
    color: #fffefe;
    line-height: 24px;
    margin: 15px 0 0;
}

.view-opportunity-with-us .views-col:hover .ttl-hd {
    height: 220px;
    transform: translate(0, -220px);
}

.view-opportunity-with-us .views-row.row-2 .views-col.col-2 {
    margin-top: -200px;
}


/***
** Blog Detials
**/

body.page-node-type-blog-entry #header {
    top: 0px;
}

body.page-node-type-blog-entry {
    padding-top: 60px;
}

body.page-node-type-blog-entry.toolbar-fixed {
    padding-top: 139px !important;
}

body.page-node-type-blog-entry.toolbar-fixed #header {
    top: 79px;
}

body.page-node-type-blog-entry .bloglist {
    background: none;
}

.quick-link .list {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
    border: 1px solid #eee;
    background: #fafafa;
    padding: 0 40px;
}

.heading-description-lists h2.title,
.quick-link .list h2.title {
    color: #40b892;
    font-size: 26px;
    font-weight: 700;
    padding: 0px;
    margin: 18px 0px;
    line-height: 40px;
}

body.page-node-type-blog-entry .midcontent .content p,
.quick-link .description,
.heading-description-lists .body {
    font-size: 21px;
    line-height: 36px;
    margin: 20px 0;
}

.heading-description-lists .body h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
}

body.page-node-type-blog-entry .midcontent .content ul,
.heading-description-lists .body ul,
.quick-link .list ul {
    padding: 0px;
    padding-left: 17px;
    margin: 0 0 15px;
}

body.page-node-type-blog-entry .midcontent .content ul li,
.heading-description-lists .body ul li,
.quick-link .list li,
.view-you-may-also-be-interested-in .views-row .views-field-field-related-nodes a {
    font-size: 21px;
    line-height: 36px;
    margin-bottom: 15px;
    color: #4A4A4A;
}

.view-you-may-also-be-interested-in .views-row .views-field-field-related-nodes a:hover {
    color: #40b892;
}

.paragraph--type--quote-block {
    background: #fdfdfd!important;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 35px 25px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    border-bottom-color: #f5bd00;
    border-bottom-width: 3px!important;
}

.paragraph--type--quote-block>div {
    font-weight: 600;
    font-size: 24px!important;
    color: #212121;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
}

.paragraph--type--quote-block a {
    background: #40b892;
    display: inline-block;
    font-size: 20px;
    outline: none!important;
    line-height: 20px;
    font-family: 'poppins-semibold', sans-serif;
    color: #fff;
    padding: 14px 37px;
    border-radius: 4px;
    border: 2px solid #40b892;
    transition: all .3s ease-in-out;
    margin-top: 15px;
    vertical-align: middle;
}

.paragraph--type--quote-block a:hover {
    background: #fff;
    transition: 1s;
    color: #40b892;
}

.you-may-also-interested {
    display: inline-block;
    background: #fdfdfd;
    border: 1px solid #eeefef;
    padding: 5%;
    width: 100%;
    margin-bottom: 20px;
}

.you-may-also-interested h2.block-title {
    font-size: 20px;
    line-height: 25px;
    border-bottom: 1px solid #dcdede;
    display: inline-block;
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: 600;
    color: #000;
    width: 100%;
}


/*** Quick Tab Block ***/
.quicktab-block .field--name-field-heading {
    margin: auto;
    max-width: 900px;
    padding: 30px 0;
    font-size: 36px;
    line-height: 46px;
    font-family: "RobotoBold";
}
.quicktab-block #quickTabs {
    justify-content: center;
    margin: 50px auto;
    max-width: fit-content;
    border: none;
    background-color: #2d2936;
    -webkit-box-shadow: 0 2.5em 4.6em rgba(0, 0, 0, 0.3);
    box-shadow: 0 2.5em 4.6em rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    position: relative;
}
.quicktab-block #quickTabs .nav-link {
    background: transparent;
    border-radius: 0;
    border: none;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}

.quicktab-block #quickTabs .nav-link.active {
    text-align: center;
    background: #40b892;
    transform: skew(350deg);
}

.container-left-image {
    display: flex;
    flex: 1;
  }

  .container-left-image .left-section {
    flex: 1;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .container-left-image .left-section img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  .container-left-image .right-section {
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff;
    align-items: start;
  }

  .container-left-image .right-section h1 {
    margin-top: 0;
    font-size: 2rem;
    color: #333;
  }

  .container-left-image .right-section h2 {
    font-size: 1.25rem;
    color: #666;
    margin-bottom: 20px;
  }

  .container-left-image .right-section ul {
    padding-left: 20px;
    margin-bottom: 30px;
  }

  .container-left-image .right-section ul li {
    margin-bottom: 10px;
  }

  .three-columns {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
  }

  .three-columns .box {
    flex: 1;
    min-width: 280px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .three-columns .box img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 15px;
    box-shadow: -3px 2px 5px 3px #ccc;
  }

  .three-columns .box h3 {
    font-size: 1.5rem;
    color: #333;
    margin: 10px 0 5px;
  }

  .three-columns .box h4 {
    font-size: 1rem;
    color: #777;
    margin: 0 0 15px;
  }

/* Heading Description Paragraph */
.content-heading-description {
    background: linear-gradient(155.68deg, #40b892 0%, #09124B 100%);
    padding: 50px;
}