/* -------------------------------

1. General
2. Home page
3. About page
4. Contact page
5. 
6. 
7. 
8.
9.
10. 
------------------------------- */

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

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

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


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

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

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

.px-120 {
    padding: 120px 0;
}

.px-130 {
    padding: 130px 0;
}

.bg-gray {
    background: #26292d;
}

.main {
    margin-top: 75px;
}

.text-white p {
    opacity: .8;
}

.main-title {
    font-size: 45px;
    line-height: 55px;
    /* font-weight: 600; */
    font-weight: bold;
}

.sub-title {
    display: block;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1;
}

.big-title {
    font-size: 118px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
}

[class*="button-style-"] {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0 45px;
    font-weight: 600;
    text-transform: uppercase;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.button-style-primary {
    color: #ffffff;
    background: var(--color-primary);
}

.button-style-primary:hover {
    background: var(--color-primary-hover);
}

.button-style-white {
    color: #000000;
    font-size: 15px;
    letter-spacing: 0;
    background: #ffffff;
}

.button-style-white:hover {
    color: #ffffff;
    background: #000000;
}

.sec-title {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-title h2 {
    line-height: 1;
    margin: 0;
}

.view-all-location {
    color: #ffffff;
    font-size: 15px;
    padding: 15px 50px;
    display: inline-block;
    background: #000000;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    text-transform: uppercase;
    font-weight: 500;
}

.overview p {
    color: #ffffff;
    opacity: .8;
}

.overview h2 {
    color: #ffffff;
    line-height: 42px;
    font-size: 40px;
}


.grd-cloud {
    position: relative;
    z-index: 0;

}

.grd-cloud::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 650px;
    width: 100%;
    z-index: -1;
    /* background: url(../images/grd-cloud.png) no-repeat; */
    background: linear-gradient(180deg, rgba(38, 41, 45, 1) 0%, rgba(1, 171, 182, 1) 100%);
    background-size: 100% auto;
    background-position: bottom center;
}

/* .businesses-page{
    background: linear-gradient(180deg, rgba(38, 41, 45, 1) 55%, rgba(1, 171, 182, 1) 100%);
} */

.round-btn {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.round-btn span {
    color: #000000;
}

.round-btn:hover {
    background: var(--color-primary-hover);
}

.round-btn:hover span {
    color: #ffffff;
}

.side-shape {
    position: relative;
}

.side-shape::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: 32px;
    border-style: solid;
}

.side-shape.gray::after {
    border-color: #26292d #26292d transparent transparent;
}

.side-shape.teal::after {
    border-color: var(--color-primary) var(--color-primary) transparent transparent;
}


/*------------------------------------------------------------------
1. Home page
-------------------------------------------------------------------*/

.hm-first-section {
    background: #26292d;
    padding: 100px 0;
}

.hm-first-section .container-lg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.hm-first-section .left-side {
    width: 60%;
    padding-left: 100px;
}

.hm-first-section .right-side {
    max-width: 32%;
    margin-right: 30px;
    margin-top: -96px;
    position: relative;
    z-index: 1;
}

.hm-first-section .right-side img {
    width: 100%;
}

.hm-first-section .right-side .right-side-inner {
    background: #ffffff;
    padding: 0 35px 48px 35px;
}

.hm-first-section .right-side .title {
    font-size: 20px;
    color: #000000;
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 600;
}

.counter-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4%;
}

.counter-list li {
    width: 25.33%;
    margin: 0 4%;
}

.counter-list li .title {
    display: block;
    font-size: 13px;
    color: #ffffff;
    padding-bottom: 23px;
    border-bottom: 1px solid var(--color-primary);
}

.counter-list li .bottom {
    padding-top: 25px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.counter-list li .bottom span {
    line-height: 1;
    font-size: 53px;
    font-weight: 600;
    color: #ffffff;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    margin: 0 -4px;
}

.tag-list li {
    margin: 0 4px;
    flex-grow: 1;
    background: #ddfbfd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    transition: background .35s ease-in-out, color .35s ease-in-out;
}

.tag-list a {
    font-size: 14px;
    padding: 14px 34px;
    display: block;
    font-weight: 400;
}

.tag-list li:hover {
    background: var(--color-primary);
}

.tag-list li:hover a {
    color: #ffffff;
}


/* --------------------------------------------------------------- */

.hm-about-section {
    padding: 128px 0;
    background: #26292d;
    border-top: 1px solid #8b8d8f;
}

.hm-about-section .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 40px;
}

.hm-about-section .image,
.hm-about-section .content {
    width: 50%;
}

.hm-about-section .content {
    padding-right: 90px;
}

.hm-about-section .content span {
    color: #ffffff;
    margin-bottom: 25px;
    font-weight: 500;
}

.hm-about-section .content h2 {
    line-height: 48px;
    margin-bottom: 25px;
    color: var(--color-primary);
}

.hm-about-section .content p {
    color: #ffffff;
    opacity: .8;
    line-height: 28px;
    margin: 0;
}

.hm-about-section .content p+p {
    margin-top: 12px;
}

.hm-about-section .content .button-style-primary {
    margin-top: 60px;
}

.hm-about-section .image ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 -1.5%;
}

.hm-about-section .image img {
    width: 100%;
    object-fit: cover;
}

.hm-about-section .image span {
    display: block;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 22px;
}

.hm-about-section .image .full {
    width: 100%;
}

.hm-about-section .image .full img {
    height: 274px;
}

.hm-about-section .image li:nth-child(2) img {
    height: 317px;
}

.hm-about-section .image li:nth-child(3) img {
    height: 257px;
}

.hm-about-section .image li:not(.full) {
    width: 47%;
}

.hm-about-section .image .full,
.hm-about-section .image li:not(.full) {
    margin: 0 1.5%;
}

/* --------------------------------------------------------------- */

.hm_what_we {
    padding-top: 65px;
    /* background: #26292d; */
    position: relative;
    z-index: 0;
    background: rgb(38, 41, 45);
    background: linear-gradient(180deg, rgba(38, 41, 45, 1) 20%, rgba(1, 171, 182, 1) 34%);
}

.hm_what_we .two_colum_list .image::after {
    display: none;
}

.hm_what_we .container {
    position: relative;
}

.hm_what_we .sec-title .sub-title {
    color: var(--color-primary);
}

.hm_what_we h2 {
    line-height: 1;
    font-size: 45px;
    color: #ffffff;
}

.hm_what_we .two_colum_list .image img {
    height: 358px;
    object-fit: cover;
}

.two_colum_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2%;
    row-gap: 70px;
}

.two_colum_list>li {
    width: 46%;
    margin: 0 2%;
}

.two_colum_list .image {
    position: relative;
    z-index: 0;
}

.two_colum_list .image::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.34) 61%, rgba(0, 0, 0, 0.45) 72%, rgba(0, 0, 0, 0.65) 91%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.34) 61%, rgba(0, 0, 0, 0.45) 72%, rgba(0, 0, 0, 0.65) 91%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.34) 61%, rgba(0, 0, 0, 0.45) 72%, rgba(0, 0, 0, 0.65) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* background: linear-gradient(360deg, rgb(0, 0, 0), transparent); */
    z-index: 1;
}
.page-template-page-services-support .two_colum_list .image::after {
    display: none;
}
.two_colum_list .image h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    font-size: 21px;
    padding: 0 65px 45px 65px;
    z-index: 2;
    margin: 0;
}

.two_colum_list .image h3 a {
    color: #ffffff;
}

.two_colum_list .image img {
    width: 100%;
}

.two_colum_list .content {
    margin-top: 30px;
    position: relative;
}

.two_colum_list .content h3 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 25px;
}

.two_colum_list .content h3 a {
    color: #ffffff;
}

.two_colum_list .content h3 a:hover {
    color: var(--color-primary);
}

.two_colum_list .content p {
    color: #ffffff;
    opacity: .8;
    line-height: 26px;
}

.two_colum_list .content li {
    color: #ffffff;
    opacity: .8;
    padding-left: 37px;
    position: relative;
}

.two_colum_list .content li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/check-tic.png) no-repeat;
}

.page-template-page-services-support .two_colum_list .content ul {
    margin: 15px 0;
}

.page-template-page-services-support .two_colum_list .content li+li {
    margin-top: 15px;
}

.two_colum_list .content .ico-arrow-right {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    width: 40px;
    height: 40px;
    background: #ffffff;
    transition: background .35s ease-in-out;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.two_colum_list .content .ico-arrow-right:hover {
    color: #ffffff;
    background: var(--color-primary);
}

/* --------------------------------------------------------------- */

.hm-products {
    background: #efefef;
}


/* --------------------------------------------------------------- */

.hm_location {
    margin-top: 65px;
    /* padding-bottom: 80px; */
    background: var(--color-primary);
    position: relative;
    z-index: 0;
    height: 1280px;
}

.hm_location .big-title {
    letter-spacing: 3px;
}

.glob-outer {
    text-align: center;
    position: relative;
    width: 900px;
    margin: auto;
    margin-top: -155px;
    z-index: 99;
}

.glob-outer .view-all-location {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 230px;
    bottom: 0;
    margin: auto;
    height: 44px;
    display: inline-table;
    width: 260px;
}

.hm_location .title {
    text-align: center;
    position: relative;
    z-index: -1;
}

.hm_location .title .sub-title {
    color: #ffffff;
}

.office-touch {
    --space: 35px;
    max-width: 880px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 35px;
    position: relative;
    top: -260px;
}

.ofice-block,
.touch-block {
    width: 46%;
    margin: 0 1.7%;
}

.ofice-block .office-touch-title {
    background: #0e8f98;
}

.touch-block .office-touch-title {
    background: #313438;
}

.office-touch-body {
    width: 100%;
    padding: 0 35px 35px 35px;
}

.ofice-block {
    background: #018992;
    box-shadow: 5px 1px 15px -3px rgba(0, 0, 0, .2);

}

.ofice-block .office-touch-body {
    padding-right: 0;
}

.custom_scroll {
    max-height: 380px;
    margin-top: 35px;
}

.ofice-block .office-touch-body .scroll_set:first-child span {
    margin-top: 0;
}

.touch-block {
    background: #26292d;
}

.touch-block .office-touch-body {
    padding-top: 30px;
}

.ofice-block .office-touch-body span {
    color: #ffffff;
    opacity: .5;
    margin: 35px 0 15px 0;
}

.ofice-block .office-touch-body li {
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    padding: 9.2px 0;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.ofice-block .office-touch-body li:last-child {
    padding-bottom: 0;
}

.ofice-block .office-touch-body li+li {
    border-top: 1px solid #1b959d;
}

.office-touch-title {
    height: 96px;
    display: flex;
    align-items: center;
    padding-left: var(--space);
}

.office-touch-title h4 {
    color: #ffffff;
    margin: 0;
    font-weight: 600;
    font-size: 22px;
}

.office-touch-body form ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2%;
    row-gap: 15px;
}

.office-touch-body form ul>li {
    width: 46%;
    margin: 0 2%;
}

.office-touch-body form li,
.office-touch-body form li.full,
.office-touch-body form li.full .list li {
    width: 100%;
    margin: 0 2%;
}

.office-touch-body form input[type="text"],
.office-touch-body form input[type="email"],
.office-touch-body form input[type="tel"] {
    width: 100%;
    background: #26292d;
    border: none;
    height: 45px;
    border-bottom: 1px solid #3c3f42;
    font-size: 15px;
    padding-bottom: 5px;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.office-touch-body form label {
    display: block;
    color: #fff;
    opacity: .4;
    margin-bottom: 10px;
    margin-top: 5px;
}

.office-touch-body form textarea,
.office-touch-body form input[type="text"],
.office-touch-body form input[type="email"],
.office-touch-body form input[type="tel"] {
    color: #ffffff;
}

.office-touch-body form textarea {
    width: 100%;
    padding: 15px 0 0 15px;
    background-color: transparent;
    border: 1px solid #3c3f42;
    height: 120px;
}

.office-touch-body form input[type="submit"] {
    background-color: var(--color-primary);
    height: 45px;
    min-width: 144px;
    margin-top: 22px;
    color: #ffffff;
    border: none;
    font-size: 12px;
    font-weight: 600;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    transition: background .35s ease-in-out;
    letter-spacing: 1px;
}

.office-touch-body form input[type="submit"]:hover {
    background: var(--color-primary-hover);
}

.office-touch-body form input::placeholder {
    color: #fff;
    opacity: .4;
}

.office-touch-body form li.full ul {
    margin: 0;
    row-gap: 0;
}

.office-touch-body form li.full li {
    width: 100%;
    margin: 0;
}

.office-touch-body form .nice-select {
    width: 100%;
    font-size: 15px;
    font-family: var(--font-primary);
    font-weight: 500;
}

.office-touch-body form .nice-select .current {
    color: #787878;
}

.office-touch-body form .nice-select {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #3c3f42;
    border-radius: 0;
    padding-left: 0;
}

.office-touch-body [data-class="wpcf7cf_group"] {
    width: 100%;
    margin: 0 2%;
}

.office-touch-body [data-class="wpcf7cf_group"] ul {
    margin: 0;
    row-gap: 0;
}

.office-touch-body [data-class="wpcf7cf_group"] li {
    margin: 0;
    width: 100%;
}

/* --------------------------------------------------------------- */

.hm-products .container {
    position: relative;
}

.hm-products .sec-title {
    margin-bottom: 15px;
}

.hm-products .sec-title h2 {
    margin: 0;
    line-height: 1;
    font-size: 42px;
    text-transform: uppercase;
}

.product-list .owl-stage {
    margin-left: -117px;
}

.product-list .item {
    margin: 17px;
    background: #efefef;
    transition: box-shadow .35s ease-in-out, background .35s ease-in-out;
}

.product-list .item .image {
    position: relative;
}

.product-list .item .image img {
    height: 237px;
    object-fit: cover;
}

.product-list .item .image::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: 32px;
    border-style: solid;
    border-color: #efefef #efefef transparent transparent;
    opacity: 0;
    transition: opacity .35s ease-in-out;
}

.product-list .item:hover .image::after {
    opacity: 1;
}

.product-list .content {
    padding: 35px 31px;
    border: 1px solid #d9dfdc;
    border-top: none;
}

.product-list .item:hover {
    background: #ffffff;

}

.product-list .item:hover .content {
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.08);
}

.product-list .content h4 {
    font-size: 18px;
    margin-bottom: 10px;
    min-height: 60px;
}

.product-list .content p {
    opacity: .8;
    line-height: 26px;
    margin-bottom: 0;
    min-height: 130px;
    font-weight: 500;
}

.product-list .product-btn {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-primary);
    font-weight: 600;
}

.product-list .product-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    width: 40px;
    height: 40px;
    transition: background .35s ease-in-out;
    background: var(--color-primary);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.product-list .product-btn span:hover {
    background: var(--color-primary-hover);
}

/* --------------------------------------------------------------- */

.hm-case-study {
    position: relative;
    z-index: 0;
    background: #efefef;
}

.hm-case-study::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 45%;
    width: 100%;
    background: var(--color-primary);
    z-index: -1;
}

.hm-case-study .button-style-white {
    margin-top: 70px;
}

.hm-case-study .two_colum_list .image img {
    height: 530px;
    object-fit: cover;
}

/* --------------------------------------------------------------- */

.hm-blog-section {
    background: var(--color-primary);
    padding-top: 145px;

}

.hm-blog-section .sec-title {
    margin-bottom: 50px;
}

.hm-blog-section .sub-title {
    font-weight: 500;
}

.hm-blog-section .button-style-white {
    font-weight: bold;
}

.blog-carousel {
    max-height: 351px;
}

.blog-carousel .content {
    padding: 30px 0;
    border-bottom: 1px solid #ffffff;
}

.blog-carousel .content h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}

.blog-carousel .content h4 a,
.blog-carousel .content h4 a:hover {
    color: #ffffff;
}


.blog-carousel .item .image img {
    height: 239px;
    object-fit: cover;
}

/* --------------------------------------------------------------- */

.feeds-section {
    padding: 140px 0 20px 0;
    background: var(--color-primary);
}

.feeds-section .sec-title h2 {
    color: #26292d;
}

.feeds-carousel {
    max-height: 365px;
}

.feeds-carousel .image a {
    position: relative;
}

.feeds-carousel .side-shape::after {
    opacity: 0;
    transition: opacity .35s ease-in-out;
}

.feeds-carousel .image.side-shape:hover::after {
    opacity: 1;
}

.feeds-carousel .image a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgb(1 170 182 / 65%);
    background-image: url(../images/insta-img.png);
    background-repeat: no-repeat;
    background-position: center center;
    transition: left .35s ease-in-out;
}

.feeds-carousel .image:hover a::after {
    left: 0;
}

.feeds-carousel .item .image img {
    height: 348px;
    object-fit: cover;
}

/* --------------------------------------------------------------- */

.footer {
    padding: 65px 0 0 0;
    background: #26292d;
}

.footer_first {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 30px;
}

.subscribe_form {
    max-width: 580px;
    display: flex;
    width: 100%;
    margin-left: auto;
}

.subscribe_form .input {
    width: calc(100% - 54px);
    background: #ffffff;
    height: 54px;
    padding: 0 27px;
    border: none;
    -webkit-border-radius: 100px 0 0 100px;
    -moz-border-radius: 100px 0 0 100px;
    border-radius: 100px 0 0 100px;
    font-weight: 500;
}

.subscribe_form .input::placeholder {
    color: #000;
}

.subscribe_submit {
    width: 54px;
    border: none;
    background: var(--color-primary);
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
}

.subscribe_submit:hover {
    background: var(--color-primary-hover);
}

.footer_second {
    padding: 60px 0 80px 0;
}

.footer_second .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_second .owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}


/* --------------------------------------------------------------- */


.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #3c3f42;
}

.footer-bottom>* {
    width: 33.33%;
    padding-top: 70px;
    min-height: 255px;
}

.footer-bottom div * {
    color: #ffffff;
}

.footer-bottom .share a:hover svg,.footer-bottom .share a:hover svg path{
    fill: var(--color-primary) !important;
}

.footer-bottom>div+div {
    border-left: 1px solid #3c3f42;
}

.footer-bottom .first {
    display: flex;
    justify-content: center;
}

.footer-bottom .first a {
    display: block;
}

.footer-bottom .first a+a {
    margin-top: 30px;
}

.footer-bottom .first a:hover {
    color: var(--color-primary);
}

.footer-bottom .second {
    display: flex;
    justify-content: center;
}

.footer-bottom .third {
    display: flex;
    justify-content: center;
}

.footer-bottom .second li+li {
    margin-top: 14px;
}

.footer-bottom .second a:hover {
    color: var(--color-primary);
}

.footer-bottom .share {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.footer-bottom .share ul {
    display: flex;
    align-items: center;
    margin-left: 28px;
}

.footer-bottom .share li {
    margin-right: 15px;
}

.footer-bottom .share a:hover span {
    color: var(--color-primary);
}

/* --------------------------------------------------------------- */

.three_colum_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    margin: 0 -2.5%;
}

.three_colum_list li {
    width: 28.33%;
    margin: 0 2.5%;
}

.three_colum_list .content {
    padding: 45px 30px 22px 35px;
    background: #ffffff;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 2;
}



.three_colum_list .content h4 {
    font-size: 20px;
    transition: color .35s ease-in-out;
}

.three_colum_list .content p {
    color: #000000;
    opacity: .8;
    min-height: 75px;
    transition: color .35s ease-in-out;
}

.three_colum_list .content .download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary);
    text-transform: uppercase;
    padding-top: 15px;
    border-top: 1px solid var(--color-primary);
    transition: color .35s ease-in-out, border-color .35s ease-in-out;
}

.three_colum_list .content .download .icon {
    width: 40px;
    height: 42px;
    margin-left: auto;
    background: url(../images/dwd-pdf.png) no-repeat;
}

.three_colum_list li {
    background-color: #fff;
    position: relative;
}

.three_colum_list li .content {
    background: transparent;
}

.three_colum_list li:hover::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/resourse-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 0;

}

.three_colum_list li:hover {
    background-color: transparent;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, rgb(1 171 182) 35%);
}

.three_colum_list li:hover .content p,
.three_colum_list li:hover .content h4,
.three_colum_list li:hover .content .download {
    color: #ffffff;
}

.three_colum_list li:hover .content .download {
    border-color: #ffffff;
}

.three_colum_list li:hover .content .download {
    filter: brightness(1);
}

.three_colum_list li:hover .content .download .icon {
    background: url(../images/dwd-pdf-w.png) no-repeat;
}


/* --------------------------------------------------------------- */

.four_colum_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 23px;
    margin: 0 -1%;
}

.four_colum_list li {
    width: 23%;
    margin: 0 1%;
    background: #ffffff;
    border: 1px solid #d9dfdc;
    padding: 22px 32px;
}

.four_colum_list .logo_block {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.four_colum_list .option_block {
    padding: 22px 0 0 0;
    border-top: 1px solid var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.four_colum_list .option_block .view-more,
.four_colum_list .option_block .visit-website {
    width: 50%;
    font-size: 14px;
    font-weight: 400;
}

.four_colum_list .option_block .view-more {
    color: var(--color-primary);
}

.four_colum_list .option_block .visit-website {
    text-align: right;
    border-left: 1px solid #ebebeb;
}


/* --------------------------------------------------------------- */

.page_nav_outer {
    position: relative;
    z-index: 1;
}

.page_nav {
    border: 1px solid #404246;
    transition: all 1s;
}

.page_nav ul {
    display: flex;
    flex-wrap: wrap;
}

.justify-center {
    justify-content: center;
}

.page_nav li+li {
    margin-left: 45px;
}

.page_nav a {
    padding: 47px 0;
    color: #ffffff;
    display: block;
    border-bottom: 3px solid transparent;
    font-weight: 500;
}

.page_nav .active a {
    border-color: #ffffff;
}

.sticky_bar a {
    padding: 30px 0;
}

/* -------------------------------------------------------------- */


.left_side_right {
    --space-50: 50px;
    --space-90: 90px;
    --inner-width: 550px;
    --border: 1px solid #f1f1f1;
}

.left_side_right>li {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.left_side_right>li>* {
    width: 50%;
}

.left_side_right>li+li {
    margin-top: 110px;
}

.left_side_right .content {
    display: flex;
    align-items: center;
    padding-top: var(--space-50);
    padding-bottom: var(--space-50);
}

.left_side_right .content h2 {
    color: var(--color-primary);
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 30px;
}

.left_side_right .content p {
    color: #ffffff;
    opacity: .8;
    margin: 0;
}

.left_side_right .content p+p {
    margin-top: 25px;
}

.left_side_right .image img {
    width: 100%;
}

.flip-x>li:nth-child(odd),
.flip-y>li:nth-child(even) {
    flex-direction: row-reverse;
}

.flip-x>li:nth-child(odd) .inner,
.flip-y>li:nth-child(even) .inner {
    max-width: var(--inner-width);
    margin-left: auto;
}

.flip-y>li:nth-child(odd) .inner,
.flip-x>li:nth-child(even) .inner {
    max-width: calc(var(--inner-width) - var(--space-50));
    margin-right: auto;
}

.flip-x>li:nth-child(odd) .content,
.flip-y>li:nth-child(even) .content {
    padding-right: var(--space-50);
    padding-left: var(--space-90);
}

.flip-y>li:nth-child(odd) .content,
.flip-x>li:nth-child(even) .content {
    padding-left: var(--space-90);
    padding-right: var(--space-90);
}

@media (max-width: 480px) {
    .left_side_right>li>* {
        width: 100%;
    }

    .left_by_right {
        --space-50: 30px;
        --space-90: var(--space-50);
    }
}

.check-style li {
    padding-left: 40px;
    position: relative;
    color: #ffffff;
}

.check-style li span {
    color: #ffffff;
    opacity: .8;
}


.check-style li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../images/check-style.png) no-repeat;
}

.check-style li+li {
    margin-top: 25px;
}

.check-style li p {
    opacity: .8;
    margin: 0;
}


.get_in_touch {
    margin-top: 150px;
    text-align: center;
}

.get_in_touch h3 {
    font-size: 45px;
    font-weight: bold;
    color: #ffffff;
}

.get_in_touch p {
    opacity: .8;
    color: #ffffff;
    margin: 0;
}

.get_in_touch .link {
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    min-width: 250px;
    display: inline-block;
    margin-top: 20px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: rgb(38, 41, 45);
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-weight: 500;
}

.get_in_touch .link:hover {
    background: var(--color-primary-hover);
}


/* -------------------------------------------------------------- */

.three_style_column {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3%;
    row-gap: 100px;
}

.three_style_column li {
    width: 27.33%;
    margin: 0 3%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.three_style_column li:nth-child(2),
.three_style_column li:nth-child(5),
.three_style_column li:nth-child(8),
.three_style_column li:nth-child(11),
.three_style_column li:nth-child(14),
.three_style_column li:nth-child(17) {
    flex-direction: column-reverse;
}

.three_style_column .image,
.three_style_column .image img {
    width: 100%;
}

.three_style_column .content {
    padding: 30px 0;
    position: relative;
    width: 100%;
}

.three_style_column .content h4 {
    color: var(--color-primary);
    margin: 0;
    padding-right: 60px;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 20px;
    min-height: 67px;
}

.three_style_column .content p {
    font-size: 15px;
    opacity: .8;
    margin: 0;
    color: #ffffff;
}

.three_style_column .content p+p {
    margin-top: 15px;
}

.three_style_column .content .round-btn {
    position: absolute;
    right: 0;
    top: 31px;
    width: 31px;
    height: 31px;
}

/* -------------------------------------------------------------- */

.block_logos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    row-gap: 20px;
}

.block_logos li {
    width: 23%;
    margin: 0 1%;
    min-height: 219px;
    /* padding: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: var(--color-primary); */
}

/* -------------------------------------------------------------- */

.single-page-nav {
    display: flex;
    flex-wrap: wrap;
}

.single-page-nav a {
    padding: 47px 0;
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 3px solid transparent;
}

.single-page-nav li+li {
    margin-left: 55px;
}

.single-page-nav .active a {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

/* -------------------------------------------------------------- */

.image_side_content {
    --space: 140px;
    --color: #ffffff;
}

.image_side_content li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 160px 0;
    row-gap: 40px;
}

.image_side_content li+li {
    border-top: 1px solid #474a4f;
}

.image_side_content .image {
    width: 34%;
}

.image_side_content .content {
    width: 66%;
}

.image_side_content .content h3 {
    font-size: 42px;
    font-weight: bold;
    color: var(--color);
    margin-bottom: 40px;
}

.image_side_content .content p {
    margin: 0;
    color: var(--color);
    opacity: .8;
}

.image_side_content .content p+p {
    margin-top: 25px;
}

.image_side_content .content .link {
    display: inline-block;
    color: #ffffff;
    padding: 10px 48px;
    margin-top: 50px;
    text-transform: uppercase;
    background: var(--color-primary);
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.image_side_content .content .link:hover {
    background: var(--color-primary-hover);
}

.fliping-x li:nth-child(odd),
.fliping-y li:nth-child(even) {
    flex-direction: row-reverse;
}

.fliping-x li:nth-child(odd) .content {
    padding-right: var(--space);
}

.fliping-x li:nth-child(even) .content {
    padding-left: var(--space);
}


.fliping-y li:nth-child(even) .content {
    padding-right: var(--space);
}

.fliping-y li:nth-child(odd) .content {
    padding-left: var(--space);
}

.bg-white .image_side_content {
    --color: #000000;
}


/* -------------------------------------------------------------- */


.career-page .main-contnet {
    margin-bottom: 80px;
    text-align: center;
}

.career-page .main-contnet h2 {
    color: var(--color-primary);
    font-size: 40px;
    margin-bottom: 20px;
}

.career-page .main-contnet p {
    margin: 0;
    color: #ffffff;
    opacity: .8;
}

.career-page .main-contnet p+p {
    margin-top: 25px;
}

.career_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 27px;
    margin: 0 -1%;
}

.career_list li {
    width: 30.33%;
    margin: 0 1.5%;
    background: #ffffff;
    padding: 45px 30px 15px 30px;
    transition: background .35s ease-in-out;
}

.career_list h4 {
    font-size: 20px;
    transition: color .35s ease-in-out;
    line-height: 25px;
    min-height: 50px;
}

.career_list p:not(.postd) {
    color: var(--color-primary);
    min-height: 50px;
    margin: 0;
    transition: color .35s ease-in-out;
    font-weight: 500;
}

.career_list .postd {
    padding-right: 60px;
    position: relative;
    padding: 20px 0;
    font-size: 13px;
    color: #000;
    border-top: 1px solid var(--color-primary);
    transition: color .35s ease-in-out, border-color .35s ease-in-out;
    font-weight: 500;
}

.career_list .round-btn {
    position: absolute;
    right: 0;
    top: 16.5px;
    width: 31px;
    height: 31px;
    background: var(--color-primary);
}

.career_list .round-btn span {
    color: #ffffff;
}

.career_list li:hover .postd {
    color: #ffffff;
    border-color: #ffffff;
}

.career_list li:hover h4,
.career_list li:hover p:not(.postd) {
    color: #ffffff;
}

.career_list li:hover .round-btn {
    background: #ffffff;
}

.career_list li:hover .round-btn span {
    color: #000000;
}

.career_list li:hover {
    background: url(../images/carerr_hov_bg.png) no-repeat;
    background-size: cover;
}

.contact_form_side .nice-select {
    height: 52px;
    line-height: 52px;
}

.career-page .container {
    max-width: 1105px;
}

.career-page {
    padding: 115px 0 120px 0;
}

/*------------------------------------------------------------------*/

.location_block+.location_block {
    margin-top: 70px;
}

.loc_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5%;
    row-gap: 10px;
}

.loc_list li {
    width: 24%;
    margin: 0 .5%;
    background-color: #ffffff;
    padding: 60px 33px 45px 33px;
    transition: background-color .35s ease-in-out;
}

.loc_list .top_content {
    min-height: 220px;
}

.loc_list .top_content h4 {
    margin-bottom: 25px;
    font-size: 20px;
}

.loc_list .top_content p {
    margin-bottom: 25px;
    line-height: 20px;
    color: rgba(0, 0, 0, .6);
    font-weight: 500;
}

.loc_list .top_content a {
    display: block;
    color: rgba(0, 0, 0, .6);
    font-weight: 500;
}

.loc_list .top_content a:hover {
    color: var(--color-primary-hover);
}

.loc_list .bottom_content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

.loc_list .bottom_content>* {
    width: 50%;
}

.loc_list .bottom_content a {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.loc_list .bottom_content a:first-child {
    color: var(--color-primary);
}

.loc_list .bottom_content a:hover,
.loc_list .bottom_content a:first-child:hover {
    color: var(--color-primary-hover);
}

.loc_list .bottom_content a+a {
    text-align: right;
    border-left: 1px solid #999999;
}

.loc_list li:hover {
    background-color: var(--color-primary);
}

.loc_list li:hover .top_content,
.loc_list li:hover .top_content a,
.loc_list li:hover .top_content p {
    color: #ffffff;
}

.loc_list li:hover .bottom_content a,
.loc_list li:hover .bottom_content a:first-child {
    color: #ffffff;
}

.loc_list li:hover .bottom_content a {
    border-color: #ffffff;
}

.location-page {
    padding: 115px 0 145px 0;
}
.location-page.grd-cloud::after{
    bottom: auto;
    top: 0;
}
p#location-results {
    color: #fff;
}

/* ---------------------------------------------------------------- */

.badge_list_outer h4 {
    color: #ffffff;
    margin-bottom: 40px;
    font-size: 23px;
}

.badge_list_inside {
    padding: 75px 0;
}

.badge_list_inside p {
    margin-top: 60px;
    font-weight: 500;
}

.badge_list_inside p a {
    text-decoration: underline;
}

.badge_list_inside+.badge_list_inside {
    border-top: 1px solid #424548;
}

.badge_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    row-gap: 8px;
}

.badge_list li {
    margin: 0 5px;
}

.badge_list a {
    display: block;
    padding: 14px 20px;
    color: #ffffff;
    background: #424548;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    transition: background .35s ease-in-out;
}

.badge_list a span {
    font-size: 11px;
}

.badge_list a:hover {
    background: var(--color-primary);
}

.badge_list.small {
    max-width: 580px;
}


/*------------------------------------------------------------------
2. About page
-------------------------------------------------------------------*/


.about-page {
    padding: 90px 0 65px 0;
}

.abtpage_first {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.abtpage_first .left {
    padding-right: 2%;
}

.abtpage_first .left,
.abtpage_first .right {
    width: 50%;
}

.abtpage_first .right {
    padding: 84px 0 0 65px;
}

.abtpage_first .left h2 {
    margin-bottom: 20px;
    color: var(--color-primary);
}

.abtpage_first .left p {
    margin: 0;
    color: #ffffff;
    opacity: .8;
}

.abtpage_first .left p+p {
    margin-top: 30px;
}

.abtpage_section {
    --space: 50px;
    margin-top: 110px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}

.abtpage_section>* {
    width: 50%;
}

.abtpage_section .title {
    margin-bottom: 60px;
    border-bottom: 1px solid var(--color-primary);
}

.abtpage_section .title h3 {
    color: #ffffff;
    margin-top: 10px;
    font-size: 40px;
    font-weight: 600;
}

.abtpage_section p {
    margin: 0;
    color: #ffffff;
    opacity: .8;
}

.abtpage_section .right {
    padding-left: var(--space);
}

.abtpage_section .left {
    padding-right: var(--space);
}

.abtpage_section p+p {
    margin-top: 15px;
}

.abtpage_section .title {
    margin-bottom: 60px;
}

/* -------------------------------------------------------------- */

.core_values {
    background: #01a3ae;
    position: relative;
}

.core_values h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    font-size: 192px;
    text-transform: capitalize;
    text-align: center;
    z-index: 8;
}

.fill_list {
    display: flex;
    flex-wrap: wrap;
}

.fill_list li {
    width: 25%;
    padding: 17% 5% 5% 5%;
    position: relative;
}

.fill_list li::after {
    content: "";
    width: 50%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(94deg, rgba(0, 0, 0, 0) 42%, rgb(1 157 167 / 11%) 92%);
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 9;
}

.fill_list li h4 {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 28px;
    font-weight: 500;
}

.fill_list li .inner {
    position: relative;
    z-index: 10;
}

.fill_list li p {
    font-size: 14px;
    color: #ffffff;
    opacity: .8;
}

.fill_list li:nth-child(2) {
    background: #019da7;
}

.fill_list li:nth-child(3) {
    background: #0196a0;
}

.fill_list li:last-child {
    background: #028c95;
}

/* -------------------------------------------------------------- */

.history_sec {
    padding: 110px 0 70px 0;
    background: #efefef;
}

.history_sec h2 {
    margin-bottom: 40px;
    font-size: 42px;
    font-weight: bold;
    color: rgba(0, 0, 0, .85);
}

/* .history_sec .inner {
    max-width: 180px;
} */

.history_sec li {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.history_sec li:nth-child(even) .inner {
    /* margin-left: auto; */
    text-align: right;
}

.history_sec li h3 {
    width: 100%;
    /* text-align: center; */
    font-size: 80px;
    color: var(--color-primary);
    line-height: 70px;
    letter-spacing: -3px;
}

.history_sec li img {
    margin: 12px 0;
    max-width: 375px;
}

.history_sec li p {
    font-weight: 600;
}

.history_sec .left,
.history_sec .right {
    width: 50%;
    min-height: 140px;
}

.history_sec .left {
    position: relative;
    border-right: 3px solid #a5a5a5;
}


.history_sec li:nth-child(even) {
    flex-direction: row-reverse;
}

.history_sec li:nth-child(even) .left {
    border: none;
}

.history_sec li:nth-child(odd) .right {
    padding-left: 30px;
}

.history_sec li:nth-child(even) .right {
    padding-right: 30px;
    border-right: 3px solid #a5a5a5;
}

/* .history_sec li+li {
    margin-top: 20px;
} */


.history_sec .left::before {
    top: 0;
}

.history_sec .left::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    display: block;
    background: #ffffff;
    border: 1px solid var(--color-primary);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.history_sec li:nth-child(odd) .left::after,
.history_sec li:nth-child(odd) .left::before {
    right: -7px;
}

.history_sec li:nth-child(even) .left::after,
.history_sec li:nth-child(even) .left::before {
    left: -7px;
}

/* -------------------------------------------------------------- */
.our_team_first {
    background: #efefef;
    padding-bottom: 60px;
}

.our_team_first span {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #26292d;
}

.our_team_first h2 {
    line-height: 1;
    color: var(--color-primary);
}


.management {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
    row-gap: 40px;
}

.management>* {
    width: 50%;
}

.management .image img {
    width: 100%;
}

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

.management_outer {
    position: relative;
    z-index: 0;
}

.management_outer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #efefef;
    z-index: -1;
}

.management .content .inner {
    max-width: 600px;
    padding-left: 9.5%;
}

.management .inner_top {
    display: flex;
    justify-content: space-between;
}

.management .inner_top a {
    color: #fff;
}

.management .inner_top a:hover {
    color: var(--color-primary);
}

.management .content h4 {
    color: #ffffff;
    font-size: 22px;
}

.management .content .post {
    display: block;
    margin-bottom: 25px;
    font-size: 14px;
    color: #ffffff;
}

.management .content p {
    color: #ffffff;
    opacity: .75;
}


/* --------------------------------------- */

.our_team {
    padding-bottom: 105px;
}

.team_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 80px;
    margin: 0 -2%;
}

.team_list li {
    width: 21%;
    margin: 0 2%;
}

.team_list .image {
    margin-bottom: 40px;
}

.team_list .content .title {
    min-height: 90px;
    position: relative;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 30px;
    padding-right: 30px;
}

.team_list .content .title .link {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
}

.team_list .content .title .link:hover {
    color: var(--color-primary);
}

.team_list .content .title h4 {
    font-size: 18px;
    color: #ffffff;
}

.team_list .content .title h5 {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.team_list .content p {
    color: #ffffff;
    opacity: .75;
    margin: 0;
}

.team_list .content p+p {
    margin-top: 15px;
}

/*------------------------------------------------------------------
3. page Services & Support
-------------------------------------------------------------------*/

.two_colum_list.service-support .content {
    padding-right: 90px;
}


/*------------------------------------------------------------------
3. page Our Businesses
-------------------------------------------------------------------*/

.businesses-page .four_colum_list {
    padding-top: 80px;
}


.style-sorting {
    height: 100px;
    background: #1e2124;
    position: relative;
    z-index: 1;
}

.style-sorting-test {
    width: 89px;
    height: 85px;
    font-size: 15px;
    color: rgba(255, 255, 255, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    -moz-border-radius: 0 0 100px 100px;
    -webkit-border-radius: 0 0 100px 100px;
    border-radius: 0 0 100px 100px;
}

.style-sorting .container {
    display: flex;
    flex-wrap: wrap;
}

.style-sorting form {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 90px);
    margin-top: 22px;
    margin-left: -3%;
    margin-right: -3%;
    padding-left: 75px;
}

.style-sorting input {
    height: 42px;
    line-height: 40px;
}

.style-sorting input,
.style-sorting .nice-select {
    width: 27%;
    margin: 0 3%;
    background-color: transparent;
    border: none;
    color: #999999;
    border-bottom: 1px solid #4e5052;
    border-radius: 0;
    padding: 0 10px 0 0;
}

.style-sorting input::-webkit-inner-spin-button,
.style-sorting input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.style-sorting .nice-select::after {
    display: none;
}

.style-sorting input#datepicker {
    background: url(../images/calendar_icon.png) no-repeat;
    background-position: 99% 50%;
}

.style-sorting .nice-select::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 5px;
    background: url(../images/select-sm-arrow.png) no-repeat;
}

.style-sorting_search {
    position: relative;
    background-image: url(../images/serch-tra.png);
    background-repeat: no-repeat;
    background-position: bottom 7px right;
}


/*------------------------------------------------------------------
3. News page
-------------------------------------------------------------------*/

.news_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5%;
    row-gap: 10px;
}

.news_list li {
    width: 24%;
    margin: 0 .5%;
    position: relative;
    overflow: hidden;
}

.news_list .image {
    position: relative;
}

.news_list .image img {
    width: 100%;
}

.news_list .image .content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    background: linear-gradient(transparent, #000000);
    width: 100%;
}

/* .news_list li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: 25px;
    border-style: solid;
    border-color: #26292d #26292d transparent transparent;
    opacity: 0;
    transition: opacity .35s ease-in-out;
} */

.news_list li:hover::after {
    opacity: 1;
}

.news_list .image .link-round {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transition: background .35s ease-in-out;
}

.news_list .image .link-round span {
    color: #000;
    transition: color .35s ease-in-out;
}

.news_list .image .link-round:hover {
    background: var(--color-primary);
}

.news_list .image .link-round:hover span {
    color: #ffffff;
}

.news_list .image .content p {
    color: #ffffff;
    margin: 0;
    font-size: 16px;
}

.news_list .hover-content {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-image: url(../images/overlay_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    transition: left .35s ease-in-out;
}

.news_list .hover-content span {
    font-size: 12px;
    color: var(--color-primary);
    font-weight: 400;
}

.news_list .hover-content h4 {
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.news_list .hover-content h4 a:hover {
    color: var(--color-primary);
}

.news_list .hover-content p {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
}

.news_list .hover-content .inner {
    margin-top: auto;
}

.news_list li:hover .hover-content {
    left: 0;
}

/* .news_list li:hover{
    background-image: url(../images/overlay_bg.png);
    background-size: cover;
} */
.news_list li:hover .image img {
    opacity: 0;
}

.news_list li:hover .link-round {
    opacity: 0;
}


/*------------------------------------------------------------------
3. News Detail page
-------------------------------------------------------------------*/

.news_detail_page {
    padding-top: 115px;
}

.news_detail_page .content {
    margin: auto;
    position: relative;
}

.news_detail_page .content .date {
    /* color: var(--color-primary);
    margin-bottom: 15px; */
    color: #ffffff;
    margin-bottom: 15px;
    background: #01abb6;
    padding: 2px 10px
}

.news_detail_page .content h4 {
    color: #ffffff;
    margin-bottom: 40px;
}

.news_detail_page .content p {
    opacity: 1;
    color: #ffffff;
}

.news_detail_page .inner .title {
    margin-bottom: 45px;
}

.news_detail_page .inner .title h1 {
    color: #ffffff;
    font-size: 43px;
}

.news_detail_page .inner .title span {
    color: var(--color-primary);
}


.blog_share {
    position: absolute;
    right: 5%;
    top: 33%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.blog_share li {
    list-style: none;
}

.blog_share a {
    color: #ffffff;
}

.blog_share a span {
    transition: color .35s ease-in-out;
}

.blog_share a:hover span {
    color: var(--color-primary);
}

.blog_share li+li {
    margin-top: 28px;
}

.retated_news .news_list-carousel {
    margin: 0;
}

.retated_news .news_list-carousel li {
    width: 100%;
    margin: 0;
}

.retated_news {
    margin-top: 110px;
}

.retated_news h2 {
    color: #ffffff;
    margin-bottom: 110px;
    text-align: center;
}


/*------------------------------------------------------------------
3. JVS Industries page
-------------------------------------------------------------------*/

.jvs_first_section {
    padding: 115px 0 130px;
}

.jvs_first_section .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.jvs_first_section .image,
.jvs_first_section .content {
    width: 50%;
}

.jvs_first_section .content {
    padding-left: 35px;
    color: #ffffff;
}

.jvs_first_section .content h2 {
    margin-bottom: 20px;
}

.jvs_first_section .content p {
    opacity: .8;
    margin: 0;
    line-height: 26px;
}

.jvs_first_section .content p+p {
    margin-top: 20px;
}


.left_by_right {
    padding: 115px 0;
}

.left_by_right .container {
    display: flex;
    align-items: center;
}

.left_by_right .image {
    width: 50%;
    padding-right: 10px;
}

.left_by_right .content {
    width: 50%;
    color: #ffffff;
    padding-left: 20px;
}

.left_by_right .content h2 {
    margin-bottom: 30px;
}

.left_by_right .content p {
    opacity: .8;
    margin: 0;
}

.left_by_right .content p+p {
    margin-top: 25px;
}

/* -------------------------------------------------------------- */

.jvs-second {
    padding: 140px 0;
    background: var(--color-primary) url(../images/bg-image1.png) no-repeat;
    background-position: right bottom;
}

.four_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4%;
    row-gap: 70px;
    max-width: 915px;
}

.four_box li {
    width: 42%;
    margin: 0 4%;
    border: 1px solid #ffffff;
    background: var(--color-primary);
}

.four_box .content {
    padding: 0 35px 60px 35px;
}

.four_box .content h4 {
    display: inline-block;
    font-size: 24px;
    line-height: 25px;
    color: #ffffff;
    background: var(--color-primary);
    /* padding: 0 15px; */
    position: relative;
    top: -20px;
    margin: 0;
    margin-bottom: 25px;
}

.four_box .content p {
    color: #ffffff;
    opacity: .8;
    /* padding: 0 15px; */
    margin-bottom: 40px
}

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

/* -------------------------------------------------------------- */

.other-case-study .container {
    display: flex;
    flex-wrap: wrap;
}

.other-case-study .left-side {
    width: 40%;
    padding-top: 100px;
}

.other-case-study .left-side h2 {
    color: #ffffff;
    font-size: 87px;
    line-height: 87px;
    margin: 0;
}

.other-case-study .left-side .button_outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94px;
    margin-top: 80px;
}

.other-case-study .left-side .button_outer>* {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    background: #ffffff;
    transition: background .35s ease-in-out, color .35s ease-in-out;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.other-case-study .left-side .button_outer>*:hover {
    color: #ffffff;
    background: var(--color-primary-hover);
}


.other-case-study .right-side {
    width: 60%;
}

.other-case-study .right-side .swiper {
    height: 800px;
}

.other-case-study .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.other-case-study .item .image {
    width: 40%;
}

.other-case-study .item .content {
    width: 60%;
    padding-left: 15%;
    text-align: left;
    color: #ffffff;
}

.other-case-study .item .content h4 {
    font-size: 40px;
    margin-bottom: 25px;
}

.other-case-study .item .content p {
    opacity: .8;
    margin: 0;
}

.other-case-study .item .content p+p {
    margin-top: 12px;
}

.other-case-study .item .content .link {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 40px;
    letter-spacing: 1px;
    font-weight: 400;
}

.other-case-study .item .content .link:hover {
    color: #a8adb2;
}


/*------------------------------------------------------------------
3. Accreditations page
-------------------------------------------------------------------*/

.accreditations-page {
    padding: 110px 0 190px 0;
}

/*------------------------------------------------------------------
3. Advisory page
-------------------------------------------------------------------*/

.overview-primary {
    color: #ffffff;
    padding: 90px 0 110px 0;
    background: var(--color-primary);
}

.overview-primary h2 {
    font-size: 100px;
    margin-bottom: 30px;
    line-height: 88px;
}

.overview-primary p {
    margin: 0;
    opacity: .8;
}

/*------------------------------------------------------------------
3. Career page
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
3. cases page
-------------------------------------------------------------------*/

.case_card {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2%;
}

.case_card .case_card_item {
    width: 29.33%;
    margin: 0 2%;
}

.case_card_item .image,
.case_card_item .image img {
    width: 100%;
}

.case_card_item .content {
    padding: 50px 35px 35px 35px;
    background: #ffffff;
}

.case_card_item .content h4 {
    font-size: 16px;
    min-height: 50px;
    margin-bottom: 10px;
}

.case_card_item .content p {
    opacity: .8;
    font-size: 14px;
    margin-bottom: 15px;
    color: #000;
}

.case_card_item .content .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 500;
}

.case_card_item .content .link:hover {
    color: #1e2124;
}

.case_card_item .content .link span {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: var(--color-primary);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    transition: all 1s;
}

.case_card_item .content .link:hover span {
    transform: translateX(10px);
    background-color: #1e2124;
}


/*------------------------------------------------------------------
3. Energy Transition page
-------------------------------------------------------------------*/

.energy-page {
    padding-bottom: 100px;
    position: relative;
}

.energy-page .container {
    position: relative;
    z-index: 1;
}

.energy-page::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/energy_bg.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
}


.energy_block1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.energy_block1>* {
    width: 50%;
}

.energy_block1 .content {
    padding-left: 4%;
}

.energy_block1 .content h2 {
    color: #ffffff;
    margin-bottom: 30px;
}

.energy_block1 .content p {
    margin: 0;
    color: #ffffff;
    opacity: .8;
}

.energy_block1 .content p+p {
    margin-top: 20px;
}

.energy_link {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    margin: 100px 0 0 0 !important;
}

.energy_link a {
    text-decoration: underline;
    color: #fff;
}

.energy_link a:hover {
    color: #000;
}

/* -------------------------------------------------------------- */


.energy_block2 {
    margin-top: 90px;
}

.energy_block2 .content {
    max-width: 660px;
    padding: 50px 55px 45px 55px;
    width: 100%;
    height: 100%;
    background-image: url(../images/eng_cnt_bg.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.energy_block2 .content h3 {
    font-size: 23px;
    display: inline-block;
    color: #ffffff;
    margin-bottom: 30px;
}

.energy_block2 .content>ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}

.energy_block2 .content .tic_list>li {
    padding-left: 37px;
    position: relative;
    width: 50%;
}

.energy_block2 .content .tic_list>li::after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    background: url(../images/check-tic.png) no-repeat;
}

.energy_block2 .content.full .tic_list>li::after {
    background: url(../images/blue_tick.png) no-repeat;
}

.energy_block2 .content li {
    color: #ffffff;
    font-size: 14px;
    padding-left: 15px;
}

.energy_block2 .content li ul {
    margin-top: 15px;
}

.energy_block2 .content.full {
    max-width: 100%;
    margin-top: 90px;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/white_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.energy_block2 .content.full>ul {
    display: initial;
}

.energy_block2 .content.full .inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 25px;
}

.energy_block2 .content.full .inner .tic_list {
    width: 45%;
}

.energy_block2 .content.full .inner .tic_list li {
    width: 100%;
    color: #666666;
    font-weight: 400;
}

.energy_block2 .content.full .inner .tic_list li+li {
    margin-top: 20px;
}

.energy_block2 .content.full .inner .tic_list:first-child {
    padding-right: 50px;
    width: 55%;
}

.energy_block2 .content.full h3 {
    color: #000;
    margin-bottom: 45px;
}


/*------------------------------------------------------------------
3. Contact page
-------------------------------------------------------------------*/


.contact-page {
    padding: 90px 0 120px 0;
}

.contact-page .container {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.contact_address_side {
    width: 40%;
}

.contact_address_side h2 {
    font-size: 100px;
    font-weight: bold;
    color: #ffffff;
    line-height: 120px;
    margin-bottom: 65px;
    text-decoration: underline;
}

.contact_address_side .item+.item {
    margin-top: 30px;
}

.contact_address_side .item h4 {
    color: #ffffff;
    font-size: 20px;
}

.contact_address_side .item p {
    color: #ffffff;
    opacity: .8;
}

.contact_address_side .item span {
    display: block;
    opacity: .8;
}

.contact_address_side .item span a {
    color: #ffffff;
}

.contact_address_side .item span a:hover {
    color: #fff;
}

.contact_address_side .item ul {
    display: flex;
    flex-wrap: wrap;
}

.contact_address_side .item ul a {
    color: #ffffff;
}

.contact_address_side .item ul a:hover {
    color: rgb(38, 41, 45);
}

.contact_address_side .item li+li {
    margin-left: 20px;
}

/* ----------------------------------- */

.contact_form_side {
    width: 60%;
    padding: 20px 0 20px 13%;
    border-left: 1px solid rgba(255, 255, 255, .21);
}

.contact_form_side p {
    color: #ffffff;
    opacity: .8;
    margin-bottom: 25px;
}

.contact_form_side form {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 -1%;
}

.contact_form_side form>* {
    margin: 0 1%;
    width: 100%;

}

#result_sol {
    position: relative;
}

#result_sol select {
    color: #787878;
    ;
}

#result_sol:after {
    border-width: 7px;
    border-style: solid;
    border-color: #787878 transparent transparent;
    content: '';
    display: block;
    height: 0;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 0;
}

.contact_form_side .form-field {
    border: none;
    background: #ffffff;
    padding: 0 25px;
    font-size: 14px;
}

.contact_form_side .form-field:not(textarea) {
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    border-radius: 27px;
}

.contact_form_side textarea.form-field {
    padding-top: 30px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    font-size: 14px;
}

/* .contact_form_side .form-field.half {
    width: 48%;
} */

.contact_form_side .wpcf7-form-control-wrap:nth-child(2),
.contact_form_side .wpcf7-form-control-wrap:nth-child(3) {
    width: 48%;
}

.agree label .wpcf7-list-item-label {
    width: calc(100% - 45px);
}

.contact_form_side .submit_btn {
    background-color: rgb(38, 41, 45);
    width: 170px;
    height: 54px;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    transition: background .35s ease-in-out;
    line-height: 4;
    font-weight: 600;
}

.contact_form_side .submit_btn:hover {
    background: var(--color-primary);
}

/* .contact_form_side .nice-select .option:first-child {
    display: none;
} */


/* ------------------------------------------------------------------------------------------------------- */

.cloud-main-outer {
    position: relative;
    z-index: -1;
}

.clouds-1,
.clouds-2,
.clouds-3 {
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1000px;
}

.clouds-1 {
    background-position: 800px center;
    z-index: 7;
}

.clouds-2 {
    background-position: left center;
    z-index: 8;
}

.clouds-3 {
    background-position: left center;
    z-index: 9;
}

@keyframes clouds-loop-1 {
    to {
        background-position: 3913px center;
    }
}

.clouds-1 {
    background-image: url("../images/cloud-anim1.png");
    animation: clouds-loop-1 90s infinite linear;
}

@keyframes clouds-loop-2 {
    to {
        background-position: 3113px center;
    }
}

.clouds-2 {
    background-image: url("../images/cloud-anim2.png");
    animation: clouds-loop-2 300s infinite linear;
}

@keyframes clouds-loop-3 {
    to {
        background-position: 3113px center;
    }
}

/* .clouds-3 {
    background-image: url("../images/cloud-big2.png");
    animation: clouds-loop-3 150s infinite linear;
} */


.cloud-main {
    width: 100%;
    min-height: 660px;
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: 0;
}

@-webkit-keyframes animateCloudleft {
    0% {
        margin-left: -1000px;
    }

    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloudleft {
    0% {
        margin-left: -1000px;
    }

    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloudleft {
    0% {
        margin-left: -1000px;
    }

    100% {
        margin-left: 100%;
    }
}

@-webkit-keyframes animateCloudRight {
    0% {
        margin-left: 60%;
    }

    100% {
        margin-left: 80%;
    }
}

@-moz-keyframes animateCloudRight {
    0% {
        margin-left: 60%;
    }

    100% {
        margin-left: 80%;
    }
}

@keyframes animateCloudRight {
    0% {
        margin-left: 60%;
    }

    100% {
        margin-left: 80%;
    }
}

@-webkit-keyframes animateCloudcenter {
    0% {
        margin-left: 20%;
    }

    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloudcenter {
    0% {
        margin-left: 0%;
    }

    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloudcenter {
    0% {
        margin-left: 0%;
    }

    100% {
        margin-left: 100%;
    }
}

.cloud-left {
    width: 1300px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    right: 0;
    -webkit-animation: animateCloudleft 80s linear infinite;
    -moz-animation: animateCloudleft 80s linear infinite;
    animation: animateCloudleft 80s linear infinite;
}

.cloud-right {
    width: 1300px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    right: 0;

    -webkit-animation: animateCloudRight 20s linear infinite;
    -moz-animation: animateCloudRight 20s linear infinite;
    animation: animateCloudRight 20s linear infinite;
}

.cloud-bottom {
    width: 1300px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    right: 0;

    -webkit-animation: animateCloudcenter 40s linear infinite;
    -moz-animation: animateCloudcenter 40s linear infinite;
    animation: animateCloudcenter 40s linear infinite;
}

.cloud-top {
    width: 1180px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 15;
    -webkit-animation: animateCloudcenter 45s linear infinite;
    -moz-animation: animateCloudcenter 45s linear infinite;
    animation: animateCloudcenter 45s linear infinite;
}

.cloud-top img {
    width: 100%;
}

.cloud-top img {
    width: 100%;
}


/* -------------------------------------------------------------------------------------------------------- */

.hm-case-study .sec-title {
    flex-wrap: wrap;
    margin-bottom: 0;
}

/* -------------------------------------------------------------------------------------------------------- */

.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid-item {
    width: 29%;
    margin-right: 4%;
    margin-bottom: 4%;
}

.grid-item--2 {
    width: 62%;
}

.grid-item--2 .case_card_item {
    display: flex;
    flex-wrap: wrap;
}

.grid-item--2 .case_card_item>* {
    width: 50%;
}

/* -------------------------------------------------------------------------------------------------------- */

.location_block h2 {
    line-height: 1;
    margin-bottom: 25px;
    font-size: 40px;
    font-weight: 500;
}

/* -------------------------------------------------------------------------------------------------------- */

.product_detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.product_slider {
    width: 50%;
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.product_slider::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: 32px;
    border-style: solid;
    border-color: #26292d #26292d transparent transparent;
    transition: opacity .35s ease-in-out;
}


.product_slide_carousel .owl-nav {
    position: absolute;
    right: 10%;
    bottom: 10%;
    display: flex;
    width: 60px;
    justify-content: space-between;
}

.product_slide_carousel .owl-nav>* {
    position: initial;
    /* all: unset; */
    width: 26px;
    height: 26px;
    background: #ffffff !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.product_slide_carousel .owl-nav>* span {
    font-size: 0;
    color: #000000;
}

.product_slide_carousel .owl-next::after {
    content: "\e909";
    font-family: 'icomoon' !important;
}

.product_slide_carousel .owl-prev::after {
    content: "\e91c";
    font-family: 'icomoon' !important;
}

.product_slide_carousel .owl-nav button.owl-prev:hover::after,
.product_slide_carousel .owl-nav button.owl-next:hover::after {
    color: #fff;
}

.product_slider .item {
    min-height: 655px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.item_content{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.product_slider .item .outer {
    padding-bottom: 185px;
    background: url(../images/height-line.png) no-repeat;
    display: block;
    background-position: 10px 100%;
    margin-right: 10px;
}


.product_slider .item .title {
    font-size: 20px;
    color: #000000;
    /* white-space: nowrap; */
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-weight: 500;
    height: 350px;
}

.product_slide_carousel .img_outer{
    max-width: 400px;
    width: 100%;
}
.product_slide_carousel .img_outer img{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
} 

.product_content {
    padding-left: 10%;
    color: #ffffff;
    width: 50%;
}

.product_content .title {
    margin-bottom: 50px;
}

.product_content .category {
    display: block;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.product_content h2 {
    line-height: 1;
}

.product_content .rating {
    font-size: 13px;
    color: var(--color-primary);
}

.product_content .rating img {
    margin-right: 15px;
}

.product_content p {
    opacity: .8;
    line-height: 26px;
    margin: 0;
}

.product_content p+p {
    margin-top: 20px;
}

/* -------------------------------------------------------------------------------------------------------- */

.check_block {
    padding-top: 130px;
    margin: 140px 0 100px 0;
    border-top: 1px solid #5c5f62;
}

.check_block h2 {
    color: #ffffff;
    margin-bottom: 40px;
}

.check_block_inner {
    display: flex;
    flex-wrap: wrap;
}

.check_block_inner>* {
    width: 50%;
}

.check_block_inner .check-style:first-child {
    padding-right: 30px;
}

.check_block_inner .check-style:last-child {
    padding-left: 30px;
}

/* -------------------------------------------------------------------------------------------------------- */

.product_page .overview {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_pro_brn {
    width: 253px;
    height: 48px;
    background-color: #fff;
    color: #26292d;
    font-size: 15px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_page .overview p,
.product_page .overview h2 {
    color: #fff;
}

.product_page .overview h2 {
    font-size: 100px;
    margin-bottom: 35px;
    color: #fff;
    font-weight: bold;
    line-height: 90px;
}

.product_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.product_list li {
    width: 23%;
    margin: 1%;
}

/* .product_list li.big {
    width: 34%;
} */

.product_list .pro_img {
    display: block;
    box-shadow: 0px 11px 21.87px 5.13px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.product_list h5 {
    font-size: 16px;
    color: #fff;
    margin: 10px 0 0 0;
    font-weight: 500;
}

.product_list a,
.product_list a img {
    width: 100%;
}

.product_list a img {
    background-repeat: no-repeat;
    background-size: cover;
}

.product_list a+a {
    margin-top: 35px;
    display: block;
}

.product_list li:nth-child(3) h5 {
    margin-bottom: 10px;
}

/* -------------------------------------------------------------------------------- */

.first_block_inside P+p {
    margin-top: 25px;
}

.accreditations-page::after {
    background: linear-gradient(180deg, rgba(38, 41, 45, 1) 0%, rgba(1, 171, 182, 1) 50%);
    height: 710px;
}

.inspection-paragraph {
    width: 100%;
    margin-bottom: 75px;
}

.inspection-paragraph p,
.inspection-paragraph h5,
.inspection-paragraph li {
    color: #c4c4c5;
}

.inspection-paragraph ul {
    margin: 20px 0;
}

.inspection-paragraph ul li {
    padding-left: 37px;
    position: relative;
}

.inspection-paragraph ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    background: url(../images/check-tic.png) no-repeat;
}

.inspection-paragraph li+li {
    margin-top: 10px;
}

.sticky_bar {
    position: fixed;
    top: 0px;
    z-index: 99;
    width: 100%;
}

.asset_inte_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 125px;
}

.asset_inte_top .asset_inte_left {
    width: 48%
}

.asset_inte_top .asset_inte_right {
    width: 48%
}

.asset_inte_top h2 {
    color: #01abb6;
    font-size: 96px;
    line-height: 100px;
    font-weight: bold;
    margin-bottom: 40px;
}

.asset_inte_top p {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 35px;
}

.asst_right_set {
    display: flex;
    flex-wrap: wrap;

}

.asst_right_set h3 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 25px;
}

.asst_right_set .inte_icon {
    width: 130px;
}

.asst_right_set .integ_cnt {
    /* width: calc(100% - 56px); */
    width: calc(100% - 130px);
    padding-left: 22px;
    position: relative;
}

.asst_right_set .inte_icon img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.asst_right_set .integ_cnt::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #01abb6;
    position: absolute;
    left: 25px;
    top: 15px;
    display: none;
}

.asst_right_set .integ_cnt p {
    max-width: 300px;
    margin-bottom: 0;
}

.asst_right_set a {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .25s ease-in-out, background .25s ease-in-out;
}

.asst_right_set a:hover {
    color: #ffffff;
    background: var(--color-primary);
}

.asst_right_set {
    border-bottom: 1px solid #3a3e42;
    position: relative;
    padding: 30px 0;
}

.asst_right_set::after,
.asst_right_set::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #01abb6;
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
}

.asst_right_set::after {
    right: 0;
}

.asst_right_set::before {
    left: 0;
}

.bottom_right_cnt {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.asset_contact_sec {
    text-align: center;
    padding: 150px 0 100px 0;
}

.asset_contact_sec h4 {
    color: #ffffff;
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.asset_contact_sec p {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 25px;
}

.asset_contact_sec .button-style-white {
    background-color: #26292d;
    color: #fff;
    width: 260px;
    padding: 0;
}

.related_case_studies .product-list .owl-stage {
    margin-left: 0;
}

.related_case_studies {
    background-color: #efefef;
    padding: 100px 0 120px 0;
}

.related_case_studies .product-list .content h4 {
    margin-bottom: 15px;
}

.agree {
    display: flex;
    align-items: flex-start;
}

/* .agree input {
    opacity: 0;
}

.agree label::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: -15px;
}

.agree input[type=checkbox]:checked+label::after {
    content: "";
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    transform: rotate(45deg);
} */

.agree label {
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.agree label input {
    margin-right: 15px;
    position: absolute;
    top: -18px;
    left: 0;
}

.page-template-page-news .sticky_bar,
.page-template-page-accreditations .sticky_bar,
.page-template-page-events .sticky_bar {
    position: initial;
}

.pagination-ul {
    display: flex;
    margin-top: 80px;
}

.page-numbers {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
}

.page-numbers:hover ,.page-numbers.current{
    background-color: var(--color-primary);
    color: #fff;
}

.page-numbers.next,
.page-numbers.prev {
    font-size: 0;
}

.page-numbers.next::after {
    content: "\e909";
    font-family: 'icomoon' !important;
    font-size: 14px;
}

.page-numbers.prev::after {
    content: "\e91c";
    font-family: 'icomoon' !important;
    font-size: 14px;
}

.page-template-page-our-commitment .sub-banner h1 {
    display: none;
}

.news_detail_page a {
    color: #26292d;
    opacity: .8;
    font-weight: 500;
}
.postid-81 .news_detail_page a {
    color: var(--color-primary);
}
.news_detail_page .news_list-carousel a {
    color: #000;
}


.news_detail_page ul {
    margin-top: 15px;
    margin-bottom: 25px;

}

.news_detail_page ul li {
    color: #fff;
    margin-bottom: 7px;
    opacity: 1;
    position: relative;
    padding-left: 15px;
}

.news_detail_page ul:not(.blog_share, .news_list) li::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.news_detail_page .content h3 {
    color: #fff;
}

.grd-cloud p {
    color: #fff;
}

.full-width {
    width: 100%;
    margin-top: 20px;
}

.news_detail_page .button-style-primary {
    margin-top: 30px;
}

#content-map>#bodyContent>ul>li {
    position: relative;
    padding-left: 25px;
}

#content-map>#bodyContent>ul>li+li {
    margin-top: 7px;
}

#content-map ul li p {
    line-height: 20px;
}

#content-map ul li .icn-block {
    position: absolute;
    left: 0;
}

#content-map ul li h4 {
    font-size: 15px;
}

.panel {
    max-height: 58px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.click-more {
    color: #fff;
    opacity: .8;
    cursor: pointer;
    margin-top: 10px;
    transition: opacity .25s ease-in-out;
}

.click-more:hover {
    opacity: 1;
}

.flex_wrap_div {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -2%;
    row-gap: 30px;
}

.flex_wrap_item {
    width: 46%;
    margin: 0 2%;
}

.inspection-paragraph .flex_wrap_item ul {
    margin-bottom: 0;
}

.single-post .news_detail_page .content.news-content {
    margin: auto;
    position: relative;
    padding: 60px 14% 0 0;
}

.single-post .news_detail_page .inner .title {
    text-align: center;
}

.privacy-policy .sub-banner h1 {
    color: #000000;
}

.privacy-policy .default-page ul {
    margin: 15px 0;
}

.privacy-policy .default-page ul li {
    list-style: disc;
}

.privacy-policy .default-page ul li+li {
    margin-top: 10px;
}
.nice-select:after{
    right: 25px;
}