@font-face {
    font-family: 'TradeGothicNextLTPro_Rg';
    src: url("") format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'TradeGothicNextLTPro_BdCn';
    src: url("TradeGothicNextLTPro_BdCn.ttf") format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'TradeGothicNextLTPro_Cn';
    src: url("") format('truetype');
    font-style: normal;
    font-weight: normal;
}

/* @import url("https://use.typekit.net/ajg4ypp.css");

@font-face {
    font-family: "questa-slab";
    src: url("https://use.typekit.net/af/04aba0/00000000000000007735af67/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),
        url("https://use.typekit.net/af/04aba0/00000000000000007735af67/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),
        url("https://use.typekit.net/af/04aba0/00000000000000007735af67/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "questa-slab";
    src: url("https://use.typekit.net/af/0e484e/00000000000000007735af6a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
        url("https://use.typekit.net/af/0e484e/00000000000000007735af6a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
        url("https://use.typekit.net/af/0e484e/00000000000000007735af6a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
} */


@import url("p.css");

@font-face {
font-family:"questa-slab";
src:url("l-8") format("woff2"),url("d-8") format("woff"),url("a-8") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"questa-slab";
src:url("l-7") format("woff2"),url("d-1") format("woff"),url("a-3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}


@font-face {
    font-family: "trade-gothic-next";
    src: url("l-3") format("woff2"), url("d-5") format("woff"), url("a-6") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("l") format("woff2"), url("d-2") format("woff"), url("a-4") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("l-1") format("woff2"), url("d-7") format("woff"), url("a-1") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("l-6") format("woff2"), url("d-4") format("woff"), url("a-5") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next";
    src: url("l-2") format("woff2"), url("d") format("woff"), url("a-7") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next-compressed";
    src: url("") format("woff2"), url("") format("woff"), url("") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next-compressed";
    src: url("") format("woff2"), url("") format("woff"), url("") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next-condensed";
    src: url("l-5") format("woff2"), url("d-6") format("woff"), url("a") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "trade-gothic-next-condensed";
    src: url("l-4") format("woff2"), url("d-3") format("woff"), url("a-2") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: 'Questa Slab';
    src: url("") format('woff2'),
        url("") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Default Style */

body,
*,
P {
    font-family: "trade-gothic-next";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #384050;
}

body {
    overflow-x: hidden;
    max-width: 100%;
}
div#et-main-area {
    float: left;
    width: 100%;
}
body .et_pb_row {
    max-width: 100%;
    width: 100%;
    padding: 0 67px;
}
div#main-content .container {
    padding: 0 !important;
}
body .et_pb_section {
    padding: 0;
    background: transparent;
    float: left;
    width: 100%;
}
img {
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}
.container {
    width: 100%;
    max-width: 1366px;
    margin: auto;
}

h1 {
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    font-size: 50px;

    color: #35aec7;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 50px;
    position: relative;
}
h2 {
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    font-size: 50px;
    color: #35aec7;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 50px;
    position: relative;
}
h3 {
    font-size: 40px;
}
h4 {
    font-size: 16px;
}
h2::before,
h1::before {
    position: absolute;
    content: '';
    bottom: -10px;
    width: 120px;
    height: 6px;
    background-color: #35aec7;
}

.et_pb_blurb_content {
    max-width: 100%;
}

a {
    color: #35aec7;
}

a:hover {
    color: #d6de23;
}

.et_pb_row {
    width: 100%;
    max-width: 1366px;
    margin: auto;
    position: relative;
}

/* blue-btn
================================== */

.cmn-btn {
    padding: 0px;
    border: 0px;
    padding-right: 30px;
    position: relative;
    font-family: "trade-gothic-next-condensed";
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #35aec7;
    cursor: pointer;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.cmn-btn::before {
    position: absolute;
    content: '';
    background-image: url("right_arrow_blue.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: 0px;
    display: block;
    visibility: visible;
    top: 1px;
    opacity: 1;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.cmn-btn:hover {
    color: #d6de23;
}

.cmn-btn:hover::before {
    background-image: url("right_arrow_green.png");
}


/* white-btn
=========================== */

.cmn-btn-white {
    padding: 0px;
    border: 0px;
    padding-right: 30px;
    position: relative;
    font-family: "trade-gothic-next-condensed";
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.cmn-btn-white::before {
    position: absolute;
    content: '';
    background-image: url("right_arrow_white.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: 0px;
    display: block;
    visibility: visible;
    top: 1px;
    opacity: 1;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.cmn-btn-white:hover {
    color: #d6de23;
}

.cmn-btn-white:hover::before {
    background-image: url("right_arrow_green.png");
}



.content {
    display: none;
}

.content.active {
    display: block;
}

/* 

body .container {
    position: relative;
    width: 100% !important;
    max-width: 100%;
    margin: auto;
    padding: 0 !important;
}

body .et_pb_row {
    padding: 0 71px;
    width: 100%;
    max-width: 100%;
}

#et-main-area {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'TradeGothicNextLTPro_Cn';
}

body a {
    font-family: 'TradeGothicNextLTPro_Cn';
}

body p {
    font-weight: 300;
    font-size: 16px;
    color: #404242;
    line-height: 24px;
}

body h2 {
    color: #35aec7 !important;
    text-align: left;
    font-size: 36px;
    font-weight: 600;
    position: relative;
    padding-bottom: 27px;
    margin: 0 0 26px 104px;
    text-transform: uppercase;
}

body h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 85px;
    height: 5px;
    background: #35aec7;
}

.et_pb_section.the_wave_sec .right_parallax {
    float: right;
    width: 34%;
    padding: 0;
    margin: 40px 0 0;
} */


/* End of Default Style */

/* SCROLL_TO_TOP_CSS_START */
.et_pb_scroll_top.et-pb-icon {
    width: 60px;
    height: 60px;
    right: 10px;
    border-radius: 0px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    background-image: url("scroll_top_icon.png");
}
.et_pb_scroll_top.et-pb-icon::before {
    display: none;
}

/* OWL_CSS_START */

.owl-carousel {
    position: relative;
}
.owl-carousel button.owl-prev span,
.owl-carousel button.owl-next span {
    display: none;
}
.owl-carousel .owl-nav {
    display: flex;
    display: -webkit-flex;
    flex-direction: row-reverse;
}
.owl-carousel .owl-nav button {
    width: 60px;
    height: 60px;
}
.owl-carousel .owl-nav button.owl-prev {
    background-image: url("slider_left_arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.owl-carousel .owl-nav button.owl-next {
    background-image: url("slider_right_arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.owl-carousel .owl-dots {
    display: none;
}

/* FORM_VALIDATION_CSS_START */
.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red;
    margin: 0px;
    line-height: initial;
    text-align: center;
    font-size: 12px;
    background: red;
    color: #fff;
    margin-top: 10px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    margin: 0px;
    line-height: initial;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
}



/* NEW_CSS_STARTT */

#et-info-email:before {
    content: '';
}
#et-info-phone::before {
    display: none;
}
#et-info-phone {
    font-size: 16px;
    color: #004683;
}
#et-info-phone a {
    color: #004683;
}
.header_resp_section #et-info.mobile-header-social-info {
    padding-left: 40px;
    text-align: left;
}
#top-header {
    background-color: #fff;
}

#et-top-navigation {
    float: none;
}

#top-header .et-social-icon a {
    font-size: 12px;
    color: #b8bfc9;
    position: relative;
    opacity: 1;
    width: 14px;
    height: 14px;
}
#top-header .et-social-icons a:after, 
#top-header .et-social-icons a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url("hdr_Facebook.svg");
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    opacity: 1;
}
#top-header .et-social-icons .et-social-facebook a:hover::before, 
#top-header .et-social-icons a:after {
    opacity: 0;
}
#top-header .et-social-icons .et-social-facebook a:before {
    background: url("hdr_Facebook.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#top-header .et-social-icons .et-social-facebook a:hover::after {
    background: url("hdr_Facebook_green.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
#top-header .et-social-icons .et-social-linkedin a:before,
#top-header .et-social-icons .et-social-twitter a:before {
    background: url("hdr_LinkedIn.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#top-header .et-social-icons .et-social-linkedin a:hover::after,
#top-header .et-social-icons .et-social-twitter a:hover::after {
    background: url("hdr_LinkedIn_green.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
#top-header .et-social-icons .et-social-vimeo a:before,
#top-header .et-social-icons .et-social-rss a:before {
    background: url("");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#top-header .et-social-icons .et-social-vimeo a:hover::after,
#top-header .et-social-icons .et-social-rss a:hover::after {
    background: url("");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
#top-header .et-social-icons .et-social-instagram a:before {
    background: url("hdr_Instagram.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#top-header .et-social-icons .et-social-instagram a:hover::after {
    background: url("hdr_Instagram_green.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
#top-header .et-social-icon a:hover {
    color: #d5de23;
}
#et-secondary-menu>ul>li a {
    color: #35aec7;
    font-family: "trade-gothic-next-condensed";
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
#et-secondary-menu>ul>li a:hover {
    color: #d5de23;
    opacity: 1;
}
#top-header .et-social-icons li {
    margin-left: 32px;
    margin-top: 0px;
}

#top-header #et-info-phone::before {
    display: none;
}

#et-info-email {
    font-size: 0px;
    width: 21px;
    height: 17px;
    position: relative;
    display: inline-block;
    background-image: url("email_icon.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 10px;
}

#et-info-email:before {
    font-size: 14px;
}

.et_header_style_left .logo_container {
    position: unset;
    text-align: center;
}

.et_header_style_left .logo_container #logo {
    width: 300px;
}

#top-header,
#top-header a,
.et_header_style_left .logo_container #et-info,
.et_header_style_left .logo_container #et-info-email {
    color: #003c7c;
}

#et-info .et-social-icons {
    display: none;
}

.et_duplicate_social_icons {
    display: block;
}

#top-menu,
.et-menu,
nav#top-menu-nav,
nav.et-menu-nav {
    float: none;
    width: 100%;
    text-align: center;
}

#et-secondary-menu {
    display: flex;
    display: -webkit-flex;
}

.et_fixed_nav #et-top-navigation {
    padding-left: 0 !important;
}
.header_resp_section .nav-list li {
    text-align: center;
    padding: 0px 25px 0px 40px;
    display: block;
    font-size: 14px;
}
.header_resp_section .nav-list li a {
    font-weight: 700;
    background-color: transparent !important;
    position: relative;
    font-family: "trade-gothic-next-condensed";
    font-size: 16px;
    color: #35aec7;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: left;
    padding: 8px 0px;
    line-height: initial;
}
.header_resp_section .nav-list li.nav-item.minus {
    background-color: #35aec7;
}
.header_resp_section .nav-list li:nth-child(5) a, 
.header_resp_section .nav-list li.menu-item-has-children a {
    font-size: 17px;
    color: #384050;
    padding: 12px 0px;
    opacity: 1;
}
.header_resp_section .nav-list li.menu-item-has-children .sub-menu {
    position: unset;
    width: 100%;
    border: 0px;
    background: transparent;
    box-shadow: none;
    padding-top: 0px;
}
.header_resp_section .nav-list li.minus a.menu-link {
    color: #fff;
    opacity: 1;
}
.header_resp_section .menu-item-has-children.minus>a::before {
    background-image: url("right_arrow_white.png");
    transform: rotateZ(225deg);
}
.header_resp_section .nav-list .sub-menu li {
    display: block;
    width: 100%;
    padding: 0px 25px;
}

.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 0px;
    font-family: 'trade-gothic-next-condensed';
    font-size: 16px;
    text-transform: uppercase;
    color: #1b1c27;
    font-weight: 700;
}
.et_header_style_left #et-top-navigation nav>ul>li>a:hover,
.et_header_style_split #et-top-navigation nav>ul>li>:hover {
    opacity: 1;
    color: #d5de23;
}
#top-menu .sub-menu li a {
    padding: 0px 0px;
    color: #004683;
    font-family: 'trade-gothic-next-condensed';
    font-size: 15px;
    text-transform: uppercase;
}
#top-menu li.current-menu-item>a {
    font-style: italic;
    color: #35aec7;
}
.header-below-parallax {
    width: 100%;
    height: 12px;
    background-attachment: fixed;
    background-position: center;
    background-image: url("DL_Parallax1.jpg");
    background-size: cover;
    z-index: 9;
}

div#top-header {
    padding: 0 20px;
}
.mobile_menu_bar {
    width: 41px;
    height: 16px;
}
.mobile_menu_bar:before {
    content: '';
    background-image: url("mobile_menu_bar_icon.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 41px;
    height: 16px;
    position: absolute;
}
.et_header_style_left #et-top-navigation {
    padding-top: 8px !important;
}
.nav-mobile {
    background-image: url("mobile_menu_bar_icon.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 41px;
    height: 22px;
    margin-right: 25px;
    display: none;
}
.header_mobile_icon {
    display: none;
}
#top-header #et-info {
    display: flex;
}


/* TOP-MENU-NAV_CSS_START */

.nav_contact-inner #mega-menu-wrap-primary-menu {
    background-color: transparent;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 25px;
    font-family: 'trade-gothic-next-condensed';
    font-size: 18px;
    text-transform: uppercase;
    color: #1b1c27;
    font-weight: 700;
    background-color: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #35adc6;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
    visibility: visible;
    text-align: center;
    padding: 0px 0px 0px 0px;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    left: 185px;
    max-width: 660px;
    padding: 25px 50px 40px 110px;
    width: 100%;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 0px;
    color: #004683;
    font-family: 'trade-gothic-next-condensed';
    font-size: 17px;
    text-transform: uppercase;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #35a6be;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 0px;
}

.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.widget_media_image {
    width: 270px !important;
    height: 270px;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.widget_media_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: 45%;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-current_page_item > a.mega-menu-link {
    font-style: italic;
    color: #35aec7;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link {
    color: #35aec7;
}
.nav_contact-inner #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current_page_item > a.mega-menu-link {
    color: #35aec7;
}
/* SLIDER_CSS_START 
========================================*/

.et_pb_section.home-banner-outer {
    padding: 0px;
}

.home-banner-outer .et_pb_row {
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

.home-banner-outer .et-pb-slider-arrows a::before {
    display: none;
}

.home-banner-outer .et-pb-slider-arrows a {
    width: 60px;
    height: 60px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-banner-outer .et-pb-slider-arrows a.et-pb-arrow-prev {
    background-image: url("slider_left_arrow.png");
    left: 0px;
}

.home-banner-outer .et-pb-slider-arrows a.et-pb-arrow-next {
    background-image: url("slider_right_arrow.png");
    right: 0px;
}

.home-banner-outer .et-pb-controllers {
    display: none;
}

.et_pb_section.home-banner-outer .et_pb_slide_title, 
.et_pb_section.home-banner-outer .et_pb_slide_title a {
    font-size: 100px;
    font-family: 'TradeGothicNextLTPro_Cn';
    text-align: left;
    width: 500px;
    text-shadow: 6px 7px 5px rgb(0 0 0 / 30%);
    color: #fff;
}

.et_pb_section.home-banner-outer .et_pb_slide_title::before {
    display: none;
}

.et_pb_section.home-banner-outer .et_pb_button_wrapper {
    text-align: left;
}

.et_pb_section.home-banner-outer .et_pb_button {
    padding: 0px;
    border: 0px;
    font-size: 16px;
    text-transform: uppercase;
    padding-right: 30px;
    color: #fff;
    position: relative;
}

.et_pb_section.home-banner-outer .et_pb_button:hover {
    background-color: transparent;
    color: #d6de23;
}

.et_pb_section.home-banner-outer .et_pb_button::after {
    display: none;
}

.et_pb_section.home-banner-outer .et_pb_button::before {
    position: absolute;
    content: '';
    background-image: url("right_arrow_white.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: 0px;
    display: block;
    visibility: visible;
    top: 4px;
    opacity: 1;
}

.et_pb_section.home-banner-outer .et_pb_button:hover::before {
    background-image: url("right_arrow_green.png");
}

.top_parallax {
    height: 8px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

/* HOME_ABOUT_CSS_START */

.et_pb_section.home-abt-section {
    padding: 75px 0px 0px;
}

.et_pb_section.home-abt-section .et_pb_row {
    padding: 0px;
    max-width: 100%;
    width: 100%;
    padding-left: 5%;
    display: flex;
    display: -webkit-flex;
}

.et_pb_section.home-abt-section .about-sec-col-1 {
    width: 45px !important;
    margin: 0px;
}

.et_pb_section.home-abt-section .about-sec-col-2 {
    padding-left: 45px;
}

.et_pb_section.home-abt-section .about-sec-col-3 {
    width: 100%;
    max-width: 34%;
}

.et_pb_section.home-abt-section .about-sec-col-2 ul {
    padding: 0px;
}
.et_pb_section.home-abt-section .about-sec-col-2 ul.below-banner-list {
    padding: 37px 0 0;
}
.et_pb_section.home-abt-section .about-sec-col-2 ul li {
    padding-left: 60px;
    position: relative;
    list-style: none;
    margin-bottom: 30px;
}

.et_pb_section.home-abt-section .about-sec-col-2 ul li::before {
    position: absolute;
    content: '';
    background-color: #384050;
    left: 0px;
    width: 40px;
    height: 2px;
    top: 20px;
}
.et_pb_section.home-abt-section .et_pb_slider {
    display: none;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et_pb_slider {
    padding-top: 25px;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et_pb_slide {
    background-color: #fff;
    padding: 0px;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et_pb_slide_description {
    padding: 0px;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et-pb-slider-arrows {
    display: none;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et-pb-controllers a {
    background-color: #dddce4;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et-pb-controllers a.et-pb-active-control {
    background-color:#384050;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et_pb_slide_content {
    font-family: "trade-gothic-next";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #384050;
    text-shadow: none;
    text-align: left;
    position: relative;
    padding-left: 60px;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et_pb_slide_content::before {
    position: absolute;
    content: '';
    background-color: #384050;
    left: 0px;
    width: 40px;
    height: 2px;
    top: 20px;
}
.et_pb_section.home-abt-section .about-sec-col-2 .et-pb-controllers {
    bottom: auto;
    top: 0px;
}
.home-abt-section .about-sec-col-1 .et_pb_image {
    width: 45px;
    height: 200px;
    border-radius: 50px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.home-abt-section .about-sec-col-1 .et_pb_text_inner {
    font-size: 40px;
    color: #eff0f3;
    width: 435px;
    text-transform: uppercase;
    transform: rotate(270deg);
    height: 435px;
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
}

.et_pb_section.top_parallax .et_pb_row,
.et_pb_section.top_parallax {
    padding: 0px;
}


/* HOME_TITLE_CSS_START */

.et_pb_section.title-shadow-section {
    padding: 0px;
    padding-bottom: 20px;
}

.et_pb_section.title-shadow-section .et_pb_row {
    max-width: 100%;
}

.et_pb_section.title-shadow-section .et_pb_row {
    padding: 0px;
}

.et_pb_section.title-shadow-section .home-bg-shadow p {
    font-size: 240px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 30px #d9d9d9;
    font-weight: 800;
    line-height: 290px;
    overflow: hidden;
}

.title-shadow-section .et_pb_blurb_container {
    position: relative;
}

.title-shadow-section .shadow-text-bg {
    position: absolute;
    right: 0px;
    width: 625px;
    border-radius: 50px 0px 0px 50px;
    padding: 15px 0px 15px 42px;
    line-height: initial;
    height: 75px;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.title-shadow-section .shadow-text-bg p {
    color: #fff;
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.title-shadow-section .et_pb_column {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}






/* HOME-WE-SECTION-CSS-START
====================================================== */

.et_pb_section.home-we-section {
    padding-top: 0px;
    padding-bottom: 65px;
}

.et_pb_section.home-we-section .et_pb_row {
    padding: 0px;
    width: 100%;
    padding-left: 175px;
    display: flex;
    display: -webkit-flex;
}

.home-we-section .what-we-do-right .et_pb_slide {
    padding: 0px;
    background-color: #ffffff;
}

.home-we-section .what-we-do-right .et_pb_container {
    height: auto !important;
    overflow: hidden;
}

.home-we-section .what-we-do-right .et_pb_slide_description {
    padding: 41px 30px 0;
    background: #384050;
    float: left !important;
}

.home-we-section .what-we-do-right .et_pb_slide_description .et_pb_slide_content p {
    color: #fff !important;
    padding-bottom: 100px !important;
    border-bottom: 2px solid #919bb1;
}

.home-we-section .what-we-do-right .et_pb_slide_content p strong {
    color: #fff !important;
}

.home-we-section .what-we-do-right .et_pb_button_wrapper {
    text-align: right;
    padding-bottom: 25px;
}
.home-we-section .what-we-do-right h2.et_pb_slide_title {
    font-size: 20px;
    font-family: "trade-gothic-next-condensed";
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 16px;
}
.home-we-section .what-we-do-right h2.et_pb_slide_title::before {
    display: none;
}
.home-we-section .what-we-do-right .et_pb_slide_content img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.home-we-section .what-we-do-right .et_pb_slide_content p:nth-of-type(1) {
    display: none;
}

.home-we-section .what-we-do-right .et_pb_button_wrapper a.et_pb_button.et_pb_more_button {
    font-size: 0px;
    width: 20px;
    height: 20px;
    position: relative;
    background: transparent;
    border: 0px;
}
.home-we-section .what-we-do-right .et_pb_button_wrapper a.et_pb_button.et_pb_more_button::before {
    position: absolute;
    content: '';
    background-image: url("right_arrow_blue.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    bottom: 18px;
    right: 32px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    display: block;
    opacity: 1;
    top: 0px;
    right: 0px;
}
.home-we-section .what-we-do-right .et_pb_button_wrapper a.et_pb_button.et_pb_more_button::after {
    display: none !important;
}
.home-we-section .what-we-do-right .et_pb_slide_image {
    margin-right: 0 !important;
    width: 100%;
}

.home-we-section .what-we-do-right .et_pb_slide_image {
    /* margin-top: -302.5px !important; */
    margin-top: -350.5px !important;
}

.home-we-section .what-we-do-right .et_pb_slide_image img {
    float: right;
    height: 700px !important;
    width: 54%;
    /* height: 605px !important;
    width: 467px; */
    object-fit: cover;
    max-height: 100% !important;
}

.home-we-section .what-we-do-right .et_pb_slider {
    overflow: visible !important;
}

.home-we-section .what-we-do-right .et-pb-controllers {
    display: none;
}

.home-we-section .what-we-do-left {
    padding: 60px 0;
    margin-right: 125px;
}

.home-we-section .what-we-do-left h2 {
    font-size: 50px;
}


/* next- btn
============================= */

.home-we-section .what-we-do-right .et-pb-arrow-next,
.home-we-section .et_pb_slider:hover .et-pb-arrow-next {
    right: 0 !important;
}

.home-we-section .what-we-do-right .et-pb-arrow-next {
    background-image: url("slider_left_arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    transform: rotate(180deg);
    background-size: cover;
}


/* prev- btn
============================= */

.home-we-section .what-we-do-right .et_pb_slider {
    position: relative;
}

.home-we-section .what-we-do-right .et-pb-arrow-prev {
    background-image: url("slider_left_arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 45px;
    height: 45px;
    filter: grayscale(1);
    opacity: .6;
}

.home-we-section .what-we-do-right .et-pb-slider-arrows {
    position: absolute;
    bottom: 20px;
    left: -8px;
}
.home-we-section .what-we-do-right .et-pb-arrow-next,
.home-we-section .what-we-do-right .et-pb-arrow-prev {
    opacity: 1 !important;
    width: 45px;
    height: 45px;
    left: auto;
    right: auto;
}

.home-we-section .what-we-do-right .et-pb-arrow-prev:before,
.home-we-section .what-we-do-right .et-pb-arrow-next:before {
    display: none;
}

.home-we-section .et_pb_slider .et-pb-arrow-prev {
    opacity: 1;
    top: -52px;
    left: -45px;
}



/* Home-web-process 
================================================*/

.home-web-process .web-process-col-1 {
    background: #d5de23;
    padding: 40px;
    width: 562px;
    height: 357px;
}


/* HOME-OUR-WORK-OUTER-CSS-START 
=================================================*/

.our-work-outer {
    background: #222331 !important;
    position: relative;
    margin-top: 30px;
    
}
.et_pb_section.our-work-outer {
    padding: 75px 0px 95px;
}
.et_pb_section.our-work-outer .et_pb_row {
    padding: 0px;
}
/* .our-work-outer .et_pb_row {
    max-width: 100%;
} */

.our-work-outer::before {
    position: absolute;
    content: "";
    background-image: url("");
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .1;
}

.our-work-outer h4 {
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    font-size: 50px;
    color: #35aec7;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 50px;
    position: relative;
}

.our-work-outer h4::before {
    position: absolute;
    content: '';
    bottom: -15px;
    width: 221px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #35aec7;
}

.our-work-outer .cmn-btn {
    color: #fff !important;
}
.our-work-outer .cmn-btn:hover {
    color: #d5de23 !important;
}
.home_works_outer {
    margin: 0 25px;
    padding: 65px 0 40px;
}

.our-work-outer .cmn-btn::before {
    background-image: url("right_arrow_white.png") !important;
    position: absolute;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: 0px;
    display: block;
    visibility: visible;
    top: 1px;
    opacity: 1;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}
.our-work-outer .cmn-btn:hover::before {
    background-image: url("right_arrow_green.png") !important;
}
.home_works_outer .home_works p.image a {
    position: relative;
}

.home_works .hover-item a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #222331;
    opacity: .9;
    left: 0px;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
}
.home_works_outer .owl-stage .owl-item .item {
    height: 0;
    padding-bottom: 100%;
    float: left;
    position: relative;
    width: 100%;
}
.home_works_outer .owl-stage .owl-item .image_and_hover_item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.image_and_hover_item .image {
    height: 100%;
}
.home_works .hover-item {
    opacity: 0;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}
.home_works_outer .home_works .item:hover .hover-item {
    opacity: 1;
}
.home_works_outer .home_works .owl-stage-outer .item .image img {
    height: 100%;
    object-fit: cover;
}
.home_works_outer .home_works .item:hover .hover-item a {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

.home_works .hover-item a p.title {
    color: #fff;
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    padding-bottom: 0;
    top: -28px;
    position: relative;
}

.home_works .hover-item a p.auction_category {
    text-align: center;
    color: #fff;
    font-weight: 100;
    top: -37px;
    position: relative;
}

.home_works .hover-item a p.arrow-btn {
    position: absolute;
    bottom: 35px;
    right: 24px;
}

.home_works .hover-item a p.arrow-btn::before {
    content: "";
    position: absolute;
    position: absolute;
    content: '';
    background-image: url("right_arrow_white.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    z-index: 9999 !important;
    right: 0px;
    display: block;
    visibility: visible;
    top: 1px;
    opacity: 1;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}
.home_works_outer .owl-dots {
    display: none;
}
.home_works_outer .owl-carousel .owl-nav {
    position: absolute;
    height: 0;
    width: 100%;
    top: 40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: flex;
}
.home_works_outer .owl-carousel .owl-nav {
    flex-direction: row;
    justify-content: space-between;
}
.home_works_outer .owl-carousel .owl-nav button.owl-prev {
    margin-left: -25px;
}
.home_works_outer .owl-carousel .owl-nav button.owl-next {
    margin-right: -25px;
}

/* button.owl-prev {
    width: 80px;
    height: 80px;
    border-radius: 0 0 60% 0 !important;
    position: absolute;
    left: -4%;
    top: 32%;
    margin: 0 !important;
}

button.owl-next {
    width: 80px;
    height: 80px;
    border-radius: 0 0 0 60% !important;
    position: absolute;
    right: -2%;
    top: 32%;
    margin: 0 !important;
}

button.owl-prev::after {
    position: absolute;
    content: '';
    background-image: url(../images/slider_left_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    top: 12px;
    right: 0;
}

button.owl-next::after {
    position: absolute;
    content: '';
    background-image: url(../images/slider_right_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    top: 12px;
    right: 0;
} */





.et_pb_section.client-carousel-outer {
    padding: 90px 0 70px;
    background-color: #394051;
}

/* THE-WAVE-OUTER-CSS-START 
=================================================*/

.et_pb_section.the-wave-outer {
    padding: 80px 0px 105px;
}

.the-wave-outer .et_pb_row {
    padding: 0px;
    width: 100%;
    padding-left: 5%;
    display: flex;
    display: -webkit-flex;
}


.the-wave-outer .et_pb_column.et_pb_css_mix_blend_mode_passthrough.et_pb_column_empty {
    width: 45px !important;
    height: 200px;
    border-radius: 50px;
    margin-right: 40px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.the-wave-outer h2 {
    font-size: 50px !important;
    margin-bottom: 0;
}

.the-wave-outer .et_pb_column.et-last-child {
    width: 83% !important;
    padding-top: 20px;
}

.the-wave-outer .cmn-btn {
    float: right;
}

.the-wave-outer .cmn-btn::before {
    top: 10px;
}

.the-wave-outer .wave-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

.the-wave-outer .wave-outer-combined {
    display: flex;
    display: -webkit-flex;
    column-gap: 35px;
}

.home_wave_outer img {
    width: 100%;
}

.the-wave-outer .wave-outer-combined .home_wave_outer_2 {
    margin-left: 0px;
    width: 100%;
    max-width: 475px;
}
.the-wave-outer .wave-outer-combined .home_wave_outer_2 .item:first-child {
    position: relative;
}
.the-wave-outer .wave-outer-combined .home_wave_outer_2 .item:first-child::after {
    position: absolute;
    content: '';
    width: 100%;
    max-width: 240px;
    height: 2px;
    background-color: #97a1b8;
}
.the-wave-outer .wave-outer-combined .home_wave_outer_2 .item p {
    text-transform: uppercase;
    font-size: 24px;
    padding: 60px 0;
    color: #384050;
    font-family: "trade-gothic-next-condensed";
}

.the-wave-outer .wave-outer-combined .home_wave_outer .hover-item p.title {
    font-size: 40px;
    font-family: "trade-gothic-next-condensed";
    text-transform: uppercase;
    line-height: initial;
}

.the-wave-outer .wave-outer-combined .home_wave_outer_2 .home_wave_2 .item:nth-child(3) {
    position: relative;
}

.the-wave-outer .wave-outer-combined .home_wave_outer_2 .home_wave_2 .item:nth-child(3)::before {
    position: absolute;
    content: "";
    width: 270px;
    height: 3px;
    background: #97a2b8;
}

.the-wave-outer .wave-outer-combined .home_wave_outer {
    width: 100%;
}
.the-wave-outer .wave-outer-combined .home_wave_outer p.image {
    margin-bottom: 10px;
}




/* HOME_PARALLAX_SECTION_CSS_START
============================================= */
.et_pb_section.home-parallax-section {
    padding: 0px;
}

.et_pb_section.home-parallax-section .et_pb_row {
    max-width: 100%;
    padding: 0px;
}

.home-parallax-section .et_pb_text_inner {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.home-parallax-section .et_pb_text_inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 39%);
    z-index: 0;
}

.home-parallax-section .et_pb_text_inner p.parallax-line-1 {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 700;
    z-index: 1;
    padding-bottom: 33px;
    text-shadow: 7px 6px 13px BLACK;
}

.home-parallax-section .et_pb_text_inner p.parallax-line-2 {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 400;
    z-index: 1;
    padding-bottom: 70px;
    font-family: "trade-gothic-next-condensed";
}

.home-parallax-section .et_pb_text_inner p {
    text-align: center;
}

.home-parallax-section .et_pb_text_inner p a.cmn-btn {
    color: #fff;
}

.home-parallax-section .et_pb_text_inner p a.cmn-btn::before {
    background-image: url("right_arrow_white.png") !important;
}

.home-parallax-section .et_pb_text_inner p a.cmn-btn:hover {
    color: #d5de23;
}
.home-parallax-section .et_pb_text_inner p a.cmn-btn:hover::before {
    background-image: url("right_arrow_green.png") !important;
    
}


/* WHAT-WE-DO-BELOW-SECTION-CSS-START 
==============================================*/
.et_pb_section.what-we-do-below-section {
    max-width: 100%;
    width: 100%;
    padding-left: 5% !important;
}
.what-we-do-below-section.web-design-parallax-sec {
    padding-bottom: 100px;
    padding-left: 0px !important;
}
.what-we-do-below-section .et_pb_row.what-we-do-row-1 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-left: 45px;
}


.what-we-do-below-section .web-process-col-1 {
    background-color: #d6de23;
    padding: 50px 45px 0px;
    max-width: 560px;
    width: 100%;
}

.what-we-do-below-section .web-process-col-1 h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 24px;
    font-family: "trade-gothic-next";
}

.what-we-do-below-section .web-process-col-1 p {
    color: #fff;
}

.what-we-do-below-section .web-process-col-1 h2::before {
    display: none;
}

.what-we-do-below-section .what-we-do-text-one {
    margin-bottom: 8px !important;
}

.what-we-do-below-section .sec-1-image {
    text-align: center;
    margin: 0px !important;
}

.what-we-do-below-section .sec-1-image .et_pb_image_wrap {
    display: flex;
    justify-content: center;
}

.what-we-do-below-section .sec-1-image img {
    height: 180px;
    width: 335px;
    object-fit: contain;
}

.what-we-do-below-section .et_pb_row {
    padding: 0px;
}

.web-process-col-1 {
    position: relative;
}

.development-col-3 .et_pb_button_module_wrapper,
.web-process-col-1 .et_pb_button_module_wrapper {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.development-col-3 .et_pb_button_module_wrapper .et_pb_button::after,
.development-col-2 .et_pb_button_module_wrapper .et_pb_button::after,
.web-process-col-1 .et_pb_button_module_wrapper .et_pb_button::after {
    display: none;
}

.development-col-3 .et_pb_button_module_wrapper .et_pb_button,
.development-col-2 .et_pb_button_module_wrapper .et_pb_button,
.web-process-col-1 .et_pb_button_module_wrapper .et_pb_button {
    font-size: 0px;
    border: 0px;
    background-image: url("right_arrow_white.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: initial;
    width: 50px;
    height: 50px;
    background-color: transparent;
}

.development-col-2 .et_pb_button_module_wrapper .et_pb_button {
    background-image: url("right_arrow_blue.png");
    background-color: transparent;
}
.development-col-2:hover .et_pb_button_module_wrapper .et_pb_button {
    background-image: url("right_arrow_green.png");
}
.development-col-3 .et_pb_button_module_wrapper .et_pb_button {
    background-image: url("");
    background-color: transparent;
}
.development-col-3:hover .et_pb_button_module_wrapper .et_pb_button {
    background-image: url("right_arrow_green.png");
}
.development-col-1 .section-below-head h2::before {
    display: none;
}
.development-col-1 .section-below-head .et_pb_text_inner {
    text-align: center;
}
.development-col-1 .section-below-head h2 {
    font-size: 80px;
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    color: #d6de23;
    margin: 0 auto;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    margin-top: 87px;
}

.what-we-do-below-section .development-col-2 {
    background-color: #004683;
    margin: 0px;
    height: 360px;
    width: 280px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 10px 5px 11px 0 #919191;
    position: relative;
}
.what-we-do-below-section .development-col-2::before {
    position: absolute;
    content: '';
    background-color: #d6de23;
    width: 22px;
    height: 33px;
    top: 50%;
    left: -22px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.what-we-do-below-section .development-col-2 {

}
.what-we-do-below-section .development-col-1 {
    margin: 0px;
    width: 325px;
}

.development-col-2 .counter-text h3 {
    font-size: 150px;
    font-weight: 900;
    padding: 0px;
    line-height: initial;
    position: relative;
    color: #fff;
    padding-right: 25px;
    background: url("");
    background-size: auto;
    background-position: center 55%;
    background-repeat: no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-color: #fff;
    position: relative;
}
/* .development-col-2 .counter-text h3::before {
    position: absolute;
    content: '27';
    font-size: 150px;
    font-weight: 900;
    padding: 0px;
    line-height: initial;
    color: #fff;
} */

.development-col-2 .counter-text {
    margin: 0px !important;
}

.development-col-2 .counter-text h3 span {
    position: absolute;
    font-size: 50px;
    color: #D6DE21;
    right: -10px;
    top: 12px;
}

.development-col-2 .counter-text p {
    color: #35aec7;
    font-size: 24px;
    text-transform: uppercase;
/*    text-align: right;*/
    text-align: center;
    margin-top: -15px;
    font-family: "trade-gothic-next-condensed";
}

.what-we-do-below-section .development-col-3 {
    background-color: #35aec7;
    margin: 0px;
/*    height: 360px;*/
    height: auto;
    width: 280px;
    padding: 20px 30px 0px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 6px 4px 11px 0 #919191;
}

.what-we-do-below-section .development-col-3 h2 {
    margin-bottom: 0px;
    font-family: "trade-gothic-next";
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}

.what-we-do-below-section .development-col-3 h2::before {
    display: none;
}

.what-we-do-below-section .development-col-3 p {
    color: #fff;
}

.what-we-do-below-section .development-col-3 .design-process-img {
    margin: 0px;
}

.what-we-do-below-section .development-col-3 .design-process-img .et_pb_image_wrap {
    display: flex;
    display: -webkit-flex;
}

.what-we-do-below-section .development-col-2 .et_pb_button_module_wrapper {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.what-we-do-below-section .development-bg-col-1 {
    width: 46px !important;
    height: 200px;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 50px;
    margin-top: -90px;
    background-position: center center;
}

.what-we-do-below-section .development-bg-col-2 {
    margin-left: 210px;
    margin-top: -40px;
    width: 32.6667%;
}

.what-we-do-below-section .development-bg-col-2 p {
    font-size: 13px;
    line-height: 18px;
}

.what-we-do-below-section .development-col-4 {
    height: 968px;
    width: 968px;
    position: absolute;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    right: -32%;
    z-index: 0;
    border-radius: 50%;
    top: -305px;
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
}
.what-we-do-below-section .development-col-4 .cmn-btn {
    margin-right: 178px;
}
.what-we-do-below-section .development-col-4::before {
    height: 842px;
    width: 842px;
    position: absolute;
    content: "";
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    right: auto;
    z-index: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center right;
}

.what-we-do-below-section .development-col-4 .et_pb_module {
    margin-right: 0;
}


/* FOOTER_CSS_START 
===============================================*/

footer {
    background-color: #384050 !important;
    float: left;
    width: 100%;
}

footer#main-footer .footer-top-parallax {
    width: 100%;
    height: 12px;
    background-attachment: fixed;
    background-position: center;
    background-image: url("DL_Parallax1.jpg");
    background-size: cover;
}

footer .footer-top-outer {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    padding: 160px 50px 60px;
}

footer .footer-top-outer .footer-logo {
    max-width: 335px;
    width: 100%;
    padding-right: 135px;
}

footer .footer-top-outer .footer-logo img {
    max-width: 220px;
    width: 100%;
}

footer .footer-top-outer #et-footer-nav {
    max-width: 335px;
    width: 100%;
    background: transparent;
    padding-right: 95px;
}

footer .footer-top-outer .the-wave-outer {
    max-width: 335px;
    width: 100%;
    padding-right: 80px;
}

footer .footer-top-outer .get_in_touch p {
    padding-bottom: 0px;
}

footer .footer-top-outer .get_in_touch .wpcf7-form-control {
    height: 40px;
    padding: 12px 50px 12px 12px;
    background: transparent;
    border-color: #35adc6;
    width: 100%;
    color: #fff;
}
footer .footer-top-outer .get_in_touch .wpcf7-form-control::placeholder, 
footer .footer-top-outer .get_in_touch .wpcf7-form-control::-webkit-placeholder  {
    font-family: "trade-gothic-next-condensed";
    color: #ddd;
    font-weight: 400;
}
footer .footer-top-outer .get_in_touch .wpcf7-submit {
    width: 40px;
    height: 40px;
    background: url("slider_right_arrow.png");
    outline: none;
    background-size: contain;
    box-shadow: none;
    border: none;
    padding: 0px;
    font-size: 8px;
    color: #35adc6;
    cursor: pointer;
    top: -1px;
    text-indent: -9999px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    position: relative;
}
footer .footer-top-outer .get_in_touch .wpcf7-submit:hover {
    background: url("slider_right_arrow_rollover.png");
    background-position: center;
    background-size: contain;
}
footer .footer-top-outer .get_in_touch .wpcf7-spinner {
    position: absolute;
}

footer .footer-top-outer .get_in_touch .wpcf7-form {
    position: relative;
}

footer .footer-top-outer .get_in_touch .cont-send-btn {
    position: absolute;
    top: 0px;
    right: 0px;
}

footer .wp-block-heading {
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid #6d768b;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    float: left;
    width: 100%;
}
footer .wp-block-heading::after {
    position: absolute;
    content: '';
    background-image: url("footer_title_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    top: 3px;
    margin-left: 7px;
}
footer .quick-links li {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
footer .quick-links li a {
    color: #fff;
    text-transform: uppercase;
    font-family: "trade-gothic-next-condensed";
    font-size: 14px;
    display: block;
    line-height: initial;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    width: auto;
    float: left;
}
footer .quick-links li.current-menu-item a, 
footer .quick-links li a:hover {
    color: #d5de23;
}
footer .footer-blue-bar {
    background-color: #35aec7;
    text-align: center;
    padding: 18px 25px;
}
footer .footer-blue-bar ul {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    column-gap: 10px;
}
footer .footer-blue-bar ul li, 
footer .footer-blue-bar ul li a {
    color: #fff;
    font-family: "trade-gothic-next-condensed";
    text-transform: uppercase;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
footer .footer-blue-bar ul li a:hover {
    color: #d5de23;
}
footer .footer-blue-bar ul li:nth-child(2) a {
    text-transform: lowercase;
}
footer .footer-blue-bar ul li:nth-child(1), 
footer .footer-blue-bar ul li:nth-child(2) {
    text-transform: none;
    padding-right: 22px;
}
footer .footer-blue-bar ul li:nth-child(1)::before, 
footer .footer-blue-bar ul li:nth-child(2)::before {
    position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    background-image: url("footer_logo_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    top: 10px;
    right: -2px;
}
footer .footer-blue-bar ul li {
    position: relative;
}
footer .footer-blue-bar ul li::after {
    position: absolute;
    content: "|";
    right: -6px;
}
footer .footer-blue-bar ul li:nth-child(1)::after, 
footer .footer-blue-bar ul li:nth-child(2)::after, 
footer .footer-blue-bar ul li:nth-child(5)::after {
    display: none;
}
footer .the-wave-outer .the-wave-statement p,
footer .checkout_statement p {
    color: #fff;
    padding-bottom: 25px !important;
    font-family: "trade-gothic-next-condensed";
    line-height: 28px;
    font-size: 15px;
}

footer .checkout_statement .wp-block-image {
    width: 145px;
    padding-bottom: 17px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}
footer .checkout_statement .wp-block-group__inner-container {
    position: relative;
}
footer .checkout_statement .wp-block-image.green {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
footer .checkout_statement .wp-block-group__inner-container:hover .wp-block-image.white {
    opacity: 0;
}
footer .checkout_statement .wp-block-group__inner-container:hover .wp-block-image.green {
    opacity: 1;
}

footer .footer-top-outer .footer-contact-outer {
    padding-top: 72px;
    text-align: center;
}

footer .footer-top-outer .footer-contact-outer a {
    font-size: #35a6be;
    text-transform: uppercase;
    text-align: center;
}
footer .footer-top-outer .footer-contact-outer a:hover {
    color: #d5de23;
}
/* FOOTER_BOTTOM_CSS_START */
#footer-bottom {
    padding: 10px;
}

#footer-bottom .container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

#footer-bottom #footer-info {
    order: 1;
    padding: 0px;
    width: 75%;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff !important;
    font-family: "trade-gothic-next-condensed";
}

#footer-bottom .et-social-icons {
    float: none;
    order: 2;
}

#footer-bottom .my_custom_footer {
    order: 3;
}

#footer-bottom .et-social-icons li a {
    color: #35aec7;
    font-size: 14px;
}
#footer-bottom .et-social-icons li a:hover {
    color: #d5de23;
    opacity: 1;
}
#footer-bottom .my_custom_footer .menu {
    display: flex;
    display: -webkit-flex;
}

#footer-bottom .my_custom_footer .menu li {
    padding-left: 26px;
}

#footer-bottom .my_custom_footer .menu li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "trade-gothic-next-condensed";
    
}
#footer-bottom .et-social-icon a {
    font-size: 12px;
    color: #b8bfc9;
    position: relative;
    opacity: 1;
    width: 14px;
    height: 14px;
}
#footer-bottom .et-social-icons a:after, 
#footer-bottom .et-social-icons a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
/*    background: url(../images/hdr_Facebook_blue.svg);*/
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    opacity: 1;
}
#footer-bottom .et-social-icons .et-social-facebook a:hover::before, 
#footer-bottom .et-social-icons a:after {
    opacity: 0;
}
#footer-bottom .et-social-icons .et-social-facebook a:before {
    background: url("hdr_Facebook_blue.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#footer-bottom .et-social-icons .et-social-facebook a:hover::after {
    background: url("hdr_Facebook_green.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
#footer-bottom .et-social-icons .et-social-linkedin a:before,
#footer-bottom .et-social-icons .et-social-twitter a:before {
    background: url("hdr_LinkedIn_blue.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#footer-bottom .et-social-icons .et-social-linkedin a:hover::after,
#footer-bottom .et-social-icons .et-social-twitter a:hover::after {
    background: url("hdr_LinkedIn_green.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
#footer-bottom .et-social-icons .et-social-vimeo a:before,
#footer-bottom .et-social-icons .et-social-rss a:before {
    background: url("");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#footer-bottom .et-social-icons .et-social-vimeo a:hover::after,
#footer-bottom .et-social-icons .et-social-rss a:hover::after {
    background: url("");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
#footer-bottom .et-social-icons .et-social-instagram a:before {
    background: url("hdr_Instagram_blue.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#footer-bottom .et-social-icons .et-social-instagram a:hover::after {
    background: url("hdr_Instagram_green.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}


/* header fixed
=================================== */


/*======== STICKY_BUTTON ========== */

.et_pb_section.evaluation-btn-outer, 
.et_pb_section.evaluation-btn-outer .et_pb_row {
    padding: 0px;
    text-align: right;
    background: transparent;
    display: block !important;
}
.et_pb_section.evaluation-btn-outer {
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: auto;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}
.et_pb_section.evaluation-btn-outer a.evaluation-btn {
    padding: 20px 7px 20px 7px;
    background-color: #384050;
    color: #fff;
    display: inline-block;
    font-family: "trade-gothic-next";
    font-weight: 400;
    position: relative;
    transition: .3s ease-in;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    position: relative;
    transition: .5s cubic-bezier(0.47, 0, 0.75, 0.72);
    -webkit-transition: .5s cubic-bezier(0.47, 0, 0.75, 0.72);
    backface-visibility: visible;
}
.et_pb_section.evaluation-btn-outer a.evaluation-btn::after {
    position: absolute;
    content: '';
    background-image: url("right_arrow_white.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    bottom: 14px;
    right: 12px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    opacity: 0;
}
.et_pb_section.evaluation-btn-outer a.evaluation-btn:hover {
    padding: 20px 47px 20px 7px;
    margin-right: 0;
}
.et_pb_section.evaluation-btn-outer a.evaluation-btn:hover::after {
    opacity: 1;
}

/* .new-evaluation-section .et_pb_text_inner {
    text-align: center;
    background-color: #37404f!important;
    width: 51%;
    margin: 0 auto;
    padding: 8px 15px 8px 15px;
} */


/* WEB_DESIGN_CSS_START */
.web-design-abt-section.home-abt-section {
    padding-bottom: 70px;
}
.web-design-abt-section.home-abt-section .sub-head {
    color: #35aec7;
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 0px;
    line-height: initial;
}
.web-design-abt-section.home-abt-section .about-sec-col-2 h2,
.web-design-abt-section.home-abt-section .about-sec-col-2 h1 {
    font-size: 100px;
    margin-bottom: 40px;
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    color: #35aec7;
    text-transform: uppercase;
    padding-bottom: 10px;
    position: relative;
}
.web-design-abt-section.home-abt-section .about-sec-col-2 h1::before {
    position: absolute;
    content: '';
    bottom: -10px;
    width: 120px;
    height: 6px;
    background-color: #35aec7;
}
.web-design-abt-section.home-abt-section .about-sec-col-2 .desc-text {
    font-weight: 700;
    font-family: "trade-gothic-next";
    font-size: 24px;
    color: #384050;
}
.et_pb_section.web-design-abt-section.home-abt-section .about-sec-col-2 {
    padding-top: 0px;
    width: 100%;
    max-width: 100%;
}
.et_pb_section.web-design-abt-section.home-abt-section .about-sec-col-3 {
    padding-top: 40px;
    width: 100%;
    max-width: 275px;
    text-align: center;
}


.et_pb_section.dev-sec-2 .right-content .sub-head-inner {
    font-size: 16px;
    color: #35aec7;
    font-family: "trade-gothic-next-condensed";
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.et_pb_section.dev-sec-2 .right-content .desc {
    padding-bottom: 25px;
}
.et_pb_section.tab-section-outer {
    padding-top: 55px;
}
.tab-section-outer .tab-section-col h2 {
    text-align: center;
}
.tab-section-outer .tab-section-col h2::before {
    display: none;
}
.tab-section-outer .tab-container {
    display: flex;
    display: -webkit-flex;
    column-gap: 30px;
}
.tab-section-outer .tab-section-col h3.tab-title {
    color: #35aec7;
    font-size: 30px;
    font-family: "trade-gothic-next-condensed";
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 85px;
}
.tab-section-outer .tab-container .tabs {
    width: auto;
    display: flex;
    display: -webkit-flex;
}
.tab-section-outer .tab-container .content-container {
    width: 50%;
}
.tab-section-outer .tab-container .tabs a.tab {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    height: 500px;
    width: 65px;
    display: flex;
    align-items: center;
    background-color: #b8bfc9;
    padding-top: 38px;
    color: #fff;
    font-weight: 700;
    font-family: "trade-gothic-next-condensed";
    font-size: 30px;
    float: left;
    margin-right: 6px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
}
.tab-section-outer .tab-container .tabs a.tab::after {
    position: absolute;
    content: '';
    background-image: url("right_arrow_white.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.tab-section-outer .tab-container .tabs a.tab.active { 
    background-image: url("");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    width: 130px;
    font-size: 58px;
    text-shadow: 6px 4px 7px rgb(0 0 0 / 67%);
}

.call-out-outer .call-out-column {
    border-top: 2px solid #35aec7;
    border-bottom: 2px solid #35aec7;
    padding: 100px 0px;
    margin-top: 65px;
    margin-bottom: 65px;
}
.call-out-outer .call-out-column .et_pb_text_inner,
.call-out-outer .call-out-column .et_pb_text_inner p {
    font-family: "trade-gothic-next-condensed";
    font-style: italic;
    font-size: 40px;
    color: #97a1b8;
    font-weight: 400;
    text-align: center;
    line-height: initial;
    width: 85%;
    margin: 0 auto;
}


.home-client-carosel.web-des-client::before {
    background-image: url("");
    background-size: cover;
    left: 0;
}

.et_pb_section.dev-sec-2 .left-slider {
    /* width: 100%; */
    max-width: 450px;
    margin-right: 55px;
}
.et_pb_section.dev-sec-2 .left-slider .owl-item span.et_pb_image_wrap {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.et_pb_section.dev-sec-2 .left-slider .et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.et_pb_section.dev-sec-2 .owl-carousel.left-slider .owl-nav {
    column-gap: 10px;
    margin-top: 10px;
    justify-content: flex-end;
}
.et_pb_section.dev-sec-2 .owl-carousel.left-slider .owl-nav button {
    width: 40px;
    height: 40px;
}
.et_pb_section.dev-sec-2 .owl-carousel.left-slider .owl-nav button.owl-prev {
    filter: grayscale(1);
    opacity: .6;
}


.et_pb_section.home-client-carosel.web-des-client {
    padding-top: 220px;
    padding-bottom: 160px;
    background: transparent;
}

.what-we-do-below-section.web-design-parallax-sec .et_pb_row {
    padding: 0 67px;
}
.what-we-do-below-section.web-design-parallax-sec .development-col-4 {
    right: -40px;
    top: -235px;
}
.what-we-do-below-section.web-design-parallax-sec .dev-make-wave-img-2 {
    text-align: left;
    margin-left: 23%;
}
.what-we-do-below-section.web-design-parallax-sec .web-design-row {
    margin-top: 100px;
}
.what-we-do-below-section.web-design-parallax-sec .section-below-head h2 {
    margin-top: -130px;
}
.what-we-do-below-section.web-design-parallax-sec .web-process-col-1 {
    margin-right: 0px;
}
.what-we-do-below-section.web-design-parallax-sec .web-process-col-1 .dev-design-process-text {
    margin-bottom: 15px;
}
.what-we-do-below-section.web-design-parallax-sec .development-bg-col-2 {
    margin-top: 45px;
    width: 57.6667%;
}
.what-we-do-below-section.web-design-parallax-sec .development-col-2::before {
    left: auto;
    right: -22px;
}
.what-we-do-below-section.web-design-parallax-sec .web-dev-process-col-new {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    left: 0px;
    border-top: 2px solid #35aec7;
    margin-top: 58px;
    padding-top: 58px;
}
.web_design_page_tabs_mobile .accordion-item {
    margin-bottom: 3px;
}
.web_design_page_tabs_mobile .accordion-item .accordion-title {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px 25px;
    background-color: #b8bfc9;
    color: #fff;
    font-weight: 700;
    font-family: "trade-gothic-next-condensed";
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
}
.web_design_page_tabs_mobile .accordion-item .accordion-title.active {
    background-image: url("");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    font-size: 38px;
    height: 80px;
    text-shadow: 2px 4px 6px rgb(0 0 0 / 49%);
}
.web_design_page_tabs_mobile .accordion-item .accordion-title::after {
    position: absolute;
    content: '';
    background-image: url("right_arrow_white.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
}
.web_design_page_tabs_mobile {
    display: none;
}
.web_design_page_tabs_mobile .accordion-title-inner {
    color: #35aec7;
    font-size: 30px;
    font-family: "trade-gothic-next-condensed";
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 30px !important;
}

/* DISPLAY_ADVER */

.et_pb_section.happen-outer {
    padding-top: 50px;
    position: relative;
    margin: 40px 0px;
}
.et_pb_section.happen-outer::before, 
.et_pb_section.happen-outer::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 12px;
    background-attachment: fixed;
    background-position: center;
    background-image: url("DL_Parallax1.jpg");
    background-size: cover;
    z-index: 9;
    top: 0px;
}
.et_pb_section.happen-outer::after {
    bottom: 0px;
    top: auto;
}
.et_pb_section.happen-outer .happen-row {
  padding-left: 0px;
}
.et_pb_section.happen-outer .happen-col-2 .happen-text{
    font-size: 75px;
    color: #d6de22;
    text-transform: uppercase;
    font-family: "trade-gothic-next-condensed";
    position: relative;
    line-height: initial;
    margin-top: 100px;
}
.et_pb_section.happen-outer .happen-col-2 .happen-text:after {
    position: absolute;
    content: '';
    width: 51px;
    height: 45px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 55%;
    transform: translateY(-50%);
    margin-left: 26px;
}
.make-it-below-row-2 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin: 50px 0px;
}
.make-it-below-row-2 .make-it-below-col-1  {
    width: 100% !important;
    height: 200px;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 50px;
    background-position: center center;
    margin-right: 125px;
    max-width: 40px;
}
.make-it-below-row.et_pb_row  {
    display: flex;
    align-items: center;
    padding-right: 0px;
    justify-content: end;
    position: absolute;
    margin-top: -190px;
}
.make-it-below-row.et_pb_row .et_pb_column {
    margin-right: 0px;
    width: 20%;
}
.make-it-below-row.et_pb_row .et_pb_column .et_pb_module {
    text-align: center;
}
.et_pb_section.display_topic_no_image {
    padding: 0px 0px 105px;
}
.et_pb_section.display_topic_no_image .topic-no-image-row-empty .topic-no-image-empty-div {
    margin-top: 50px;
    padding-top: 100px;
    border-top: 2px solid #35aec7;
}
.et_pb_section.display_topic_no_image .topic-no-image-col-2 {
    height: 46px !important;
    width: 200px;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 50px;
    background-position: center center;
    float: right;
}
.call-out-outer.display-call-outer .et_pb_column.call-out-column {
    margin-top: 50px;
}
.et_pb_section.parallax-section-outer {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    margin: 30px 0px;
}
.et_pb_section.parallax-section-outer .parallax-section-row {
    padding: 135px 0px 55px;
}
.et_pb_section.parallax-section-outer .parallax-section-row .et_pb_text_inner h4 {
    text-align: center;
    font-family: "questa-slab";
    font-size: 45px;
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 45px;
    text-shadow: 1px 4px 18px rgb(0 0 0 / 75%);
    line-height: initial;
}
.et_pb_section.parallax-section-outer .parallax-section-row p {
    text-align: center;
}
.et_pb_section.parallax-section-outer .parallax-section-row .cmn-btn {
    color: #fff;
}
.et_pb_section.parallax-section-outer .parallax-section-row .cmn-btn::before {
    background-image: url("right_arrow_white.png");
}

.et_pb_section.parallax-section-outer .parallax-section-row .cmn-btn:hover {
    color: #d5de23;
}
.et_pb_section.parallax-section-outer .parallax-section-row .cmn-btn:hover::before {
    background-image: url("right_arrow_green.png");
}




/* WAVES_CSS_START */
.et_pb_section.wave-top-outer {
    background-color: #222331;
    position: relative;
    padding-bottom: 75px;
}
.et_pb_section.wave-top-outer::before {
    position: absolute;
    content: "";
    background-image: url("");
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .1;
}
.et_pb_section.wave-top-outer .et_pb_row {
    padding: 0px 5%;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project {
    display: flex;
    display: -webkit-flex;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    column-gap: 35px;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project p, 
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project ul li {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 16px;
    font-family: "trade-gothic-next";
    font-weight: 600;
    text-transform: uppercase;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project ul li:hover {
    cursor: pointer;
    color: #d6de23;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project p {
    width: 100%;
    max-width: 95px;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project ul li::before {
    display: none;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project ul li::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 1.5px;
    background-color: #fff;
    top: 51%;
    transform: rotate(66deg);
    right: -22px;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project ul li:last-child::after {
    display: none;
}
.et_pb_section.wave-top-outer .about-sec-col-2 .portfolio_project ul li.active {
    color: #d6de23;
    text-transform: lowercase;
}
.single_work_outer .home_projects_outer .portfolio_project ul#type-cat_work .active {
    color: #d6de23;
}

.et_pb_section.wave-sec-1-outer {
    background-color: #222331;
}

.wave_sec_1_outer .wave_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 45px;
    padding-left: 90px;
    padding-top: 30px;
    column-gap: 60px;
}
.wave_sec_1_outer .wave_row .wave_thumbnail a {
    display: block;
}
.wave_sec_1_outer .wave_row .wave_title a.wave_title_link {
    display: block;
    font-size: 32px;
    line-height: initial;
    font-family: "trade-gothic-next-condensed";
    color: #fff;
    padding-top: 16px;
}
.wave_sec_1_outer .wave_row .product_image{
    display: flex;
    position: relative;
    height: 0;
    padding-bottom: 60%;
}
.wave_sec_1_outer .wave_row .product_image img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.et_pb_section.wave-sec-2-outer {
    padding: 85px 0px;
}
.et_pb_section.wave-sec-2-outer .wave_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 45px;
    row-gap: 100px;
}
.et_pb_section.wave-sec-2-outer .wave_row .wave_title_link {
    display: block;
    color: #384050;
    font-size: 26px;
    font-family: "trade-gothic-next-condensed";
    padding-top: 20px;
}
.et_pb_section.wave-sec-2-outer .wave_row .product_image {
    display: flex;
    position: relative;
    height: 0;
    padding-bottom: 50%;
}
.et_pb_section.wave-sec-2-outer .wave_row .product_image img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.et_pb_section.wave-sec-2-outer .load-more-outer {
    text-align: center;
    padding-top: 90px;
}
.et_pb_section.wave-sec-2-outer .load-more-outer a.load-more {
    text-transform: uppercase;
    font-size: 16px;
    background: #35aec7;
    color: #fff;
    padding: 10px 10px;
    font-family: 'TradeGothicNextLTPro_BdCn';
    min-width: 202px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.et_pb_section.wave-sec-2-outer .load-more-outer a.load-more:hover {
    background: #d6de23;
    color: #fff;
}
.et_pb_section.dev-sec-2.slider-text-sec {
    padding-top: 14px;
}
.et_pb_section.dev-sec-2.slider-text-sec .et_pb_column.left-slider {
    margin-top: 25px;
}


/* OUR_WORK_CSS_START */
.wave-top-outer.our-work-main-outer {
    padding-bottom: 30px;
}
.et_pb_section.our-work-main {
    background-color: #222331;
}
.our_works_outer .our_works_single {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
}
.et_pb_section.our-work-main.our-work-outer {
    margin: 0;
    padding: 0 67px;
}
.our_works_outer .our_works_single .item {
    position: relative;
    overflow: hidden;
}
.our_works_outer .work-tag-img-outer {
    position: absolute;
    z-index: 99;
    right: 10px;
    top: 10px;
    width: 80px;
    height: 80px;
}
.our_works_outer .our_works_single .item .hover-item {
    position: absolute;
    content: '';
    /* top: 0px; */
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(34 35 49 / 89%);
    height: 0px;
    opacity: 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    padding: 10px;
}
.our_works_outer .our_works_single .item:hover .hover-item {
    opacity: 1;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our_works_outer .our_works_single .item .hover-item a {
    display: block;
    padding-top: 0px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
}
.our_works_outer .our_works_single .item:hover .hover-item a {
    padding-top: 0px;
}
.our_works_outer .our_works_single .item .hover-item a p {
    color: #fff;
    text-align: center;
}
.our_works_outer .our_works_single .item .hover-item p.title {
    font-size: 28px;
    font-weight: 800;
    font-family: "trade-gothic-next";
    padding-bottom: 0px;
}
.our_works_outer .our_works_single .item .hover-item p.auction_category {
    font-size: 18px;
    font-weight: 400;
    font-family: "trade-gothic-next";
}
.our_works_outer .our_works_single .item .hover-item p.arrow-btn {
    display: none;
}
.our_works_outer .our_works_single .image a {
    display: flex;
    position: relative;
    height: 0;
    padding-bottom: 95%;
}
.our_works_outer .our_works_single .image a img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.load-more-work-outer {
    text-align: center;
    padding: 90px 0px 100px;
}
.load-more-work-outer .load-more-work {
    text-transform: uppercase;
    font-size: 16px;
    background: #35aec7;
    color: #fff;
    padding: 10px 10px;
    font-family: 'TradeGothicNextLTPro_BdCn';
    min-width: 202px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.load-more-work-outer .load-more-work:hover {
    background-color: #d5de23 !important;
}



.what-we-do-below-section.branding-bg .web-design-row .web-process-col-1 {
    background-color: #35aec7;
}
.et_pb_section.tab-section-outer.tab-section-gap .tab-container {
    column-gap: 98px;
    justify-content: center;
}
.web-design-abt-section.cnt-dev-size .about-sec-col-2 h2 {
    font-size: 50px;
}
.et_pb_section.home-abt-section.cnt-dev-size .about-sec-col-3 {
    padding: 105px 0 0;
}
.et_pb_section.sitemap_main_sec li a {
    font-size: 18px;
    color: #404242;
    line-height: 24px;
}
.et_pb_section.sitemap_main_sec .et_pb_column {
    padding-left: 110px;
    padding-bottom: 90px;
}
.et_pb_section.sitemap_main_sec .et_pb_column ol ul {
    padding: 5px 0px 15px 50px;
}

ul.dropdown-list, ul.dropdown-list1, ul.dropdown-list2 {
    list-style: none;
    padding: 15px 0 15px;
    max-width: 100%;
    cursor: pointer;
    width: 100%;
    float: left;
    margin-top: -16px;
    border: 1px solid #35aec7;
    margin-bottom: 20px;
  }
  
  ul.dropdown-list li, ul.dropdown-list1 li,
  ul.dropdown-list2 li {
    padding: 12px 23px;
    color: #384050;
    font-weight: 600;
    line-height: 20px;
    transition: .3s;
    -webkit-transition: .3s;
  }
  
  ul.dropdown-list li:hover,
  ul.dropdown-list1 li:hover,ul.dropdown-list2 li:hover {
    color: #35aec7;
  }
  
  /* Hide the dropdown by default */
  ul.dropdown-list:not(.show),
  ul.dropdown-list1:not(.show1),
  ul.dropdown-list2:not(.show2) {
    display: none;
  }


  .contact-social-header h2 {
    color: white;
  }