/*

    Theme URI:  Adcom Zenithmedia

    Description: This website is The ROI Agency - Part of Publicis Media.

    Version: 1

    Author: Hanzala Bin Mehmood

    Author URI: https://www.behance.net/hanzookhan/

*/







body {

    font-family: 'geomanist-reguler';

}





.bg_blue_color {

    background-color: #09C5FF;

}



@font-face {

    font-family: 'geomanist-medium';

    src: url('../fonts/geomanist/Geomanist-Medium.eot');

    src: url('../fonts/geomanist/Geomanist-Medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-Medium.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-Medium.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-bold';

    src: url('../fonts/geomanist/Geomanist-Bold.eot');

    src: url('../fonts/geomanist/Geomanist-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-Bold.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-Bold.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-book';

    src: url('../fonts/geomanist/Geomanist-Book.eot');

    src: url('../fonts/geomanist/Geomanist-Book.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-Book.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-Book.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-Book.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-extralight';

    src: url('../fonts/geomanist/Geomanist-ExtraLight.eot');

    src: url('../fonts/geomanist/Geomanist-ExtraLight.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-ExtraLight.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-ExtraLight.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-ExtraLight.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-black';

    src: url('../fonts/geomanist/Geomanist-Black.eot');

    src: url('../fonts/geomanist/Geomanist-Black.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-Black.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-Black.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-light';

    src: url('../fonts/geomanist/Geomanist-Light.eot');

    src: url('../fonts/geomanist/Geomanist-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-Light.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-Light.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-ultra';

    src: url('../fonts/geomanist/Geomanist-Ultra.eot');

    src: url('../fonts/geomanist/Geomanist-Ultra.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-Ultra.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-Ultra.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-Ultra.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-thin';

    src: url('../fonts/geomanist/Geomanist-Thin.eot');

    src: url('../fonts/geomanist/Geomanist-Thin.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist-Thin.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist-Thin.woff') format('woff'),

        url('../fonts/geomanist/Geomanist-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'geomanist-reguler';

    src: url('../fonts/geomanist/Geomanist.eot');

    src: url('../fonts/geomanist/Geomanist.eot?#iefix') format('embedded-opentype'),

        url('../fonts/geomanist/Geomanist.woff2') format('woff2'),

        url('../fonts/geomanist/Geomanist.woff') format('woff'),

        url('../fonts/geomanist/Geomanist.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



.geomanist-reguler {

    font-family: 'geomanist-reguler' !important;

}



.geomanist-medium {

    font-family: 'geomanist-medium' !important;

}



.geomanist-bold {

    font-family: 'geomanist-bold' !important;

}



.geomanist-book {

    font-family: 'geomanist-book' !important;

}



.geomanist-extralight {

    font-family: 'geomanist-extralight' !important;

}



.geomanist-black {

    font-family: 'geomanist-black' !important;

}



.geomanist-light {

    font-family: 'geomanist-light' !important;

}



.geomanist-ultra {

    font-family: 'geomanist-ultra' !important;

}



.geomanist-thin {

    font-family: 'geomanist-thin' !important;

}





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

/* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */





/* MARKETING CONTENT -------------------------------------------------- */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

    margin-bottom: 1.5rem;

    text-align: center;

}



.marketing h2 {

    font-weight: 400;

}



/* rtl:begin:ignore */

.marketing .col-lg-4 p {

    margin-right: .75rem;

    margin-left: .75rem;

}





/* RESPONSIVE CSS -------------------------------------------------- */



@media (min-width: 40em) {



    /* Bump up size of carousel content */

    .carousel-caption p {

        margin-bottom: 1.25rem;

        font-size: 1.25rem;

        line-height: 1.4;

    }

}



.navigation_menu {

    position: absolute;

    left: 100%;

    top: 0;

    padding: 0;

    width: 52px;

    height: 55px;

    text-align: center;

    margin: 64px 0 0 -1px;

    background: #09C5FF;

    border: none;

    opacity: 1;

    z-index: 9999;

    border-radius: 0;

}





.offcanvas-menu {

    visibility: visible !important;

}



/*  BURGER ========================================== */



.burger span {

    position: relative;

    margin-top: 9px;

    margin-bottom: 9px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -9px;

    margin-top: -1.5px;

}



.burger span,

.burger span::before,

.burger span::after {

    display: block;

    width: 20px;

    height: 3px;

    background-color: #ffffff;

    outline: 1px solid transparent;

    -webkit-transition-property: background-color, -webkit-transform;

    -moz-transition-property: background-color, -moz-transform;

    -o-transition-property: background-color, -o-transform;

    transition-property: background-color, transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.burger span::before,

.burger span::after {

    position: absolute;

    content: "";

}



.burger span::before {

    top: -7px;

}



.burger span::after {

    top: 7px;

}



.burger.clicked span {

    background-color: transparent;

}



.burger.clicked span::before {

    -webkit-transform: translateY(7px) rotate(45deg);

    -moz-transform: translateY(7px) rotate(45deg);

    -ms-transform: translateY(7px) rotate(45deg);

    -o-transform: translateY(7px) rotate(45deg);

    transform: translateY(7px) rotate(45deg);

}



.burger.clicked span::after {

    -webkit-transform: translateY(-7px) rotate(-45deg);

    -moz-transform: translateY(-7px) rotate(-45deg);

    -ms-transform: translateY(-7px) rotate(-45deg);

    -o-transform: translateY(-7px) rotate(-45deg);

    transform: translateY(-7px) rotate(-45deg);

}



.burger.clicked span:before,

.burger.clicked span:after {

    background-color: #ffffff;

}



.burger:hover {

    cursor: pointer;

}



/*  OVERLAY ========================================== */

.overlay {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background-color: #b7ac7f;

    opacity: 0;

    visibility: hidden;

}



.overlay.show {

    opacity: 0.8;

    visibility: visible;

}



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



#video_section {

    position: relative;

    height: 100vh;

    width: 100%;

}



.logo_white_color {

    position: absolute;

    top: 59px;

    right: 0px;

    width: 100%;

    text-align: right;

    z-index: 80;

}



.logo_white_color img {

    width: 170px;

    height: auto;

    margin: -30px 50px 0 0;

}



@media only screen and (max-width : 1366px) {

    .logo_white_color img {

        width: 130px;

    }

}



@media only screen and (max-width : 768px) {

    .logo_white_color img {

        width: 100px;

        margin: -60px 20px 0 0;

    }

}



@media only screen and (max-width : 320px) {

    .logo_white_color img {

        width: 70px;

        margin: -90px -4px 0 0;

    }

}







.caption {

    text-align: center;

}



.caption,

body.home .visual-area:before,

.bg-stretch,

.bg-stretch:after,

.bg-stretch img,

.news-area .caption,

.intelligence-style .post .caption {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 70;

}



section .container {

    position: relative;

}



.caption .container {

    height: 100%;

}



@media (min-width: 768px) {

    .caption .container .row {

        width: 100%;

    }

}



.caption .container .row {

    display: table;

    margin: 0;

    width: auto;

    width: 100%;

    height: 100%;

}



.caption .container .row>div {

    height: 100%;

    float: none;

    display: table-cell;

    vertical-align: middle;

    /* padding-bottom: 80px; */

}



.caption.home-caption h1 {

    margin: 0;

    font-size: 35px;

    color: #fff;

    text-shadow: 0px 0px 10px rgb(0 0 0 / 40%);

    z-index: 9999;

    opacity: 1;

}

.home-caption .caption-wrap{
    margin-top: 0px; 
    opacity: 1;
}



@media (min-width: 1280px) {

    .caption.home-caption .caption-wrap h1 {

        font-size: 92px;

    }

}



@media (min-width: 1024px) {

    .caption.home-caption .caption-wrap h1 {

        font-size: 72px;

    }

}



@media (min-width: 768px) {

    .caption.home-caption .caption-wrap h1 {

        font-size: 70px;

    }

}



.caption.home-caption .btn {

    position: absolute;

    bottom: 0;

    left: 50%;

    margin: 0 0 0 -100px;

    width: 200px;

    height: 70px;

    padding: 0;

    text-transform: none;

    font-family: 'geomanist-reguler';

    font-size: 16px;

    line-height: 70px;

}



.caption.home-caption .btn .bi-chevron-down {

    font-size: 20px;

    margin: -6px 0 0 5px;

    display: inline-block;

    vertical-align: middle;

}





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

#wrapper section {

    position: relative;

    overflow: hidden;

}



#home-carousel {

    display: block;

}





/* #home-carousel .owl-carousel .owl-stage {

    -webkit-transition: 1.25s !important;

    -moz-transition: 1.25s !important;

    -ms-transition: 1.25s !important;

    -o-transition: 1.25s !important;

    transition: 1.25s !important;

}

 #home-carousel .item {

    min-height: 750px;

    padding-bottom: 110px;

}



*/

#home-carousel .image {

    overflow: hidden;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



body.page-template-tpl-adsense-login section.visual-area:after,

#home-carousel .image {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}



#home-carousel .owl-carousel .owl-item .inner {

    opacity: 0;

    transition: opacity 0.5s ease-in;

    -moz-transition: opacity 0.5s ease-in;

    -webkit-transition: opacity 0.5s ease-in;

    -o-transition: opacity 0.5s ease-in;

    -webkit-transition-delay: 800ms;

    -moz-transition-delay: 800ms;

    -o-transition-delay: 800ms;

    transition-delay: 800ms;

}



#home-carousel .inner {

    position: relative;

    max-width: 960px;

    padding: 200px 80px 0px 80px;

    margin: 0 auto;

    text-align: center;

    z-index: 900;

}



/* #home-carousel .item:after {

    background: #000;

    content: '';

    position: absolute;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0.1;

    z-index: 9;

} */



#home-carousel .inner .text-wrap {

    display: block;

    min-height: 335px;

}



#home-carousel .inner .h1 {

    font-size: 60px;

    line-height: 64px;

    font-family: 'geomanist-reguler';

    margin-bottom: 30px;

    color: #fff;

    text-align: center;

    display: block;

    margin: 0 0 30px 0;

    text-shadow: 0px 0px 10px rgb(0 0 0 / 60%);

}





#home-carousel .owl-nav {

    margin-top: 0px;

}



#home-carousel .inner .btn.carousel {

    font-size: 17px;

    line-height: 20px;

    position: relative;

    background: none;

    border: solid 2px #fff;

    color: #fff;

    padding: 100px 80px 0px 80px;

    margin: 0 auto;

}



#home-carousel .owl-carousel .owl-item.active .inner {

    opacity: 1;

}



#home-carousel .owl-nav .owl-prev {

    left: 50px !important;

    background-position: 0 0;

}



#home-carousel .owl-nav .owl-prev,

#home-carousel .owl-nav .owl-next {

    width: 17px;

    height: 32px;

    position: absolute;

    display: block;

    cursor: pointer;

    z-index: 300;

    top: 50% !important;

    margin-top: -16px !important;

    text-indent: -5000em;

    background-image: url(../img/sprite.png);

    background-repeat: no-repeat;

    background-position: left top;

    background-color: transparent;

    border: none;

    outline: 0;

}



#home-carousel .owl-nav .owl-next {

    right: 50px !important;

    background-position: -18px 0;

}



#home-carousel .owl-carousel .owl-dots {

    position: absolute;

    bottom: 130px;

    width: 100%;

    text-align: center;

}



#home-carousel .inner .btn.carousel:hover {

    border: solid 2px #fff;

    background: #fff;

    color: #09C5FF;

}





.home-caption .discover_more_btn:hover {

    color: #fff;

    background-color: #00a3d5;

    border-color: rgba(0, 0, 0, 0);

}



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

/* -------------------------Our Work--------------------------- */

#our_work.case_study .Case {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 18vw;

    position: relative;

    text-decoration: none;

    overflow: hidden;

    display: block;

}



@media only screen and (max-width : 768px) {

    #our_work.case_study .Case {

        height: 30vw;

    }

}



@media only screen and (max-width : 425px) {

    #our_work.case_study .Case {

        height: 60vw;

    }

}



#our_work.case_study .Case.w-100 {

    margin-top: 20px;

    margin-bottom: 20px;

}



#our_work.case_study .Case:after {

    filter: alpha(opacity=100);

    content: '';

    width: 100%;

    position: absolute;

    height: 100%;

    opacity: 1;

    z-index: 2;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 36%, rgba(0, 0, 0, 0.76) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.76)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 36%, rgba(0, 0, 0, 0.76) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 36%, rgba(0, 0, 0, 0.76) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 36%, rgba(0, 0, 0, 0.76) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 36%, rgba(0, 0, 0, 0.76) 100%);

}



#our_work.case_study .Case figcaption {

    position: absolute;

    display: flex;

    height: 100%;

    width: 100%;

    z-index: 3;

    background-color: rgba(10, 198, 255, 0);

    text-align: center;

    justify-content: center;

    transition: background-color .35s;

}



#our_work.case_study .Case figcaption .caption {

    font-size: 32px;

    color: #fff;

    font-family: 'geomanist-reguler';

    bottom: 10%;

    top: initial !important;

    transition: bottom .35s;

}



#our_work.case_study .Case figcaption p {

    font-size: 16px;

    bottom: 30px;

    opacity: 0;

    margin: 0 0 20px;

    font-weight: 500;

    color: #fff;

    z-index: 200;

    position: absolute;

    transition: bottom .35s, opacity .35s;

}



#our_work.case_study .Case figcaption .country {

    font-size: 16px;

    margin: 0 0 20px;

    font-weight: 500;

    color: #fff;

    z-index: 200;

    position: absolute;

    bottom: -10px;

    opacity: 0;

    transition: bottom .35s, opacity .35s;

}



/* HOver effect */

#our_work.case_study .Case.C1:hover figcaption {

    background-color: rgba(10, 198, 255, 0.9) !important;

}



#our_work.case_study .Case.C2:hover figcaption {

    background-color: rgba(12, 155, 57, 0.9) !important;

}



#our_work.case_study .Case.C3:hover figcaption {

    background-color: rgba(255, 97, 61, 0.9) !important;

}



#our_work.case_study .Case.C4:hover figcaption {

    background-color: rgba(253, 186, 51, 0.9) !important;

}



#our_work.case_study .Case.C5:hover figcaption {

    background-color: rgba(236, 0, 142, 0.9) !important;

}



#our_work.case_study .Case.C6:hover figcaption {

    background-color: rgba(255, 209, 0, 0.9) !important;

}



#our_work.case_study .Case:hover figcaption .caption {

    bottom: 40%;

}



#our_work.case_study .Case:hover figcaption p {

    bottom: 60px;

    opacity: 1;

}



#our_work.case_study .Case:hover figcaption .country {

    bottom: 10px;

    opacity: 1;

}



/* HOver effect */



/* -------------------------Our Work--------------------------- */

/* -------------------------Blogs--------------------------- */



#Blogs_section {

    padding-top: 53px;

    background-color: #F2F2F2;

}



@media (min-width: 768px) {

    #Blogs_section .head h2 {

        font-size: 48px !important;

        line-height: 52px;

    }

}



#Blogs_section .head h2 {

    font-size: 30px;

    line-height: 35px;

    color: #09C5FF;

}



#Blogs_section .blog_section.blog_01 .img {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 510px;

    display: block;

    position: relative;

    text-decoration: none;

    padding: 0 40px;

    overflow: hidden;

}



#Blogs_section .blog_section.blog_02 .img,

#Blogs_section .blog_section.blog_03 .img {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 244px;

    display: block;

    position: relative;

    text-decoration: none;

    padding: 0 40px;

    overflow: hidden;

}



#Blogs_section .blog_section.blog_03 .img {

    padding: 0 22px;

}



#Blogs_section .blog_section .img:before {

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    content: '';

    right: 0;

    z-index: 10;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.73)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

}





#Blogs_section .blog_section .blog_tag {

    color: #fff;

    background: #0c9b39;

    font-size: 14px;

    padding: 10px 15px 10px;

    font-family: 'geomanist-reguler';

    position: absolute;

    z-index: 11;

}



#Blogs_section .blog_section .blog_tag.intelligence {

    background: #FDBA33 !important;

}



#Blogs_section .blog_section h2,

#Blogs_section .blog_section span.text {

    position: absolute;

    bottom: 40px;

    font-size: 36px;

    color: white;

    z-index: 11;

    transition: bottom .35s;

}



#Blogs_section .blog_section.blog_02 h2 {

    bottom: -111px;

    font-size: 20px;

    text-align: center;

    left: 0;

    right: 0;

}



#Blogs_section .blog_section.blog_03 h2 {

    font-size: 24px;

    bottom: 10px;

}



#Blogs_section .blog_section.blog_03 span.text {

    font-size: 18px;

    bottom: -70px;

}



#Blogs_section .blog_section .paragraph_section {

    position: absolute;

    display: flex;

    flex-direction: row;

    bottom: -80px;

    z-index: 15;

    align-items: center;

    justify-content: flex-start;

    color: white;

    transition: bottom .35s, opacity 1s;

    opacity: 0;

}



#Blogs_section .blog_section .paragraph_section p {

    max-width: 70%;

}



#Blogs_section .blog_section:hover h2 {

    bottom: 100px;

}



#Blogs_section .blog_section.blog_02:hover h2 {

    bottom: 50px;

}



#Blogs_section .blog_section.blog_03:hover h2 {

    font-size: 24px;

    bottom: 40px;

}



#Blogs_section .blog_section.blog_03:hover span.text {



    bottom: 17px;

}



#Blogs_section .blog_section:hover .paragraph_section {

    bottom: 0;

    opacity: 1;

}



#Blogs_section .blog_small_section {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}





#Blogs_section .load_more_btn {

    background: none;

    font-size: 16px;

    padding: 22px 36px;

    border: 2px solid #09C5FF;

    border-radius: 0;

    text-transform: capitalize;

    color: #09C5FF;

    font-family: 'geomanist-book';

}



#Blogs_section .load_more_btn i {

    display: inline-block;

    vertical-align: middle;

    font-size: 23px;

    margin: -11px -10px -6px 7px;

}



#Blogs_section .load_more_btn:hover {

    color: #fff;

    background: #09C5FF;

}



/* -------------------------Blogs--------------------------- */

/* -------------------------Social media btn--------------------------- */

#socialmedia_btn .social_btn {

    display: block;

    color: #fff;

    font-size: 16px;

    height: 60px;

    background: #09C5FF;

    padding: 1px 25px 0 25px;

    line-height: 60px;

    margin: 0 0 15px;

    text-transform: none;

    font-family: 'geomanist-reguler';

    border-radius: 0;

    border: 0;

}



#socialmedia_btn .social_btn.twitter {

    background: #09C5FF;

}



#socialmedia_btn .social_btn.facebook {

    background: #3a5899;

}



#socialmedia_btn .social_btn.instagram {

    /* vertical-align: middle; */

    background: #d6249f;

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

}



#socialmedia_btn .social_btn.linkedin {

    background: #1186C8;

}



#socialmedia_btn .social_btn.youtube {

    background: #EC6C52;

}



#socialmedia_btn .btn i {

    display: inline-block;

    vertical-align: middle;

    font-size: 23px;

    margin: -9px 16px 0 0;

}



/* -------------------------Social media btn--------------------------- */

/* -------------------------clients Relationship--------------------------- */

#clients_relationship {

    background-color: #3A3A3A;

}



#clients_relationship h1 {

    color: #ffffff;

}



/* -------------------------clients Relationship--------------------------- */





/* -------------------------Three Option--------------------------- */

#three_option .tile {

    height: 210px;

    display: block;

    background-position: center;

    overflow: hidden;

    position: relative;

}



#three_option .tile:before {

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    content: '';

    right: 0;

    z-index: 1;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.73)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 44%, rgba(0, 0, 0, 0.73) 100%);

}



#three_option .tile h3 {

    position: absolute;

    bottom: 0px;

    right: auto;

    text-align: left;

    margin: 0 0 27px 40px;

    z-index: 2;

    color: #fff;

    font-size: 32px;

    transition: bottom 0.35s;

}



#three_option .tile span {

    position: absolute;

    bottom: 0px;

    display: block;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    z-index: 200;

    opacity: 0;

    bottom: 18px;

    left: 42px;

    transition: bottom 0.55s, opacity 0.55s;

}



#three_option .tile:hover h3 {

    bottom: 40px;

}



#three_option .tile:hover span {

    bottom: 38px;

    opacity: 1;

}



/* -------------------------Three Option--------------------------- */

/* -------------------------footer--------------------------- */

#footer {

    background: #252525;

    padding: 30px 0;

    font-size: 18px;

    line-height: 24px;

    color: #979797;

    overflow: hidden;

    padding: 54px 0;

}



#footer .footer_start .nav {

    padding: 10px 0 0;

}



#footer .footer_start .nav .nav-item {

    margin: 0 0 8px;

    font-weight: 400;

    font-size: 14px;

    line-height: 18px;

    text-transform: none;

}



#footer .footer_start .nav .nav-item .nav-link {

    padding: 0 0;

    color: #979797;

}



#footer .footer_start .nav .nav-item a.nav-link:hover {

    color: #ffffff;

}



#footer .list_parent {

    color: #fff;

    font-family: 'geomanist-reguler';

    font-size: 16px;

}





#footer .company-info {

    position: relative;

    padding-bottom: 25px;

}



.company-info {

    text-align: center;

}



#footer .socail-networks {

    margin: 0;

    padding: 0;

}



#footer .socail-networks li {

    padding: 0;

    margin: 0 10px 0 0;

    display: inline-block;

}



.company-info .h2 {

    font-size: 25px;

    color: #fff;

    margin: 0 0 17px;

    display: block;

}



#footer .socail-networks .fs {

    width: 44px;

    height: 48px;

    display: inline-block;

    background-repeat: no-repeat;

    overflow: visible;

    background-position: center;

    background-size: cover;

}



@media (min-width: 768px) {

    .company-info {

        text-align: left;

    }

}



@media (min-width: 768px) {

    #footer .company-info {

        padding-bottom: 80px;

    }

}





@media (min-width: 768px) {

    .company-info .h2 {

        font-size: 20px;

    }

}



#footer .footer_start {

    border-bottom: 1px solid #4e4e4e;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



#footer .socail-networks .twitter-square {

    background-image: url(../img/social-icon/twitter@2x.png);

}



#footer .socail-networks .facebook-square {

    background-image: url(../img/social-icon/fb@2x.png);

}



#footer .socail-networks .linkedin-square {

    background-image: url(../img/social-icon/linkedin@2x.png);

}



#footer .socail-networks .instagram-square {

    background-image: url(../img/social-icon/instagram@2x.png);

}





#footer a {

    color: #979797;

}







#footer .publicis-media {

    position: relative;

    top: 20px;

}



@media (min-width: 768px) {

    #footer .publicis-media {

        position: absolute;

        right: 0;

        top: -10px;

        text-align: center;

        font-size: 15px;

        display: flex;

        flex-direction: column;

        align-items: stretch;

    }

}



#footer .publicis-media img {

    max-width: 86px;

    width: auto;

    margin-top: 5px;

}



#footer_bottom .nav .nav-item span.nav-link {

    color: #979797;

    font-size: 12px;

}



#footer_bottom .nav .nav-item {

    border-left: 1px solid #979797;

}



#footer_bottom .nav .nav-item span.nav-link:hover {

    color: #979797;

}



#footer_bottom .nav .nav-item a.nav-link {

    color: #979797;

    font-size: 12px;

}



#footer_bottom .nav .nav-item .nav-link {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



#footer_bottom .nav .nav-item a.nav-link:hover {

    color: #ffffff;

}



#footer_bottom .desgin_by {

    color: #979797;

    font-size: 14px;

}



#footer_bottom .desgin_by a {

    text-decoration: none;

}



#footer_bottom .desgin_by a:hover {

    text-decoration: none;

    color: #ffffff;

}



/* -------------------------footer--------------------------- */

/* -------------------------About Us--------------------------- */

.about_us {

    position: relative;

    height: 280px;

    overflow: hidden;

    width: 100%;

    background-image: url(../img/dummy-image.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    /* width: 100%;

    height: 60%;

    z-index: 10 !important; */

}



/* .about_us_caption .container {

    height: 550px;

} */



.caption.home-caption.about_us_caption {

    height: 280px;

}



/* .about_caption .container .row>div {

    height: 100%;

    float: none;

    display: table-cell;

    vertical-align: middle;

    padding-bottom: 80px;

} */



.about_us_caption p {

    display: block;

    font-size: 32px;

    color: #fff;

    margin: 0 0 10px;

    text-transform: none;

    font-family: 'Bitter', 'geomanist-light', Verdana;

    font-style: italic;

    text-shadow: 0 0 6px rgb(0 0 0 / 60%);

}



.about_us_paragraph .about-head-parph {

    font-family: 'Bitter', 'geomanist-light', Verdana;

    font-style: italic;

    text-align: center;

    color: #434343;

    font-size: 32px;

    line-height: 42px;

}



.about_us_paragraph .p-intro {

    color: #00C4FF;

    text-align: center;

    font-family: 'geomanist-book';

}



.about_us_paragraph .p-text {

    margin: 0 0 12px;

    font-size: 22px;

    text-align: center;

}



#three_option.about_us_three_option {

    background-color: #F2F2F2;

}







/* -------------------------About Us--------------------------- */

/* -------------------------Our LeaderShip--------------------------- */



.our_leadership .leadership_profile {

    margin-top: 25px;

}



/* -------------------------Our LeaderShip--------------------------- */

/* -------------------------Our Culture--------------------------- */



.bg_pirple {

    background-color: #BDA2FF;

}



.bg_green {

    background-color: #21E58F;

}



.bg_oringe {

    background-color: #FF7F00;

}



.bg_blue {

    background-color: #00C4FF;

}





.culture_section .our_culture_leader{

    max-height: initial;

    min-height: initial;

}







.culture_section blockquote {

    color: #fff;

    font-size: 30px;

    line-height: 40px;

    text-align: center;

    padding: 135px 0px 70px 0px;

    max-width: 800px;

    position: relative;

    font-family: 'Bitter', 'geomanist-light', Verdana;

    font-style: italic;

}



@media only screen and (max-width : 992px) {

    .culture_section blockquote {

        padding: 135px 0px 0px 0px;

        font-size: 25px;

    }

}



@media only screen and (max-width : 767px) {

    .culture_section blockquote {

        padding: 135px 0px 70px 0px;

    }

}



.culture_section blockquote:before {

    content: "";

    position: absolute;

    left: -35px;

    background: url(../img/quote-left.svg) no-repeat;

    top: 100px;

    width: 60px;

    height: 43px;

}



.culture_section blockquote:after {

    content: "";

    position: absolute;

    right: -13px;

    background: url(../img/quote-right.svg) no-repeat;

    bottom: 144px;

    width: 60px;

    height: 43px;

}



.culture_section cite {

    display: block;

    color: #fff;

    font-size: 23px;

    line-height: 31px;

    margin-top: 50px;

    opacity: .8;

    min-height: 62px;

    padding-right: 40px;

    font-style: normal;

    font-family: 'geomanist-reguler';

}



/* -------------------------Our Culture--------------------------- */

/* -------------------------Contact Us--------------------------- */

.contact_us_section input::placeholder,

.contact_us_section textarea::placeholder {

    color: #7D7D7D !important;

    opacity: 1;

    /* Firefox */

}



.contact_us_section input:-ms-input-placeholder,

.contact_us_section textarea:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #7D7D7D !important;

}



.contact_us_section input::-ms-input-placeholder,

.contact_us_section textarea::-ms-input-placeholder {

    /* Microsoft Edge */

    color: #7D7D7D !important;

}





.address-location{

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

}



.contact-number{

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

}

.images_00_01{
    background-image:url(../img/team/team-01.png);
}

.images_00_02{
    background-image:url(../img/team/team-02.png);
}

.images_00_03{
    background-image:url(../img/team/team-03.png);
}

.home_page_video{
    object-fit: cover !important;
}


.case_study .Case[href="#durex01"]{
    background-image: url('../img/home/work-video-cover-01.jpg');
}
.case_study .Case[href="#stripsilssteteo01" ]{
    background-image: url('../video/work-section-images/work-video-cover-09.jpg');
}
.case_study .Case[href="#sunridge01"]{
    background-image: url('../img/home/work-video-cover-03.jpg');
}

/* .case_study .Case [href="#durex01"] {background-image: url('../video/work-section-images/work-video-cover-01.jpg');} */
.case_study .Case[href="#durex02"] {background-image: url('../video/work-section-images/work-video-cover-02.jpg');}
/* .case_study .Case [href="#sunridge01"] {background-image: url('../video/work-section-images/work-video-cover-03.jpg');} */
.case_study .Case[href="#loreal01"] {background-image: url('../video/work-section-images/work-video-cover-04.jpg');}
.case_study .Case[href="#loreal02"] {background-image: url('../video/work-section-images/work-video-cover-05.jpg');}
.case_study .Case[href="#garnier01"] {background-image: url('../video/work-section-images/work-video-cover-06.jpg');}
.case_study .Case[href="#loreal03"] {background-image: url('../video/work-section-images/work-video-cover-07.jpg');}
.case_study .Case[href="#atlasbattery01"] {background-image: url('../video/work-section-images/work-video-cover-08.jpg');}
/* .case_study .Case [href="#stripsilssteteo01"] {background-image: url('../video/work-section-images/work-video-cover-09.jpg');} */


.we_build_heading{
    color: #00C5FF;
}

.closeBtnmodel{
    position: absolute; 
    right: 0; 
    z-index: 9999;
}
.video_about_us{
    object-fit: cover !important;
}

.our_clients_heading{
    color: #00C5FF;
}

.get_in_touch_main_page{
    background-color: #EAEAEA;
}

.text_blue_color_txt{
    color: #00ADF2;
}

.get_in_touch_form_submit_btn{
    color: #00C4FF; 
    border-color: #00C4FF;
}





/* -------------------------Contact Us--------------------------- */