html {
    -webkit-text-size-adjust: none;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: inherit !important;
    scrollbar-color: #565656 #dee2e6;
    scrollbar-width: thin;

}

input[type="submit"] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

::-webkit-scrollbar-track {
    background: #dee2e6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #565656;
    min-height: 60px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #565656;
}

*,
*:after,
*:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    /*font-family: 'Inter', sans-serif;*/
    font-family: 'Sarala', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    width: 100%;
    min-height: 100%;
    font-size: 18px;
    line-height: 1.5555;
    font-weight: 400;
    color: #20242A;
    background: #fff;
    overflow-x: hidden !important;
    scrollbar-color: #565656 #dee2e6;
    scrollbar-width: thin;
}

body.scroll-hide {
    overflow: hidden;
}

/*body.logged-in{
    margin-top: 32px;
}*/
body.logged-in .header-wrap header {
    top: 32px;
}

a {
    outline: none;
    text-decoration: none;
    color: #20242A;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    outline: none;
    text-decoration: none;
    color: #0d6efd;
}

input,
textarea,
select {
    outline: none;
    resize: none;
}

a,
input,
button {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    line-height: 1.3;
}

h1,
.h1 {
    font-size: 76px;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 44px;
    line-height: 1.18;
    font-weight: 700;
}

h3,
.h3 {
    font-size: 36px;
    font-weight: 600;
}

h4,
.h4 {
    font-size: 30px;
    font-weight: 600;
}

h5,
.h5 {
    font-size: 26px;
    font-weight: 600;
}

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

img {
    border: 0;
    vertical-align: top;
    max-width: 70%;
    height: auto;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.slick-slide {
    outline: none !important;
}

.bg_img {
    display: none;
}

/*============================================================== Bootstrap Hack ==============================================================*/
.form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #BDBEC0;
}

.form-control:-moz-placeholder {
    opacity: 1;
    color: #BDBEC0;
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: #BDBEC0;
}

.form-control:-ms-input-placeholder {
    opacity: 1;
    color: #BDBEC0;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    color: #BDBEC0;
}

.nav>li>a:hover,
.nav>li>a:focus,
.nav>li.active>a,
.nav>li.active>a:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*============================================================== Custom Style ==============================================================*/
.section {
    position: relative;
}

.section .inner-section {
    position: relative;
    z-index: 1;
}

.container {
    width: 100%;
    padding: 0px 15px 0;
    max-width: 1234px;
}

.row:not(.g-0) {
    margin-left: -15px;
    margin-right: -15px;
}

.row:not(.g-0)>* {
    padding-left: 15px;
    padding-right: 15px;
}

.bg-grey {
    background-color: #F0F0F0;
}

.bg-gradient {
    background: linear-gradient(50deg, rgba(32, 36, 42, 1) 0%, rgba(1, 51, 125, 1) 100%) !important;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

ul.social {
    display: inline-flex;
    flex-wrap: wrap;
}

ul.social li+li {
    margin-left: 10px;
}

ul.social li a {
    width: 42px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}

ul.social li a:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    background: #293951;
    transform: skew(-13deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


ul.social li a .icon {
    position: relative;
}

ul.social li a:hover {
    color: #0d6efd;
}

/*ul.social li a:hover:before {
    background: #0d6efd;
}*/

.cta-btn {
    position: relative;
    display: inline-block;
    padding: 12px 28px;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: #787878;
    /* subtle background for dark theme */
    border-radius: 50px;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.4s ease;
    z-index: 1;
    backdrop-filter: blur(4px);
    /* optional frosted look */
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* optional outline */
}

.cta-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(95deg, #007bff, #838383);
    transition: all 0.4s ease;
    z-index: -1;
}

.cta-btn:hover::before {
    left: 0;
}

.cta-btn span {
    position: relative;
    z-index: 1;
}

.cta-section {
    text-align: center;
    padding: 40px 20px;
    /* color: white; */
}

.cta-line-small {
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #007bff, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* for Firefox */
    text-fill-color: transparent;
}

.cta-line-big {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}

/* Optional: Enhance the button */
.elementor-button {
    margin-top: 10px;
    /* background: linear-gradient(135deg, #00c3ff, #ffff1c);ss */
    border-radius: 50px;
    padding: 12px 28px;
    color: #000;
    font-weight: 600;
    transition: all 0.3s ease;
    background-color: white;
}

.elementor-button:hover {
    /* background: linear-gradient(135deg, #ffff1c, #00c3ff); */
    color: #000;
}

/*=== all button start ===*/
.cta-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    /* background: #0d6efd; */
    padding: 10px 27px;
    border: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transform: skew(-13deg, 0deg);
    -webkit-transform: skew(-13deg, 0deg);
    -moz-transform: skew(-13deg, 0deg);
    -ms-transform: skew(-13deg, 0deg);
    -o-transform: skew(-13deg, 0deg);
}

.cta-btn span {
    display: block;
    transform: skew(13deg, 0deg);
    -webkit-transform: skew(13deg, 0deg);
    -moz-transform: skew(13deg, 0deg);
    -ms-transform: skew(13deg, 0deg);
    -o-transform: skew(13deg, 0deg);
}

.cta-btn.icon-wrap span {
    display: flex;
    align-items: center;
}

.cta-btn.icon-wrap span .icon {
    margin-right: 8px;
}

.cta-btn:hover {
    color: #fff;
    background: #FD8E4D;
}

.cta-btn:active {
    color: #fff;
    background: #EB6B21;
}

.cta-link {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.625;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #0d6efd;
}

.cta-link .icon {
    margin-left: 7px;
}

.cta-link:hover {
    color: #FD8E4D;
}

.cta-btn:active {
    color: #fff;
}

.cta-read-more {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #20242A;
    text-decoration: underline;
    display: inline-block;
}

/*=== all button end ===*/

/*=== header start ===*/

.bg-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bg-overlay.show {
    display: block;
}

.header-wrap {
    height: 80px;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

header .header-inner-wrap {
    padding: 20px 45px 20px;
    background: transparent;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Transparent by default */
.header-inner-wrap.transparent {
    background-color: transparent;
}

.header-inner-wrap.scrolled {
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Logo style */
#main-logo {
    height: 30px;
    transition: all 0.3s ease;
}

/* Shrink logo on scroll */
.header-inner-wrap.scrolled .header-logo a img {
    height: 60px;
}

.header-logo a {
    display: inline-flex;
}

.header-logo a img {
    max-width: 209px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .header-inner-wrap>.container {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

header .menu>ul>li>a {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    color: #dfdada;
    font-weight: 600;
    text-transform: capitalize;
}

header .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .header-right .cta-btn {
    padding: 8px 16px;
}

header .header-search {
    padding: 0px 23px 0 10px;
}

.header-search .search-btn a {
    color: #ffffff;
    padding: 0px 10px 0px 6px;
    position: relative;
    margin-left: 16px;
}

.select-language>a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.714285;
    color: #ffffff;
    font-weight: 500;
}

.select-language>a .icon {
    margin-left: 7px;
}

.language-popup {
    padding-top: 80px;
}

.language-popup .modal-dialog {
    max-width: 704px;
    width: calc(100% - 40px);
    margin: 0 auto 0;
}

.language-popup .modal-content {
    background-color: rgba(78, 78, 78, 0.2);
    backdrop-filter: blur(10px);
    margin: 124px 0px 0px;
    border: 3px solid #3d3d3d;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 30px;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(0deg, 0deg);
}

.language-popup .modal-content .content-box {
    -webkit-transform: skew(12deg, 0deg);
    -moz-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);
    padding: 15px 60px 70px;
}

.language-popup .modal-content button.btn-close {
    position: absolute;
    top: -77px;
    right: -40px;
    opacity: 1;
    background: none;
    width: 29px;
    height: 29px;
}

.language-popup {
    padding-right: 0
}

.language-popup .modal-content h3 {
    margin-bottom: 25px;
    margin-left: 85px;
}

.language-popup .modal-content .language-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px -30px !important;
}

.language-popup .modal-content .language-list ul li {
    width: 33.3333%;
    padding: 24px 27px 25px;
    background-color: #000;

}

.language-popup .modal-content .language-list ul li a {
    padding: 13px 10px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    border-radius: 4px;
}

.language-popup .modal-content .language-list ul li a span {
    display: inline-block;
}

.language-popup .modal-content .language-list ul li.wpml-ls-current-language a,
.language-popup .modal-content .language-list ul li a:hover {
    background: #0d6efd;
    color: #fff;
}

.menu-toggle {
    display: inline-flex;
    align-items: center;
}

.menu-toggle a {
    width: 44px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 15px 9px;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.menu-toggle a .icon {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #222328;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}

.menu-toggle a .icon::after,
.menu-toggle a .icon::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #222328;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-toggle a.active .icon {
    background: none;
}

.menu-toggle a.active .icon::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-toggle a.active .icon::before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-toggle a .icon::after {
    top: -8px;
}

.menu-toggle a .icon::before {
    bottom: -8px;
}

.sticky header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}


.industrie-box {
    display: flex;
    flex-wrap: wrap;
}

.industrie-box .img-box {
    width: 165px;
    min-width: 165px;
    height: 100%;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.industrie-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.industrie-box .info-box {
    width: calc(100% - 165px);
    padding: 0px 0px 0px 20px;
}

.industrie-box .info-box h3 {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 6px;
}


/* desktop menu */

header .desktop-menu>ul>li.active>a {
    color: #0d6efd;
}

header .desktop-menu>ul>li.active .icon {

    color: #0d6efd;
}

header .desktop-menu .menu-arrow {
    margin-left: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .desktop-menu .mega-menu {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgb(12, 12, 12);
    /* backdrop-filter: blur(10px); */
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(202, 196, 204, 0.6);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0px, 20px);
    -moz-transform: translate(0px, 20px);
    -o-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 991px) {
    .header-wrap.top-header-show .mobile-menu {
        background-color: #000;
        /* Black background */
        color: #fff;
        /* Optional: white text for contrast */
    }
}

/*header .desktop-menu .mega-menu .tab-content-wrap,
header .desktop-menu .mega-menu .menu-nav,
header .desktop-menu .mega-menu .tab-content-wrap,
header .desktop-menu .mega-menu .container > div,
header .desktop-menu .mega-menu .container{
    height: 100%;
}*/

/* header .desktop-menu .mega-menu.industries-bg {
    background: #fff url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/mega-menu-bg-1.svg) no-repeat top center;
} */

header .desktop-menu .mega-menu.current-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

header .desktop-menu .mega-menu .menu-nav {
    padding: 50px 10px;
    width: 188px;
    position: relative;
    z-index: 1;
}

header .desktop-menu .mega-menu .menu-nav:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50vw;
    background: rgb(44, 44, 44);
    z-index: -1;
}

header .menu-nav .nav li:not(:last-child) {
    margin-bottom: 10px;
}

header .menu-nav .nav li a {
    position: relative;
    display: inline-flex;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    padding: 7px 25px 7px 5px;

}

header .menu-nav .nav li a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    margin: auto 0;
    background: url('/wp-content/arrow/right-arrow_9688245.svg') no-repeat center right;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

header .menu-nav .nav li a.active {
    font-weight: 600;
    color: #0d6efd;
}

header .menu-nav .nav li a.active:after {
    opacity: 1;
}

header .menu .box-stl {
    width: 100%;
    height: 100%;
    padding: 20px;
    box-shadow: none;
    padding: 12px;
    align-items: center;
    flex-direction: row;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

header .menu .box-stl .icon {
    padding-bottom: 0px;
    width: 40px;
    min-width: 40px;
    height: 40px;
}

header .menu .box-stl .icon img {
    width: 40px;
    height: 40px;
}

header .menu .box-stl .box-title {
    width: calc(100% - 40px);
    font-size: 14px;
    line-height: 1.428;
    text-align: left;
    padding-left: 20px;
    margin: 0;
}

header .desktop-menu .mega-menu .tab-content-wrap {
    padding: 50px 0px 50px 30px;
    width: calc(100% - 188px);
    overflow: hidden auto;
}

header .desktop-menu ul.list {
    margin: 0px -8px -16px;
}

header .desktop-menu ul.list>li {
    padding: 0px 8px 16px;
}

header .desktop-menu .cta-btn-wrap {
    padding: 30px 4px 0px 0px;
}

.menu .work-box h3 {
    font-size: 16px;
    line-height: 1.625;
    word-break: break-word;
}

.work-box .work-info {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.work-box h3,
.work-box h3 a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.work-box .written-by {
    font-size: 16px;
    line-height: 2.125;
    color: #74767A;
    font-weight: 400;
    padding-top: 4px;
    margin-top: auto;
}

.work-box .written-by span {
    color: #20242A;
}

.menu .work-box .video-btn-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.24);
}

.menu .work-box .video-btn {
    width: 44px;
    height: 44px;
}

.menu .work-box .video-btn .icon {
    width: 13px;
    height: 13px;
}

.menu .work-box .video-btn:after {
    width: 47px;
    height: 47px;
}

.desktop-menu .industrie-list-wrap {
    padding: 50px 0px;
}

/* desktop menu */

.header-search {
    position: relative;
}

.header-search .search-box {
    display: none;
    position: absolute;
    top: -10px;
    right: 23px;
    bottom: 0;
    width: 100%;
    min-width: 1153px;
    z-index: 1;
}

.header-search .search-box .input-group {
    overflow: hidden;
    border: 1px solid #cac4cc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.header-search .search-box .input-group-text {
    background: #fff;
    border: none;
    border-radius: 0px;
}

.header-search .search-box .input-group-text.close-btn {
    color: #20242a;
    cursor: pointer;
}

.header-search .search-box .input-group-text.search-icon {
    padding: 8px 0px 8px 17px;
    color: #55585c;
}

.header-search .search-box input[type="search"] {
    border: none;
    color: #20242A;
    height: 48px;
}


.header-search .search-box input.form-control::-webkit-input-placeholder {
    color: #55585c;
    opacity: 1;
}

.header-search .search-box input.form-control:-moz-placeholder {
    color: #55585c;
    opacity: 1;
}

.header-search .search-box input.form-control::-moz-placeholder {
    color: #55585c;
    opacity: 1;
}

.header-search .search-box input.form-control:-ms-input-placeholder {
    color: #55585c;
    opacity: 1;
}

.header-search .search-box input.form-control::-ms-input-placeholder {
    color: #55585c;
    opacity: 1;
}

.header-search .search-box input.form-control::placeholder {
    color: #55585c;
    opacity: 1;
}


.header-search input[type="search"]::-webkit-search-decoration,
.header-search input[type="search"]::-webkit-search-cancel-button,
.header-search input[type="search"]::-webkit-search-results-button,
.header-search input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

body.mega-menu-show {
    overflow: hidden;
}

body.mega-menu-show .header-wrap header {
    height: 100%;
    overflow-y: auto;
}


header .header-overlay {
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

header .header-overlay.show-bg {
    opacity: 1;
    visibility: visible;
}

/*=== header end ===*/
/*=== footer start ===*/
footer {
    /* background: linear-gradient(63deg, rgba(32, 36, 42, 1) 0%, rgba(1, 51, 125, 1) 100%); */
    background: #7EB334;
}

footer .footer-top {
    padding: 50px 0px 47px;
}

footer .footer-logo {
    margin-bottom: 31px;
}

footer .footer-logo h4 {
    font-size: 18px;
    line-height: 1.3333333;
    color: #CAC4CC;
    font-weight: 400;
    margin: 19px 0px 28px;
}

footer .block-title {
    color: #fff;
    margin-bottom: 18px;
}

.footer-link li a {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff;
}

.footer-link li a:hover {
    color: #0d6efd;
}

.footer-top .footer-link li:not(:last-child) {
    margin-bottom: 12px;
}

ul.link>li {
    margin-bottom: 16px;
}

ul.link>li a {
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/read-more-icon.svg) no-repeat right center;
    padding-right: 22px;
}

ul.link>li a:hover {
    color: #000000;
    text-decoration: underline;
}



footer .copyrights p {
    font-size: 15px;
    line-height: 1.6;
    color: #ffffff;
    margin: 0;
}

footer .copyrights p a {
    color: currentColor;
}

footer .copyrights p a:hover {
    color: #0d6efd;
}

footer .footer-bottom {
    padding: 16px 0px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

footer .footer-bottom>.container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.footer-bottom .footer-link {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px -16px -10px;
}

.footer-bottom .footer-link li {
    padding: 0px 16px 10px;
    margin: 0px;
}

.footer-bottom .footer-link li a {
    font-size: 15px;
    position: relative;
}

footer .footer-center {
    padding: 30px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

footer .footer-center .certified-logo-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

footer .footer-center .certified-logo-list ul li {
    padding: 0 15px 30px;
    display: inline-flex;
    align-items: center;
}

footer .footer-center .certified-logo {
    max-width: 110px;
}

/*=== footer end ===*/


/*=== all title start ===*/
.title {
    padding: 0px 0px 20px;
    position: relative;
    z-index: 2;
}

.title .bg-text {
    font-size: 200px;
    line-height: 0.73;
    color: rgba(0, 0, 0, 0.04);
    font-weight: 700;
    margin-bottom: -98px;
    text-align: center;
    position: relative;
    z-index: -1;
}

.title .h2,
.title h2 {
    position: relative;
    padding-bottom: 28px;
    margin: 0;
}

.title .h2 span,
.title h2 span {
    font-weight: 700;
    color: #0d6efd;
}

.title .line::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 7px;
    width: 0px;
    margin: 0 auto;
    background: #0d6efd;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -moz-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.title .line.line-left::after {
    left: 0;
    right: auto;
}


.title .line.aos-animate::after {
    width: 126px;
    transition-delay: 0.4s;
}

.title .line.line-black::after {
    background: #20242A;
}

.title .line.line-orange::after {
    background: #0d6efd !important;
}


.title .sub-text {
    padding-top: 28px;
}

.title .sub-text p a {
    color: #0d6efd;
}

.title .sub-text p:last-child {
    margin-bottom: 0;
}


.title.title-white .h2,
.title.title-white h2 {
    color: #fff;
}

.title.title-white .line:after {
    background: #fff;
}

.title.title-white .sub-text p {
    color: #fff;
}

.title .sub-text.max-786 {
    max-width: 786px;
}

/*=== all title end ===*/

/*=== slick start ===*/

.slick-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 32px;
    border: none;
    color: #fff;
    background: #0d6efd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
    /*-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;*/
    outline: none;
    box-shadow: none;
}

.slick-arrow .icon {
    width: 15px;
    height: 10px;
    -webkit-transform: skew(10deg, 0deg);
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg);
}

.slick-arrow:hover {
    background: #FD8E4D;
}

.slick-arrow:active {
    background: #EB6B21;
}

.slick-arrow.slick-disabled {
    pointer-events: none;
    opacity: 0;
    display: none;
    visibility: hidden;
    transform: skew(0deg);
}


/*=== slick end ===*/

/*=== banner start ===*/

.home-banner {
    padding: 0px 0px 0px;
    position: relative;
}

.home-banner::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    left: 0;
    background: url(../images/banner-bg-shadow.png) no-repeat center right;
    z-index: -1;
}

.home-banner .banner-title {
    line-height: 0.9;
    text-transform: none;
    margin: 0;
}

.home-banner .banner-title span {
    display: inline-block;
    position: relative;
}

.home-banner .banner-title span::after {
    content: "";
    position: absolute;
    left: -9px;
    right: -8px;
    bottom: 12px;
    width: 0;
    height: 30px;
    background: rgba(234, 100, 35, 0.5);
    z-index: -1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transform: skew(-16deg, 0deg);
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.home-banner .banner-title.aos-animate span::after {
    transition-delay: 0.5s;
    width: 100%;
}

.home-banner .img-box {
    padding: 132px 0px;
}


.home-banner.baner-video {
    padding: 20px 0px;
    height: calc(100vh - 80px);
}

.home-banner.baner-video .container>.row>div,
.home-banner.baner-video .container>.row,
.home-banner.baner-video .container {
    height: 100%;
}

.home-banner.baner-video .video-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.home-banner.baner-video .video-block .plyr {
    height: 100%;
    /*    width: 100%;*/
    pointer-events: none;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.home-banner.baner-video .video-block .plyr .plyr__video-wrapper video {
    clip-path: inset(1px 1px);
}

.home-banner.baner-video .video-block .plyr * {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}


/* video player */
.plyr {
    margin: -2px !important;
    background-color: transparent !important;
    border: 0px !important;
}

.plyr__control.plyr__control--overlaid {
    display: none !important;
}

.plyr__controls {
    display: none !important;
}

.plyr--video {
    background-color: transparent !important;
    border: 0px !important;
}

.plyr__video-wrapper {
    background-color: transparent !important;
    border: 0px !important;
}

.plyr__video-wrapper video {
    background-color: transparent !important;
    border: 0px !important;
}

/* video player */


.inner-banner {
    position: relative;
    background: no-repeat center/cover;
    z-index: 99;
}

.inner-banner .container {
    position: relative;
}

.inner-banner .icon-place-to-work {
    position: absolute;
    bottom: -241px;
    right: 15px;
    display: inline-flex;
    padding: 20px 18px 20px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.inner-banner.inner-slider .icon-place-to-work {
    bottom: -285px;
}


.inner-banner:not(.inner-slider) {
    padding: 111px 0px 125px;
}

.inner-banner:not(.inner-slider):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.7;
}

.inner-banner .page-info {
    position: relative;
    z-index: 1;
}

.inner-banner .page-info .page-title {
    font-size: 56px;
    line-height: 1.2142;
    color: #fff;
    margin-bottom: 10px;
}

.inner-banner nav {
    padding-top: 6px;
}

.inner-banner .breadcrumb {
    margin: 0px -6px -10px;
}

.inner-banner .breadcrumb li {
    position: relative;
    padding: 0px 12px 10px;
}

.inner-banner .breadcrumb li:before {
    display: none;
}

.inner-banner .breadcrumb li:not(:last-child):after {
    position: absolute;
    right: 0;
    color: currentColor;
    content: "/";
}

.inner-banner nav ul li,
.inner-banner nav ul li a {
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    font-weight: 500;
}

.inner-banner nav ul li.active {
    color: #fff;
}

.inner-banner .cta-btn-wrap {
    padding-top: 23px;
}


.inner-bg-slider:not(.slick-initialized) .item:not(:first-child) {
    display: none;
}

.inner-slider {
    position: relative;
}

.inner-slider .inner-bg-slider {
    overflow: hidden;
}

.inner-slider .item {
    position: relative;
}

.inner-slider .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.7;
}

.inner-slider .item .bg-img {
    min-height: 400px;
}

.inner-slider .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-slider .item .container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 98px;
    z-index: 1;
}

.inner-slider .page-info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding-top: 111px;

}

.inner-slider .slick-dots {
    display: flex;
    width: 1234px;
    margin: 0 auto 0;
    padding: 0px 15px 0;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 42px;
}

.inner-slider .slick-dots li+li {
    margin-left: 12px;
}

.inner-slider .slick-dots li {
    display: inline-flex;
}

.inner-slider .slick-dots li button {
    font-size: 0px;
    background: #fff;
    width: 24px;
    height: 6px;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.inner-slider .slick-dots li:not(.slick-active) {
    opacity: 0.6;
}

.breadcrumb-wrap {
    padding: 24px 0px 21px;
    background: #F3F2F3;
}

.breadcrumb-wrap nav {
    padding-top: 0px;
}

.breadcrumb-wrap .breadcrumb {
    margin: 0px -6px -10px;
}

.breadcrumb-wrap .breadcrumb li {
    position: relative;
    padding: 0px 12px 10px;
}

.breadcrumb-wrap .breadcrumb li:before {
    display: none;
}

.breadcrumb-wrap .breadcrumb li:not(:last-child):after {
    position: absolute;
    right: 0;
    color: currentColor;
    content: "/";
}

.breadcrumb-wrap nav ul li,
.breadcrumb-wrap nav ul li a {
    font-size: 16px;
    line-height: 1.25;
    color: #0d6efd;
    font-weight: 500;
}

.breadcrumb-wrap nav ul li.active {
    color: #74757A;
}

.inner-banner .blog-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px -10px -8px;
}

.inner-banner .blog-info li {
    margin: 0px 10px 8px;
    position: relative;
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    font-weight: 400;
}

.inner-banner .blog-info li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    right: -11px;
    bottom: 0;
    width: 2px;
    height: 18px;
    margin: auto 0;
    background: #fff;
}

.inner-banner .tag a {
    color: #fff;
    position: relative;
}

.inner-banner .tag a:not(:last-child):after {
    content: ",";
    margin-right: 5px;
}

/*=== banner start ===*/

/*=== home start ===*/
.home-aim-build {
    padding: 50px 0px;
    background-color: #EBEBEB;
    background-repeat: no-repeat;
    background-position: top 67px center;
    background-size: cover;
}

.home-aim-build .title h2 {
    font-weight: 500;
}

.home-aim-build .content-box h3 {
    margin-bottom: 15px;
}

.home-aim-build .img-box {
    text-align: right;
    padding-right: 63px;
}

.home-aim-build .tab-wrap {
    padding-top: 4px;
}

.home-aim-build .nav {
    margin: 0px -15px -10px;
    align-items: flex-end;
}

.home-aim-build .nav li {
    width: 100%;
    max-width: 33.333%;
    padding: 0px 15px 10px;
}

.home-aim-build .nav li h3 {
    margin-top: 27px;
    font-weight: 400;
    margin-bottom: 0px;
    padding-bottom: 14px;
    position: relative;
    max-width: 251px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.home-aim-build .nav li h3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: rgba(32, 36, 42, 0.3);
    transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    -moz-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    -o-transform: skew(-15deg, 0deg);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.home-aim-build .nav li h3.active {
    font-size: 30px;
    font-weight: 500;
    color: #0d6efd;
    margin-top: 0px;
    padding-bottom: 27px;
}

.home-aim-build .nav li h3.active::after {
    height: 4px;
    background: #0d6efd;
}

.home-aim-build .accordion-item {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.home-aim-build .tab-content-wrap {
    padding-top: 45px;
}

.our-partner {
    position: relative;
    padding: 50px 0px;
    background: #fff;
    z-index: 1;
}

.our-partner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: #F4F4F4;
    z-index: -1;
}

.home.our-partner {
    background: #EBEBEB;
}

.home.our-partner:after {
    background: #FFF9F6;
}

.our-partner .title {
    max-width: 736px;
    text-align: center;
    padding: 0px 30px 20px;
}

.our-partner .title .sub-title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 21px;
}

.our-partner .partner-box-wrap {
    padding: 50px 20px 50px;
    background: #fff;
    box-shadow: 0px 2px 64px rgba(0, 0, 0, 0.16);
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.our-partner .partner-box-wrap .partner-box {
    transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    -moz-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
}

.our-partner .logo-list {
    padding-top: 42px;
    margin: 0 auto 0;
}

.home.our-partner .logo-list {
    max-width: 979px;
}

.our-partner .logo-list>ul {
    margin: 0px -15px 0px;
}

.our-partner .logo-list>ul>li {
    width: 245px;
    padding: 0px 15px 30px;
    text-align: center;
}

.our-partner .logo-list>ul>li a {
    display: inline-block;
}


.partner-story {
    position: relative;
    background: #F0F0F0;
    padding: 100px 0px 100px;
    overflow: hidden;
}

.partner-story:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    background: #fff;
}

.home.partner-story {
    background: #FFF9F6;
    padding: 50px 0px 100px;
}

.partner-story .video-inner-wrap {
    position: relative;
}

.partner-story .video-inner-wrap:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

.partner-story .partner-video {
    max-width: 1010px;
    margin: 80px auto 30px;
    position: relative;
    z-index: 1;
}

.partner-story .partner-video::after,
.partner-story .partner-video::before {
    content: "";
    position: absolute;
    width: 248px;
    height: 350px;
    background: rgba(234, 100, 35, 0.36);
    z-index: -1;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}

.partner-story .partner-video::after {
    bottom: -30px;
    left: -14px;
}

.partner-story .partner-video::before {
    top: -30px;
    right: -14px;
}

.partner-story .video-thumb {
    overflow: hidden;
    position: relative;
    border: 10px solid #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.08);
}

.partner-story .video-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.17);
}

.video-btn {
    width: 100px;
    height: 100px;
    color: #0d6efd;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    z-index: 1;
}

.video-btn::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 106px;
    height: 106px;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


.tuned-greatness {
    background: linear-gradient(50deg, rgba(32, 36, 42, 1) 0%, rgba(1, 51, 125, 1) 100%);
}

.tuned-greatness .container {
    padding: 100px 15px;
    background: no-repeat top 50px center;
}

.tuned-greatness .counter-list {
    padding-top: 79px;
}

.counter-box {
    padding: 0px 20px;
    text-align: center;
}

.counter-box h3 {
    font-size: 70px;
    line-height: 1.1;
    font-weight: 700;
    color: #8AF8F3;
    margin: 0px 0px 20px;
}

.counter-box p {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    margin: 0px;
}

.tuned-greatness .counter-list {
    margin: 0px -15px -30px;
}

.tuned-greatness .counter-list>li {
    padding: 0px 15px 30px;
}

/* build success start */

.build-success {
    position: relative;
    padding: 100px 0px;
}

.build-success>div:not(.shape) {
    position: relative;
    z-index: 1;
}

.build-success .shape {
    position: absolute;
    right: 0;
    bottom: 140px;
    z-index: 0;
    text-align: right;
}

.build-success .wd-container {
    margin-left: 0;
    padding: 25px 15px 0px 0px;
    max-width: calc((100vw - 1234px)/2 + 1234px);
}


.blazespark .blazespark-slider-wrap,
.build-success .build-slider-wrap {
    width: calc(100% - 30%);
    padding-right: 60px;
}

.blazespark .blazespark-slider-thumb-wrap,
.build-success .build-slider-thumb-wrap {
    width: 30%;
}

.build-slider-thumb {
    padding-bottom: 48px;
}

.blazespark-slider-thumb .slick-arrow,
.build-slider-thumb .slick-arrow {
    position: absolute;
    bottom: 0;
}

.blazespark-slider-thumb .slick-arrow.next,
.build-slider-thumb .slick-arrow.next {
    left: 45px;
}

.blazespark-thumb,
.build-thumb {
    padding-right: 20px;
}

.blazespark-thumb h3,
.build-thumb h3 {
    margin-bottom: 16px;
}

.build-thumb p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blazespark-thumb .cta-link-wrap,
.build-thumb .cta-link-wrap {
    padding-top: 2px;
}

.blazespark-slider,
.build-slider {
    direction: rtl;
}

.blazespark-slider .slick-slide,
.build-slider .slick-slide {
    float: right;
}

.blazespark-slider .slick-list,
.build-slider .slick-list {
    padding-right: 15px;
}

.blazespark-slider>.item-box,
.build-slider>.item-box {
    display: none;
}

.blazespark-slider>.item-box:first-child,
.build-slider>.item-box:first-child {
    display: block;
}

.blazespark-slider .item-box,
.build-slider .item-box {
    padding: 0 15px;
}

.blazespark-slider-thumb:not(.slick-initialized) .blazespark-thumb:not(:first-child),
.blazespark-slider:not(.slick-initialized) .item-box:not(:first-child),
.build-slider-thumb:not(.slick-initialized) .build-thumb:not(:first-child),
.build-slider:not(.slick-initialized) .item-box:not(:first-child) {
    display: none;
}

.blazespark-slider .item-box .img-box,
.build-slider .item-box .img-box {
    width: 684px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.blazespark-slider .item-box .img-box img,
.build-slider .item-box .img-box img {
    width: 100%;
}

.blazespark-slider .item-box .img-box:after,
.build-slider .item-box .img-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blazespark-slider .item-box.slick-current .img-box:after,
.build-slider .item-box.slick-current .img-box:after {
    opacity: 0;
}

.blazespark-slider .item-box .img-box {
    width: 378px;
}

/*.blazespark-slider-thumb .slick-track{
    display: flex;
}*/
.blazespark-slider-thumb {
    padding: 0 0 35px;
}

/*.blazespark-slider-thumb .slick-track .blazespark-thumb{
    height: initial;
    padding: 0 20px 32px 0;
}*/
/*.blazespark-thumb p:last-child{
    margin-bottom: 0;
}*/




.home.build-success {
    background: #fff repeat-x top center;
}

.home.build-success .shape {
    bottom: 100px;
}

.home.build-success .title .bg-text {
    color: #F6F6F6;
}

.home.build-slider .slick-list {
    margin: 0 -15px 0px -172px;
}

/* build success end */


.happy-customer {
    padding: 0px 0px 100px;
}

.happy-customer.three-block {
    padding: 100px 0px;
}

.happy-customer .container {
    max-width: 1424px;
}

.customer-box-wrap {
    margin: 88px 0px 0px;
    padding: 0px 100px 70px 100px;
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.customer-box-wrap .qoute-icon {
    width: 176px;
    height: 176px;
    background: #0d6efd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: -88px 0px 42px;
}

.customer-box-wrap .title .line:after {
    left: 0;
    right: auto;
}

.customer-box-wrap .title {
    padding: 0px 0px 30px;
}

.customer-box-wrap .cta-btn-wrap {
    padding-top: 30px;
}

.client-box {
    position: relative;
    background: #fff url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/qoute-bg.svg) no-repeat right 17px bottom 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
}

.client-box .client-img {
    padding-bottom: 54%;
    position: relative;
    overflow: hidden;
}

.client-box .client-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.client-box .client-info {
    padding: 16px 30px 36px;
}

.client-box .overlay p,
.client-box .client-info p {
    display: contents;
    font-size: 16px;
    line-height: 1.5;
}

.client-box .client-info .read-more {
    font-size: 16px;
    color: #0d6efd;
    line-height: 1.625;
    margin-left: 5px;
}

.client-box .client-name {
    font-size: 18px;
    line-height: 1.33333;
    font-weight: 500;
    margin: 15px 0 2px;
}

.client-box .client-designation {
    font-size: 14px;
    line-height: 1.7142;
    font-weight: 400;
    color: #7A7C80;
}

.client-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 45px 20px 33px 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.client-box .overlay:not(.active) {
    opacity: 0;
    visibility: hidden;
}


.client-box .overlay .read-more-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    padding: 8px;
}

.client-box .overlay p {
    display: block;
}

.client-box .overlay p:last-child {
    margin-bottom: 0;
}

.client-box .overlay .content-box {
    height: 100%;
    overflow: auto;
    scroll-behavior: inherit !important;
    scrollbar-color: #565656 #dee2e6;
    scrollbar-width: thin;
}

/*.customer-box-wrap .client-list {
    margin-bottom: -30px;
}

.customer-box-wrap .client-list li {
    margin-bottom: 30px;
}*/

/*.customer-review-slider-wrap{
    padding: 0px 15px 0;
}*/

.customer-review-slider-wrap .slick-list {
    margin: 0 -15px 0;
}

/*.customer-review-slider-wrap .slick-list .slick-track{
    display: flex;
}
.customer-review-slider-wrap .slick-list .slick-track .review-slide{
}*/

.customer-review-slider-wrap .slick-list .review-slide {
    padding: 0 15px 0;
}

.customer-review-slider:not(.slick-initialized) .review-slide:not(:first-child) {
    display: none;
}

.customer-review-slider-wrap .slick-list .slick-track {
    display: flex;
    flex-wrap: wrap;
}

.customer-review-slider-wrap .slick-list .slick-track .review-slide {
    height: initial;
}

.customer-review-slider-wrap .slick-list .slick-track .review-slide .client-box {
    height: 100%;
}


.customer-review-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 1;
}

.customer-review-slider .slick-arrow.prev {
    left: -50px;
}

.customer-review-slider .slick-arrow.next {
    right: -50px;
}


.happy-customer-slider {
    padding: 0px 68px;
    margin: -8px 0px 65px;
}

.happy-customer-slider:not(.slick-initialized) .item-box:not(:first-child) {
    display: none;
}

.happy-customer-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.happy-customer-slider .slick-arrow.prev {
    left: 0;
}

.happy-customer-slider .slick-arrow.next {
    right: 0;
}

.happy-customer-slider .slick-list {
    margin: 0px -5px;
}

.happy-customer-slider .slick-track .item-box {
    padding: 0px 5px;
}

.happy-customer-slider .slick-track {
    display: flex;
    flex-wrap: wrap;
}

.happy-customer-slider .slick-track .item-box {
    /*height: initial;*/
}

.happy-customer-slider .slick-track .item-box .happy-customer-box {
    height: 100%;
}

.happy-customer-box {
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
    background: #fff url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/qoute-bg.svg) no-repeat right 20px bottom 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.happy-customer-box .customer-img {
    width: 70px;
    height: 70px;
    min-width: 70px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
}

.happy-customer-box .customer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.happy-customer-box .customer-info {
    width: calc(100% - 70px);
    padding-left: 16px;
}

.happy-customer-box .customer-info>p:last-child {
    margin-bottom: 0px;
}

.happy-customer-box .customer-about {
    display: flex;
    flex-wrap: wrap;
    padding-top: 24px;
}

.happy-customer-box .customer-about .name-designation {
    width: 163px;
}

.happy-customer-box .customer-about .name {
    font-size: 18px;
    line-height: 1.333;
    font-weight: 600;
    margin-bottom: 6px;
}

.happy-customer-box .customer-about .designation,
.happy-customer-box .customer-about .company-name {
    font-size: 15px;
    line-height: 1.4;
    color: #7A7C80;
}

.happy-customer-box .customer-about .company-logo {
    width: calc(100% - 187px);
    display: flex;
    align-items: center;
    border-left: 1px solid #CAC4CC;
    padding-left: 24px;
    margin-left: 24px;
}

.happy-customer.three-block .cta-btn-wrap {
    padding-top: 0px;
}


.home-testimonial {
    padding-top: 100px;
}

.home-testimonial .testimonial-video {
    padding-top: 61px;
    text-align: center;
}

.home-testimonial .testimonial-video .video-box {
    position: relative;
}

.home-join-cloud .left-col {
    padding: 100px 15px 152px;
}

.home-join-cloud .content-box .cta-btn-wrap {
    padding-top: 28px;
}


.home-resources {
    padding: 100px 0px;
    background: repeat-x bottom center;
}

.home-resources .title .sub-text {
    max-width: 768px;
}


.industry-report-box {
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.industry-report-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(32, 36, 42, 0) 0%, rgba(32, 36, 42, 0.5298494397759104) 52%, rgba(32, 36, 42, 0.7315301120448179) 100%);
    ;
    opacity: 0.76;
    z-index: 0;
}

.industry-report-box .industry-img {
    width: 100%;
    height: 100%;
}

.industry-report-box .industry-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.industry-report-box .industry-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
}

.industry-report-box .tag-wrap {
    margin: -10px 0px 0px -10px;
}

.industry-report-box .tag {
    font-size: 14px;
    line-height: 1.214285;
    color: #fff;
    display: inline-flex;
    padding: 8px 16px;
    background: rgba(32, 36, 42, 0.9);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.industry-report-box .industry-info h3 {
    font-size: 18px;
    line-height: 1.44444;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}


.box-stl {
    display: flex;
    flex-direction: column;
    background: rgb(17, 17, 17);
    padding: 20px 20px 30px;
    border: 1px solid #000000;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.box-stl.big-box {
    height: 100%;
}

.box-stl.box-shape-stl:after {
    content: "";
    position: absolute;
    top: calc(100% - 80px);
    right: 0;
    width: calc(100% - 15px);
    max-width: 248px;
    height: 312px;
    background: #FFF9F5;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    z-index: -1;
}

.box-stl>.icon {
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}

.box-stl>.icon img {
    width: 40px;
    height: 40px;
}

.box-stl .box-title {
    position: relative;
    font-size: 22px;
    line-height: 1.18181;
    font-weight: 600;
    margin: auto 0 0 auto;
    z-index: 1;
}

.resource-list {
    margin: 0px 0px 0px;
    height: 100%;
}

.resource-list>li {
    padding: 0px 15px 0px;
}

.resource-list>li:last-child {
    display: flex;
    flex-direction: column;
}

.resource-list>li .item-box {
    height: 100%;
}

.resource-list>li .item-box:not(:last-child) {
    margin-bottom: 30px;
}

.home-resources .resource-list-wrap {
    padding-top: 26px;
}

.footer-banner {
    position: relative;
    padding: 80px 0px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #F4F4F4;
}

.footer-banner .container {
    position: relative;
    max-width: 1224px;
    z-index: 1;
}

.footer-banner .banner-box {
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
}

.footer-banner .banner-box .col-left {
    width: calc(100% - 42.5%);
    display: flex;
    align-items: center;
}

.footer-banner .banner-box .col-right {
    width: 42.5%;
    background: no-repeat bottom right;
    background-size: contain;
}

.footer-banner .banner-box .col-right.img-center-right {
    align-items: center;
    justify-content: flex-end;
    padding-right: 84px;
}

.footer-banner .banner-box .col-right.img-center-bottom {
    align-items: flex-end;
    justify-content: center;
}

.footer-banner .banner-box .col-right.img-center-center {
    justify-content: center;
    align-items: center;
}

.footer-banner .banner-box .content-box {
    padding: 80px 0px 80px 104px;
}

.footer-banner .content-box .title {
    padding-bottom: 8px;
}

.footer-banner .content-box .title .h2 {
    padding-bottom: 16px;
}

.footer-banner .content-box .cta-btn-wrap {
    padding-top: 12px;
}

.footer-banner .shape {
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-banner .news-text {
    max-width: 430px;
    padding: 10px 12px 0px 0px;
}

.footer-banner .news-text p {
    font-size: 14px;
    line-height: 1.57142;
    color: #797C7F;
}

.footer-banner .news-text p:last-child {
    margin-bottom: 0px;
}

.footer-banner .news-text p a {
    color: #0d6efd;
    text-decoration: underline;
}

.footer-banner .news-text p a:hover {
    text-decoration: none;
}

.footer .footer-top .bottom-image-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px -10px -20px;
}

.footer .footer-top .bottom-image-logo>a {
    width: 25%;
    padding: 0 10px 20px;
    max-width: 100px;
}

.footer .footer-top .bottom-image-logo>a img {
    width: 100%;
}

/*=== home end ===*/

/*=== industry start ===*/
.scroll-wrap {
    position: sticky;
    top: 80px;
    z-index: 9;
    background: #F3F2F3;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16);
}

body.logged-in .scroll-wrap {
    top: 112px;
}

.scroll {
    margin: 0px -15px 0px;
    width: calc(100% - 120px);
}

.scroll>li {
    flex-grow: 1;
    padding: 0px 15px 0px;
}

.scroll>li>a {
    display: block;
    font-size: 18px;
    line-height: 1.16666;
    font-weight: 600;
    color: #74777a;
    padding: 20px 0px;
    position: relative;
    word-break: break-word;
    white-space: normal;
}

.scroll>li>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 4px;
    background: #0d6efd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.scroll>li.active>a,
.scroll>li>a:hover {
    color: #0d6efd;
}


.scroll>li.active>a:after,
.scroll>li>a:hover:after {
    width: 100%;
}


.delivering-excellence {
    padding: 118px 0px 100px;
}

.delivering-excellence .shape-stl.shape-left {
    top: 54px;
    bottom: auto;
}

.delivering-excellence .shape-stl.shape-right {
    top: 42px;
    bottom: auto;
}

.delivering-excellence .description-box {
    padding-top: 7px;
}

.cisco-box-wrap {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 68%;
}

.cisco-box {
    padding: 30px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: bottom right;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    max-width: 408px;
    margin-left: auto;
}

.cisco-box .img-box {
    text-align: center;
    padding-bottom: 20px;
    padding-bottom: 20px;
}

.cisco-box .qoute-box {
    padding: 15px 0px 18px;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/qoute-bg.svg) no-repeat top left;
    background-size: 46px;
}

.cisco-box .info-box {
    align-items: center;
    padding-top: 23px;
    border-top: 1px solid rgba(202, 196, 204, 0.36);
}

.cisco-box .info-box .user-img {
    width: 72px;
    min-width: 72px;
    height: 72px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.cisco-box .info-box .user-name-deg {
    width: calc(100% - 72px);
    padding-left: 17px;
}

.cisco-box .info-box .user-name {
    font-weight: 500;
}

.cisco-box .info-box .company-name,
.cisco-box .info-box .user-deg {
    font-size: 15px;
    line-height: 1.4;
    color: #8e9093;
}

.industries-served {
    padding: 100px 0px;
    background: #FBEDE6;
}

.industries-served .shape-stl.shape-left {
    top: auto;
    bottom: 50px;
}

.industries-served .box-stl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    padding: 20px 20px 20px;
}

.industries-served .box-stl.box-shape-stl:after {
    top: calc(100% - 43px);
}

.industries-served .box-stl .icon {
    width: 60px;
    padding-bottom: 0px;
}

.industries-served .box-stl h3 {
    font-size: 20px;
    line-height: 1.2;
    width: calc(100% - 60px);
    padding-left: 16px;
    word-break: break-word;
    margin: 0;
}

.industries-served .industries-list {
    padding-top: 30px;
}

.industries-served .industries-list>ul {
    margin-bottom: -30px;
}

.industries-served .industries-list>ul>li {
    padding-bottom: 30px;
}

/*=== industry end ===*/

/* shape start */
.shape-stl {
    position: absolute;
}

.shape-stl.shape-left {
    top: 0;
    left: 0;
    text-align: left;
}

.shape-stl.shape-right {
    right: 0;
    bottom: 0;
    text-align: right;
}


/* shape end */

/* solutions start */
.list>ul {
    margin-bottom: -30px;
}

.list>ul>li {
    padding-bottom: 30px;
}

.our-methodology {
    padding: 118px 0px 100px;
}

.our-methodology .shape-stl.shape-left {
    top: auto;
    bottom: 66px;
}

.our-methodology .shape-stl.shape-right {
    top: 120px;
    bottom: auto;
}

.our-methodology .list {
    padding-top: 50px;
}

.box-stl.box-methodology {
    height: 100%;
    padding: 30px;
}

.box-stl.box-methodology .icon {
    padding-bottom: 24px;
}

.box-stl.box-methodology h3 {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 12px;
}

.box-stl.box-methodology p:last-child {
    margin-bottom: 0px;
}


.industries-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.industries-box .industries-img {
    width: 45.8%;
    position: relative;
    z-index: 1;
}

.industries-box .industries-img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/industries-box-bg-shape.svg) no-repeat;
    z-index: -1;
}

.industries-box .industries-img img {
    width: 100%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.industries-box .industries-info {
    display: flex;
    width: calc(100% - 45.8%);
    padding-top: 14px;
}

.industries-box .content-box h3 {
    margin-bottom: 16px;
}

.industries-box .content-box .cta-btn-wrap {
    padding-top: 5px;
}

.industries {
    padding: 100px 0px;
    overflow: hidden;
}

.industries .shape-stl.shape-left {
    top: 35.3%;
}

.industries .shape-stl.shape-right {
    top: 28.8%;
    bottom: auto;
}

.industries .industries-list {
    padding-top: 26px;
}

.industries .industries-list>ul>li:not(:last-child) {
    padding-bottom: 100px;
}

.industries .industries-list>ul>li:nth-child(even) .industries-box {
    flex-direction: row-reverse;
}

.industries .industries-list>ul>li:nth-child(odd) .industries-box .industries-info {
    padding-left: 60px;
}

.industries .industries-list>ul>li:nth-child(even) .industries-box .industries-info {
    padding-right: 60px;
}

.industries .industries-list>ul>li:nth-child(odd) .industries-box .industries-img:after {
    background-position: left center;
    left: -137px;
}

.industries .industries-list>ul>li:nth-child(even) .industries-box .industries-img:after {
    background-position: right center;
    right: -137px;
}

.our-framework {
    overflow: hidden;
    padding: 100px 0 100px;
}

.our-framework .contact-box {
    padding: 47px 0 0;
}

.our-framework .contact-box p:last-child {
    margin-bottom: 0px;
}

.our-framework .frame-box {
    position: relative;
}

.our-framework .frame-box .shape-right {
    position: absolute;
    top: 0;
    right: -136px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
}

.our-framework .frame-box .shape-right img {
    height: 100%;
    width: 100%;
}

.our-framework .frame-box .img-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    z-index: 1;
}

.our-framework .frame-box .img-box img {
    width: 100%;
}

/* solutions end */


/* event and event details start */
.event-box {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
}

.event-box:not(.large-box) {
    flex-direction: column;
}

.event-box .event-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.event-box .event-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.event-box:hover .event-img img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

.event-box:not(.large-box) .event-img {
    position: relative;
    height: 227px;
}

.event-box:not(.large-box) .event-img img {
    position: absolute;
    left: 0;
    top: 0;
}

.event-box .event-info {
    padding: 28px 30px 30px;
}

.event-box .event-info h3 {
    font-size: 24px;
    line-height: 1.41666;
    font-weight: 600;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-box .event-info h3 a {
    display: block;
}

.event-box .event-info p {
    margin-bottom: 9px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-box .event-meta {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px 18px;
}

.event-box .event-meta>li {
    font-size: 16px;
    line-height: 1.5;
    color: #797C7F;
    display: flex;
    align-items: center;
    padding: 0px 15px 0px;
    position: relative;
    background-image: none;
    margin-bottom: 0px;
}

.event-box .event-meta>li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 18px;
    width: 1px;
    margin: auto 0;
    background: #CAC4CC;
}

.event-box .event-meta>li .icon {
    margin-right: 8px;
}

.event-box.large-box {
    background: #F0F0F0;
}

.event-box.large-box.bg-white {
    background: #fff;
}

.event-box.large-box .event-img {
    width: 48.4%;
}

.event-box.large-box .event-info {
    display: flex;
    align-items: center;
    width: calc(100% - 48.4%);
    padding: 50px 60px 55px 50px;
}

.webinar-demand {
    padding: 100px 0px;
}

.webinar-demand .shape-stl.shape-left {
    top: auto;
    bottom: 111px;
}

.webinar-demand .shape-stl.shape-right {
    top: 97px;
    bottom: auto;
}

.webinar-demand .webinar-box-wrap {
    padding-top: 26px;
}


/* event and event details end */

/* work and blog and blog details star */
.work-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.work-box .work-img {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 59.8%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.work-box .work-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.work-box .category-wrap {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
}

.work-box .category {
    display: inline-flex;
    flex-wrap: wrap;
    background: rgba(32, 36, 42, 0.9);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 16px;
}

.work-box .category a {
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    position: relative;
}

.work-box .category a:hover {
    color: #0d6efd;
}

.work-box .category a:not(:last-child):after {
    content: ",";
    margin-right: 5px;
}

.work-box .tag {
    margin-bottom: 9px;
}

.work-box .tag a {
    font-size: 16px;
    line-height: 1.75;
    color: #0d6efd;
    position: relative;
}

.work-box .tag a:not(:last-child):after {
    content: ",";
    margin-right: 5px;
}

.work-box h3 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 0px;
}

.work-box .video-btn-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.16);
}

.work-box .video-btn {
    width: 62px;
    height: 62px;
}

.work-box .video-btn:after {
    width: 62px;
    height: 62px;
}

.work-box .video-btn svg.icon {
    width: 18px;
    height: 18px;
}

/* work and blog and blog details end */

/* all form and input style start */


.newsletter-box .input-group {
    position: relative;
}

.newsletter-box .input-group input {
    font-size: 16px;
    line-height: 1.25;
    color: #20242A;
    font-weight: 500;
    height: 55px;
    border: none;
    padding: 10px 54px 10px 14px;
    border: 1px solid #CAC4CC;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.newsletter-box .input-group .newsletter-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    width: 54px;
    color: #fff;
    background: #0d6efd;
    border: none;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    z-index: 9;
    outline: none;
    box-shadow: none;
}


.ns-container .ns-form .ns-group input::-webkit-input-placeholder,
.newsletter-box .input-group input::-webkit-input-placeholder {
    color: #BCBDBF;
    opacity: 1;
}

.ns-container .ns-form .ns-group input:-moz-placeholder,
.newsletter-box .input-group input:-moz-placeholder {
    color: #BCBDBF;
    opacity: 1;
}

.ns-container .ns-form .ns-group input::-moz-placeholder,
.newsletter-box .input-group input::-moz-placeholder {
    color: #BCBDBF;
    opacity: 1;
}

.ns-container .ns-form .ns-group input:-ms-input-placeholder,
.newsletter-box .input-group input:-ms-input-placeholder {
    color: #BCBDBF;
    opacity: 1;
}

.ns-container .ns-form .ns-group input::-ms-input-placeholder,
.newsletter-box .input-group input::-ms-input-placeholder {
    color: #BCBDBF;
    opacity: 1;
}

.ns-container .ns-form .ns-group input::placeholder,
.newsletter-box .input-group input::placeholder {
    color: #BCBDBF;
    opacity: 1;
}

.ns-container {
    padding: 0px;
    max-width: 480px;
}

.ns-container .ns-wrapper {
    max-width: 100%;
    padding: 0px;
}

.ns-container .ns-form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.ns-container .ns-form .ns-error {
    font-size: 14px;
    padding: 0px 0px;
}

.ns-container .ns-form span.ns-error {
    text-align: right;
}

.ns-container .ns-form .ns-action {
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    width: 54px;
}

.ns-container .ns-form .ns-group {
    flex-grow: 1;
    padding-bottom: 0px;
}

.ns-container .ns-form .ns-group input {
    width: 100%;
    font-size: 16px;
    line-height: 1.25;
    color: #20242A;
    font-weight: 500;
    height: 55px;
    border: none;
    padding: 10px 54px 10px 14px;
    border: 1px solid #CAC4CC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ns-container .ns-form .ns-action .ns-submit {
    font-size: 0px;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
    background: #0d6efd url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/send-icon.svg) no-repeat center;
    background-size: 16px;
}


.side-newsletter .ns-container .ns-form .ns-group input {
    font-size: 14px;
    line-height: 1.2142;
    height: 44px;
}

.side-newsletter .ns-container .ns-form .ns-action {
    height: 44px;
    width: 43px;
}

.side-newsletter .ns-container .ns-form .ns-action .ns-submit {
    background-size: 13px;
}


.newsletter-box .news-text {
    padding: 10px 12px 0px 0px;
}

.newsletter-box .news-text p {
    font-size: 14px;
    line-height: 1.57142;
    color: #797C7F;
}

.newsletter-box .news-text p:last-child {
    margin-bottom: 0px;
}

.newsletter-box .news-text p a {
    color: #0d6efd;
    text-decoration: underline;
}

.newsletter-box .news-text p a:hover {
    text-decoration: none;
}

.filter-section {
    padding: 22px 0;
}

.filter {
    padding: 18px 15px;
    background: #F3F2F3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*margin-bottom: 50px;*/
}

.filter .filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0px -15px -30px;
    padding: 0px 15px;
}

.filter .filter-row .filter-col {
    padding: 0px 15px 30px;
    flex: 0 0 auto;
    width: 50%;
}

.filter .select2-stl {
    display: flex;
    align-items: center;
}

.filter .select2-stl h3 {
    font-size: 18px;
    line-height: 1.166;
    font-weight: 600;
    margin: 0px 16px 0px 0px;
}

.select2 {
    min-width: 0;
}

.select2 .dropdown-wrapper,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2 .selection .select2-selection,
.select2 .selection,
.select2 {
    outline: none;
    box-shadow: none;
}

.select2 span:focus {
    outline: none;
    box-shadow: none;
}

.select2 .selection .select2-selection {
    height: 44px;
    border: 1px solid #0d6efd;
    background: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 1.25;
    color: #20242A;
    font-weight: 500;
    padding-left: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: auto;
    bottom: auto;
    right: 10px;
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 11px;
    height: 6px;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/select-arrow.svg) no-repeat center/contain;
    border: none;
}

.select2-results__option {
    font-size: 16px;
    line-height: 1.7;
    color: #20242A;
    font-weight: 500;
    /*padding-left: 14px;*/
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container .select2-dropdown {
    border-color: #0d6efd;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background: #0d6efd;
}

.select2 .selection .select2-selection ul.select2-selection__rendered {
    /*display: none;*/
    font-size: 16px;
    line-height: 1.25;
    color: #B4B5B7;
    font-weight: 500;
    padding: 0 14px;
}

.select2 .selection .select2-selection {
    padding: 0px 40px 0px 0px;
    position: relative;
}

.select2 .selection .select2-selection:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/select-arrow.svg) no-repeat center/12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select2 .selection .select2-selection[aria-expanded="true"]:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.filter-search {
    display: flex;
}

.filter-search form {
    width: 100%;
}

.filter-search .input-group {
    height: 44px;
    border: 1px solid #0d6efd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.filter-search .input-group input {
    color: #20242A;
    border: none;
    background: none;
    border-radius: 0px;
}

.filter-search .input-group button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    color: #74777A;
    background: none;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.filter-search .input-group button:hover {
    color: #0d6efd;
}


.filter-search .input-group input::-webkit-input-placeholder {
    color: #74777A;
    opacity: 1;
}

.filter-search .input-group input:-moz-placeholder {
    color: #74777A;
    opacity: 1;
}

.filter-search .input-group input::-moz-placeholder {
    color: #74777A;
    opacity: 1;
}

.filter-search .input-group input:-ms-input-placeholder {
    color: #74777A;
    opacity: 1;
}

.filter-search .input-group input::-ms-input-placeholder {
    color: #74777A;
    opacity: 1;
}

.filter-search .input-group input::placeholder {
    color: #74777A;
    opacity: 1;
}


.selected-list {
    margin: 20px -15px 0px;
    padding: 20px 30px 0px;
    border-top: 1px solid #C4C3C4;
}

.selected-list>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px -5px -10px;
}

.selected-list>ul>li {
    padding: 0px 5px 10px;
}

.selected-list>ul>li span {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.2142857;
    color: #0d6efd;
    background: #fff;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    padding: 10px 20px 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.selected-list>ul>li span:hover {
    color: #fff;
    background: #0d6efd;
}

.selected-list>ul>li span .close-btn {
    display: flex;
    align-items: center;
    color: currentColor;
    background: none;
    background: none;
    border: none;
    margin-left: 8px;
    transition: initial;
}

.selected-list>ul>li .clear-all {
    font-size: 14px;
    line-height: 1.2142857;
    color: #0d6efd;
    background: none;
    background: none;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.selected-list>ul>li .clear-all:not(:hover) {
    text-decoration: underline;
}

/* all form and input style end */


/* blog and blog details start */
body.blog {
    padding: 0px;
    position: static;
}

.blog {
    padding: 40px 0px 100px;
}

.blog .shape-stl.shape-left {
    top: 45.8%;
}

.blog .shape-stl.shape-right {
    bottom: 18.2%;
}

.blog .ul-list {
    margin-bottom: -30px;
}

.blog .ul-list>li {
    padding-bottom: 30px;
}

.blog .blog-list-wrap .ul-list {
    margin-bottom: -50px;
}

.blog .blog-list-wrap .ul-list>li {
    padding-bottom: 50px;
}


.blog .work-box.big-box {
    padding-bottom: 30px;
}

.blog .work-box.big-box .work-img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.blog .work-box.big-box .tag {
    margin-bottom: 14px;
}

.blog .work-box.big-box .description-box {
    padding-top: 14px;
}

.blog .work-box.big-box .description-box p:last-child {
    margin-bottom: 12px;
}

.blog .blog-list-wrap {
    padding-top: 50px;
}


.our-work {
    padding: 100px 0px;
}

.our-work .shape-stl.shape-left {
    top: auto;
    bottom: 75px;
}

.our-work .shape-stl.shape-right {
    top: 29px;
    bottom: auto;
}

.our-blog .title .sub-text {
    padding-top: 68px;
}

.our-blog .blog-list,
.our-work .work-list {
    padding-top: 26px;
}

.our-blog .blog-list>ul,
.our-work .work-list>ul {
    margin-bottom: -30px;
}

.our-blog .blog-list>ul>li,
.our-work .work-list>ul>li {
    padding-bottom: 30px;
}


.our-blog {
    padding: 100px 0px;
}

.our-blog .shape-stl.shape-left {
    top: auto;
    bottom: 115px;
}

.our-blog .shape-stl.shape-right {
    top: 107px;
    bottom: auto;
}

.blog-detail {
    padding: 32px 0px 100px;
}

.blog-detail .blog-image {
    margin-bottom: 24px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}

.blog-detail .blog-image img {
    width: 100%;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    font-weight: 600;
    margin: 32px 0px 13px;
}


.blog-content h1 b,
.blog-content h2 b,
.blog-content h3 b,
.blog-content h4 b,
.blog-content h5 b,
.blog-content h6 b,
.blog-content h1 strong,
.blog-content h2 strong,
.blog-content h3 strong,
.blog-content h4 strong,
.blog-content h5 strong,
.blog-content h6 strong {
    font-weight: 600;
}

.blog-content h1 {
    font-size: 38px;
    line-height: 1.333333;
}

.blog-content h2 {
    font-size: 30px;
    line-height: 1.333333;
}

.blog-content h3 {
    font-size: 24px;
    line-height: 1.41666;
}

.blog-content h4 {
    font-size: 20px;
    line-height: 1.5;
}

.blog-content h6,
.blog-content h5 {
    font-size: 18px;
    line-height: 1.5;
}

.blog-content p:last-child {
    margin-bottom: 0px;
}

.blog-content p a {
    color: #0d6efd;
    text-decoration: underline;
}

.blog-content p a:hover {
    text-decoration: none;
}

.blog-content p strong {
    font-weight: 600;
}

.blog-content ul {
    padding-left: 29px;
}

.blog-content img {
    margin-bottom: 5px;
}


.blog-content .video-box {
    position: relative;
    padding-bottom: 52%;
}

.blog-content .table-wrap {
    overflow-x: auto;
}

.blog-content table {
    min-width: 400px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid rgba(112, 112, 112, 0.18);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.blog-content table th,
.blog-content table td {
    font-size: 14px;
    line-height: 2;
    font-weight: 400;
    padding: 11px 20px 9px;
    /*    text-align: center;*/
}

.blog-content table th {
    font-weight: 700;
}


.blog-content table tr td:first-child {
    text-align: left !important;
}

.blog-content table tr td+td+td:last-child {
    /*    text-align: right;*/
    padding-right: 45px;
}

.blog-content table tr:not(:last-child) td {
    border-bottom: 1px solid rgba(202, 196, 204, 0.24);
}

.blog-content table tr:nth-child(odd) {
    background: rgba(240, 240, 240, 0.33);
}

.comment-section {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #CAC4CC;
}

.comment-title h2 {
    font-size: 24px;
    line-height: 1.2083;
    font-weight: 600;
    margin-bottom: 5px;
}

.comment-body .comment-author {
    display: flex;
    flex-wrap: wrap;
}

.comment-body .comment-author .cms-image {
    width: 60px;
    height: 60px;
    overflow: hidden;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.comment-body .comment-author img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment-body .comment-author .cms-content {
    width: calc(100% - 60px);
    padding-left: 17px;
}

.comment-body .cms-content .namedate {
    display: flex;
    align-items: center;
    padding: 20px 0px 17px;
}

.comment-body .cms-content cite.fn {
    font-size: 18px;
    line-height: 1.166;
    font-weight: 600;
    color: #20242A;
    text-transform: capitalize;
    font-style: normal;
}

.comment-body .cms-content .says {
    display: none;
}

.comment-body .cms-content .namedate a {
    font-size: 18px;
    line-height: 1.1666;
    color: #787B7E;
    margin-left: 16px;
    pointer-events: none;
}

.comment-body .cms-content>p {
    margin-bottom: 9px;
}

.comment-body .reply a {
    font-size: 18px;
    line-height: 1.166;
    color: #0d6efd;
    font-weight: 400;
    padding-left: 28px;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/reply-icon.svg) no-repeat left center;
}


ol.commentlist li {
    padding: 20px 0px 16px;
}

ol.commentlist>li {
    border-bottom: 1px solid #CAC4CC;
}

ol.commentlist>li:last-child {
    border: none;
}

ol.commentlist ul.children {
    padding-left: 77px;
}

ol.commentlist ul.children .comment-body {
    padding-left: 16px;
    position: relative;
}

ol.commentlist ul.children .comment-body:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: #CAC4CC;
}


.comment-respond {
    padding-top: 32px;
}

.comment-respond .title {
    padding: 0px 0px 47px;
}

.comment-respond textarea.form-control {
    height: 120px;
    outline: none;
}

/* sidebar start */

.sidebar .side-item:not(:last-child) {
    margin-bottom: 30px;
}

.side-contact-box,
.side-case-box,
.side-newsletter,
.author-box {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.sidebar .side-title {
    font-size: 24px;
    line-height: 1.416666;
    font-weight: 600;
    margin-bottom: 26px;
}

.author-box {
    background: #FFEEE5;
    /*padding: 30px;*/
    padding: 18px;
}

.author-box .author-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 3px;
}

.author-box .author-info-wrap .author-img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    position: relative;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
}

.author-box .author-info-wrap .author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-box .author-info-wrap .author-info {
    width: calc(100% - 60px);
    padding: 12px 0px 12px 20px;
}

.author-box .author-info .author-name {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 6px;
}

.author-box .author-info .author-deg {
    font-size: 14px;
    line-height: 1.3;
    color: #787474;
}

.author-box .content-box p:last-child {
    margin-bottom: 0px;
}

.author-box .cta-read-more-wrap {
    display: block;
    margin-top: 2px;
}

.side-newsletter {
    background: #F3F2F3;
    padding: 30px;
    text-align: center;
}

.side-newsletter .newsletter-box {
    max-width: 450px;
    margin: auto;
}

.side-contact-box .title,
.side-newsletter .title {
    padding: 0px 0px 29px;
}

.side-contact-box .title h2,
.side-newsletter .title h2 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 12px;
}

.side-contact-box .title h2.line:after,
.side-newsletter .title h2.line:after {
    width: 125px;
    height: 2px;
}

.side-newsletter .newsletter-title {
    font-size: 24px;
    line-height: 1.4166;
    font-weight: 600;
    max-width: 310px;
    margin: 0px auto 38px;
}

.side-newsletter .newsletter-box .input-group input {
    height: 44px;
    font-size: 14px;
    line-height: 1.2142;
    padding: 10px 54px 10px 14px;
}

.side-newsletter .newsletter-box .input-group .newsletter-btn {
    height: 44px;
    width: 43px;
}

.sidebar .side-share {
    padding-top: 8px;
}

.sidebar .side-share .side-title {
    margin-bottom: 14px;
}

.sidebar ul.social li a:before {
    background: #CAC4CC;
}

.sidebar ul.social li a:hover {
    color: #fff;
}

.sidebar ul.social li a:hover:before {
    background: #0d6efd;
}

.side-case-box {
    background: #F0F0F0;
    padding: 30px 30px 20px;
}

.side-case-box .case-img {
    text-align: center;
    padding-bottom: 11px;
}

.side-case-box ul.case-list>li {
    padding: 19px 0px 8px;
}

.side-case-box ul.case-list>li:not(:last-child) {
    border-bottom: 1px solid rgba(7, 7, 7, 0.08);
}

.side-case-box .case-box h6 {
    font-size: 14px;
    line-height: 1.3;
    color: #64676B;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.side-case-box .case-box h5 {
    font-size: 18px;
    line-height: 1.444444;
    color: #20242A;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: initial;
}

.side-contact-box {
    text-align: center;
    background: #F3F2F3;
    padding: 32px;
}

.side-contact-box h6 {
    font-size: 16px;
    line-height: 1.3;
    margin: 23px 0px 12px;
    font-weight: 600;
}

.side-contact-box a {
    font-size: 20px;
    line-height: 1.2;
    color: #0d6efd;
    font-weight: 600;
}

.side-contact-box a:hover {
    color: #FD8E4D;
}


/* sidebar end */


.related-blog {
    padding: 0 0px 100px;
}

.related-blog .related-blog-list {
    padding-top: 30px;
}

.related-blog .related-blog-list>ul {
    margin-bottom: -30px;
}

.related-blog .related-blog-list>ul>li {
    padding-bottom: 30px;
}


/* blog and blog details end */

/* case study and details start */

.blog.case-study .shape-stl.shape-left {
    top: 16.4%;
}

.blog.case-study .shape-stl.shape-right {
    bottom: 24.6%;
}

.blog.case-study .blog-list-wrap {
    padding-top: 0px;
}

.case-detail {
    padding: 180px 0px 50px;
}

.case-detail .case-image {
    margin-bottom: 24px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}

.case-detail .case-image img {
    width: 100%;
}

/*.case-content {
    overflow: auto;
}*/

.case-testimonial {
    padding: 50px 0px;
}

.case-testimonial-box {
    padding: 50px;
    text-align: center;
    background: #F0F0F0;
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.case-testimonial-box .content-box {
    width: 100%;
    max-width: 786px;
    margin: 0 auto 0;
}

.case-testimonial-box .qoute-icon {
    width: 100px;
    height: 100px;
    background: #0d6efd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 27px;
}

.case-testimonial-box .qoute-icon img {
    max-width: 39px;
}

.case-testimonial-box .client-info {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
}

.case-testimonial-box p {
    margin-bottom: 11px;
}

.square-progress-bar {
    text-align: center;
}

.square-progress-bar .square-box {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

.square-progress-bar .square-box .ldBar.label-center>.ldBar-label {
    font-size: 36px;
    font-weight: 700;
    color: #20242A;
}

.square-progress-bar .square-box g .baseline {
    stroke: #0d6efd;
}

.square-progress-bar .square-box g .mainline {
    stroke-dashoffset: 395px;
}

/* case study and details start */

/* our customers box */
.our-customers {
    padding: 0px 0px 100px;
}

.our-customers .container {
    max-width: 1424px;
}

.our-customers .title {
    padding-top: 15px;
}

.our-customers-box {
    padding: 65px 100px 80px;
    background: #F0F0F0 no-repeat bottom center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid rgba(112, 112, 112, 0.1);
}

.our-customers-slider {
    padding-bottom: 47px;
}

.our-customers-slider:not(.slick-initialized) .img-box:not(:first-child) {
    display: none;
}

.our-customers-slider .slick-arrow {
    position: absolute;
    bottom: 0;
}

.our-customers-slider .slick-arrow.prev {
    left: calc(50% - 42px);
}

.our-customers-slider .slick-arrow.next {
    right: calc(50% - 42px);
}

.our-customers-slider .slick-list {
    margin: 0px -15px;
}

.our-customers-slider .img-box {
    padding: 15px;
}

.our-customers-slider .img-box .logo-box {
    height: 129px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid rgba(112, 112, 112, 0.01);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 5px;
}

/* our customers box */

/* event and event detaisl start */
.upcoming-events {
    padding: 120px 0px 100px;
}

.upcoming-events .shape-stl.shape-left {
    top: 59px;
}

.upcoming-events .shape-stl.shape-right {
    top: 46px;
    bottom: auto;
}

.upcoming-events-slider {
    padding: 26px 0px 82px;
}

.upcoming-events-slider .slick-arrow {
    position: absolute;
    bottom: 0;
}

.upcoming-events-slider .slick-arrow.prev {
    left: calc(50% - 42px);
}

.upcoming-events-slider .slick-arrow.next {
    right: calc(50% - 42px);
}

.upcoming-events-slider .slick-list {
    margin: 0 -10px 0;
}

.upcoming-events-slider .slick-list .item-box {
    height: initial;
    padding: 0 10px 0;
}

.upcoming-events-slider .slick-list .slick-track {
    display: flex;
}

.on-demand-webinar {
    padding: 100px 0px;
}

.on-demand-webinar .shape-stl.shape-left {
    top: 56%;
}

.on-demand-webinar .shape-stl.shape-right {
    bottom: 12.5%;
}

.on-demand-webinar .webinar-list {
    padding-top: 26px;
}

.on-demand-webinar .webinar-list>ul {
    margin-bottom: -30px;
}

.on-demand-webinar .webinar-list>ul>li {
    padding-bottom: 30px;
}

.on-demand-webinar .cta-btn-wrap {
    padding-top: 50px;
}

.past-events {
    padding: 100px 0px;
}

.past-events .shape-stl.shape-left {
    top: 18.2%;
}

.past-events .shape-stl.shape-right {
    bottom: 37.9%;
}

.past-events .past-events-list {
    padding-top: 26px;
}

.past-events .cta-btn-wrap {
    padding-top: 50px;
}

.past-events .past-events-list>ul {
    margin-bottom: -50px;
}

.past-events .past-events-list>ul>li {
    padding-bottom: 50px;
}

.event-detail {
    padding: 180px 0px;
}

.event-detail .event-image {
    margin-bottom: 24px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}

.event-detail .event-image img {
    width: 100%;
}

.event-date-box {
    padding: 30px 40px 25px 30px;
    background: #F0F0F0;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-bottom: 26px;
}

.event-date-box .cta-btn-wrap {
    margin-left: auto;
}

.event-date-box ul.event-list>li {
    font-size: 20px;
    line-height: 1.5;
    color: #20242A;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.event-date-box ul.event-list>li:not(:last-child) {
    margin-bottom: 10px;
}

.event-date-box ul.event-list>li span {
    font-weight: 600;
    margin-left: 5px;
}

.event-date-box ul.event-list>li .icon {
    margin-right: 9px;
}

/* event and event detaisl start */


/* datasheets start */
.datasheet-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    padding: 27px 30px 30px;
    border: 1px solid #F6F6F6;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/*.datasheet-box:after {
    content: "";
    position: absolute;
    top: calc(100% - 80px);
    right: 0;
    width: calc(100% - 15px);
    max-width: 180px;
    height: 312px;
    background: #FFF9F5;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    z-index: -1;
}*/

.datasheet-box>.box-title {
    font-size: 18px;
    line-height: 1.44;
    font-weight: 600;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.datasheet-box .cta-btn-wrap {
    margin-top: auto;
    padding-top: 22px !important;
}

.datasheets {
    padding: 180px 0px 100px;
}

.datasheets .shape-stl.shape-left {
    top: 13.5%;
}

.datasheets .shape-stl.shape-right {
    top: auto;
    bottom: 6.7%;
}

.datasheets .datasheets-list>ul {
    margin-bottom: -50px;
}

.datasheets .datasheets-list>ul>li {
    padding-bottom: 50px;
}

.datasheets .cta-btn-wrap {
    padding-top: 50px;
}

/* datasheets end */

/* ebooks whitepapers start */

.ebook-box {
    display: flex;
    flex-wrap: wrap;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}

.ebook-box .ebook-img {
    width: 36.25%;
    position: relative;
    overflow: hidden;
}

.ebook-box .ebook-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ebook-box:hover .ebook-img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.ebook-box .ebook-info {
    padding: 30px 22px 30px;
    width: calc(100% - 36.25%);
    background: #F0F0F0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ebook-box .ebook-info .ebook-tag {
    padding: 5px 8px 5px;
    display: inline-flex;
    font-size: 14px;
    line-height: 1.3;
    color: #8F9194;
    font-weight: 600;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 12px;
}

.ebook-box .ebook-title {
    font-size: 18px;
    line-height: 1.44;
    font-weight: 600;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ebook-box .cta-btn-wrap {
    padding-top: 20px;
}

.ebooks-whitepapers {
    padding: 60px 0px 100px;
}

.ebooks-whitepapers .shape-stl.shape-left {
    top: 8.5%;
}

.ebooks-whitepapers .shape-stl.shape-right {
    top: auto;
    bottom: 21.3%;
}

.ebooks-whitepapers .ebook-list>ul {
    margin-bottom: -30px;
}

.ebooks-whitepapers .ebook-list>ul>li {
    padding-bottom: 30px;
}

.ebooks-whitepapers .cta-btn-wrap {
    margin-top: auto;
    padding-top: 50px;
}

.ebook-filter {
    width: 100%;
    max-width: 299px;
    display: flex;
    align-items: center;
    /*    padding-bottom: 50px;*/
}

.ebook-filter h3 {
    font-size: 18px;
    line-height: 1.166;
    font-weight: 600;
    margin: 0px 16px 0px 0px;
    white-space: nowrap;
}

.ebook-filter .select2 {
    max-width: 207px;
}

.ebook-filter .select2 .selection .select2-selection {
    height: 54px;
    outline: none;
}

/* ebooks whitepapers end */


/* all popup start */
.popup-stl:not(.modal) {
    padding: 30px;
    width: calc(100% - 30px);
    max-width: 685px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.popup-stl .title {
    padding: 0px 0px 25px;
}

.popup-stl .title {
    width: calc(100% - 40px);
    margin: 0 auto;
}

.popup-stl .title h3 {
    font-size: 24px;
    line-height: 1.4166;
    font-weight: 600;
    padding-bottom: 10px;
}

.popup-stl .title h3:after {
    height: 4px;
}

.popup-stl .title .sub-text {
    max-width: 527px;
    margin: 0 auto;
    padding-top: 23px;
}

.popup-stl button[type="button"] {
    top: 31px;
    right: 27px;
    width: 20px;
    height: 20px;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/close-btn.svg) no-repeat center;
    background-size: 12px;
}

.popup-stl button[type="button"] svg {
    display: none;
}

.custom-form label {
    font-size: 18px;
    line-height: 1.16;
    font-weight: 600;
    margin-bottom: 12px;
    width: 100%;
}


.custom-form .form-group {
    margin-bottom: 26px;
}

.custom-form .form-group .wpcf7-checkbox .wpcf7-list-item {
    margin: 0px;
}

.custom-form .form-group .wpcf7-checkbox label {
    display: flex;
    align-items: flex-start;
}

.custom-form .form-group .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
}

.custom-form .form-control,
.custom-form input:not(.cta-submit) {
    font-size: 16px;
    line-height: 1.25;
    color: #20242A;
    height: 54px;
    padding: 14px;
    font-weight: 500;
    border: 1px solid #CAC4CC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*margin-bottom: 10px;*/
}


.custom-form .wpcf7-form-control.wpcf7-not-valid,
.custom-form .form-control.not-valid {
    border-color: #F20517;
}

.custom-form .form-control:not(.cta-btn)::-webkit-input-placeholder {
    color: #BDBEC0;
}

.custom-form .form-control:not(.cta-btn):-moz-placeholder {
    color: #BDBEC0;
}

.custom-form .form-control:not(.cta-btn)::-moz-placeholder {
    color: #BDBEC0;
}

.custom-form .form-control:not(.cta-btn):-ms-input-placeholder {
    color: #BDBEC0;
}

.custom-form .form-control:not(.cta-btn)::-ms-input-placeholder {
    color: #BDBEC0;
}

.custom-form .form-control:not(.cta-btn)::placeholder {
    color: #BDBEC0;
}


.custom-form .cta-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.custom-form .cta-submit-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    background: #0d6efd;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transform: skew(-13deg, 0deg);
    -webkit-transform: skew(-13deg, 0deg);
    -moz-transform: skew(-13deg, 0deg);
    -ms-transform: skew(-13deg, 0deg);
    -o-transform: skew(-13deg, 0deg);
}

.custom-form .cta-submit-wrap .cta-submit {
    color: currentColor;
    background: none;
    border: none;
    -webkit-transform: skew(13deg, 0deg);
    -moz-transform: skew(13deg, 0deg);
    -ms-transform: skew(13deg, 0deg);
    -o-transform: skew(13deg, 0deg);
}

.custom-form .cta-submit-wrap:hover {
    color: #fff;
    background: #FD8E4D;
}


.custom-form .cta-submit-wrap .wpcf7-spinner {
    padding: 10px 27px 10px 27px;
    -webkit-transform: skew(13deg, 0deg);
    -moz-transform: skew(13deg, 0deg);
    -ms-transform: skew(13deg, 0deg);
    -o-transform: skew(13deg, 0deg);
}

.custom-form .checkbox {
    display: flex;
    margin-bottom: 10px;
}

.custom-form .wpcf7-checkbox input[type="checkbox"],
.custom-form .checkbox input[type="checkbox"] {
    display: none;
}


.custom-form .wpcf7-checkbox .wpcf7-list-item-label,
.custom-form .checkbox label {
    font-size: 16px;
    line-height: 1.3;
    color: #63666A;
    font-weight: 400;
    padding-left: 26px;
    position: relative;
    cursor: pointer;
}

.custom-form .wpcf7-checkbox .wpcf7-list-item-label:after,
.custom-form .checkbox label:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #63666A;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.custom-form .wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label:after,
.custom-form .checkbox input[type="checkbox"]:checked+label:after {
    background: #0d6efd;
}

.custom-form .wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
    color: #dc3232;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    display: block;
    margin-top: 0px;
    text-align: right;
}

.custom-form .cta-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.wpcf7-response-output {
    display: none;
}

.custom-form select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/select-arrow.svg") no-repeat center right 15px;
}

.custom-form select.form-control:required:invalid {
    color: #BDBEC0;
}

.custom-form select.form-control option {
    color: #20242A;
}

.popup-stl.modal .modal-dialog {
    max-width: 685px;
    width: calc(100% - 30px);
    margin: 20px auto 20px;
}

.popup-stl.modal .modal-content {
    position: relative;
    padding: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.popup-stl.modal .btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0;
    width: 20px;
    height: 20px;
    opacity: 1;
    outline: none;
    box-shadow: none;
    z-index: 1;
}

.popup-stl.modal .btn-close:focus {
    outline: none;
    box-shadow: none;
}

.modal-backdrop {
    background: #1e1e1e;
}

.modal-backdrop.show {
    opacity: .9;
}

/* all popup end */


/* about page start */



.content-box ul ul {
    margin-top: 9px;
}



.content-box ol {
    counter-reset: item;
}

.content-box ol li {
    counter-increment: item;
    padding-left: 36px;
    margin-bottom: 9px;
    position: relative;
}

.content-box ol li:before {
    position: absolute;
    top: 0;
    left: 0px;
    width: 32px;
    text-align: right;
    content: counters(item, '.') '.';
    font-weight: 600;
    margin-right: 4px;
}

.content-box ol ul,
.content-box ol ol {
    margin-top: 9px;
}

.content-box ol ul li {
    background: none;
}

.our-story {
    padding: 180px 0px 160px;
    background: repeat-x bottom center;
}

.our-story .img-box img {
    width: 100%;
}

.our-story .content-box {
    padding-top: 8px;
}

.our-mission {
    overflow: hidden;
    position: relative;
    padding: 100px 0px 112px;
    background: #FCF4F0;
}


.mission-wrap {
    width: 100%;
    max-width: 1103px;
    align-items: center;
    margin-left: auto;
    position: relative;
    padding-right: 18px;
}

.mission-wrap .shape-left {
    position: absolute;
    top: 82px;
    left: -21.68%;
    max-width: 211px;
}

.mission-tab {
    width: calc(100% - 590px);
    margin-top: -61px;
}

.mission-tab-content {
    width: 590px;
    margin-bottom: -91px;
}

.mission-tab .nav {
    flex-direction: column;

}

.mission-tab .nav li:not(:last-child) {
    margin-bottom: 65px;
}

.mission-tab .nav li h3 {
    cursor: pointer;
    font-size: 36px;
    line-height: 1.22;
    font-weight: 600;
    color: rgba(32, 36, 42, 0.5);
    margin: 0px;
    position: relative;
    z-index: 1;

}

.mission-tab .nav li h3 span {
    background: #FCF4F0;
    display: inline-block;
    padding-right: 52px;

}

.mission-tab .nav li h3:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -6px;
    height: 1px;
    margin: auto 0;
    background: #0d6efd;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.mission-tab .nav li:nth-child(2) h3:after {
    right: 18px;
}

.mission-tab .nav li h3.active {
    color: #0d6efd;
}

.mission-tab .nav li h3.active:after {
    opacity: 1;
}

.mission-tab-content .accordion-item {
    background: none;
    border: none;
    border-radius: 0px;
}


.skew-box-wrap {
    width: calc(100% - 60px);
    max-width: 518px;
    position: relative;
    -webkit-transform: skew(-13deg, 0deg);
    -moz-transform: skew(-13deg, 0deg);
    -o-transform: skew(-13deg, 0deg);
    -ms-transform: skew(-13deg, 0deg);
    transform: skew(-13deg, 0deg);
    z-index: 1;
}

.skew-box-wrap:after {
    content: "";
    position: absolute;
    top: 21px;
    left: -24px;
    right: 26px;
    height: 100%;
    border: 1px solid #0d6efd;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    z-index: 1;
}

.skew-box-wrap .skew-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #fff, 0px 10px 20px rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.skew-img-box .skew-img {
    position: absolute;
    top: 0;
    left: -65px;
    right: -65px;
    bottom: 0;
    height: 100%;
    background: no-repeat center/cover;
    -webkit-transform: skew(13deg, 0deg);
    -moz-transform: skew(13deg, 0deg);
    -o-transform: skew(13deg, 0deg);
    -ms-transform: skew(13deg, 0deg);
    transform: skew(13deg, 0deg);
    z-index: -1;
}

.skew-img-box .skew-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #20242A;
    opacity: 0.9;
}

.skew-box-wrap .content-box {
    position: relative;
    z-index: 9999;
    padding: 106px 4px 92px;
    margin: 0 auto;
    max-width: 354px;
    -webkit-transform: skew(13deg, 0deg);
    -moz-transform: skew(13deg, 0deg);
    -o-transform: skew(13deg, 0deg);
    -ms-transform: skew(13deg, 0deg);
    transform: skew(13deg, 0deg);
}

.skew-box-wrap .content-box p {
    font-size: 20px;
    line-height: 1.8;
    color: #fff;
}

.about-value {
    overflow: hidden;
    position: relative;
    padding: 100px 0px 100px;
}

.about-value .shape-stl.shape-left {
    top: 27.4%;
}

.about-value .shape-stl.shape-right {
    bottom: auto;
    top: 15px;
}

.box-stl.box-value {
    width: 100%;
    min-height: 200px;
    padding: 40px 30px 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    justify-content: space-between;
}

.box-stl.box-shape-stl.box-value:after {
    top: calc(100% - 126px);
    max-width: 216px;
}

.box-stl.box-value h3 {
    font-size: 20px;
    line-height: 1.2;
}

.about-value .value-list {
    padding-top: 48px;
}

.about-value .value-list>ul>li {
    position: relative;
    padding-bottom: 30px;
}

.about-value .value-list .box-stl .icon {
    width: 50px;
    height: 50px;
}

/*.about-value .value-list .box-stl .icon img{
    width: 100%;
    height: 100%;
}*/

.great-place-to-work {
    padding: 100px 0px;
}

.great-place-to-work .shape-stl.shape-right {
    top: 0;
}

.great-place-to-work .shape-stl.shape-left {
    top: 6%;
}

.great-place-work-box {
    margin: 30px 0px 55px;
    background: #F0F0F0;
    padding: 0px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.great-place-work-box .place-year-list {
    display: flex;
    justify-content: center;
    width: 430px;
    padding-left: 50px;
    margin: -30px 0px -55px;
}

.great-place-work-box .place-year-list>ul {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0px -14px 0;
}

.great-place-work-box .place-year-list>ul>li {
    width: 100%;
    padding: 0px 14px 0px;
}

.great-place-work-box .place-content {
    width: calc(100% - 430px);
    display: flex;
    align-items: center;
    padding: 0px 80px;
}

.great-place-work-box .place-content h3 {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0px;
}

.great-place-work-box .place-content h3 span {
    font-size: 42px;
    display: block;
}

/* about page end */

/* contact us start */

.contact-us {
    padding: 180px 0px 100px;
}

.contact-us .shape-stl.shape-left {
    top: 15%;
}

.contact-form h4 {
    margin-bottom: 12px;
}

.contact-form form {
    padding-top: 7px;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 26px;
}

.contact-form .form-group .form-control {
    margin-bottom: 0px;
}

.custom-form textarea.form-control,
.contact-form textarea.form-control {
    height: 124px;
}

.contact-form .cta-btn {
    padding: 10px 32px;
}

.contact-us .contact-info {
    background-color: #fff !important;
    padding: 30px 30px 183px;
    background: no-repeat left bottom;
}

.contact-us .contact-info h4 {
    margin-bottom: 21px;
}

.contact-info .contact-list>li {
    padding: 30px 0px 30px;
}

.contact-info .contact-list>li:not(:last-child) {
    border-bottom: 1px solid #CAC4CC;
}

.contact-info .contact-box {
    display: flex;
    flex-direction: column;
}

.contact-info .contact-box .icon-wrap {
    margin-bottom: 24px;
}

.contact-info .contact-box h5 {
    font-size: 24px;
    line-height: 1.20;
    margin-bottom: 13px;
}

.contact-info .contact-box>ul>li:not(:last-child) {
    margin-bottom: 6px;
}

.contact-info .contact-box>ul>li a {
    display: inline-flex;
    align-items: center;
    color: #0d6efd;
}

.contact-info .contact-box>ul>li a:hover {
    color: #FD8E4D;
}

.contact-info .contact-box>ul>li a .icon {
    margin-right: 8px;
}

.contact-info ul.social li a:before {
    background: #CAC4CC;
}

.contact-info ul.social li a:hover {
    color: #fff;
}

.contact-info ul.social li a:hover:before {
    background: #0d6efd;
}

/*.contact-info ul.social li a:not(:hover) {
    background: #CAC4CC;
}*/
.global-map {
    padding: 100px 0px 60px;
    background: linear-gradient(63deg, rgba(32, 36, 42, 1) 0%, rgba(1, 51, 125, 1) 100%);
}

.global-map .title {
    padding: 0px 0px 50px;
}


.global-map .map-wrap,
.global-map .map {
    position: relative;
}

.global-map .map img {
    width: 100%;
    max-width: 1104px;
}

.global-map .map-btn {
    height: 53px;
    width: 40px;
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/map-btn.svg) no-repeat center/contain;
    border: none;
    position: absolute;
}

/*.global-map .map-btn.active{
    background: url(../images/icons/map-orange-btn.svg) no-repeat center/contain;
}*/
.popover {
    width: 293px;
    max-width: 293px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    border: none;
    z-index: 9;
}

.popover-body {
    padding: 22px 24px 24px 24px;
}

.popover .popover-arrow {
    display: none;
}

.map-content .company-name {
    font-size: 16px;
    line-height: 1.5;
    color: #20242A;
    font-weight: 600;
    margin-bottom: 7px;
}

.map-content .address {
    font-size: 14px;
    line-height: 1.4285;
    color: #20242A;
    font-weight: 400;
    margin-bottom: 7px;
}

.map-content ul.map-info li a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.4285;
    color: #0d6efd;
    font-weight: 600;
}

.map-content ul.map-info li.location {
    margin-top: 6px;
}

.map-content ul.map-info li.location a {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 700;
    flex-direction: row-reverse;
}

.map-content ul.map-info li a .icon {
    width: 15px;
    height: 15px;
}

.map-content ul.map-info li a span:not(.icon) {
    margin-left: 8px;
}

.map-content ul.map-info li.location a span:not(.icon) {
    margin-left: 0px;
    margin-right: 13px;
}

.map-content ul.map-info li a .icon.call {
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/call-outline-icon.svg) no-repeat center/contain;
}

.map-content ul.map-info li a .icon.send {
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/send-outline-icon.svg) no-repeat center/contain;
}

.map-content ul.map-info li a .icon.map {
    background: url(https://CloudCadre.com/wp-content/themes/CloudCadre/assets/images/icons/read-more-orange-icon.svg) no-repeat center/contain;
}

/* contact us end */

/* leadership start */

.leadership {
    padding: 180px 0px 100px;
}

.leadership .shape-stl.shape-left {
    top: 6.7%;
}

.leadership .shape-stl.shape-right {
    bottom: 11.6%;
}

.leadership-box {
    /*    max-width: 332px;*/
    max-width: 362px;
    margin: 0 auto 0;
}

.leadership-box .img-box {
    width: 100%;
    display: inline-flex;
    position: relative;
    padding: 0px 38px 0px;
    margin-bottom: 24px;
    background: #fff;
    -webkit-transform: skew(-7deg, 0deg);
    -moz-transform: skew(-7deg, 0deg);
    -o-transform: skew(-7deg, 0deg);
    -ms-transform: skew(-7deg, 0deg);
    transform: skew(-7deg, 0deg);
    overflow: hidden;
}

.leadership-box .img-box:after {
    content: "";
    position: absolute;
    top: 34px;
    left: 12px;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 3px solid #F0F0F0;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}

.leadership-box .img-box img {
    width: auto;
    max-height: 264px;
    -webkit-transform: skew(7deg, 0deg);
    -moz-transform: skew(7deg, 0deg);
    -o-transform: skew(7deg, 0deg);
    -ms-transform: skew(7deg, 0deg);
    transform: skew(7deg, 0deg);
    margin: 0 auto 3px;
}

.leadership-box-content .name,
.leadership-box .name {
    font-size: 24px;
    line-height: 1.2083;
    font-weight: 600;
    margin-bottom: 18px;
}

.leadership-box .designation {
    font-size: 18px;
    line-height: 1.16;
    font-weight: 400;
    color: #797B7F;
    margin-bottom: 12px;
}

.social-profile li {
    display: inline-flex;
    align-items: center;
    padding-right: 35px;
    position: relative;
}

.social-profile li a {
    color: #CAC4CC;
}

.social-profile li a:hover {
    color: #0d6efd;
}

.social-profile li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    width: 18px;
    height: 1px;
    background: #CAC4CC;
    margin: auto 0;
}

.leadership .leadership-list {
    padding-right: 5px;
}

.leadership .leadership-list>ul {
    justify-content: space-between;
    margin: 0px -15px -60px;
}

.leadership .leadership-list>ul>li {
    width: 100%;
    max-width: 356px;
    padding: 0px 15px 60px;
}

.leadership-popup {
    background: none;
    padding: 0;
    overflow: visible;
    width: calc(100% - 40px);
    max-width: 595px;
    cursor: initial !important;
}

.leadership-popup .leadership-box-content-wrap {
    background: #fff;
    margin: 124px 0px 0px;
    border: 3px solid #0d6efd;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.leadership-popup .leadership-box-content {
    padding: 0px 82px 66px 60px;
    text-align: center;
    -webkit-transform: skew(12deg, 0deg);
    -moz-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);

}

.leadership-popup .img-box {
    margin: -124px 0px 31px;
}

.leadership-popup .name {
    color: #2E0927;
    margin-bottom: 13px;
}

.leadership-popup .designation {
    font-size: 16px;
    line-height: 1.2;
    color: #2E0927;
    font-weight: 400;
    margin-bottom: 30px;
}

.leadership-popup p {
    font-size: 20px;
    line-height: 1.8;
    color: #2E0927;
    font-weight: 500;
    text-align: left;
}

.leadership-popup .social-profile {
    padding-top: 24px;
}

.language-popup button.btn-close,
.leadership-popup button[title="Close"] {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 52px;
    right: -57px;
    outline: none;
    box-shadow: none;
}

.language-popup button.btn-close:focus,
.leadership-popup button[title="Close"]:focus {
    outline: none;
    box-shadow: none;
}


.leadership-popup button[title="Close"] svg {
    display: none;
}

.language-popup button.btn-close:after,
.language-popup button.btn-close:before,
.leadership-popup button[title="Close"]:after,
.leadership-popup button[title="Close"]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background: #fff;
}

.language-popup button.btn-close:after,
.leadership-popup button[title="Close"]:after {
    transform: rotate(45deg);
}

.language-popup button.btn-close:before,
.leadership-popup button[title="Close"]:before {
    transform: rotate(-45deg);
}

/* leadership end */

/* customer stories start */
.ipad-video {
    width: 100%;
    position: relative;
    z-index: 1;
}

.ipad-video img {
    width: 100%;
}

.ipad-video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    box-shadow: 0px 8px 56px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 8%;
    -moz-border-radius: 8%;
    border-radius: 8%;
}

.ipad-video .ipad-video-info {
    position: absolute;
    top: 5.5%;
    left: 3.8%;
    right: 3.7%;
    bottom: 5.39%;
    background: #000;
    -webkit-border-radius: 1%;
    -moz-border-radius: 1%;
    border-radius: 1.6%;
    overflow: hidden;
}

.ipad-video .video-thumb {
    width: 100%;
    height: 100%;
    position: relative;
}

.ipad-video .video-thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.25;
}

.ipad-video .video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ipad-video .video-btn {
    width: 72px;
    height: 72px;
}

.ipad-video .video-btn:after {
    width: 80px;
    height: 80px;
}

.customer-stories {
    padding: 180px 0px 100px;
}

.customer-stories .shape-stl.shape-left {
    top: 6%;
}

.customer-stories .shape-stl.shape-right {
    bottom: 45.7%;
}

.storie-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.storie-box .stories-content-box {
    width: 40.5%;
}

.storie-box .storie-video-box {
    width: calc(100% - 40.5%);
    padding-left: 60px;
}

.storie-box .stories-content-box .stories-logo {
    padding-bottom: 27px;
}

.storie-box .storie-author {
    align-items: center;
    padding-top: 12px;
}

.storie-box .storie-author .author-img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 12px;
}

.storie-box .storie-author .author-name-deg {
    width: calc(100% - 72px);
    padding-left: 0px;
}

.storie-box .storie-author .author-name {
    margin-bottom: 6px;
}

.storie-box .storie-author .author-deg {
    font-size: 16px;
    line-height: 1.25;
    color: #797B7F;
}

.customer-list>ul>li:not(:last-child) {
    padding-bottom: 100px;
}

.stories {
    padding: 100px 0px 100px;
}

.stories .shape-stl.shape-left {
    top: 24.7%;
}

.stories .shape-stl.shape-right {
    bottom: 9.4%;
}

.stories .happy-customer-box {
    padding: 30px;
}

.stories .happy-customer-box .customer-about {
    padding-top: 6px;
}

.stories .stories-list>ul {
    margin: 0 -15px;
    grid-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    counter-reset: item-counter;
    -webkit-column-count: 2;
    column-count: 2;
}

.stories .stories-list>ul>li {
    padding: 0 15px 30px;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    counter-increment: item-counter;
}

.stories .cta-btn-wrap {
    padding-top: 20px;
}


/* customer stories end */

/* strategic partners start */
.strategic-partners {
    padding: 180px 0px 100px;
}

.strategic-partners .title .sub-text {
    max-width: 1194px;
}

.strategic-partners .logo-list {
    padding-top: 25px;
}

.strategic-partners .logo-list>ul {
    margin: 0px -15px 0px;
}

.strategic-partners .logo-list>ul li {
    width: 245px;
    padding: 0px 15px 30px;
    text-align: center;
}

/* strategic partners end */

/* life at CloudCadre start */

.life-at-CloudCadre {
    padding: 180px 0px 100px;
}

.life-at-CloudCadre .shape-stl.shape-left {
    top: 19.2%;
}

.life-at-CloudCadre .title {
    padding: 0px 0px 28px;
}

.life-list {
    background: no-repeat center/contain;
}

.our-happy-people .happy-people-name {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    padding: 7px 0px 23px;
}

.our-happy-people .happy-people-slider-wrap {
    padding-top: 52px;
}

.ipad-video.half-ipad .ipad-video-info {
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.happy-people-slider:not(.slick-initialized) .item-box {
    max-width: 787px;
    margin: 0 auto;
}

.happy-people-slider:not(.slick-initialized) .item-box:not(:first-child) {
    display: none;
}

.happy-people-slider .ipad-video:after {
    display: none;
}

.happy-people-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: -120px;
    margin: auto 0;
    z-index: 1;
}

.happy-people-slider .slick-arrow.next {
    right: -58px;
}

.happy-people-slider .slick-arrow.prev {
    left: -58px;
}

.happy-people-slider .slick-slide {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.happy-people-slider .slick-slide .video-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 87px;
    height: 87px;
    margin: auto;
    opacity: 0;
    transform: translate(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.happy-people-slider .slick-slide .video-btn .icon {
    width: 26px;
    height: 26px;
}

.happy-people-slider .slick-slide.slick-current .video-btn {
    opacity: 1;
}


.happy-people-slider .slick-list {
    padding: 0px 17.3% !important;
}

.happy-people-slider .slick-track {
    max-width: 100% !important;
    perspective: 100px;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate3d(0px, 0px, 0px) !important;
    -ms-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.happy-people-slider .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transition: transform 1s, opacity 1s;
    -webkit-transform: translate3d(0, 91px, 0);
    -moz-transform: translate3d(0, 91px, 0);
    -o-transform: translate3d(0, 91px, 0);
    -ms-transform: translate3d(0, 91px, 0);
    transform: translate3d(0, 91px, 0);
}

.happy-people-slider .slick-slide.slick-current {
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.happy-people-slider .slick-snext {
    opacity: 1;
    z-index: 1;
    -webkit-transform: translate3d(26%, 91px, 0px);
    -moz-transform: translate3d(26%, 91px, 0px);
    -o-transform: translate3d(26%, 91px, 0px);
    -ms-transform: translate3d(26%, 91px, 0px);
    transform: translate3d(26%, 91px, 0px);
}

.happy-people-slider .slick-sprev {
    opacity: 1;
    -webkit-transform: translate3d(-26%, 91px, 0px);
    -moz-transform: translate3d(-26%, 91px, 0px);
    -o-transform: translate3d(-26%, 91px, 0px);
    -ms-transform: translate3d(-26%, 91px, 0px);
    transform: translate3d(-26%, 91px, 0px);
}


.why-work-width-us,
.about-culture {
    padding: 100px 0px 100px;
}

.about-culture .content-box li,
.about-culture .content-box p,
.about-culture .content-box h3 {
    color: #fff;
}

.about-culture .content-box h3 {
    margin-bottom: 14px;
}

.about-culture .about-culture-wrap {
    padding-top: 30px;
}

.about-culture .about-culture-wrap .img-box {
    width: 51%;
}

.about-culture .about-culture-wrap .content-box {
    width: calc(100% - 51%);
    padding-left: 30px;
}

.work-with-us-box {
    display: block;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
}

.work-with-us-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.work-with-us-box h3 {
    font-size: 22px;
    line-height: 1.181;
    color: #fff;
    font-weight: 600;
    background: #20242A;
    text-align: center;
    padding: 13px 10px 11px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.why-work-width-us .shape-stl.shape-left {
    top: 36.4%;
}

.work-with-us-list>ul {
    margin: 0px -20px -28px;
}

.work-with-us-list>ul>li {
    padding: 0px 20px 28px !important;
}

.current-opening {
    padding: 80px 0px;
    position: relative;
    background: no-repeat center/cover;
}

.current-opening:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #20242A;
    opacity: 0.8;
}

.current-opening.gradient-overlay:after {
    background: linear-gradient(270deg, rgba(81, 90, 103, 1) 0%, rgba(0, 71, 175, 1) 100%);
    opacity: 0.94;
}

.current-opening .content-box {
    position: relative;
    z-index: 1;
}

.current-opening .content-box {
    max-width: 990px;
    margin: 0 auto;
}

.current-opening h2 {
    color: #fff;
    font-size: 24px;
    line-height: 1.4166;
    font-weight: 600;
    margin: 0 0 28px;
}

.about-value.shape-left-top .shape-stl.shape-right {
    top: 8.4%;
}

.about-value.shape-left-top .shape-stl.shape-left {
    top: 34.6%;
}


.blazespark {
    padding: 100px 0px;
    background: #FFF9F6;
}

.blazespark .wd-container {
    margin-left: 0;
    padding: 25px 15px 0px 0px;
    max-width: calc((100vw - 1234px)/2 + 1234px);
}


/* life at CloudCadre end */

/* infographic and detail  start */
.infographic {
    padding: 180px 0px 100px;
}

.infographic .shape-stl.shape-left {
    top: 13.3%;
}

.infographic .shape-stl.shape-right {
    bottom: 35.2%;
}

.infographic .infographic-list {}

.infographic .infographic-list>ul {
    margin-bottom: -50px;
}

.infographic .infographic-list>ul>li {
    padding-bottom: 50px;
}

.infographic .infographic-list .cta-btn-wrap {
    padding-top: 50px;
}


/*.infographic-detail .blog-content > img,*/
.infographic-detail .blog-content .wp-block-image {
    padding: 11px 0px;
    overflow: hidden;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.infographic-detail .blog-content .wp-block-image img {
    width: 100%;
}

.side-banner {
    background: #F3F2F3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.side-banner .content-box {
    text-align: center;
    padding: 40px 40px 10px;
    margin: 0 auto;
}

.side-banner .content-box h2 {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 21px;
}

.side-banner .img-bottom {
    width: 100%;
    text-align: center;
    background: no-repeat center bottom/contain;
}

/* infographic and detail  end */


/* work width us start */
.work-width-us {
    padding: 180px 0px 100px;
}

.why-work-width-us .box-stl {
    height: 100%;
    padding: 40px 30px 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.why-work-width-us .box-stl:after {
    top: calc(100% - 127px);
    max-width: 215px;
}

.why-work-width-us .box-stl .box-title {
    font-size: 20px;
    line-height: 1.2;
    margin: 32px 0px 28px;
}

/* work width us end */

/* search-result start*/
.search-page {
    padding: 180px 0px 100px;
}

.search-page .shape-stl.shape-left {
    top: 17.2%;
}

.search-page .shape-stl.shape-right {
    bottom: 40.6%;
}

.search-list {
    max-width: 990px;
    margin: 0 auto;
}

.search-list>ul li {
    padding: 40px 0px 36px;
}

.search-list>ul li:not(:last-child) {
    border-bottom: 1px solid #CAC4CC;
}

.search-list>ul li:first-child {
    padding-top: 0px;
}

.search-list .item-box h3 {
    color: #20242A;
    margin: 18px 0px 23px;
    font-weight: 600;
}


.search-list .category {
    display: inline-flex;
    flex-wrap: wrap;
    background: rgba(202, 196, 204, .5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 16px;
}

.search-list .category a,
.search-list .category span {
    font-size: 14px;
    line-height: 1.214;
    color: #20242A;
    position: relative;
}

.search-list .category a:hover {
    color: #0d6efd;
}

.search-list .category a:not(:last-child):after,
.search-list .category span:not(:last-child):after {
    content: ",";
    margin-right: 7px;
}


/* search-result end */

/* privacy policy start */

.privacy-policy {
    padding: 180px 0px 100px;
}

.privacy-policy .blog-content h2,
.privacy-policy .blog-content h3,
.privacy-policy .blog-content h4,
.privacy-policy .blog-content h5,
.privacy-policy .blog-content h6 {
    margin: 15px 0px 10px;
}

/* privacy policy end */

/* news start */

.news {
    padding: 180px 0px 100px;
}

.news .shape-stl.shape-left {
    top: 14.8%;
}

.news .shape-stl.shape-right {
    bottom: 29.2%;
}

.work-box.news-box .tag {
    margin: 0px 0px 9px;
}

.work-box.news-box .tag a {
    margin: 0 16px 8px 0;
    font-size: 16px;
    line-height: 1.75;
}

.work-box.news-box .tag a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -12px;
    width: 1px;
    background: #0d6efd;
}

.news .news-list>ul {
    margin-bottom: -50px;
}

.news .news-list>ul>li {
    padding-bottom: 50px;
}

.news .cta-btn-wrap {
    padding-top: 50px;
}

/* news end */

/* thank you and 404 start */
.thank-you {
    padding: 100px 0px;
}

.thank-you .shape-stl.shape-left {
    top: 50px;
}

.thank-you .shape-stl.shape-right {
    bottom: 50px;
}

.thank-you .content-box {
    text-align: center;
}

.thank-you .content-box h1 {
    font-size: 200px;
    line-height: 1.21;
    color: #0d6efd;
    font-weight: 600;
    margin-bottom: 50px;
}

.thank-you .content-box .sub-text {
    max-width: 570px;
    margin: 0 auto 0;
    padding: 0px 0px 15px;
}

/* thank you and 404 end */

/* clouditects start */
.collaboration-space {
    padding: 180px 0px 100px;
}

.collaboration-space .shape-stl.shape-left {
    top: 21.5%;
}

.collaboration-space .shape-stl.shape-right {
    bottom: 28%;
}

.collaboration-space .content-box p {
    font-size: 22px;
    line-height: 1.5454;
}

.collaboration-space .content-box p:last-child {
    margin-bottom: 0px;
}

.collaboration-space .img-box {
    padding: 0px;
    text-align: right;
}

.collaboration-space .img-box img {
    max-width: 612px;
}

.counter-cloud {
    overflow: hidden;
    position: relative;
    padding: 70px 0px;
    background: no-repeat center/cover;
}

.counter-cloud:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #20242A;
    opacity: 0.8;
}

.counter-cloud .counter-list {
    justify-content: center;
    margin: 0px -37px -30px;
    padding: 0px 23px;
    position: relative;
    z-index: 1;
}

.counter-cloud .counter-list>li {
    padding: 0px 37px 30px;
}

.counter-cloud .counter-box-wrap {
    height: 100%;
    border: 3px solid #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: skew(-11deg, 0deg);
    -moz-transform: skew(-11deg, 0deg);
    -o-transform: skew(-11deg, 0deg);
    -ms-transform: skew(-11deg, 0deg);
    transform: skew(-11deg, 0deg);
}

.counter-cloud .counter-box-wrap .counter-box {
    height: 100%;
    padding: 50px 20px 47px;
    -webkit-transform: skew(11deg, 0deg);
    -moz-transform: skew(11deg, 0deg);
    -o-transform: skew(11deg, 0deg);
    -ms-transform: skew(11deg, 0deg);
    transform: skew(11deg, 0deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.counter-cloud .counter-box .counter-icon {
    margin-bottom: 16px;
}

.counter-cloud .counter-box .counter-icon img {
    width: auto;
    height: 48px;
}

.counter-cloud .counter-box h3 {
    color: #0d6efd;
    font-size: 48px;
    line-height: 1.22916;
    margin-bottom: 4px;
}

.counter-cloud .counter-box p {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}

.cloud-ambassador {
    padding: 100px 0px;
}

.cloud-ambassador .shape-stl.shape-left {
    top: 13%;
}

.cloud-ambassador .shape-stl.shape-right {
    bottom: 28.5%;
}

.cloud-ambassador .slider-wrap {
    padding-top: 40px;
}

.cloud-ambassador-slider:not(.slick-initialized) .item-box:not(:first-child) {
    display: none;
}

.cloud-ambassador-slider .leadership-box {
    margin: 0;
}

.cloud-ambassador-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 1;
}

.cloud-ambassador-slider .slick-arrow.prev {
    left: -61px;
}

.cloud-ambassador-slider .slick-arrow.next {
    right: -53px;
}

.expert-advise {
    padding: 100px 0;
}

.expert-advise .shape-stl.shape-left {
    top: 58px;
    left: -23px;
}

.expert-advise .shape-stl.shape-right {
    top: 50px;
    bottom: auto;
}

.expert-advise .advise-list {
    padding-top: 30px;
}

.expert-advise .advise-list>ul {
    margin-bottom: -30px;
    justify-content: center;
}

.expert-advise .advise-list>ul>li {
    padding-bottom: 30px;
}

.trechnology-discussions {
    padding: 100px 0;
}

.trechnology-discussions .shape-stl.shape-left {
    top: 13%;
}

.trechnology-discussions .shape-stl.shape-right {
    bottom: 27%;
}

.trechnology-discussions .slider-wrap {
    padding-top: 30px;
}

.trechnology-slider .slick-list {
    margin: 0px -15px;
}

.trechnology-slider .slick-list .item-box {
    padding: 0px 15px;
}

.trechnology-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 93px;
    margin: auto 0;
    z-index: 1;
}

.trechnology-slider .slick-arrow.prev {
    left: -53px;
}

.trechnology-slider .slick-arrow.next {
    right: -53px;
}

.chat-room {
    overflow: hidden;
    padding: 100px 0px;
}

.chat-room .shape-stl.shape-left {
    top: calc(100% - 176px);
}

.chat-room .shape-stl.shape-right {
    bottom: -37px;
}

.chat-room .chat-room-list {
    padding-top: 23px;
}

.chat-room .chat-room-list>ul {
    margin-bottom: -30px;
}

.chat-room .chat-room-list>ul>li {
    padding-bottom: 30px;
}

.box-stl.chat-box {
    height: 100%;
    text-align: center;
    padding: 28px 20px 30px;
}

.box-stl.chat-box.box-shape-stl:after {
    max-width: 215px;
}

.box-stl.chat-box>.icon {
    padding-bottom: 21px;
}

.box-stl.chat-box>.icon img {
    width: 50px;
    height: 50px;
}

.box-stl.chat-box h3 {
    font-size: 22px;
    line-height: 1.1818;
    font-weight: 600;
    margin-bottom: 24px;
}

/* clouditects end */

/* thought leadership start */

.leadership-testimonial {
    padding: 180px 0 0;
}

.leadership-testimonial .shape-stl.shape-left {
    top: 114px;
}

.case-testimonial-box.thought-box {
    overflow: hidden;
}

.case-testimonial-box.thought-box .content-box {
    max-width: 950px;
    margin: 0 0 0 auto;
    padding: 0px 37px 0px 0px;
}

.case-testimonial-box.thought-box .content-box {
    text-align: left;
}

.case-testimonial-box.thought-box .img-box {
    margin: -130px 0px -51px;
}

.case-testimonial-box.thought-box .content-box .client-info span {
    position: relative;
    display: inline-block;
}

.case-testimonial-box.thought-box .content-box .client-info span:not(:last-child) {
    padding-right: 27px;
    position: relative;
}

.case-testimonial-box.thought-box .content-box .client-info span:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 13px;
    width: 2px;
    height: 24px;
    background: #20242A;
    margin: auto;
}

.words-wisdom {
    padding: 100px 0 0;
}

.words-wisdom .shape-stl.shape-right {
    top: 31px;
    bottom: auto;
}

.ambitious-leaders {
    padding: 100px 0px 0px;
    background: repeat-x center top/contain;
}

.ambitious-leaders .slider-wrap {
    padding-top: 30px;
}

.ambitious-leaders-slider:not(.slick-initialized) .item-box:not(:first-child) {
    display: none;
}

.ambitious-leaders-slider .slick-list {
    margin: 0 -15px 0;
}

.ambitious-leaders-slider .slick-list .slick-slide {
    padding: 0 15px 0;
}

.ambitious-leaders-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 132px;
    margin: auto 0;
    z-index: 1;
}

.ambitious-leaders-slider .slick-arrow.prev {
    left: -58px;
}

.ambitious-leaders-slider .slick-arrow.next {
    right: -58px;
}

/* thought leadership end */

/* awards and recognition start */
.awards-recognition {
    padding: 180px 0 100px;
}

.awards-sun-wrap {
    height: 100%;
    padding-top: 130px;
}

.awards-sun {
    position: sticky;
    top: 135px;
    padding: 47px 20px;
    max-width: 276px;
    border: 1px solid #CAC4CC;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.awards-sun>ul {
    margin: -13px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.awards-sun>ul>li {
    padding: 13px 0;
}

.awards-sun>ul>li>a {
    font-size: 24px;
    line-height: 1.41666666;
    color: #D1D2D3;
    font-weight: 600;
    display: inline-block;
}

.awards-sun>ul>li:hover>a,
.awards-sun>ul>li.active>a {
    color: #0d6efd;
    -webkit-transform: scale(1.36);
    -moz-transform: scale(1.36);
    -o-transform: scale(1.36);
    -ms-transform: scale(1.36);
    transform: scale(1.36);
}

.awards-recognition .awards-list {
    padding-top: 30px;
}

.awards-recognition .awards-list>ul {
    margin-bottom: -50px;
}

.awards-recognition .awards-list>ul>li {
    padding-bottom: 50px;
}

.work-box.awards-box .cta-link-wrap {
    padding-top: 15px;
}

.work-box.awards-box h3,
.work-box.awards-box h3 a {
    display: -webkit-box !important;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    overflow: initial;
}

.awards-list-wrap>.awards-section:not(:last-child) {
    padding-bottom: 100px;
}



/* awards and recognition end */

/* 05-09-2022 */
.selected-list>ul>li span .close-btn svg {
    width: 10px;
    height: 10px;
}

.contact-info .contact-box .svg {
    width: 40px;
    height: 41px;
}

.about-value .value-list .box-stl .icon {
    width: 60px;
    height: 48px;
    padding-bottom: 0 !important;
}

.search-list .item-box h3 {
    font-size: 24px;
}

.select2-search--dropdown .select2-search__field {
    font-size: 16px;
}

/* 06-09-2022 */
.customer-stories .cta-btn {
    margin-top: 40px;
}

.why-work-width-us .work-with-us-list>ul>li {
    padding: 0px 15px 30px !important;
}

.awards-recognition .shape-stl.shape-left {
    top: 50px;
}

footer {
    overflow: hidden;
}

.mobile-menu .sub-menu {
    display: flex;
    flex-direction: column;
}

.mobile-menu .insights-cms .sub-menu .sub-menu .list-wrap ul li {
    padding-bottom: 20px;
}

.work-width-us .shape-stl.shape-left {
    top: 50px;
}

.blog .inner-section .cta-btn-wrap {
    padding-top: 50px;
}

/* 26-09-2022 */
.top-header-show .scroll-wrap {
    top: 115px;
}

.top-header-show .mobile-menu .sub-menu {
    top: 116px;
}

body.admin-bar .mobile-menu {
    top: 121px;
}

body.admin-bar .mobile-menu .sub-menu {
    top: 121px;
}

body.admin-bar .mobile-menu .sub-menu .sub-menu {
    top: 0;
}

body.logged-in.top-header-show .scroll-wrap {
    top: 147px;
}

body.logged-in.top-header-show .header-wrap.top-header-show .mobile-menu {
    top: 163px;
}

body.logged-in.top-header-show .top-header-show .mobile-menu .sub-menu {
    top: 163px;
}

body.logged-in.top-header-show .mobile-menu .sub-menu .sub-menu {
    top: 0;
}


/* new changes */

.inner-banner {
    margin-bottom: 100px;
}

html[lang="india"] .inner-banner.inner-logo-added {
    margin-bottom: 180px;
}

.inner-banner+div:not(.scroll-wrap, .breadcrumb-wrap, .filter-section) {
    padding-top: 0 !important;
}

html body.post-type-archive-case_study .inner-banner,
html body.page-template-ebook .inner-banner,
html body.page-template-casestudy .inner-banner,
html body.page-template-industry .inner-banner,
html body.page-template-events .inner-banner,
html body.blog .inner-banner,
html body.single-post .inner-banner,
html body.single-solutions .inner-banner {
    margin-bottom: 0px !important;
}

html:not([lang="india"]) .inner-banner .icon-place-to-work {
    display: none;
}

html:not([lang="india"]) .filter-section .filter-wrap {
    width: 100%
}

html:not([lang="india"]) .scroll {
    width: 100%
}





.industry-report {
    padding: 0 0 70px;
}

.industry-report+.inner-section {
    margin: 0 0 60px;
}

/* new changes */


/* new section */

.static-counter {
    margin: 10px 0;
    padding: 25px 25px 25px 25px;
    border: 3px solid #EFF1F1;
    background: url(../images/pattern-bg.jpg) no-repeat center/cover;
}

.static-counter ul>li {
    background: none;
    margin: 0;
}

.static-counter .static-box {
    padding: 20px;
}

.static-counter .static-box h3 {
    font-size: 45px;
    line-height: 1;
    color: #0d6efd;
    font-weight: 700;
    margin: 0 0 7px;
}

.static-counter .static-box span {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    color: #20242A;
    display: inline-block;
}

.author-box-wrap {
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}

.author-box-wrap .shape-stl.shape-left {
    max-width: 150px;
}

.author-box-wrap .shape-stl.shape-right {
    max-width: 150px;
}

.author-box-stl {
    padding: 35px;
    background: #F0F0F0;
}

.author-box-stl p {
    font-size: 25px;
    line-height: 1.29;
    font-weight: 400;
    color: #20242A;
}

.author-box-stl .author-name {
    font-size: 25px;
    line-height: 1;
    color: #0d6efd;
    font-weight: 700;
}


.value-box-wrap {
    margin: 10px 0;
}

.value-box-wrap .value-box-list>ul {
    margin-bottom: -30px;
}

.value-box-wrap .value-box-list>ul>li {
    padding-bottom: 30px;
    background: none;
}

.value-box-wrap .value-box {
    height: 100%;
    text-align: center;
    padding: 35px 35px 35px 35px;
    border-bottom: 3px solid #0d6efd;
    border-radius: 7px;
    transition: all 0.3s ease-in-out;
    box-shadow: 2px 2px 21px -15px rgba(0, 0, 0, 0.5);
}

.value-box-wrap .value-box .value-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: revert;
    justify-content: center;
    margin: 0 auto 15px;
}

.value-box-wrap .value-box p {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}

.resource-box {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border: 1px solid #DEDEDE;
}

.resource-box .resource-img {
    width: 50%;
    text-align: center;
}

.resource-box .resource-img img {
    max-width: 190px;
}

.resource-box .resource-info {
    width: 50%;
    padding-left: 20px;
}

.resource-box .resource-info h3 {
    font-size: 28px;
    color: #EB6B21;
}

.resource-box .resource-info p {
    font-size: 20px;
    font-weight: 600;
}

.resource-box .resource-info .cta-btn-wrap {
    padding-top: 15px;
}

@media(max-width:1366px) {
    /*.static-counter .static-box h3{
        font-size: 70px;
    }*/
}

@media(max-width:1280px) {
    /*.static-counter .static-box h3{
        font-size: 60px;
    }*/
}

@media(max-width:1199px) {
    .static-counter {
        padding: 25px 0px;
    }

    .static-counter .static-box {
        padding: 20px 10px;
    }

    .static-counter .static-box h3 {
        font-size: 40px;
    }
}

@media(max-width:991px) {
    /*.static-counter .static-box h3{
        font-size: 50px;
    }*/
}

@media(max-width:767px) {
    .static-counter .static-box {
        padding: 15px;
        text-align: center;
    }

    .static-counter .static-box h3 {
        font-size: 45px;
    }

    .author-box-stl {
        padding: 20px;
    }

    .resource-box {
        flex-direction: column;
    }

    .resource-box .resource-img {
        width: 100%;
    }

    .resource-box .resource-info {
        width: 100%;
        padding: 15px 0 0;
    }

    .resource-box .resource-info h3 {
        font-size: 22px;
        margin-top: 5px;
    }

    .resource-box .resource-info p {
        font-size: 16px;
    }
}

.page-template-casestudy ul.select2-selection__rendered li {
    color: #20242A;
}

.page-template-casestudy ul.select2-selection__rendered li {
    display: none;
}

.page-template-casestudy ul.select2-selection__rendered li:first-child {
    display: block;
}

.page-template-casestudy .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #fff;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
}

.page-template-casestudy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

/* new element */
.top-header-close-btn {
    position: absolute;
    top: 3px;
    right: 20px;
    color: #fff;
    cursor: pointer;
}

/*.case_study-template-default .icon-place-to-work {
    bottom: -191px;
}*/

/*.case_study-template-default .inner-banner {
    margin-bottom: 150px !important;
}*/
.our-customers+.section.our-partner {
    margin-top: 100px;
}

.map-content .address.address_4 {
    height: 110px;
    overflow-y: scroll;
}



.video-banner-container {
    position: relative;
    width: 100%;
    height: 60vh;
    /* Adjust as needed */
    overflow: hidden;
}

.video-mask {
    position: absolute;
    top: -50%;
    /* Crop the top 30% */
    left: 0;
    width: 100%;
    height: 170%;
    /* 100% + 70% extra to allow 30% crop */
    overflow: hidden;
    z-index: 1;
}

.background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-overlay-text {
    position: relative;
    z-index: 2;
    color: white;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 20px;
}

.video-overlay-text h2 {
    font-size: 2.5rem;
    margin: 0;
}

.video-overlay-text p {
    font-size: 1.2rem;
    margin: 10px 0 0;
}







.hero-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.moving-blocks-wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
    /* background layer */
}

.moving-blocks-canvas {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transform: rotate(23deg);
}

.text-overlay {
    position: absolute;
    top: -35px;
    left: -30px;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* Above blocks */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    /* ALLOWS hover to pass through */
    text-align: center;
}



.custom-heading-wrapper,
.custom-heading-container,
.gradient-text,
.white-text {
    pointer-events: none !important;
}


.mb-block {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mb-block:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(0, 255, 255, 0.3);
}

.wpml-ls-native {

    margin-left: 23px;
}