html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
*, ::before, ::after {
    box-sizing: border-box;
}
img {
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Barlow Condensed", sans-serif;
}
h1 {
    font-size: 100px;
}
h2 {
    font-size: 83px;
}
h3 {
    font-size: 54px;
}
h4 {
    font-size: 40px;
}
h5 {
    font-size: 34px;
}
h6 {
    font-size: 24px;
}
p {
    font-family: Lato, sans-serif;
}
.burger-icon {
    cursor: pointer;
    display: none;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 4px;
    background-color: rgb(59, 60, 59);
    margin: 6px 0px;
    transition: all 0.4s ease 0s;
    border-radius: 10px;
}
.change .bar1 {
    transform: rotate(-45deg) translate(-8px, 7px);
    background-color: rgb(0, 117, 188);
}
.change .bar2 {
    opacity: 0;
}
.change .bar3 {
    transform: rotate(45deg) translate(-7px, -7px);
    background-color: rgb(0, 117, 188);
}
.main-wrapper section {
    float: left;
    width: 100%;
}
.makeusafe-d .case-study-banner {
    background: rgb(60, 169, 170);
}
.presonus-d .case-study-banner {
    background: rgb(201, 48, 117);
}
.ring-d .case-study-banner {
    background: rgb(242, 133, 112);
}
.rtt-d .case-study-banner {
    background: rgb(226, 91, 121);
}
.yellow-house-d .case-study-banner {
    background: rgb(69, 177, 122);
}
.uenme-d .case-study-banner {
    background: rgb(150, 89, 158);
}
.nmg-d .case-study-banner {
    background: rgb(124, 94, 160);
}
section .container > h2 {
    font-size: 83px;
    color: rgb(5, 118, 188);
    font-weight: 700;
    text-align: center;
}
section > .container > h3 {
    color: rgb(1, 214, 198);
    font-size: 35px;
    margin-top: 15px;
    margin-bottom: 25px;
    font-family: Lato, sans-serif;
    font-weight: 400;
    text-align: center;
}
section > .container > h2 span {
    color: rgb(1, 214, 198);
}
section > .container > p {
    font-size: 24px;
    font-weight: 500;
    line-height: 50px;
    color: rgb(94, 94, 95);
    text-align: center;
}
#success_message {
    padding: 15px 20px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgb(68, 183, 87);
    width: 100%;
    text-align: center;
    font-family: arial;
    z-index: 9999;
    font-size: 18px;
    text-shadow: rgb(131, 131, 131) 1px 1px 1px;
}
.main-wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
}
.container {
    max-width: 1642px;
    margin: 0px auto;
}
.main-header {
    float: left;
    width: 100%;
    padding: 28.21px 10px;
}
.main-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1642px;
    margin: 0px auto;
}
.main-header .container .nav-main ul {
    display: flex;
    gap: 75px;
}
.main-header .container .nav-main ul li a {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    color: rgb(5, 118, 188);
    text-decoration: none;
}
.main-header .container .nav-main ul li:last-child a {
    padding: 7.5px 20.172px;
    border: 2px solid rgb(1, 214, 198);
    border-radius: 100px;
    font-family: Lato, sans-serif;
    font-size: 22px;
    transition: all 0.3s ease 0s;
    font-weight: 800;
}
.main-header .container .nav-main ul li a:hover, .main-header .container .nav-main ul li a.active {
    color: rgb(1, 214, 198);
}
.main-header .container .nav-main ul li:last-child a:hover {
    background: rgb(1, 214, 198);
    color: rgb(255, 255, 255);
}
.cb-slideshow::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0;
    z-index: 0;
    backface-visibility: hidden;
    animation: 16s linear 0s infinite normal none running imageAnimation;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: rgb(255, 255, 255);
    animation: 16s linear 0s infinite normal none running titleAnimation;
}
.cb-slideshow li:nth-child(1) span {
    background-image: url("../img/1.png");
}
.cb-slideshow li:nth-child(2) span {
    background-image: url("../img/2.png");
    animation-delay: 4s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url("../img/3.png");
    animation-delay: 8s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url("../img/4.png");
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url("../img/5.png");
    animation-delay: 16s;
}
.cb-slideshow li:nth-child(2) div {
    animation-delay: 4s;
}
.cb-slideshow li:nth-child(3) div {
    animation-delay: 8s;
}
.cb-slideshow li:nth-child(4) div {
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(5) div {
    animation-delay: 16s;
}
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
   }
    8% {
        opacity: 1;
        animation-timing-function: ease-out;
   }
    17% {
        opacity: 1;
   }
    25% {
        opacity: 0;
   }
    100% {
        opacity: 0;
   }
}
@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
   }
    8% {
        opacity: 1;
        animation-timing-function: ease-out;
   }
    17% {
        opacity: 1;
   }
    25% {
        opacity: 0;
   }
    100% {
        opacity: 0;
   }
}
@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0;
   }
    8% {
        opacity: 1;
   }
    17% {
        opacity: 1;
   }
    19% {
        opacity: 0;
   }
    100% {
        opacity: 0;
   }
}
@keyframes titleAnimation {
    0% {
        opacity: 0;
   }
    8% {
        opacity: 1;
   }
    17% {
        opacity: 1;
   }
    19% {
        opacity: 0;
   }
    100% {
        opacity: 0;
   }
}
.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}
.home-banner {
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: 500px 50%;
}
.mobile-banner-img {
    display: none;
}
/* .home-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgb(5, 206, 191), rgb(5, 118, 188) 50%);
    inset: 0px;
    opacity: 0.47;
} */
.banner-inner {
    float: left;
    width: 55%;
    position: relative;
    z-index: 99;
    background: rgb(5 118 188 / 80%);
    min-height: 943px;
    border-bottom-right-radius: 60%;
    padding-left: 115px;
    padding-top: 225px;
    padding-bottom: 40px;
}
.banner-inner img {
    animation: 1.5s ease 0s infinite alternate none running cloud;
}
@-webkit-keyframes cloud {
    0% {
        transform: translateY(0px);
   }
    100% {
        transform: translateY(-30px);
   }
}
@keyframes cloud {
    0% {
        transform: translateY(0px);
   }
    100% {
        transform: translateY(-30px);
   }
}
.banner-inner img:nth-child(1) {
    position: absolute;
    top: 260px;
    left: -12px;
}
.banner-inner img:nth-child(2) {
    position: absolute;
    bottom: 45px;
    left: 30px;
}
.banner-inner img:nth-child(3) {
    position: absolute;
    top: 30px;
    left: 30px;
}
.banner-inner h1 {
    color: rgb(255, 255, 255);
    line-height: 105px;
    font-weight: 600;
    position: relative;
}
.banner-inner h1 span {
    color: rgb(3, 245, 227);
}
.banner-inner h3 {
    font-weight: 200;
    color: rgb(219, 219, 219);
    max-width: 82%;
    margin-top: 25px;
    margin-bottom: 100px;
    line-height: 50px;
}
.banner-inner ul {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: 80%;
    gap: 20px;
    position: relative;
    z-index: 999;
}
.banner-inner ul li a {
    display: block;
    padding: 15px 40px;
    border: 3px solid rgb(3, 245, 227);
    border-radius: 100px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-family: Lato, sans-serif;
    font-weight: 600;
    font-size: 22px;
    width: 248px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 7px;
    transition: all 0.6s ease 0s;
    background: rgb(5, 118, 188);
}
.banner-inner ul li:first-child a {
    color: rgb(5, 118, 188);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(3, 245, 227);
    padding: 18px 40px;
}
.banner-inner ul li:first-child a:hover {
    background: rgb(5, 118, 188);
    color: rgb(255, 255, 255);
    transform: translateY(-10px);
}
.banner-inner ul li:last-child a:hover {
    background: rgb(3, 245, 227);
    color: rgb(255, 255, 255);
    position: relative;
    transform: translateY(-10px);
}
.about-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
    text-align: center;
    background-image: url("../img/circle-bg-1.svg");
    background-repeat: no-repeat;
    background-position: 215% 50%;
    background-size: 1300px;
    background-attachment: fixed;
}
.about-wrap > .container {
    position: relative;
    z-index: 999;
}
.features-sec {
    max-width: 1350px;
    margin: 30px auto 0px;
}
.features-sec ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.features-sec ul li {
    width: 33.33%;
    padding: 20px 15px;
}
.features-sec ul li > div {
    background: rgb(255, 255, 255);
    padding: 25px 20px 70px;
    border-radius: 10px;
    box-shadow: rgba(9, 14, 20, 0.4) 8px 8px 24px;
    transition: all 0.3s ease 0s;
}
.features-sec ul li > div:hover {
    background: rgb(5, 118, 188);
}
.features-sec ul li > div > .feature-icon {
    width: 169px;
    height: 169px;
    background: rgb(249, 251, 255);
    display: inline-block;
    position: relative;
    border-radius: 50px;
}
.features-sec ul li > div > .feature-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70px;
}
.features-sec ul li > div > h4 {
    font-weight: 500;
    color: rgb(5, 118, 188);
    font-size: 34px;
    margin-top: 35px;
    margin-bottom: 35px;
}
.features-sec ul li > div:hover h4 {
    color: rgb(255, 255, 255);
}
.features-sec ul li > div > p {
    font-size: 18px;
    font-weight: 400;
    color: rgb(59, 60, 59);
    line-height: 24px;
}
.features-sec ul li > div:hover p {
    color: rgb(255, 255, 255);
}
.features-sec ul li > div:hover img {
    filter: invert(48%) sepia(26%) saturate(3111%) hue-rotate(121deg) brightness(122%) contrast(93%);
}
.how-we-works {
    padding: 25px 0px 70px;
    background: rgb(5, 118, 188);
    text-align: center;
}
.how-we-works > .container > h2, .how-we-works > .container > p {
    color: rgb(255, 255, 255);
}
.hww-wrap {
    margin-top: 10px;
}
.hww-wrap img:last-child {
    display: none;
}
.how-we-train {
    padding: 80px 0px;
    background: rgb(252, 250, 250);
    text-align: center;
}
.services-wrap {
    padding: 80px 0px;
    text-align: center;
    background-image: url("../img/circle-bg-2.svg"), url("../img/bg-3.svg");
    background-position: -100% -162px, 200% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 1300px, 1300px;
    position: relative;
    z-index: 99;
    background-attachment: fixed;
}
.services-inner {
    float: left;
    width: 100%;
    margin-top: 100px;
}
.services-inner ul {
    display: flex;
    gap: 80px 50px;
    flex-wrap: wrap;
    justify-content: center;
}
.services-inner ul li {
    background: rgb(242, 240, 240);
    box-shadow: rgba(0, 0, 0, 0.19) 8px 8px 24px;
    border-radius: 15px;
    transition: all 0.4s ease 0s;
    width: calc(33.33% - 50px);
}
.service-icon {
    float: left;
    width: 60%;
    background: linear-gradient(-30deg, rgb(5, 118, 188) 67%, rgb(56, 183, 174));
    padding: 25px 25px 40px;
    margin-bottom: 25px;
    border-bottom-right-radius: 150px;
    text-align: left;
}
.service-icon img {
    filter: brightness(0) invert(1);
    transition: all 0.4s ease 0s;
    position: relative;
}
.service-detail {
    float: left;
    padding: 25px 25px 50px;
    width: 100%;
}
.service-detail h4 {
    color: rgb(5, 118, 188);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.service-detail p {
    font-size: 18px;
    line-height: 30px;
    color: rgb(94, 94, 95);
}
.services-inner ul li:hover {
    background: rgb(5, 118, 188);
    transform: translateY(-10px);
}
.services-inner ul li:hover .service-icon {
    background: rgb(255, 255, 255);
}
.services-inner ul li:hover .service-icon img {
    filter: none;
    transform: translateX(25px);
    transition: all 0.4s ease 0s;
}
.services-inner ul li:hover .service-detail h4, .services-inner ul li:hover .service-detail p {
    color: rgb(255, 255, 255);
}
.contact-banner {
    padding: 100px;
    background-image: url("../img/bg-home-contact.svg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}
.contact-banner-inner {
    background: rgb(255, 255, 255);
    padding: 80px 40px;
    box-shadow: rgba(0, 0, 0, 0.19) 8px 8px 24px;
    border-radius: 80px 10px;
    position: relative;
}
.contact-banner-inner img {
    position: absolute;
    animation: 1.5s ease 0s infinite alternate none running cloud;
}
.contact-banner-inner img:first-child {
    top: 80px;
    left: 60px;
    width: 83px;
}
.contact-banner-inner img:nth-child(2) {
    bottom: 20px;
    left: 20px;
    width: 37px;
}
.contact-banner-inner img:nth-child(3) {
    top: 40px;
    right: 80px;
    width: 56px;
}
.contact-banner-inner img:nth-child(4) {
    bottom: 25px;
    right: 45px;
    width: 119px;
}
.contact-banner h3 {
    color: rgb(5, 118, 188);
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 30px;
}
.contact-banner a {
    font-family: Lato, sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    background: rgb(22, 202, 189);
    color: rgb(255, 255, 255);
    display: inline-block;
    padding: 15px 50px;
    border-radius: 100px;
    transition: all 0.6s ease 0s;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 5px;
}
.contact-banner a:hover {
    background: rgb(5, 118, 188);
}
.success-story {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url("../img/home-banner-min.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center top;
    background-attachment: fixed;
}
.success-story::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(-30deg, rgba(5, 118, 188, 0.9) 67%, rgba(56, 183, 174, 0.9));
    position: absolute;
    inset: 0px;
}
.success-story .container {
    position: relative;
    text-align: center;
    color: rgb(255, 255, 255);
}
.success-story .container > h2 {
    color: rgb(255, 255, 255);
    font-weight: 700;
}
.success-story .container > h5 {
    color: rgb(255, 255, 255);
    margin-top: 30px;
    margin-bottom: 100px;
    font-family: Lato, sans-serif;
    text-align: center;
}
.success-story .container ul {
    display: flex;
}
.success-story .container ul li {
    padding: 10px 140px 30px 15px;
    border-left: 1px solid rgb(255, 255, 255);
    display: inline-block;
    text-align: left;
    margin-bottom: 25px;
    width: 25%;
}
.success-story .container ul li h2 {
    font-size: 90px;
    font-weight: 800;
    font-family: Lato, sans-serif;
    color: rgb(22, 202, 189);
    margin-bottom: 32px;
}
.success-story .container ul li p {
    color: rgb(219, 219, 219);
    font-size: 35px;
}
.case-studies-wrap {
    padding: 50px 0px;
    background: rgb(242, 240, 240);
    float: left;
    width: 100%;
    text-align: center;
}
.case-studies-wrap ul.case-studies-slider {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.case-studies-wrap ul.case-studies-slider .slick-track li {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 14px 6px;
    border-radius: 15px;
    transition: all 0.4s ease 0s;
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
    margin: 25px 5px;
    float: left;
}
.case-studies-wrap ul.case-studies-slider .slick-track li.slick-center {
    width: 40%;
    background: rgb(255, 255, 255);
    padding: 50px 0px;
}
.case-studies-wrap ul.case-studies-slider .slick-track li::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: 11;
    transition: all 0.4s ease 0s;
}
.case-studies-wrap ul.case-studies-slider .slick-track li.slick-center::before, .case-studies-wrap ul.case-studies-slider .slick-track li.slick-center > img {
    opacity: 0;
}
.case-studies-wrap ul.case-studies-slider .slick-track li > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.1;
}
.case-studies-wrap ul.case-studies-slider .slick-track li .case-study-icon {
    width: 100%;
    height: 160px;
    margin: 0px auto;
    padding: 30px 40px 0px;
    position: relative;
    z-index: 999;
    text-align: center;
}
.case-studies-wrap ul.case-studies-slider li .case-study-icon img {
    width: 100px;
    max-height: 122px;
    margin: 0px auto;
}
.case-studies-wrap ul.case-studies-slider li.slick-center .case-study-icon {
    height: auto;
}
.case-studies-wrap ul.case-studies-slider li.slick-center .case-study-icon img {
    max-height: initial;
    margin: 0px auto;
}
.case-studies-wrap ul.case-studies-slider li .case-study-desc {
    float: left;
    width: 100%;
    padding: 30px 15px;
    position: relative;
    z-index: 99;
    color: rgb(255, 255, 255);
}
.case-studies-wrap ul.case-studies-slider li .case-study-desc h4 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.case-studies-wrap ul.case-studies-slider li.slick-center .case-study-desc h4 {
    color: rgb(0, 0, 0);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-1 .case-study-desc h4 {
    color: rgb(58, 161, 159);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-2 .case-study-desc h4 {
    color: rgb(213, 55, 134);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-3 .case-study-desc h4 {
    color: rgb(242, 133, 111);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-4 .case-study-desc h4 {
    color: rgb(227, 94, 121);
}
.case-studies-wrap ul.case-studies-slider li .case-study-desc p {
    font-size: 15px;
    line-height: 22px;
    min-height: 100px;
}
.case-studies-wrap ul.case-studies-slider li.slick-center .case-study-desc p {
    color: rgb(0, 0, 0);
}
.case-studies-wrap ul.case-studies-slider li .case-study-desc a {
    display: inline-block;
    padding: 15px 40px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-family: Lato, sans-serif;
    font-size: 18px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 100px;
    margin-top: 40px;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 4px;
}
.case-studies-wrap ul.case-studies-slider li .case-study-desc a:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}
.case-studies-wrap ul.case-studies-slider li.slick-center a {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-1 a {
    background: linear-gradient(rgb(19, 128, 114), rgb(34, 187, 204));
    color: rgb(255, 255, 255);
    border: 2px solid rgb(1, 214, 198);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-2 a {
    background: linear-gradient(rgb(235, 83, 116), rgb(216, 59, 131));
    color: rgb(255, 255, 255);
    border: 2px solid rgb(234, 82, 116);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-3 a {
    background: linear-gradient(rgb(239, 158, 78), rgb(246, 111, 89));
    color: rgb(255, 255, 255);
    border: 2px solid rgb(241, 170, 107);
}
.case-studies-wrap ul.case-studies-slider li.slick-center.show-4 a {
    background: linear-gradient(rgb(226, 64, 100), rgb(241, 106, 88));
    color: rgb(255, 255, 255);
    border: 2px solid rgb(231, 97, 125);
}
.contact-wrap {
    padding: 80px;
    background-image: url("../img/bg-home-contact.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
}
.contact-wrap::before {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    background-image: url("../img/circle-bg-2.svg");
    background-repeat: no-repeat;
    background-size: 800px;
    right: -378px;
    z-index: -1;
}
.contact-inner {
    float: left;
    width: 100%;
    padding: 60px 50px;
    background: rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 24px;
    display: flex;
    flex-wrap: wrap;
}
.contact-left {
    float: left;
    width: 45%;
    padding-left: 50px;
    padding-right: 50px;
}
.contact-left h2 {
    font-size: 83px;
    color: rgb(5, 118, 188);
    font-weight: 700;
}
.contact-left p {
    font-size: 24px;
    color: rgb(94, 94, 95);
    margin-top: 15px;
    margin-bottom: 25px;
    line-height: 40px;
}
.contact-left p a {
    color: rgb(94, 94, 95);
    text-decoration: none;
}
.contact-left h4 {
    font-size: 34px;
    color: rgb(22, 202, 189);
    font-weight: 700;
    margin-bottom: 45px;
}
.contact-left h5 {
    font-size: 24px;
    color: rgb(5, 118, 188);
    font-family: Lato, sans-serif;
}
.contact-left h5 img {
    vertical-align: middle;
    margin-right: 30px;
}
.contact-left ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}
.contact-left ul li:last-child {
    margin-right: 0px;
}
.contact-form-right {
    float: left;
    padding: 20px;
    width: 55%;
    background-image: url("../img/contact-form-bg.jpg");
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 20px;
    color: rgb(255, 255, 255);
}
.contact-form-right::before {
    background-color: rgba(5, 118, 188, 0.8);
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 20px;
}
.contact-form-right h4 {
    font-size: 30px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    margin-bottom: 50px;
}
.contact-form-right form {
    position: relative;
}
.contact-form-right form p {
    float: left;
    width: 50%;
    margin-bottom: 55px;
    font-size: 25px;
    padding: 0px 20px;
}
.contact-form-right form > div {
    float: left;
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 55px;
    font-family: Lato, sans-serif;
    font-size: 25px;
}
.contact-form-right form p label, .contact-form-right form > div label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.contact-form-right form p input[type="text"], .contact-form-right form p input[type="email"], .contact-form-right form p select, .contact-form-right form p textarea {
    background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    padding: 13px 0px;
    width: 100%;
    border-bottom: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-family: Lato, sans-serif;
    outline: none;
}
.contact-form-right form p select option {
    color: rgb(51, 51, 51);
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}
.btn--browse {
    border-left: 0px;
    background-color: rgb(255, 255, 255);
    color: rgb(5, 118, 188);
    height: 42px;
    padding: 0px 14px;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    font-weight: 600;
    float: left;
    width: 180px;
}
.f-input {
    height: 42px;
    background-color: transparent;
    border: 2px solid rgb(255, 255, 255);
    width: calc(100% - 180px);
    float: left;
    padding: 0px 14px;
    outline: none;
    color: rgb(255, 255, 255);
}
.contact-form-right form p:nth-last-child(1) {
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
}
.contact-form-right form p input[type="submit"], .contact-form-right form p button {
    padding: 12px 30px;
    color: rgb(5, 118, 188);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(22, 202, 189);
    font-size: 22px;
    font-family: Lato, sans-serif;
    font-weight: 600;
    border-radius: 100px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 10px;
    transition: all 0.3s ease 0s;
}
.contact-form-right form p input[type="submit"]:hover, .contact-form-right form p button:hover {
    background: rgb(22, 202, 189);
    color: white;
}
.main-footer {
    float: left;
    width: 100%;
    background: rgb(5, 118, 188);
    padding: 100px 40px;
    color: rgb(255, 255, 255);
    position: relative;
}
.main-footer > img {
    position: absolute;
    animation: 1.5s ease 0s infinite alternate none running cloud;
}
.main-footer > img:nth-child(1) {
    width: 69px;
    top: 280px;
    left: 5px;
}
.main-footer > img:nth-child(2) {
    width: 169px;
    bottom: 15px;
    left: 5px;
}
.main-footer > img:nth-child(3) {
    width: 112px;
    bottom: 10px;
    left: 190px;
}
.main-footer > img:nth-child(4) {
    right: 10px;
    top: 20px;
    width: 97px;
}
.main-footer > img:nth-child(5) {
    right: 15px;
    top: 130px;
    width: 60px;
}
.main-footer .footer-col {
    float: left;
    width: 28%;
}
.main-footer .footer-col:last-child {
    width: 16%;
}
.main-footer .footer-col:first-child {
    padding-right: 150px;
}
.main-footer .footer-col:first-child p {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    font-weight: 400;
    opacity: 0.86;
    color: rgba(255, 255, 255, 0.86);
}
.main-footer .footer-col h3 {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 30px;
    padding: 5px 5px 5px 15px;
    border-left: 3px solid rgb(22, 202, 189);
    text-transform: uppercase;
}
.main-footer .footer-col:nth-child(2) p {
    font-size: 24px;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.86);
    padding-left: 20px;
    font-weight: 400;
    opacity: 0.86;
}
.main-footer .footer-col ul {
    padding-left: 20px;
}
.main-footer .footer-col ul li a {
    font-family: Lato, sans-serif;
    font-size: 24px;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
    font-weight: 400;
    opacity: 0.86;
}
.main-footer .footer-col ul li a:hover {
    text-decoration: underline;
    color: rgb(255, 255, 255);
}
.footer-bottom {
    float: left;
    width: 100%;
    padding: 15px;
}
.footer-bottom .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-bottom .container p {
    font-size: 16px;
    color: rgb(94, 94, 95);
}
.footer-bottom .container ul {
    display: flex;
    align-items: center;
}
.footer-bottom .container ul li {
    padding: 0px 15px;
}
.footer-bottom .container ul li a {
    display: block;
    width: 20px;
    filter: grayscale(1);
}
.footer-bottom .container ul li a img {
    max-height: 24px;
}
.footer-bottom .container ul li:nth-child(3) img {
    max-height: 20px;
}
#button {
    display: inline-block;
    background-color: rgb(255, 255, 255);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
    border: 2px solid rgb(3, 245, 227);
    cursor: pointer;
}
#button:active {
    background-color: rgb(85, 85, 85);
}
#button.show {
    opacity: 1;
    visibility: visible;
}
#button img {
    margin: 18px auto 0px;
    display: block;
    width: 20px;
}
.banner-inner-pages {
    min-height: 730px;
    background-image: url("../img/banner-inner.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 65%;
    background-color: rgb(8, 14, 26);
    position: relative;
}
.banner-inner-pages::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("../img/banner-inner-overlay.svg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
}
.banner-inner-pages::after {
    content: "";
    width: 115px;
    height: 80px;
    position: absolute;
    background-image: url("../img/cloud-green.svg");
    background-repeat: no-repeat;
    background-size: 115px 80px;
    bottom: 40px;
    left: 25px;
    z-index: 22;
    animation: 1.5s ease 0s infinite alternate none running cloud;
}
.banner-inner-text {
    float: right;
    width: 42%;
    background: rgb(5, 118, 188);
    position: relative;
    min-height: 730px;
    border-bottom-left-radius: 350px;
    z-index: 9999;
}
.banner-inner-text > img {
    position: absolute;
    animation: 1.5s ease 0s infinite alternate none running cloud;
}
.banner-inner-text > img:nth-child(1) {
    width: 228px;
    right: 130px;
    top: 50px;
    opacity: 0.7;
}
.banner-inner-text > img:nth-child(2) {
    right: 400px;
    top: 71px;
    opacity: 0.5;
}
.banner-inner-text > img:nth-child(3) {
    bottom: 150px;
    width: 100px;
    left: 100px;
}
.banner-inner-text > img:nth-child(4) {
    bottom: 90px;
    width: 38px;
    left: 170px;
}
.banner-inner-text > div {
    position: absolute;
    top: 250px;
    left: 80px;
}
.banner-inner-text > div h2 {
    font-size: 100px;
    font-weight: 600;
    line-height: 105px;
    color: rgb(1, 214, 198);
    margin-bottom: 20px;
}
.banner-inner-text > div p {
    font-size: 55px;
    color: rgb(255, 255, 255);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 200;
}
.case-studies-wrap-page {
    background-color: rgb(255, 255, 255);
    background-image: url("../img/circle-bg-1.svg");
    background-repeat: no-repeat;
    background-position: 215% 50%;
    background-size: 1300px;
    background-attachment: fixed;
}
.case-studies-inner {
    float: left;
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
}
.case-studies-wrap ul.case-studies-inner li {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 14px 6px;
    border-radius: 20px;
    transition: all 0.4s ease 0s;
    position: relative;
    width: calc(33.33% - 60px);
    padding: 50px 20px;
    background-color: rgba(5, 118, 188, 0.83);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(1), .case-studies-wrap ul.case-studies-inner li:nth-child(1):hover .case-study-desc a, .show-1 {
    background: linear-gradient(rgb(19, 128, 114), rgb(34, 187, 204));
}
.case-studies-wrap ul.case-studies-inner li:nth-child(2), .case-studies-wrap ul.case-studies-inner li:nth-child(2):hover .case-study-desc a, .show-2 {
    background: linear-gradient(rgb(235, 83, 116), rgb(216, 59, 131));
}
.case-studies-wrap ul.case-studies-inner li:nth-child(3), .case-studies-wrap ul.case-studies-inner li:nth-child(3):hover .case-study-desc a, .show-3 {
    background: linear-gradient(rgb(239, 158, 78), rgb(246, 111, 89));
}
.case-studies-wrap ul.case-studies-inner li:nth-child(4), .case-studies-wrap ul.case-studies-inner li:nth-child(4):hover .case-study-desc a, .show-4 {
    background: linear-gradient(rgb(226, 64, 100), rgb(241, 106, 88));
}
.case-studies-wrap ul.case-studies-inner li:nth-child(5), .case-studies-wrap ul.case-studies-inner li:nth-child(5):hover .case-study-desc a, .show-5 {
    background: linear-gradient(rgb(26, 164, 103), rgb(160, 200, 90));
}
.case-studies-wrap ul.case-studies-inner li:nth-child(6), .case-studies-wrap ul.case-studies-inner li:nth-child(6):hover .case-study-desc a, .show-6 {
    background: linear-gradient(rgb(198, 89, 155), rgb(129, 63, 146));
}
.case-studies-wrap ul.case-studies-inner li:nth-child(7), .case-studies-wrap ul.case-studies-inner li:nth-child(7):hover .case-study-desc a, .show-7 {
    background: linear-gradient(rgb(42, 111, 172), rgb(110, 63, 144));
}
.case-studies-wrap ul.case-studies-inner li:nth-child(8), .case-studies-wrap ul.case-studies-inner li:nth-child(8):hover .case-study-desc a, .show-8 {
    background: linear-gradient(rgb(242, 145, 62), rgb(240, 190, 64));
}
.case-studies-wrap ul.case-studies-inner li:hover {
    background: rgb(255, 255, 255);
}
.case-studies-wrap ul.case-studies-inner li > img {
    display: none;
}
.case-studies-wrap ul.case-studies-inner li .case-study-icon {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 999;
}
.case-studies-wrap ul.case-studies-inner li .case-study-icon img:nth-child(2) {
    display: none;
}
.case-studies-wrap ul.case-studies-inner li .case-study-desc {
    float: left;
    width: 100%;
    padding: 30px 15px 0px;
    position: relative;
    z-index: 99;
    color: rgb(255, 255, 255);
}
.case-studies-wrap ul.case-studies-inner li .case-study-desc h4 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.case-studies-wrap ul.case-studies-inner li:nth-child(1):hover .case-study-desc h4 {
    color: rgb(58, 161, 159);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(2):hover .case-study-desc h4 {
    color: rgb(213, 55, 134);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(3):hover .case-study-desc h4 {
    color: rgb(242, 133, 111);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(4):hover .case-study-desc h4 {
    color: rgb(227, 94, 121);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(5):hover .case-study-desc h4 {
    color: rgb(64, 176, 123);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(6):hover .case-study-desc h4 {
    color: rgb(150, 89, 158);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(7):hover .case-study-desc h4 {
    color: rgb(128, 91, 158);
}
.case-studies-wrap ul.case-studies-inner li .case-study-desc p {
    font-size: 18px;
    line-height: 30px;
}
.case-studies-wrap ul.case-studies-inner li:hover img:nth-child(2) {
    display: inline-block;
}
.case-studies-wrap ul.case-studies-inner li:hover img:nth-child(1) {
    display: none;
}
.case-studies-wrap ul.case-studies-inner li:hover .case-study-desc p {
    color: rgb(59, 60, 59);
}
.case-studies-wrap ul.case-studies-inner li .case-study-desc a {
    display: inline-block;
    padding: 15px 40px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-family: Lato, sans-serif;
    font-size: 18px;
    border-radius: 100px;
    margin-top: 40px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 3px inset;
}
.case-studies-wrap ul.case-studies-inner li:nth-child(1) .case-study-desc a {
    border: 2px solid rgb(1, 214, 198);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(2) .case-study-desc a {
    border: 2px solid rgb(234, 82, 116);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(3) .case-study-desc a {
    border: 2px solid rgb(241, 170, 107);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(4) .case-study-desc a {
    border: 2px solid rgb(231, 97, 125);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(5) .case-study-desc a {
    border: 2px solid rgb(71, 180, 127);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(6) .case-study-desc a {
    border: 2px solid rgb(198, 89, 155);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(7) .case-study-desc a {
    border: 2px solid rgb(79, 133, 185);
}
.case-studies-wrap ul.case-studies-inner li:nth-child(8) .case-study-desc a {
    border: 2px solid rgb(244, 164, 94);
}
.how-we-hire {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: rgb(242, 240, 240);
}
.how-we-hire .container > img {
    margin-top: 50px;
}
.how-we-hire .container > img:nth-last-child(1) {
    display: none;
}
.career-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/circle-bg-1.svg");
    background-repeat: no-repeat;
    background-position: 215% 50%;
    background-size: 1300px;
    background-attachment: fixed;
}
.job-date {
    font-weight: bold !important;
    color: rgb(22, 202, 189) !important;
}
.career-bottom ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.career-bottom ul li {
    display: inline-flex;
    padding: 20px;
    
}
.career-bottom ul li .career-desc {
    background: rgb(242, 240, 240);
    padding: 30px;
    position: relative;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 24px 12px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    transition: all 0.3s ease 0s;
    min-width: 400px;
}
.career-bottom ul li .career-desc:hover {
    background: rgba(5, 118, 188, 0.81);
}
.career-bottom ul li .career-desc::before {
    content: "";
    width: 100%;
    padding: 25px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, rgb(1, 214, 198) -8%, rgb(5, 118, 188) 17%);
    border-bottom-right-radius: 200px;
}
.career-bottom ul li .career-desc h4 {
    font-size: 40px;
    color: rgb(5, 118, 188);
    margin-top: 60px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 69px;
}
.career-bottom ul li .career-desc:hover h4 {
    color: rgb(255, 255, 255);
}
.career-bottom ul li .career-desc p {
    font-size: 18px;
    color: rgb(94, 94, 95);
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 500;
}
.career-bottom ul li .career-desc:hover p {
    color: rgb(255, 255, 255);
}
.career-bottom ul li .career-desc a {
    padding: 12px 40px;
    display: inline-block;
    font-weight: bold;
    font-family: Lato, sans-serif;
    text-decoration: none;
    color: rgb(1, 214, 198);
    border: 2px solid rgb(1, 214, 198);
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px;
}
.career-bottom ul li:hover .career-desc a {
    background-color: rgb(255, 255, 255);
}
.career-left h2 {
    margin-bottom: 50px;
}
.career-bg {
    background-image: url("../img/career-contact-bg.png");
}
.blog-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/circle-bg-1.svg");
    background-repeat: no-repeat;
    background-position: 215% 50%;
    background-size: 1300px;
    background-attachment: fixed;
}
.blog-wrap-inner {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.blog-wrap-inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
    justify-content: center;
}
.blog-wrap-inner ul li {
    padding: 35px 30px;
    width: calc(50% - 50px);
    background: linear-gradient(160deg, rgb(27, 179, 167) -10%, rgb(5, 118, 188) 55%);
    border-radius: 15px;
    color: rgb(255, 255, 255);
    position: relative;
}
.blog-wrap-inner ul li .blog-desc {
    text-align: center;
    border-radius: 15px;
    transition: all 0.3s ease 0s;
}
.blog-wrap-inner ul li:hover {
    background: rgb(242, 240, 240);
    color: rgb(5, 118, 188);
}
.blog-wrap-inner ul li .blog-desc::before, .blog-wrap-inner ul li .blog-desc::after {
    content: "";
    position: absolute;
    background-image: url("../img/green-icon-2.svg");
    background-repeat: no-repeat;
    transition: all 0.7s ease 0s;
    transform: rotate(70deg) !important;
}
.blog-wrap-inner ul li .blog-desc::before {
    width: 120px;
    height: 120px;
    background-size: 120px;
    right: 0px;
    top: 0px;
    opacity: 0.7;
}
.blog-wrap-inner ul li .blog-desc::after {
    width: 150px;
    height: 120px;
    background-size: 150px;
    left: 0px;
    bottom: 5px;
    opacity: 0.5;
}
.blog-wrap-inner ul li .blog-desc:hover::before {
    transform: translateX(-20px);
}
.blog-wrap-inner ul li .blog-desc:hover::after {
    transform: translateX(20px);
}
.blog-wrap-inner ul li .blog-desc h4 {
    font-weight: 600;
    font-size: 54px;
    line-height: 54px;
    max-width: 450px;
    margin: 0px auto;
    text-transform: uppercase;
}
.blog-wrap-inner ul li .blog-desc h4 span {
    color: rgb(1, 214, 198);
}
.blog-wrap-inner ul li .blog-desc p {
    font-size: 18px;
    line-height: 30px;
    margin: 15px auto 30px;
    max-width: 500px;
    font-weight: 500;
}
.blog-wrap-inner ul li .blog-desc a {
    padding: 12px 35px;
    display: inline-block;
    border: 2px solid rgb(1, 214, 198);
    color: rgb(1, 214, 198);
    text-decoration: none;
    font-weight: 600;
    font-family: Lato, sans-serif;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.11) 0px 2px 6px inset;
}
.blog-wrap-inner ul li:hover .blog-desc a {
    background: rgb(1, 214, 198);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.11) 0px 2px 6px;
}
.blog-detail-banner {
    float: left;
    width: 100%;
    background: rgb(5, 118, 188);
}
.blog-detail-banner .container {
    position: relative;
    padding-top: 300px;
    padding-bottom: 100px;
}
.blog-detail-banner .container img {
    position: absolute;
    top: 0px;
    left: 50%;
    bottom: 0px;
    max-height: 100%;
    transform: translateX(-50%);
    object-fit: cover;
    opacity: 0.3;
}
.blog-detail-banner .container::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background: linear-gradient(rgba(1, 214, 198, 0.52), rgb(20, 118, 188));
    z-index: 999;
    width: 100%;
    height: 100%;
}
.blog-detail-banner .container div {
    position: relative;
    z-index: 99999;
    left: 30px;
}
.blog-detail-banner .container div h4 {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.blog-detail-banner .container div h3 {
    font-size: 83px;
    color: rgb(255, 255, 255);
    font-weight: 600;
}
.blog-detail-banner .container div .author-name {
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
    padding-bottom: 10px;
    float: left;
    border-bottom: 2px solid rgb(22, 202, 189);
    margin-top: 10px;
    font-size: 22px;
}
.blog-detail-banner .container div .author-name span {
    color: rgb(22, 202, 189);
}
.blog-detail-content .container > div {
    padding: 30px 100px;
    background: rgb(242, 240, 240);
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}
.blog-detail-content .container > div p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    color: rgb(59, 60, 59);
    float: left;
    width: 100%;
}
.blog-detail-content .container > div code {
    float: left;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    background: rgb(255, 255, 255);
    border-left: 3px solid rgb(22, 202, 189);
    line-height: 2;
    word-break: break-all;
    font-family: monospace;
}
.blog-detail-content .container > div ul {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.blog-detail-content .container > div ul li {
    font-size: 24px;
    font-family: Lato, sans-serif;
    line-height: 30px;
    font-weight: 300;
    list-style-type: initial;
    padding-bottom: 10px;
    color: rgb(22, 202, 189);
    padding-left: 30px;
    list-style-position: inside;
}
.blog-detail-content .container > div h3 {
    font-weight: 700;
    color: rgb(5, 118, 188);
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.blog-detail-content .container > div h3 span {
    color: rgb(22, 202, 189);
}
.blog-detail-content .container > div h4 {
    font-family: Lato, sans-serif;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: rgb(5, 118, 188);
    float: left;
    width: 100%;
}
.blog-detail-content .container > div > div {
    float: left;
    width: 50%;
}
.career-detail-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/circle-bg-1.svg");
    background-repeat: no-repeat;
    background-position: 215% 50%;
    background-size: 1300px;
    background-attachment: fixed;
}
.career-detail-inner {
    float: left;
    width: 100%;
    padding: 30px;
    background-color: rgb(242, 240, 240);
}
.career-detail-inner h2 {
    font-weight: 600;
    text-align: center;
    font-size: 54px;
    color: rgb(5, 118, 188);
    margin-bottom: 30px;
}
.career-detail-inner h5 {
    font-size: 24px;
    font-weight: 600;
    color: rgb(5, 118, 188);
    margin-bottom: 20px;
    font-family: Lato, sans-serif;
}
.career-detail-inner p, .career-detail-inner ul li {
    color: rgb(59, 60, 59);
    font-size: 22px;
}
.career-detail-inner p {
    margin-bottom: 25px;
    line-height: 30px;
}
.career-detail-inner p a {
    color: rgb(22, 202, 189);
}
.career-detail-inner ul {
    padding-left: 40px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-family: Lato, sans-serif;
}
.career-detail-inner ul li {
    margin-bottom: 15px;
    display: list-item;
    list-style-type: disc;
}
.case-study-banner {
    min-height: 730px;
    position: relative;
}
.case-study-banner::before {
    content: "";
    width: 48%;
    height: 100%;
    position: absolute;
    border-bottom-right-radius: 400px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 50px;
    z-index: 99;
    opacity: 0.54;
}
.makeusafe-d .case-study-banner::before {
    background: linear-gradient(45deg, rgb(65, 192, 205), rgb(54, 146, 135));
}
.presonus-d .case-study-banner::before {
    background: linear-gradient(45deg, rgb(233, 81, 118), rgb(217, 60, 131));
}
.ring-d .case-study-banner::before {
    background: linear-gradient(45deg, rgb(242, 131, 112), rgb(237, 168, 104));
}
.rtt-d .case-study-banner::before {
    background: linear-gradient(45deg, rgb(238, 126, 111), rgb(226, 91, 121));
}
.yellow-house-d .case-study-banner::before {
    background: linear-gradient(45deg, rgb(169, 203, 113), rgb(63, 175, 123));
}
.uenme-d .case-study-banner::before {
    background: linear-gradient(45deg, rgb(196, 85, 152), rgb(146, 90, 159));
}
.nmg-d .case-study-banner::before {
    background: linear-gradient(45deg, rgb(120, 81, 160), rgb(79, 107, 178));
}
.case-study-banner > img {
    position: absolute;
    content: "";
    z-index: 99;
}
.case-study-banner > img:nth-child(1) {
    right: 0px;
    top: 40px;
}
.top-text {
    max-width: 1642px;
    margin: 0px auto;
    text-align: left;
    position: relative;
    top: 90px;
    z-index: 999;
    color: rgb(255, 255, 255);
    padding: 0px 15px;
}
.top-text h3 {
    font-size: 100px;
    font-weight: 600;
}
.top-text h4 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 54px;
    font-weight: 200;
    position: relative;
    top: 15px;
}
.case-study-banner > div:last-child {
    position: absolute;
    z-index: 12;
    text-align: center;
    max-width: 1642px;
    margin: 0px auto;
    bottom: -80px;
    transform: translateX(-50%);
    left: 50%;
    width: inherit;
}
.case-study-banner > div img {
    max-height: 730px;
}
.rtt-d div img {
    max-height: 500px;
}
.nmg-d .case-study-banner > div img {
    max-width: 100%;
}
.case-study-detail-wrap {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.case-study-detail-wrap::after {
    content: "";
    position: absolute;
    width: 1000px;
    height: 1300px;
    background-image: url("../img/circle-bg-1.svg");
    background-repeat: no-repeat;
    background-position-y: 1868%;
    background-size: cover;
    right: -25%;
    display: none;
}
.case-study-detail-wrap::before {
    content: "";
    position: absolute;
    width: 1000px;
    height: 1300px;
    background-image: url("../img/bg-4.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    left: -25%;
    display: none;
    z-index: 999;
}
.case-study-inner {
    float: left;
    width: 100%;
    padding: 70px;
    margin-top: 100px;
}
.case-study-inner > div {
    max-width: 1000px;
    margin: 0px auto;
    text-align: center;
    z-index: 9999;
    position: relative;
}
.case-study-inner h2 {
    font-size: 54px;
    font-weight: 700;
    text-align: center;
    color: rgb(94, 94, 95);
    margin-bottom: 50px;
}
.makeusafe-d .case-study-inner h2 span {
    color: rgb(54, 148, 138);
}
.rtt-d .case-study-inner h2 span {
    color: rgb(226, 92, 120);
}
.nmg-d .case-study-inner h2 span {
    color: rgb(118, 82, 161);
}
.presonus-d .case-study-inner h2 span {
    color: rgb(204, 51, 117);
}
.ring-d .case-study-inner h2 span {
    color: rgb(237, 124, 105);
}
.uenme-d .case-study-inner h2 span {
    color: rgb(150, 90, 158);
}
.yellow-house-d .case-study-inner h2 span {
    color: rgb(69, 176, 123);
}
.case-study-inner p {
    font-size: 24px;
    line-height: 30px;
    margin-top: 50px;
    text-align: left;
    color: rgb(94, 94, 95);
}
.case-study-inner p:nth-child(2) {
    font-size: 24px;
    line-height: 30px;
    color: rgb(94, 94, 95);
    margin-top: 0px;
    font-weight: 400;
}
.case-study-inner img {
    padding: 50px 50px 0px;
    max-width: 100%;
    width: 700px;
}
.makeusafe-d .case-study-inner img {
    max-width: 100%;
    padding-top: 0px;
}
.quote-main-wrap {
    margin-top: 50px;
    margin-bottom: 50px;
}
.quote-main-wrap .container h3 {
    margin-bottom: 10px;
}
.quote-form-wrap::before {
    background-color: rgba(7, 42, 64, 0.8);
}
.quote-form-wrap {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 70px;
    padding: 35px;
    background-image: url("../img/request-a-quote-img.png");
}
.quote-form-wrap h4 {
    color: rgb(1, 214, 198);
    max-width: 75%;
    margin: 0px auto 50px;
}
.quote-form-wrap form {
    position: relative;
    max-width: 75%;
    margin: 0px auto;
}
.quote-form-wrap form p {
    width: 33.33%;
}
.gallery-main-banner {
    background-image: url("../img/5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.gallery-main-banner .banner-inner {
    background: linear-gradient(rgb(77, 128, 179), rgb(75, 178, 122));
}
.gallery-main-banner .banner-inner h1 {
    background: none;
}
.gallery-main-banner .banner-inner h3 {
    font-weight: 200;
    color: rgb(252, 250, 250);
}
.tabs {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
ul#tabs-nav {
    float: left;
    width: 100%;
}
ul#tabs-nav li {
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
    border-bottom: 2px solid transparent;
}
ul#tabs-nav li a:hover, ul#tabs-nav li.active a {
    color: rgb(1, 214, 198);
    border-bottom: 2px solid rgb(1, 214, 198);
}
#tabs-nav li a {
    text-decoration: none;
    font-size: 36px;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    color: rgb(5, 118, 188);
}
.tab-content {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 80px;
}
.tab-content section.event-pics-all {
    text-align: center;
    float: none;
    margin: 0px auto;
    width: 100%;
    max-width: 1642px;
}
.events-main-wrap {
    float: left;
    width: 100%;
}
.event-page-1 {
    background-color: rgb(245, 245, 245);
    padding-top: 30px;
    padding-bottom: 30px;
}
.events-main-wrap h2 {
    font-size: 83px;
    color: rgb(94, 94, 95);
    font-weight: 700;
    text-align: center;
    line-height: 130px;
    margin-bottom: 40px;
}
.events-main-wrap-home h2 {
    margin-bottom: 0;
    line-height: auto;
}
.events-main-wrap-home .container > p {
    margin-bottom: 40px;
}
.event-box {
    display: flex;
    padding: 15px;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(10, 15, 20, 0.25) 10px 10px 24px inset;
    max-width: 1400px;
    margin: 0px auto;
}
.event-desc {
    width: 50%;
}
.events-main-wrap .event-box:nth-child(2n+1) .event-desc {
    padding-right: 30px;
    padding-left: 20px;
}
.events-main-wrap .event-box:nth-child(2n) .event-desc {
    padding-left: 30px;
    padding-right: 15px;
}
section.event-pics {
    width: 50%;
    column-width: 300px;
}
.event-pics #images-section {
    gap: 10px;
}
.event-pics img {
    border-radius: 8px;
}
.event-pics img:hover {
    opacity: 0.7;
}
.event-desc h3 {
    font-size: 72px;
    line-height: 100px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 600;
}
.event-desc h5 {
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 300;
    font-family: Lato, sans-serif;
    line-height: 46px;
}
.event-desc p {
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
}
section.event-pics-all {
    column-width: 300px;
    column-gap: 15px;
}
section.event-pics img {
    width: 100%;
    cursor: pointer;
    margin-bottom: 15px;
    max-height: 280px;
    min-height: 280px;
    object-fit: cover;
    object-position: center center;
}
.tab-content section.event-pics-all img {
    max-height: 100%;
    min-height: auto;
    display: inline-block;
}
.lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    display: none;
    background: rgb(0 0 0 / 70%);
    z-index: 999;
}
.filter {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(20px);
    opacity: 0.5;
    background-position: center center;
    background: transparent !important;
}
.lightbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(0deg);
    max-height: 95vh;
    max-width: calc(95vw - 100px);
    transition: all 0.8s cubic-bezier(0.7, 0, 0.4, 1) 0s;
    transform-style: preserve-3d;
}
[class^="arrow"] {
    height: 200px;
    width: 50px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
[class^="arrow"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 15px;
    height: 15px;
}
.arrowr {
    right: 0px;
}
.arrowr::after {
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
.arrowl {
    left: 0px;
}
.arrowl::after {
    border-left: 1px solid white;
    border-top: 1px solid white;
}
.close {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.4);
    margin: 20px;
    cursor: pointer;
}
.close::after, .close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #fff;
}
.close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.title {
    font-size: 20px;
    color: rgb(0, 0, 0);
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
}
.events-slad {
    max-width: 1620px;
    float: none;
    margin: 0px auto;
}
.events-slad .slick-dots, .gallery-pic .slick-dots {
    bottom: 30px;
}
.event-page {
    float: left;
    width: 100%;
}
.gallery-pic {
   float: left;
   width: 100%;
   padding-top: 100px;
   padding-bottom: 120px;
   background: #F2F0F0;
   margin-top: 80px;
}
.gallery-pic-slider {
    max-width: 1620px;
    margin: 0px auto;
}
.gallery-pic-slider li {
    border-radius: 50px;
    margin: 0px 10px;
}
.gallery-pic-slider li img {
    display: block;
    border-radius: 25px;
    height: 500px;
    width: 100%;
    margin: 0px auto;
    object-fit: cover;
}
.gallery-pic .slick-dots {
    bottom: -100px;
}
.events-slider {
    padding-bottom: 120px;
}
.gallery-pic .slick-next::before, .gallery-pic .slick-prev::before, .events-slider .slick-next::before, .events-slider .slick-prev::before {
    border-style: solid;
    border-color: rgb(5, 118, 188);
    border-image: initial;
    border-width: 0px 5px 5px 0px;
}

@media only screen and (max-width: 1740px) {
    h1 {
        font-size: 83px;
        line-height: 96px;
   }
    h3 {
        font-size: 46px;
   }
    .container {
        max-width: 1320px;
   }
    .banner-inner {
        padding-top: 150px;
   }
    .banner-inner h3 {
        margin-bottom: 60px;
   }
    .banner-inner-pages {
        background-size: cover;
   }
    .banner-inner-text > div h2 {
        font-size: 83px;
   }
    .banner-inner-text > div {
        top: 150px;
   }
    .services-inner ul {
        display: flex;
        gap: 40px;
   }
    .service-icon img {
        max-height: 80px;
   }
    .main-footer .footer-col:first-child {
        padding-right: 50px;
   }
    .main-footer .footer-col:nth-child(3) {
        width: 28%;
   }
    .main-footer .footer-col:last-child {
        width: 12%;
   }
    .case-studies-inner {
        gap: 60px 30px;
   }
    .case-studies-wrap ul.case-studies-inner li .case-study-icon img {
        max-width: 90px;
   }
    .case-studies-wrap ul.case-studies-inner li {
        width: calc(33.33% - 30px);
   }
   .events-slad {
    max-width: 1420px;
   }
}
@media only screen and (max-width: 1500px) {
   .events-slad {
    max-width: 1320px;
}
}
@media only screen and (max-width: 1400px) {
    .main-header .container .nav-main ul {
        gap: 40px;
   }
    .home-banner {
        min-height: 730px;
   }
    .banner-inner {
        width: 70%;
        min-height: 730px;
        padding-top: 100px;
        box-shadow: rgba(0, 0, 0, 0.24) 11px 10px 24px;
   }
   .slick-prev, .slick-next {
    display: none !important;
}
}
@media only screen and (max-width: 1024px) {
    .service-detail h4 {
        font-size: 32px;
   }
    .burger-icon {
        display: block;
   }
    .main-header {
        padding: 8px 20px;
        position: relative;
   }
    .logo-main {
        width: 100px;
   }
    .main-header .container .nav-main {
        position: absolute;
        background: rgb(247, 247, 247);
        padding: 20px 30px;
        top: 88px;
        width: 100%;
        left: 0px;
        transition: all 0.3s ease 0s;
        transform: translateY(65px);
        opacity: 0;
        visibility: hidden;
        z-index: 999990;
   }
    .main-header .container .nav-main-active {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
   }
    .main-header .container .nav-main ul {
        flex-wrap: wrap;
        gap: 10px 0px;
   }
    .main-header .container .nav-main ul li {
        width: 100%;
   }
    .main-header .container .nav-main ul li:last-child a {
        display: block;
        text-align: center;
        line-height: 30px;
        background: rgb(1, 214, 198);
        color: rgb(255, 255, 255);
        margin-top: 20px;
   }
    .banner-inner ul {
        flex-wrap: wrap;
        justify-content: left;
   }
    .main-wrapper section {
        padding-left: 15px;
        padding-right: 15px;
   }
    .main-wrapper .banner-inner-pages {
        padding-left: 0px;
        padding-right: 0px;
   }
    section .container > h2 {
        font-size: 60px;
   }
    section > .container > p {
        font-size: 18px;
        line-height: 32px;
   }
    section > .container > h3 {
        font-size: 24px;
        margin-bottom: 10px;
   }
    .main-wrapper .home-banner {
        padding: 0px;
   }
    .features-sec ul li {
        width: 50%;
   }
    .services-inner ul li {
        width: calc(50% - 50px);
   }
    .contact-left {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 50px;
   }
    .contact-form-right {
        width: 100%;
   }
    .success-story .container ul {
        flex-wrap: wrap;
        padding: 0px 50px;
   }
    .success-story .container ul li {
        width: 50%;
   }
    .success-story .container ul li h2 {
        font-size: 72px;
        margin-bottom: 20px;
   }
    .success-story .container ul li p {
        font-size: 28px;
   }
    .main-footer {
        padding: 50px 40px;
   }
    .main-footer .footer-col, .main-footer .footer-col:last-child, .main-footer .footer-col:nth-child(3) {
        width: 100%;
        padding-bottom: 40px;
   }
    .main-footer > img:nth-child(1) {
        right: 5px;
        left: auto;
   }
    .main-footer > img:nth-child(2) {
        right: 10px;
        left: auto;
   }
    .main-footer > img:nth-child(3) {
        right: 190px;
        left: auto;
   }
    .main-footer .footer-col:first-child {
        padding-right: 0px;
   }
    .footer-bottom .container {
        justify-content: center;
        align-items: center;
        flex-flow: column-reverse wrap;
   }
    .footer-bottom .container p {
        width: 100%;
        text-align: center;
   }
    .footer-bottom .container ul {
        align-items: center;
        margin-bottom: 10px;
   }
    .career-bottom ul li {
        padding: 20px;
   }
    .banner-inner-text > div {
        left: 30px;
   }
    .banner-inner-text {
        width: 60%;
   }
    .case-studies-wrap ul.case-studies-inner li {
        width: calc(50% - 30px);
   }
    .case-studies-wrap ul.case-studies-inner li .case-study-desc h4 {
        font-size: 32px;
   }
    .career-bottom ul li {
        width: 100%;
   }
}
@media only screen and (max-width: 768px) {
    h1 {
        font-size: 60px;
   }
    .home-banner {
        background-position: left center;
   }
    .banner-inner h1 {
        line-height: 72px;
   }
    .banner-inner {
        padding-right: 35px;
        padding-left: 35px;
        padding-top: 40px;
   }
    .banner-inner h3 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 25px;
   }
    .banner-inner ul li a {
        font-size: 18px;
        padding: 15px 35px;
        width: auto;
   }
    .services-inner ul {
        display: flex;
        gap: 40px 0px;
   }
    .services-inner ul li {
        width: 100%;
   }
    .contact-left ul li {
        margin-right: 25px;
   }
    .hww-wrap img:first-child {
        display: none;
   }
    .hww-wrap img:last-child {
        display: inline-block;
   }
    .how-we-hire .container > img:nth-last-child(2) {
        display: none;
   }
    .how-we-hire .container > img:nth-last-child(1) {
        display: inline-block;
   }
    .career-bottom ul li .career-desc h4 {
        line-height: 50px;
   }
    .banner-inner-text > div h2 {
        font-size: 72px;
        margin-bottom: 10px;
        line-height: 83px;
   }
    .banner-inner-text > div p {
        font-size: 42px;
   }
    .blog-wrap-inner ul li {
        width: 100%;
   }
    .case-studies-inner {
        gap: 40px 20px;
   }
    .case-studies-wrap ul.case-studies-inner li {
        width: calc(50% - 20px);
   }
   .events-slider .slick-track {
    align-items: flex-start;
   }
   .event-box {
        flex-wrap: wrap;
        text-align: center !important;
        margin-bottom: 20px;
   }
   .event-desc {
    width: 100%;
    margin-bottom: 20px;

    }
    section.event-pics {
    width: 100%;
    }
    .events-main-wrap h2 {
        font-size: 55px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 600px) {
    .case-studies-wrap ul.case-studies-inner li {
        width: 100%;
   }
}
@media only screen and (max-width: 480px) {
    .case-study-banner > div:last-child {
        max-width: 350px;
   }
    h1 {
        font-size: 42px;
   }
    section .container > h2 {
        font-size: 34px;
   }
    section > .container > h3 {
        font-size: 20px;
   }
    section > .container > p {
        font-size: 16px;
        line-height: 26px;
   }
    .main-header .container .nav-main {
        top: 67px;
   }
    .logo-main {
        width: 70px;
   }
    .bar1, .bar2, .bar3 {
        width: 26px;
        height: 2px;
   }
    .change .bar1 {
        transform: rotate(-45deg) translate(-5px, 4px);
   }
    .main-header .container .nav-main ul li a {
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
   }
    .main-header .container .nav-main ul li:last-child a {
        line-height: 25px;
        margin-top: 10px;
        font-size: 18px;
   }
    .main-wrapper .home-banner, .banner-inner-pages {
        min-height: auto;
        background: none;
   }
    .home-banner::after, .banner-inner-pages::before {
        height: 55%;
   }
    .mobile-banner-img {
        display: block;
   }
    .banner-inner, .banner-inner-text {
        width: 100%;
        padding-top: 15px;
        text-align: center;
        min-height: auto;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 130px;
        padding-bottom: 30px;
   }
    .banner-inner img {
        animation: 0s ease 0s 1 normal none running none;
   }
    .banner-inner img:nth-child(1) {
        top: 100px;
        left: auto;
        width: 37px;
        right: 24px;
        z-index: 999;
   }
    .banner-inner img:nth-child(2) {
        bottom: 80px;
        left: 30px;
        width: 46px;
   }
    .banner-inner img:nth-child(3) {
        top: 30px;
        left: auto;
        width: 64px;
        right: 10px;
        z-index: 999;
   }
    .banner-inner h1 {
        line-height: 40px;
        max-width: 260px;
        margin: 0px auto;
        font-size: 30px;
   }
    .banner-inner h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 25px;
        max-width: 100%;
        margin-top: 15px;
   }
    .banner-inner h3 {
        font-size: 22px;
        line-height: 29px;
        color: rgb(255, 255, 255);
        max-width: 260px;
        margin: 15px auto 25px;
   }
    .banner-inner-pages::after {
        display: none;
   }
    .banner-inner ul {
        justify-content: center;
        max-width: 100%;
        text-align: center;
        gap: 12px;
        flex-direction: column-reverse;
   }
    .banner-inner ul li {
        width: 100%;
   }
    .banner-inner ul li:first-child a, .banner-inner ul li a {
        width: 136px;
        padding: 12px 10px;
        margin: 0px auto;
        font-size: 14px;
   }
    .blog-wrap-inner {
        margin-top: 30px;
   }
    .blog-wrap-inner ul li {
        padding: 20px 30px;
   }
    .blog-wrap-inner ul li .blog-desc::before {
        width: 87px;
        height: 87px;
        background-size: 87px;
        right: 0px;
        top: 0px;
        opacity: 0.2;
   }
    .blog-wrap-inner ul li .blog-desc h4 {
        font-size: 26px;
        line-height: 35px;
        max-width: 250px;
   }
    .blog-wrap-inner ul li .blog-desc p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 15px;
   }
    .blog-wrap-inner ul li .blog-desc a {
        padding: 10px 25px;
        font-size: 14px;
        border: 1px solid rgb(1, 214, 198);
   }
    .blog-wrap-inner ul li .blog-desc::after {
        width: 87px;
        height: 87px;
        background-size: 87px;
        left: 6px;
        bottom: -6px;
        opacity: 0.2;
   }
    .about-wrap {
        padding-top: 40px;
        padding-bottom: 40px;
   }
    .features-sec ul li {
        width: 100%;
        padding: 15px;
   }
    .features-sec ul li > div {
        padding-bottom: 30px;
   }
    .features-sec ul li > div > .feature-icon {
        width: 120px;
        height: 120px;
        border-radius: 20px;
   }
    .features-sec ul li > div > .feature-icon img {
        max-width: 50px;
   }
    .features-sec ul li > div > h4 {
        font-size: 26px;
        margin-top: 15px;
        margin-bottom: 15px;
   }
    .features-sec ul li > div > p {
        font-size: 16px;
        line-height: 24px;
   }
    .how-we-train {
        padding: 40px 0px;
   }
    .contact-inner {
        padding: 30px 25px;
        text-align: center;
   }
    .contact-form-right {
        width: 100%;
        padding: 20px 10px;
   }
    .contact-form-right h4 {
        padding-left: 0px;
        font-size: 22px;
        margin-bottom: 20px;
   }
    .contact-form-right form p {
        width: 50%;
        padding: 10px 6px;
        margin-bottom: 10px;
        font-size: 16px;
        text-align: left;
        font-weight: bold;
        letter-spacing: -0.5px;
   }
    .contact-form-right form p:nth-last-child(1) {
        margin-bottom: 0px;
   }
    .contact-form-right form p:nth-last-child(1) input[type="submit"] {
        font-size: 16px;
        padding: 10px 20px;
   }
    .contact-left {
        padding-bottom: 35px;
   }
    .main-footer {
        padding: 30px 40px 20px;
   }
    .main-footer .footer-col, .main-footer .footer-col:last-child, .main-footer .footer-col:nth-child(3) {
        padding-bottom: 20px;
   }
    .main-footer {
        padding: 30px 40px 60px;
   }
    .main-footer .footer-col h3 {
        font-size: 20px;
        margin-bottom: 15px;
   }
    .main-footer .footer-col:first-child p {
        font-size: 16px;
        line-height: 22px;
   }
    .main-footer .footer-col:nth-child(2) p {
        font-size: 16px;
        line-height: 26px;
   }
    .main-footer .footer-col ul li a {
        font-size: 16px;
        line-height: 26px;
   }
    .main-footer .footer-col:nth-child(3) ul {
        display: flex;
        flex-wrap: wrap;
   }
    .main-footer .footer-col:nth-child(3) ul li {
        width: 50%;
   }
    .footer-bottom .container p {
        font-size: 14px;
   }
    .footer-bottom .container ul li {
        padding: 0px 8px;
   }
    .main-footer .footer-col:first-child img {
        max-width: 70px;
   }
    .contact-form-right form p input[type="text"], .contact-form-right form p input[type="email"], .contact-form-right form p textarea {
        padding: 5px 0px 8px;
        font-size: 14px;
   }
    .contact-left h2 {
        font-size: 32px;
   }
    .contact-left p {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 20px;
   }
    .contact-left h4 {
        font-size: 20px;
        margin-bottom: 25px;
   }
    .contact-left ul li {
        margin-right: 20px;
   }
    .contact-left h5 {
        font-size: 20px;
   }
    .contact-left h5 img {
        margin-right: 15px;
        width: 18px;
   }
    .contact-left ul li a img {
        width: 24px;
   }
    .contact-left ul li:first-child a img {
        width: 12px;
   }
    .case-studies-wrap ul.case-studies-slider {
        margin-top: 10px;
   }
    .case-studies-wrap ul.case-studies-slider li .case-study-desc {
        padding-top: 25px;
        padding-bottom: 10px;
   }
    .case-studies-wrap ul.case-studies-slider li.slick-center .case-study-icon img {
        width: 60px;
        max-height: 60px;
   }
    .case-studies-wrap ul.case-studies-slider li .case-study-icon img {
        max-width: 60px;
        max-height: 60px;
        margin: 0px auto;
   }
    .case-studies-wrap ul.case-studies-slider .slick-track li .case-study-icon {
        padding: 25px 10px;
        margin-bottom: 0px;
        width: 110px;
        height: 110px;
        border-bottom-right-radius: 70px;
   }
    .case-studies-wrap ul.case-studies-slider li .case-study-desc h4 {
        font-size: 28px;
        margin-bottom: 10px;
   }
    .case-studies-wrap ul.case-studies-slider li .case-study-desc a {
        padding: 10px 14px;
        font-size: 17px;
        margin-top: 15px;
   }
    .success-story .container ul {
        max-width: 85%;
        margin: 0px auto;
        display: flex;
        flex-wrap: wrap;
        gap: 23px 0px;
        padding: 0px;
   }
    .success-story .container ul li {
        margin-bottom: 15px;
        width: 50%;
        padding-right: 0px;
   }
    .success-story .container ul li h2 {
        font-size: 32px;
        margin-bottom: 20px;
   }
    .success-story .container ul li p {
        font-size: 18px;
        line-height: 18px;
   }
    .main-footer > img {
        animation: 0s ease 0s 1 normal none running none;
   }
    .contact-banner-inner img {
        opacity: 1;
        animation: 0s ease 0s 1 normal none running none;
   }
    .contact-banner-inner img:first-child {
        top: 89px;
        left: 20px;
        width: 55px;
   }
    .contact-banner-inner img:nth-child(2) {
        bottom: 20px;
        left: 20px;
        width: 37px;
   }
    .contact-banner-inner img:nth-child(3) {
        top: 79px;
        right: 20px;
        width: 56px;
   }
    .contact-banner-inner img:nth-child(4) {
        bottom: 25px;
        right: 45px;
        width: 37px;
   }
    .services-inner {
        margin-top: 40px;
   }
    .services-wrap {
        padding: 50px 0px;
   }
    .services-inner ul li {
        width: 90%;
   }
    .service-icon {
        margin-bottom: 0px;
   }
    .service-detail {
        padding-bottom: 35px;
   }
    .service-detail h4 {
        font-size: 26px;
   }
    .service-detail p {
        font-size: 16px;
        line-height: 26px;
   }
    .service-icon img {
        max-height: 80px;
        width: 65px;
   }
    .contact-banner {
        padding: 50px;
   }
    .success-story {
        padding-top: 40px;
        padding-bottom: 40px;
        background-size: cover;
        background-attachment: initial;
   }
    .success-story .container > h5 {
        margin-top: 15px;
        margin-bottom: 40px;
        font-size: 18px;
   }
    .contact-banner-inner {
        padding: 40px 30px;
        max-width: 90%;
        margin: 0px auto;
   }
    .contact-banner h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
   }
    .contact-banner a {
        font-size: 16px;
        padding: 14px 20px;
   }
    .banner-inner-text > img {
        animation: 0s ease 0s 1 normal none running none;
   }
    .banner-inner-pages {
        min-height: auto;
   }
    .banner-inner-text {
        min-height: auto;
        padding-bottom: 65px;
   }
    .banner-inner-text > img:nth-child(1) {
        width: 76px;
        right: 10px;
        top: 15px;
        opacity: 1;
   }
    .banner-inner-text > img:nth-child(2) {
        display: none;
   }
    .banner-inner-text > img:nth-child(3) {
        top: 97px;
        width: 56px;
        left: 53px;
   }
    .banner-inner-text > img:nth-child(4) {
        bottom: 46px;
        width: 38px;
        left: auto;
        right: 20px;
   }
    .banner-inner-text > div {
        position: initial;
        height: auto;
        min-height: auto;
   }
    .banner-inner-text > div h2 {
        font-size: 36px;
        line-height: 45px;
   }
    .banner-inner-text > div p {
        font-size: 22px;
        line-height: 29px;
   }
    .main-footer > img {
        animation: 0s ease 0s 1 normal none running none;
        filter: brightness(100%);
   }
    .main-footer > img:nth-child(1) {
        inset: auto auto 22px 130px;
        width: 28px;
   }
    .main-footer > img:nth-child(2) {
        right: auto;
        width: 30px;
        left: 80px;
   }
    .main-footer > img:nth-child(3) {
        right: 190px;
        left: 5px;
        width: 60px;
   }
    .main-footer > img:nth-child(4) {
        right: 10px;
        top: 20px;
        width: 55px;
   }
    .main-footer > img:nth-child(5) {
        right: 15px;
        top: 90px;
        width: 30px;
   }
    .case-studies-wrap ul.case-studies-inner li {
        width: 90%;
   }
    .case-studies-wrap ul.case-studies-inner li .case-study-desc p {
        font-size: 16px;
        line-height: 25px;
   }
    .case-studies-wrap ul.case-studies-inner li .case-study-desc a {
        padding: 11px 10px;
        font-size: 18px;
        margin-top: 25px;
        width: 150px;
   }
    .career-bottom {
        padding-top: 30px;
   }
    .career-bottom ul li {
        padding: 20px 20px 10px;
   }
    .career-bottom ul li .career-desc {
        padding: 25px 15px;
   }
    .career-bottom ul li .career-desc h4 {
        font-size: 28px;
        line-height: 34px;
        margin-top: 40px;
        margin-bottom: 15px;
   }
    .career-bottom ul li .career-desc p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
   }
    .career-bottom ul li .career-desc a {
        padding: 10px 20px;
        font-size: 15px;
   }
    .career-detail-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
   }
    .career-detail-inner {
        padding: 20px;
   }
    .career-detail-inner h2 {
        font-size: 32px;
        margin-bottom: 25px;
   }
    .career-detail-inner h5 {
        font-size: 18px;
        margin-bottom: 15px;
   }
    .career-detail-inner p {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 23px;
   }
    .career-detail-inner ul li {
        margin-bottom: 10px;
        line-height: 24px;
        font-size: 16px;
   }
    .contact-wrap {
        padding: 40px 25px;
   }
    .main-wrapper .case-study-banner {
        min-height: 350px;
        padding: 0px;
   }
    .case-study-banner > div:last-child {
        bottom: 0px;
        position: unset;
        transform: none;
        margin-top: 50px;
        padding: 30px 20px;
   }
    .case-study-banner::before {
        width: 55%;
   }
    .case-study-banner > img {
        z-index: 99999;
        opacity: 1;
   }
    .case-study-banner > img:nth-child(1) {
        width: 180px;
        right: 5px;
        top: 15px;
   }
    .top-text {
        top: 30px;
   }
    .top-text h3 {
        font-size: 50px;
        font-weight: 600;
   }
    .top-text h4 {
        font-size: 26px;
   }
    .case-study-inner {
        padding: 30px 20px;
        margin-top: 0px;
   }
    .case-study-inner h2 {
        font-size: 36px;
        margin-bottom: 20px;
   }
    .case-study-inner p:nth-child(2) {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px;
   }
    .case-study-inner p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
   }
    .blog-detail-wrap {
        padding-left: 0px;
        padding-right: 0px;
   }
    .main-wrapper .blog-detail-banner {
        padding-left: 0px;
        padding-right: 0px;
   }
    .blog-detail-banner .container {
        position: relative;
        padding-top: 155px;
        padding-bottom: 35px;
        overflow: hidden;
   }
    .blog-detail-banner .container img {
        opacity: 0.4;
        height: 388px;
        object-fit: cover;
        object-position: center center;
   }
    .blog-detail-banner .container div {
        left: 0px;
        padding-left: 25px;
   }
    .blog-detail-banner .container div h3 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 15px;
   }
    .blog-detail-banner .container div .author-name {
        color: rgb(255, 255, 255);
        margin-bottom: 20px;
        padding-bottom: 10px;
        float: left;
        border-bottom: 2px solid rgb(22, 202, 189);
        margin-top: 10px;
        font-size: 18px;
   }
    .blog-detail-banner .container div .author-name span {
        color: rgb(22, 202, 189);
   }
    .blog-detail-banner .container div h4 {
        font-size: 22px;
        margin-bottom: 0px;
   }
    .blog-detail-content .container > div {
        padding: 20px 25px;
        background: rgb(242, 240, 240);
        margin-top: 30px;
        margin-bottom: 30px;
   }
    .blog-detail-content .container > div p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 14px;
   }
    .blog-detail-content .container > div h4 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
   }
    .blog-detail-content .container > div h3 {
        margin-bottom: 20px;
        font-size: 26px;
   }
    .quote-form-wrap form {
        max-width: 100%;
   }
    .quote-form-wrap h4 {
        max-width: 100%;
   }
   .events-main-wrap h2 {
    font-size: 42px;
    }
    .event-desc h3 {
        font-size: 42px;
        line-height: 48px;
    }
    .event-desc h5 {
        font-size: 22px;
        line-height: 36px;
    }
    .event-desc p {
        font-size: 18px;
        line-height: 30px;
    }
    .slick-dots li {
        margin-bottom: 15px !important;
    }
}
