@import url(animate.css);
@import url(jquery-ui.css);
@import url(animation.css);
@import url(themify-icons.css);
@import url(fontawesome.min.css);
@import url(jquery.fancybox.min.css);
@import url(jquery.mCustomScrollbar.min.css);

:root {
    --vtc-text-title1: #090B0E;
    --vtc-text-title2: #0B0314;
    --vtc-text-pera1: #3D4C5E;
    --vtc-text-white: #fff;
    --vtc-text-white80per: rgba(255, 255, 255, 0.8274509804);
    --vtc-text-white70per: rgba(255, 255, 255, 0.6901960784);
    --vtc-bg-main1: #ADFF1C;
    --vtc-bg-main2: #c6ff63;
    --vtc-bg-main3: #BD3F3D;
    --vtc-bg-main4: #155FFF;
    --vtc-bg-main5: #11819B;
    --vtc-bg-main6: #8A288F;
    --vtc-bg-main7: #093037;
    --vtc-bg-main8: #F8CE69;
    --vtc-bg-main9: #0D2B5E;
    --vtc-bg-main10: #2CBCA5;
    --vtc-bg-main11: #0587FF;
    --vtc-bg-main12: #6729F9;
    --vtc-bg-main13: #3546A3;
    --vtc-bg-common-1: #F4F4F4;
    --vtc-bg-common-2: #232323;
    --vtc-bg-common-3: #F6F8FA;
    --vtc-bg-common-4: #DFE9FB;
    --vtc-bg-common-5: #F4F4F4;
    --vtc-bg-common-6: #D0DFFF;
    --vtc-bg-common-7: #E8EFFF;
    --vtc-bg-common-8: #F1F8FF;
    --vtc-bg-common-9: #E7F2F5;
    --vtc-bg-common-10: #C8E0E7;
    --vtc-bg-common-11: #FFF0EC;
    --vtc-bg-common-12: #F6F7EE;
    --vtc-bg-common-13: #F2F2F2;
    --vtc-bg-common-14: rgba(9, 11, 14, 0.0941176471);
    --vtc-bg-common-15: #EAF8F6;
    --vtc-bg-common-16: #BDC3C9;
    --vtc-bg-common-17: #F3FAFA;
    --vtc-bg-common-18: #EDF2FB;
    --vtc-bg-common-19: #F1F1F1;
    --vtc-bg-common-20: rgba(103, 41, 249, 0.0352941176);
    --vtc-bg-common-21: #F2F4FF;
    --vtc-bg-common-22: rgba(53, 69, 163, 0.0823529412);
    --vtc-bg-white: #ffffff;
    --vtc-bg-white10per: rgba(255, 255, 255, 0.1);
    --vtc-bg-white20per: rgba(255, 255, 255, 0.199);
    --vtc-bg-white30per: rgba(255, 255, 255, 0.308);
    --vtc-border-1: #DDE1E9;
    --vtc-border-2: #DDE0E5;
    --vtc-border-3: #CFCFD0;
    --vtc-border-4: #D0D1D1;
    --vtc-border-5: #C5C9CF;
    --vtc-border-6: rgba(61, 76, 94, 0.2);
    --vtc-border-7: #D0D7D7;
    --vtc-border-8: #E6E8E8;
    --f-fw-normal: 400;
    --f-fw-medium: 500;
    --f-fw-semibold: 600;
    --f-fw-bold: 700;
    --f-fw-ex-bold: 800;
    --f-ff-font-1: 'Outfit', sans-serif;
    --f-fs-font-16: 16px;
       font-size: var(--f-fs-font-16);
    --f-fs-font-20: 20px;
    --f-fs-font-22: 22px;
    --f-fs-font-24: 24px;
    --f-fs-font-26: 26px;
    --f-fs-font-28: 28px;
    --f-fs-font-30: 30px;
    --f-fs-font-32: 32px;
    --f-fs-font-34: 34px;
    --f-fs-font-36: 36px;
    --f-fs-font-38: 38px;
    --f-fs-font-40: 40px;
    --f-fs-font-42: 42px;
    --f-fs-font-44: 44px;
    --f-fs-font-48: 48px;
    --f-fs-font-50: 50px;
    --f-fs-font-52: 52px;
    --f-fs-font-54: 54px;
    --f-fs-font-56: 56px;
    --f-fs-font-58: 58px;
    --f-fs-font-60: 60px;
    --f-fs-font-62: 62px;
    --f-fs-font-64: 64px;
    --f-fs-font-66: 66px;
    --f-fs-font-68: 68px;
    --f-fs-font-70: 70px;
    --f-fs-font-72: 72px;
    --f-fs-font-74: 74px;
    --f-fs-font-76: 76px;
    --f-fs-font-78: 78px;
    --f-fs-font-80: 80px;
    --f-fs-font-82: 82px;
    --f-fs-font-84: 84px;
    --f-fs-font-86: 86px;
    --f-fs-font-88: 88px;

}
html, body {
  overflow-x: hidden;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: poppins, sans-serif;
}

.about-section-two .image-column,
.about-section-two .inner-container,
.accordion-box,
.banner-section .content-column,
.blog-detail,
.categories-blog ul,
.consult-form,
.contact-page-section .contact-info-boxed .location-list,
.contact-page-section .form-boxed,
.gallery-block .inner-box .image .overlay-box .overlay-inner,
.list-link,
.main-footer,
.main-footer .footer-bottom,
.main-footer .logo-widget,
.main-header .header-top,
.main-header .header-top .info-list,
.main-header .header-top .inner-container,
.main-header .header-top .top-right .social-box,
.main-header .header-upper .inner-container,
.main-header .header-upper .upper-right,
.main-header.style-two,
.news-block,
.news-block .inner-box .image-column .image,
.news-block .inner-box .image-column .inner-column,
.news-block-two .inner-box .image,
.page-banner-image-section,
.page-banner-image-section .image,
.page-title-section .post-meta,
.project-section .outer-container,
.reputation-block .inner-box,
.reputation-section .image-column,
.reputation-section .image-column .inner-column,
.reputation-section-two .content-column .inner-column,
.reputation-section-two .form-column,
.reputation-section-two .form-column .inner-column,
.service-block,
.service-detail,
.service-detail .inner-box,
.service-detail .inner-box .lower-content,
.sidebar .popular-posts .widget-content,
.styled-pagination,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    position: relative;
}

*,
li,
ul {
    padding: 0;
    margin: 0;
}

.mobile-menu .navigation,
.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.keyword ul li,
.menu__item,
.social-icon__item,
li,
ul {
    list-style: none;
}

.menu__link,
a {
    text-decoration: none;
}

*,
.owl-dots button.owl-dot:focus {
    outline: 0;
}

.banner-section .owl-dots,
.main-header .header-upper .search-box-btn:after,
.mob,
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul,
.page-title-section .post-meta li:last-child::before,
.sponsors-section .owl-dots,
.sponsors-section .owl-nav,
.sticky-header .main-menu .navigation>li>a:after,
.sticky-header .mobile-nav-toggler,
.sticky-header .navbar-header {
    display: none;
}

* {
    border: none;
}

.btn-style-one,
.btn-style-two {
    border-radius: 2px;
    text-transform: uppercase;
}

@font-face {
    font-family: icofont;
    src: url("../fonts/icofont.eot");
    src: url("../fonts/icofontd41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/icofont.woff") format("woff"), url("../fonts/icofont.ttf") format("truetype"), url("../fonts/icofont.svg#icofont") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: simple-line-icons;
    src: url("../fonts/simple-Line-Icons.eot");
    src: url("../fonts/simple-Line-Iconsd41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/simple-Line-Icons.woff") format("woff"), url("../fonts/simple-Line-Icons.ttf") format("truetype"),
        url("../fonts/simple-Line-Icons.svg#simple-Line-Icons") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: themify;
    src: url("../fonts/themify9f249f24.eot?-fvbane");
    src: url("../fonts/themifyd41dd41d.eot?#iefix-fvbane") format("embedded-opentype"), url("../fonts/themify9f249f24.woff?-fvbane") format("woff"), url("../fonts/themify9f249f24.ttf?-fvbane") format("truetype"),
        url("../fonts/themify9f249f24.svg?-fvbane#themify") format("svg");
    font-weight: 400;
    font-style: normal;
}

body {
    font-size: 16px;
    color: #444;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
    padding: 0 50px;
}

a {
    cursor: pointer;
    color: #0097e1;
}


a:focus,
a:hover,
a:visited,
button {
    text-decoration: none;
    outline: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    background: 0 0;
    line-height: 1.3em;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 48px;
}

.service-left h1,
h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

.why-chosse-1 h4,
h5 {
    font-size: 20px;
}

.service-block.style-two .inner-box h5,
h6 {
    font-size: 18px;
}

.mobile-menu-visible,
textarea {
    overflow: hidden;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0 15px;
    padding-bottom: 30px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

.theme-btn {
    display: inline-block;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.centered,
th.web-table {
    text-align: center;
}

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    padding: 20px 30px;
    font-weight: 600;
    overflow: hidden;
    background-color: #339dd1;
    font-family: "Work Sans", sans-serif;
}

.btn-style-three,
.btn-style-two {
    color: #2c724f;
    font-weight: 700;
    overflow: hidden;
    display: inline-block;
    line-height: 30px;
    font-family: "Work Sans", sans-serif;
}

.btn-style-one:before,
.btn-style-two:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #262626;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-one i,
.btn-style-two i {
    position: relative;
    top: 1px;
    margin-left: 4px;
}

.btn-style-one .txt,
.btn-style-three .txt,
.btn-style-two .txt,
.list-style-one {
    position: relative;
    z-index: 1;
}

.btn-style-one:hover::before,
.btn-style-three:hover::before,
.btn-style-two:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover,
.btn-style-three:hover,
.btn-style-two:hover,
.category-boxed:hover .icon,
.category-boxed:hover h6,
.main-header .header-top .top-right .social-box li a:hover,
.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after,
.news-block .inner-box:hover .content-column .title,
.news-block .inner-box:hover .content-column h4 a,
.news-block .inner-box:hover .post-date,
.news-block .inner-box:hover .post-date span,
.news-block-two .inner-box:hover .lower-content .title,
.news-block-two .inner-box:hover .lower-content h4 a,
.news-block-two .inner-box:hover .post-date,
.news-block-two .inner-box:hover .post-date span,
.package_heading p,
.sec-title.light h2 {
    color: #fff;
}

.btn-style-two {
    position: relative;
    font-size: 14px;
    padding: 9px 24px;
    letter-spacing: 1px;
    background-color: #fff;
}

.btn-style-three {
    position: relative;
    font-size: 18px;
    padding: 10px 60px;
    border-radius: 50px;
    background: 0 0;
    border: 1px solid #2c724f;
    text-transform: capitalize;
}

.btn-style-three:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #2c724f;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.scroll-to-top,
.social-icon-one li a {
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    text-align: center;
}

.social-icon-one {
    position: relative;
    display: block;
}

.social-icon-one li {
    position: relative;
    margin-left: 9px;
    display: inline-block;
}

.social-icon-one li a {
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #ccc;
    border-radius: 2px;
    background-color: #333;
    transition: 0.3s;
}

.keyword ul li,
img {
    display: inline-block;
}

.social-icon-one li a:hover {
    color: #333;
    background-color: #feec42;
}

.accordion-box .block .acc-btn.active,
.brochures-widget .widget-content .brochure-list li a:hover,
.brochures-widget .widget-content .brochure-list li a:hover .icon,
.categories-blog ul li a:hover,
.categories-blog ul li.active a,
.experts-section .sec-title .experts:hover,
.list-link li a:hover,
.main-footer .footer-bottom .social-nav li a:hover,
.mobile-menu .navigation li.current>a,
.mobile-menu .navigation li:hover>a,
.news-block-three .inner-box:hover h4 a,
.project-section .sec-title .cases:hover,
.service-block .inner-box h5 a:hover,
.service-block .inner-box:hover .read-more,
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover,
.team-block .inner-box .image .social-box li a:hover,
.team-block .inner-box:hover .lower-box h4 a,
.theme_color,
.work-details-list .details-list a:hover {
    color: #2c724f;
}

img {
    max-width: 100%;
    height: auto;
}

.scroll-to-top {
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 33px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 60px;
    z-index: 1111;
    cursor: pointer;
    background: #0a0a0a;
    display: none;
    transition: 0.3s;
}

.scroll-to-top:hover {
    color: #fff;
    background: #2c724f;
}

.sec-title {
    position: relative;
    margin-bottom: 14px;
}

.sec-title .title {
    position: relative;
    color: #2222222;
    font-size: 20px;
    text-transform: uppercase;
}

.sec-title h1,
.sec-title h2,
.sec-title h3 {
    position: relative;
    color: #000;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 5px;
    font-size: 28px !important;
}

.sec-title h1 span,
.sec-title h2 span,
.sec-title h3 span,
.sec-title h4 span {
    position: relative;
    color: #8A288F;
    font-weight: 600;
    font-size: 36px;
}

.service-point {
    font-size: 30px !important;
    margin-bottom: 15px;
    margin-top: 14px;
    font-weight: 300 !important;
    color: #000;
}

.service-point-h3 {
    font-size: 27px !important;
    margin-bottom: 15px;
    margin-top: 14px;
    font-weight: 300 !important;
    color: #000;
}

.sec-title h4 {
    position: relative;
    color: #000;
    margin-top: 5px;
    font-size: 30px !important;
}

.list-style-one li,
.sec-title .text {
    color: #666;
    line-height: 1.8em;
    position: relative;
}

.service-left h4 {
    font-weight: 400 !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
}

.keyword {
    width: 100%;
    background: #fff;
    padding: 0 0 40px;
}

.keyword ul {
    margin: 0 auto;
}

.keyword ul li {
    margin: 11px;
    width: 22%;
    padding: 6px 18px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #9abefc;
}

.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
    border-radius: 10px;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.keyword ul li a {
    color: #8A288F;
    font-size: 16px;
    padding: 6px 18px;
    text-align: center;
    font-weight: 500;
}

.sec-title .text {
    font-size: 18px;
    margin-top: 20px;
}

.sec-title.centered {
    text-align: center !important;
}

.sec-title.light .title {
    color: #2c724f;
    background-color: #fff;
}

.list-style-one li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
    padding-left: 0px;
}

.list-style-one li:before {
    position: absolute;
    left: 0;
    top: 2px;

    color: #2c724f;
    font-size: 24px;
    font-weight: 400;
    display: block;
    font-family: IcoFont !important;
}

.main-header {
    position: absolute;
    z-index: 999;
    width: 100%;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 0.5s;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.main-header.style-three {
    position: relative;
    border-bottom: 1px solid #d9d9d9;
}

.category-boxed:hover,
.header-top,
.news-block .inner-box:hover,
.news-block-two .inner-box:hover,
.ui-menu-item:hover {
    background-color: #2c724f;
}

.main-header .header-top .top-left {
    position: relative;
    float: left;
    padding: 17px 50px 17px 0;
}

.main-header .header-top .info-list li {
    position: relative;
    color: #fff;
    font-size: 14px;
    margin-right: 45px;
    display: inline-block;
}

.main-header .header-top .info-list li:last-child,
.main-menu .navigation>li:last-child {
    margin-right: 0;
}

.main-header .header-top .info-list li .icon {
    position: absolute;
    left: 0;
    top: 1px;
    color: #fff;
    font-size: 16px;
    line-height: 1em;
}

.main-header .header-top .info-list li a {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding-left: 25px;
    font-weight: 400;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.main-header .header-top .info-list li a:hover {
    color: #fff;
    text-decoration: underline;
}

.main-header .header-top .top-right {
    position: relative;
    padding: 17px 0;
}

.main-header .header-top .top-right .social-box li {
    position: relative;
    margin-left: 14px;
    display: inline-block;
}

.main-header .header-top .top-right .social-box li.share {
    position: relative;
    color: #fff;
    font-size: 14px;
}

.main-header .header-top .top-right .social-box li a {
    position: relative;
    color: #fff;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.main-header .main-box {
    position: relative;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.main-header .header-upper {
    position: relative;
    z-index: 1;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.main-header .header-upper .outer-box .nav-toggler {
    position: relative;
    font-size: 28px;
    color: #ff9600;
    cursor: pointer;
    display: inline-block;
}

.main-header.fixed-header .main-menu .navigation>li.current>a,
.main-header.fixed-header .main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a,
.search-popup .form-group button:hover,
.search-popup .form-group input[type="submit"]:hover {
    color: #000;
}

.main-header .header-upper .outer-box .social-icon-one,
.main-header .header-upper .search-box-outer {
    position: relative;
    float: left;
}

.main-header .header-upper .search-box-btn {
    position: relative;
    float: left;
    display: block;
    font-size: 18px;
    color: #000;
    line-height: 26px;
    cursor: pointer;
    background: 0 0;
    margin: 36px 0 15px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    background: #222;
    z-index: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.sticky-header .logo {
    padding: 8px 0;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 0.5s;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.sticky-header .main-menu .navigation>li>a {
    padding: 23px 0 !important;
    color: #fff !important;
}

.main-header .nav-outer {
    position: relative;
    padding-left: 200px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-header .header-upper .logo-box {
    position: relative;
    z-index: 10;
    padding: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-header .header-upper .logo-box .logo {
    position: relative;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-header .header-upper .outer-box {
    position: absolute;
    right: 0;
    margin-left: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-menu {
    position: relative;
    float: left;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-menu .navbar-collapse {
    padding: 0;
    display: block;
}

.main-menu .navigation {
    position: static;
    margin: 0;
    width: 100%;
}

.main-menu .navigation>li {
    position: relative;
    float: none;
    display: inline-block;
    margin-right: 14px;
    text-align: left;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #000;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 600;
    padding: 25px 25px;
    font-size: 16px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.accordion-box .block .acc-btn.active .icon-outer .icofont-minus,
.accordion-box .block .icon-outer .icon-plus,
.banner-section:hover .owl-nav,
.main-header.light-version .main-menu .navigation>li.current>a,
.main-header.light-version .main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a {
    opacity: 1;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: -30px;
    top: 100%;
    width: 290px;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.9s;
    -moz-transition: 0.9s;
    -webkit-transition: 0.9s;
    -ms-transition: 0.9s;
    -o-transition: 0.9s;
    padding: 20px 5px;
    background-color: #fff;
}

.main-menu .navigation>li>ul.from-right {
    left: auto !important;
    right: -30px !important;
}

.main-menu .navigation>li>ul>li,
.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
}

.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 6px 5px 6px 5px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    color: #222;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-menu .navigation>li>ul>li>a:before,
.main-menu .navigation>li>ul>li>ul>li>a:before {
    position: absolute;
    top: -6px;
    left: 8px;
    color: transparent;
    content: ".";
    text-shadow: 0 0 transparent;
    font-size: 2em;
    line-height: 1em;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    pointer-events: none;
    animation: 1s ease-in-out infinite opacitychange;
}

.main-menu .navigation>li>ul>li:hover>a::before,
.main-menu .navigation>li>ul>li>ul>li:hover>a::before {
    opacity: 1;
    color: #000;
    text-shadow: 8px 0 #2c724f, -8px 0 #2c724f;
}

.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #2c724f;
    padding-left: 30px;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 20px;
    display: block;
    color: #253d4a;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    font-weight: 800;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #222;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 290px;
    top: 0;
    width: 274px;
    display: none;
    transition: 0.9s;
    -moz-transition: 0.9s;
    -webkit-transition: 0.9s;
    -ms-transition: 0.9s;
    -o-transition: 0.9s;
    padding: 10px 6px;
    background-color: #fff;
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 20px;
    display: block;
    color: #253d4a;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    font-weight: 800;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    left: 0;
}

.main-menu .navigation>li.dropdown:hover>ul.from-right {
    right: 0 !important;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 107%;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    line-height: 28px;
    border: 1px solid #fff;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header.fixed-header .header-upper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    padding-top: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-header .header-upper .outer-box .sidebar-btn {
    position: relative;
    width: 52px;
    height: 52px;
    float: left;
    color: #fff;
    font-size: 18px;
    margin-left: 14px;
    cursor: pointer;
    line-height: 52px;
    text-align: center;
    border-radius: 50px;
    background-color: #05db56;
}

.main-menu .navigation>li>ul>li>ul>li>ul {
    position: absolute;
    left: 120%;
    top: 0;
    width: 230px;
    display: none;
    transition: 0.9s;
    -moz-transition: 0.9s;
    -webkit-transition: 0.9s;
    -ms-transition: 0.9s;
    -o-transition: 0.9s;
    padding: -1px 8px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.main-menu .navigation>li>ul>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 6px 18px 6px 10px;
    line-height: 24px;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    color: #222;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    border-top: 0 !important;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li>a:hover {
    background-color: #fff;
    color: #000;
}

.main-header .header-upper .outer-box .menu-toggler {
    position: relative;
    float: right;
    cursor: pointer;
    color: #fff;
    font-size: 28px;
    margin-left: 30px;
    padding-left: 30px;
}

.main-header .header-upper .outer-box .menu-toggler:before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 1px;
    height: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.main-header .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #222;
    display: none;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 20px;
    text-align: left;
}

.mobile-menu .nav-logo img {
    max-width: 200px;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #fff;
    padding: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.7s 0.5s;
    -moz-transition: 0.7s 0.5s;
    -ms-transition: 0.7s 0.5s;
    -o-transition: 0.7s 0.5s;
    transition: 0.7s 0.5s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.mobile-menu .close-btn {
    position: absolute;
    right: 10px;
    top: 34px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 24px;
    color: #000;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.mobile-menu .close-btn:hover {
    opacity: 0.5;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li>ul>li:last-child {
    border-bottom: none;
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 14px 20px;
    font-size: 15px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 52px;
    color: #404040;
    cursor: pointer;
    z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span {
    position: absolute;
    right: 0;
    top: 3px;
    height: 44px;
    width: 50px;
    line-height: 44px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 18px;
    font-style: normal;
    height: 46px;
    padding: 10px 0;
    line-height: 26px;
    color: #999;
    border: none;
    border-radius: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.form-group .ui-button .ui-icon {
    background: 0 0;
    position: relative;
    top: 2px;
    text-indent: 0;
    color: #333;
}

.form-group .ui-button .ui-icon:before {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    position: absolute;
    right: 0;
    top: 2px !important;
    width: 10px;
    height: 20px;
    display: block;
    color: #000;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    font-weight: 800;
}

.styled-pagination li.next a,
.ui-menu .ui-menu-item {
    font-size: 14px;
}

.list-group-item,
.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #2c724f;
    border-color: #2c724f;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px;
}

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.sidenav-bar-visible .search-popup {
    width: 80%;
}

.search-popup:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-image: url(../images/icons/waves-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0;
    content: "";
}

.search-active .search-popup {
    transform: translateY(0);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: -200px auto 0;
    border-radius: 50%;
    text-align: center;
    background-color: #2c724f;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.map-data,
td,
th {
    text-align: left;
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 50px;
    line-height: 70px;
    color: #fff;
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.search-popup .form-group {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.search-popup .form-group input[type="search"],
.search-popup .form-group input[type="text"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    height: 70px;
    width: 100%;
    padding: 10px 65px 10px 30px;
    background-color: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 500;
    text-transform: capitalize;
}

.search-popup .form-group button,
.search-popup .form-group input[type="submit"] {
    position: absolute;
    right: 30px;
    top: 0;
    height: 70px;
    line-height: 70px;
    background: 0 0;
    text-align: center;
    font-size: 24px;
    color: #000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: #000;
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #fff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0;
    border: none;
    background: 0 0 !important;
    box-shadow: none !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.search-popup .close-search.style-two span {
    font-size: 20px;
    color: #fff;
}

.banner-section {
    position: relative;
    background-color: #e7ecef;
}

.banner-section .mouse-btn-down {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 20px;
    width: 30px;
    height: 68px;
    display: block;
    z-index: 1;
    cursor: pointer;
}

.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: 3s ease-out infinite move;
}

.chevron:first-child {
    animation: 3s ease-out 1s infinite move;
}

.chevron:nth-child(2) {
    animation: 3s ease-out 2s infinite move;
}

.chevron:after,
.chevron:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #2c724f;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;
    }

    33% {
        opacity: 1;
        transform: translateY(30px);
    }

    67% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}

.banner-section .slide {
    position: relative;
    overflow: hidden;
    height: 1000px;
    padding-top: 160px;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
}

.banner-section .content-column .inner-column {
    position: relative;
    margin-right: -60px;
}

.banner-section .content-column .title {
    position: relative;
    color: #666;
    font-weight: 400;
    line-height: 1em;
    opacity: 0;
    font-size: 16px;
    letter-spacing: 2px;
    transform: scaleY(0);
    transform-origin: top;
    text-transform: uppercase;
    -webkit-transition: 1s;
    -moz-transition: 0.1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.banner-section .content-column .text,
.banner-section .content-column h1 {
    transform: scaleY(0);
    -webkit-transition: 1s;
    -moz-transition: 0.1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    position: relative;
    opacity: 0;
}

.banner-section .active .content-column .title {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.highly-targeted {
    height: 345px;
}

.highly-agency {
    height: 415px;
}


.highly-target {
    height: 320px
}

.banner-section .content-column h1 {
    color: #000;
    font-weight: 300;
    line-height: 1.1em;
    margin-top: 30px;
    transform-origin: top;
    transition: 1s;
}

.banner-section .content-column h1 span,
.page-title-section h2 span,
.service-banner-section .content-box h2 span {
    position: relative;
    font-weight: 600;
    color: #2c724f;
}

.banner-section .active .content-column h1 {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.banner-section .content-column .text {
    color: #666;
    font-weight: 400;
    line-height: 1.7em;
    font-size: 18px;
    margin-top: 50px;
    margin-bottom: 75px;
    transform-origin: top;
    transition: 1s;
}

.banner-section .active .content-column .text {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -ms-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.banner-section .content-column .btn-box {
    position: relative;
    transform: scaleY(0);
    transform-origin: top;
    text-transform: uppercase;
    -webkit-transition: 1s;
    -moz-transition: 0.1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.banner-section .active .content-column .btn-box {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.banner-section .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 100%;
    opacity: 0;
    margin-top: -30px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.banner-section .owl-nav .owl-next,
.banner-section .owl-nav .owl-prev {
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 62px;
    transition: 0.5s;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    text-align: center;
    color: #fff;
}

.banner-section .owl-nav .owl-prev {
    left: 20px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.banner-section .owl-nav .owl-next {
    right: 20px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.banner-section .owl-nav .owl-next:hover,
.banner-section .owl-nav .owl-prev:hover {
    color: #fff;
    background-color: #2c724f;
}

/* ==== about sytle 2 ==== */

.about2-images {
    height: 570px;
    position: relative;

    .image1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .image2 {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
}

.about2-check-list {
    margin-top: 10px;

    ul {
        li {
            color: var(--vtc-text-title1);
            font-size: var(--f-fs-font-20);

            font-weight: var(--f-fw-normal);
            line-height: var(--f-fs-font-20);
            /* 100% */
            padding-top: 16px;

            .check {
                display: inline-block;
                height: 20px;
                width: 20px;
                text-align: center;
                line-height: 20px;
                font-size: 12px;
                background-color: var(--vtc-bg-main4);
                color: var(--vtc-text-white);
                margin-right: 5px;
                border-radius: 50%;
            }
        }
    }
}

.about2 {
    .audience-area {
        position: relative;
        text-align: center;
        margin-top: 40px;

        h3 {
            color: var(--vtc-bg-main4);
            font-size: var(--f-fs-font-60);

            font-weight: var(--f-fw-semibold);
            
            /* 100% */
        }

        p {
            color: var(--vtc-text-pera1);
            font-size: var(--f-fs-font-16);

            font-weight: var(--f-fw-normal);
          
            /* 100% */
            padding-top: 8px;
        }

        .shape-bg1 {
            height: 75px;
            width: 98px;
            position: absolute;
            top: -24px;
            left: 24px;

            .stop-color2 {
                stop-color: rgba(21, 95, 255, 0.10);
            }

            .stop-color1 {
                stop-color: rgba(21, 95, 255, 0.10);
            }
        }
    }
}


.heading2 {

    .sub-title1 {
        color: var(--vtc-text-title1);
        font-size: var(--f-fs-font-18);
        font-style: normal;
        font-weight: var(--f-fw-medium);
        line-height: var(--f-fs-font-18); /* 100% */
        display: inline-block;
        margin-bottom: 16px;
        background-color: var(--vtc-bg-common-19);
        padding: 8px 12px 4px 12px;
        border-radius: 8px;
    
        img {
          transform: translateY(-2px);
          margin-right: 3px;
        }
      }
    
    .sub-title {
        color: var(--vtc-bg-main4);
        font-size: var(--f-fs-font-18);

        font-weight: var(--f-fw-medium);
    

        display: inline-block;
        margin-bottom: 16px;

        img {
            transform: translateY(-2px);
            margin-right: 3px;
        }
    }

    h2 {
        color: var(--vtc-text-title1);
        font-size: var(--f-fs-font-44);

        font-weight: var(--f-fw-medium);

    }

    h3 {
        color: var(--vtc-text-title1);
        font-size: var(--f-fs-font-32);

        font-weight: var(--f-fw-semibold);

    }

    h5 {
        a {
            display: inline-block;
            color: var(--vtc-text-title1);
            font-size: var(--f-fs-font-18);

            font-weight: var(--f-fw-semibold);

            text-transform: capitalize;
            transition: all .4s;

            &:hover {
                transition: all .4s;
                color: var(--vtc-bg-main4);
            }
        }
    }

    h4 {
        a {
            display: inline-block;
            color: var(--vtc-text-title1);
            font-size: var(--f-fs-font-20);
            font-weight: var(--f-fw-semibold);

            text-transform: capitalize;
            transition: all .4s;

            &:hover {
                transition: all .4s;
                color: var(--vtc-bg-main4);
            }
        }
    }

    h5 {
        color: var(--vtc-text-title1);
        font-size: var(--f-fs-font-24);

        font-weight: var(--f-fw-semibold);

        text-transform: capitalize;

        a {
            display: inline-block;
            color: var(--vtc-text-title1);
            font-size: var(--f-fs-font-24);

            font-weight: var(--f-fw-semibold);

            text-transform: capitalize;

            &:hover {
                transition: all .4s;
                color: var(--vtc-bg-main4);
            }
        }
    }

    p {
        color: var(--vtc-text-pera1);
        font-size: var(--f-fs-font-18);

        font-weight: var(--f-fw-normal);

        text-transform: capitalize;
    }
}


/* ==== about sytle 2 ==== */


.max-width-470 {
    max-width: 470px;
}

.mt-110 {
    margin-top: 110px !important;
}

.lower-box {
    position: relative;
    margin-top: 70px;
}

.lower-box .book,
.service-banner-section .content-box .lower-box .book {
    position: relative;
    padding-left: 50px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.lower-box .book .icon,
.service-banner-section .content-box .lower-box .book .icon {
    position: absolute;
    left: 0;
    top: 7px;
    width: 34px;
    height: 34px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    display: inline-block;
    background-color: #2c724f;
}

.lower-box .phone,
.service-banner-section .content-box .lower-box .phone {
    position: relative;
    font-size: 36px;
    color: #000;
    font-weight: 400;
    line-height: 1.2em;
}

.consult-form form .form-group {
    position: relative;
    margin: 0 0 20px;
}

.about-section .content-column .text p:last-child,
.about-section-two .content-column .text p:last-child,
.accordion-box .block .content p:last-child,
.brochures-widget .widget-content .brochure-list li:last-child,
.comment-form .form-group:last-child,
.consult-form form .form-group:last-child,
.contact-page-section .contact-info-boxed .location-list li:last-child,
.service-block.style-two .inner-box .text,
.sidebar-widget:last-child {
    margin-bottom: 0;
}

.consult-form .form-group label {
    position: relative;
    margin-bottom: 0;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.consult-form form input[type="email"],
.consult-form form input[type="range"],
.consult-form form input[type="search"],
.consult-form form input[type="tel"],
.consult-form form input[type="text"],
.consult-form form select {
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 28px;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    background: #fff;
    border-radius: 0;
    transition: 0.5s;
    border-bottom: 1px solid #ccc;
}

.consult-form form textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    line-height: 28px;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    background: #fff;
    border-radius: 0;
    resize: none;
    margin-top: 8px;
    transition: 0.5s;
}

.consult-form form .theme-btn {
    width: 100%;
    cursor: pointer;
    font-size: 18px;
    padding: 20px 36px;
    border-radius: 50px;
}

.about-section .content-column,
.about-section-two .content-column,
.comment-form .group-title,
.reputation-section .content-column,
.reputation-section-two .content-column,
.service-detail .inner-box .lower-content .analysis-columns {
    position: relative;
    margin-bottom: 40px;
}

.about-section .content-column .inner-column {
    position: relative;
    padding-top: 145px;
    padding-left: 100px;
}

.about-section .content-column .sec-title,
.about-section-two .content-column .sec-title,
.mb-25 {
    margin-bottom: 25px;
}

.about-section .content-column .text {
    position: relative;
    margin-bottom: 85px;
}

.reputation-block,
.service-block .inner-box .text {
    margin-bottom: 20px;
    position: relative;
}

.about-section .content-column .text p {
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 20px;
}

.about-section .content-column .signature {
    position: relative;
    font-size: 30px;
    font-weight: 400;
    font-family: Sacramento, cursive;
}

.about-section .content-column .signature span,
.about-section-two .content-column .signature span {
    position: relative;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: "Work Sans", sans-serif;
}

.section-padding {
    padding: 100px 0 !important;
}

.services-section {
    position: relative;
    padding: 40px 0 80px;
    background: #ffffff;
}
.services-section2 {
    position: relative;
    padding: 40px 0 0px;
    background: #f1f1f1;
}

.services-section .inner-container {
    position: relative;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    background: #fff;
}

.services-section .inner-container .service-block {
    border: 1px solid #efefef;

}

.services-section .inner-container .service-block:nth-child(4n + 0) {
    border-right: none;
}

.service-block .inner-box {
    position: relative;
    padding: 45px 25px 45px 35px;
    border-top: 4px solid transparent;
    height: 100%;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.service-block.style-two,
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
    margin-bottom: 30px;
}

.service-block.style-two .inner-box {
    border: 1px solid #ebebeb;
}

.service-block .inner-box:hover {
    border-color: #339dd1;
    background-color: #f2f5f6;
}

.service-block .inner-box .icon-box {
    position: relative;
    line-height: 1em;
    font-size: 46px;
    color: #2c724f;
    display: inline-block;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}

.service-block .inner-box:hover .icon-box {
    -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.service-block .inner-box h5 {
    position: relative;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
}

.service-block .inner-box h5 a {
    position: relative;
    font-weight: 600;
    color: #010101;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.service-block .inner-box .text {
    color: #666;
    font-size: 16px;
    line-height: 1.8em;
}

.service-block .inner-box .read-more {
    position: relative;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.service-block .inner-box .read-more span {
    position: relative;
    top: 1px;
    font-size: 12px;
}

/* About button section  */
.theme-btn15 {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 18px 12px 18px 24px;
    color: var(--vtc-text-title1);
    font-size: var(--f-fs-font-20);
    font-style: normal;
    font-weight: var(--f-fw-semibold);
    line-height: var(--f-fs-font-20);
    /* 100% */
    z-index: 1;
    background: var(--vtc-text-white);
    border-radius: 9px;
    overflow: hidden;
    border: none;
    transition: all .4s;

    .arrow1,
    .arrow2 {
        display: inline-block;
        transform: rotate(-45deg) translateX(0px);
        font-size: 17px;
        position: relative;
        z-index: 2;
    }

    .arrow2 {
        transform: translateY(-8px) rotate(-45deg) translateX(-52px);
        transition: all .4s;
        opacity: 0;
    }

    .arrow1 {
        transition: all .4s;
        opacity: 1;
    }

    &:hover {
        color: var(--vtc-text-white);
        background-color: var(--vtc-text-title1);
        transition: all .4s;
        transform: translateY(-5px);

        .arrow2 {
            transform: translateY(-15px) rotate(-45deg) translateX(-21px);
            transition: all .4s;
            opacity: 1;
        }

        .arrow1 {
            transition: all .4s;
            transform: translateY(-7px) rotate(-45deg) translateX(45px);
            opacity: 0;
        }

        &::after {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            opacity: 1;
        }
    }
}


.theme-btn16 {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 18px 12px 18px 24px;
    color: var(--vtc-text-white);
    font-size: var(--f-fs-font-20);
    font-style: normal;
    font-weight: var(--f-fw-semibold);
    line-height: var(--f-fs-font-20);
    /* 100% */
    z-index: 1;
    background: var(--vtc-text-title1);
    border-radius: 9px;
    overflow: hidden;
    border: none;
    transition: all .4s;

    .arrow1,
    .arrow2 {
        display: inline-block;
        transform: rotate(-45deg) translateX(0px);
        font-size: 17px;
        position: relative;
        z-index: 2;
    }

    .arrow2 {
        transform: translateY(-8px) rotate(-45deg) translateX(-52px);
        transition: all .4s;
        opacity: 0;
    }

    .arrow1 {
        transition: all .4s;
        opacity: 1;
    }

    &:hover {
        color: var(--vtc-text-title1);
        background-color: var(--vtc-text-white);
        transition: all .4s;
        transform: translateY(-5px);

        .arrow2 {
            transform: translateY(-15px) rotate(-45deg) translateX(-21px);
            transition: all .4s;
            opacity: 1;
        }

        .arrow1 {
            transition: all .4s;
            transform: translateY(-7px) rotate(-45deg) translateX(45px);
            opacity: 0;
        }

        &::after {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            opacity: 1;
        }
    }
}


/* ====  choose style 5 start==== */

.choose5-box {
    background-color: var(--vtc-bg-white);
    border-radius: 8px;
    padding: 24px 24px 24px 24px;
    transition: all .4s;

    .image {
        img {
            width: 100%;
            filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.055)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05));
        }
    }

    &:hover {
        transition: all .4s;
        transform: translateY(-10px);
    }
}

/* ====  choose style 5 ==== */

/* ====  choose style 4 ==== */

.choose4-box {
    border-radius: 8px;
    border: 1px solid var(--vtc-border-5);
    padding: 24px 20px;
    transition: all .4s;

    &:hover {
        transition: all .4s;
        transform: translateY(-10px);
        background-color: var(--vtc-bg-main6);

        h4 {
            a {
                color: var(--vtc-bg-white);
                transition: all .4;
            }
        }

        p {
            transition: all .4s;
            color: var(--vtc-text-white80per);
        }
    }
}

/* ====  choose style 4 ==== */

/* ====  choose style 5 ==== */

.choose4-images {
    position: relative;

    .shape {
        position: absolute;
        top: -40px;
        right: -50px;
        height: 160px;
    }
}


.heading4 {
    .sub-title {
        color: var(--vtc-bg-main6);
        font-size: var(--f-fs-font-50);
        font-style: normal;
        font-weight: var(--f-fw-medium);
        line-height: var(--f-fs-font-18);
        /* 100% */
        display: inline-block;
        margin-bottom: 16px;

        img {
            transform: translateY(-2px);
            margin-right: 3px;
        }
    }

    h2 {
        color: var(--vtc-text-title1);
        font-size: var(--f-fs-font-44);
        font-style: normal;
        font-weight: var(--f-fw-medium);
        line-height: var(--f-fs-font-52);
        /* 118.182% */
    }

    h1 {
        color: var(--vtc-text-title1);
        font-size: var(--f-fs-font-56);
        font-style: normal;
        font-weight: var(--f-fw-medium);
        line-height: var(--f-fs-font-66);
        /* 117.857% */
    }

    h3 {
        color: var(--vtc-text-title1);
        font-size: var(--f-fs-font-32);
        font-style: normal;
        font-weight: var(--f-fw-semibold);
        line-height: var(--f-fs-font-38);
        /* 118.75% */

        a {
            color: var(--vtc-text-title1);
            font-size: var(--f-fs-font-32);
            font-style: normal;
            font-weight: var(--f-fw-semibold);
            line-height: var(--f-fs-font-38);
            /* 118.75% */
            display: inline-block;
            transition: all .4s;

            &:hover {
                transition: all .4s;
                color: var(--vtc-bg-main6);
            }
        }
    }

    h5 {
        a {
            display: inline-block;
            color: var(--vtc-text-title1);
            font-size: var(--f-fs-font-24);
            font-style: normal;
            font-weight: var(--f-fw-semibold);
            line-height: var(--f-fs-font-32);
            /* 130% */
            text-transform: capitalize;
            transition: all .4s;

            &:hover {
                transition: all .4s;
                color: var(--vtc-bg-main6);
            }
        }
    }

    h4 {
        a {
            display: inline-block;
            color: var(--vtc-text-title1);
            font-size: var(--f-fs-font-20);
            font-style: normal;
            font-weight: var(--f-fw-semibold);
            line-height: var(--f-fs-font-26);
            /* 130% */
            text-transform: capitalize;
            transition: all .4s;

            &:hover {
                transition: all .4s;
                color: var(--vtc-bg-main6);
            }
        }
    }

    p {
        color: var(--vtc-text-pera1);
        font-size: var(--f-fs-font-16);
        font-style: normal;
        font-weight: var(--f-fw-normal);
        line-height: var(--f-fs-font-26);
        /* 144.444% */
        text-transform: capitalize;
        transition: all .4s;
    }


}

.text-purple {
    color: #8a288f;
}

.btn-purple {
    background-color: #8a288f;
    color: #fff;
    border: none;
    transition: background-color 0.3s ease;
    border-radius: 0.375rem;
}

.btn-purple:hover {
    background-color: #6e1f6f;
    color: #fff;
}

.form-control,
.form-select {
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
}

.form-group {
    margin-bottom: 1rem;
}

.sub-title {
    font-weight: 500;
    font-size: 1.1rem;
    color: #8a288f;
}


.theme-btn8 {
    font-size: var(--f-fs-font-20);
    font-style: normal;
    font-weight: var(--f-fw-semibold);
    line-height: var(--f-fs-font-20);
    /* 100% */
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none !important;
    background-color: var(--vtc-bg-main6);
    color: var(--vtc-text-white);
    letter-spacing: 0px;
    transition: 500ms;
    overflow: hidden;
    border-radius: 111px;
    padding: 18px 24px;
    z-index: 2;
    position: relative;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    -moz-transition-delay: calc((var(--n) - 1) * 0.1s);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    text-align: center;
    text-decoration: none;

    &:hover {
        color: var(--vtc-text-white);
    }
}

.theme-btn8__text {
    position: relative;
    z-index: 2;
}

.theme-btn8__shape {
    display: inline-block;
    position: absolute;
    width: 25%;
    height: 100%;
    background: var(--vtc-text-title1);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--b) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--b) - 1) * 0.1s);
    z-index: 1;
    color: var(--vtc-text-white);
}

.theme-btn8__shape:nth-child(1) {
    --b: 1;
}

.theme-btn8__shape:nth-child(2) {
    --b: 2;
}

.theme-btn8__shape:nth-child(3) {
    --b: 3;
}

.theme-btn8__shape:nth-child(4) {
    --b: 4;
}

.theme-btn8:hover .theme-btn8__shape {
    transform: translateY(0) scale(2);
    -moz-transform: translateY(0) scale(2);
    -moz-transform: translateY(0) scale(2);
    color: var(--vtc-text-white);
}


/* ====  choose style 5 end ==== */

.reputation-section {
    position: relative;
    padding-top: 120px;
    background-color: #f8f6f7;
}

.reputation-section .content-column .inner-column {
    position: relative;
    padding-left: 70px;
}

.reputation-section .content-column .blocks-outer {
    position: relative;
    margin-top: 80px;
}

.related-projects .title-box h3,
.reputation-block .inner-box h5 {
    position: relative;
    color: #000;
    font-weight: 600;
    line-height: 1.3em;
}

.reputation-block .inner-box .text {
    position: relative;
    color: #363636;
    font-size: 16px;
    margin-top: 10px;
}

.experts-section {
    position: relative;
    padding: 100px 0 70px;
}

.experts-section .sec-title .experts,
.project-section .sec-title .cases {
    position: relative;
    color: #000;
    font-size: 14px;
    margin-top: 60px;
    display: inline-block;
    text-transform: uppercase;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.experts-section .sec-title .experts span,
.project-section .sec-title .cases span {
    position: relative;
    font-size: 12px;
}

.comment-form .form-group,
.contact-form .form-group,
.main-footer .footer-widget,
.news-block-four,
.sidebar-title,
.sidebar-widget,
.team-block,
.testimonial-block {
    position: relative;
    margin-bottom: 30px;
}

.team-block .inner-box {
    position: relative;
    padding-right: 28px;
}

.team-block .inner-box .image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    background-color: #2c724f;
}

.team-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 3px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.team-block .inner-box:hover .image img {
    opacity: 0.7;
    transform: scale(1.05, 1.05);
}

.team-block .inner-box .image .social-box {
    position: absolute;
    right: -200px;
    bottom: 10px;
    padding: 10px 12px;
    border-radius: 3px;
    display: inline-block;
    background-color: #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.team-block .inner-box .image .social-box li {
    position: relative;
    margin: 0 8px;
    display: inline-block;
}

.team-block .inner-box .image .social-box li a {
    position: relative;
    color: #666;
    font-size: 16px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.team-block .inner-box .image .social-box li:first-child {
    margin-right: 4px;
}

.team-block .inner-box:hover .image .social-box {
    right: 10px;
}

.team-block .inner-box .lower-box {
    position: relative;
    padding-top: 30px;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner h3,
.team-block .inner-box .lower-box h4 {
    position: relative;
    font-weight: 600;
    line-height: 1.3em;
}

.news-block .inner-box .content-column h4 a,
.news-block-two .inner-box .lower-content h4 a,
.team-block .inner-box .lower-box h4 a {
    position: relative;
    color: #000;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.team-block .inner-box .lower-box .designation {
    position: relative;
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}

.project-section {
    position: relative;
    overflow: hidden;
    padding: 20px 0 0;
}

.project-section .column,
.project-section .inner-column {
    padding: 0 2px;
}

.project-section .column .row {
    margin: 0 -2px;
}

.gallery-block {
    position: relative;
    margin-bottom: 5px;
}

.gallery-block .inner-box {
    position: relative;
    overflow: hidden;
}

.gallery-block .inner-box .image,
.main-footer .logo-widget .logo {
    position: relative;
    margin-bottom: 0;
}

.blog-detail .inner-box .image img,
.gallery-block .inner-box .image img,
.news-block .inner-box .image-column .image img,
.news-block-two .inner-box .image img,
.page-banner-image-section .image img,
.service-detail .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.gallery-block .inner-box .image .overlay-box {
    position: absolute;
    left: 0;
    bottom: -120px;
    right: 0;
    padding: 22px 30px;
    background-color: #2c724f;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.gallery-block .inner-box:hover .image .overlay-box {
    bottom: 0;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner h3 a {
    position: relative;
    color: #fff;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner .designation {
    position: relative;
    color: #fff;
    font-size: 14px;
    margin-top: 4px;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner .arrow {
    position: absolute;
    right: -10px;
    top: 5px;
    line-height: 1em;
    color: #fff;
    font-size: 60px;
}

.testimonial-section {
    position: relative;
    padding-top: 90px;
}

.categories-blog ul li:first-child a,
.testimonial-section.style-two {
    padding-top: 0;
}

.testimonial-section.style-two .inner-container {
    padding-top: 100px;
    border-top: 1px solid #d9d9d9;
}

.testimonial-section .sec-title {
    margin-bottom: 70px;
}

.testimonial-section .owl-nav {
    position: absolute;
    right: -10px;
    top: -120px;
}

.testimonial-section .owl-nav .owl-next,
.testimonial-section .owl-nav .owl-prev {
    position: relative;
    color: #999;
    font-size: 48px;
    margin-left: 0;
    font-weight: 300;
    display: inline-block;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.styled-pagination li.active a,
.styled-pagination li:hover a,
.testimonial-section .owl-nav .owl-next:hover,
.testimonial-section .owl-nav .owl-prev:hover {
    color: #000;
}

.testimonial-block .inner-box {
    position: relative;
    padding: 45px;
    border: 1px solid #e1e1e1;
}

.testimonial-block .inner-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    height: 5px;
    opacity: 0;
    transform: scale(0.3, 1);
    background-color: #2c724f;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.testimonial-block .inner-box:hover::before {
    opacity: 1;
    transform: scale(1, 1);
}

.testimonial-block .inner-box .quote {
    position: relative;
    font-size: 36px;
    color: #2c724f;
    line-height: 1em;
    text-align: right;
}

.testimonial-block .inner-box .author {
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-top: 4px;
}

.testimonial-block .inner-box .author span {
    position: relative;
    font-weight: 400;
    color: #999;
    font-size: 14px;
}

.testimonial-block .inner-box .text {
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 1.8em;
    margin-top: 20px;
}

.sponsors-section {
    position: relative;
    padding: 60px 0;
}

.sponsors-section .image-box {
    position: relative;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    border: 1px solid #ddd;
}

.sponsors-section .image-box:hover {
    opacity: 1;
    filter: grayscale(0%);
}

.blog-section {
    position: relative;
    padding: 100px 0;
    background-color: #eef1f3;
}

.blog-section .column {
    padding: 0;
    float: left;
}

.news-block .inner-box {
    position: relative;
    background-color: #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-block .inner-box .content-column,
.news-block .inner-box .image-column {
    position: relative;
    padding: 0;
    float: left;
}

.news-block .inner-box .content-column .arrow-one {
    position: absolute;
    top: 50%;
    left: -20px;
    border-top: 10px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 10px solid transparent;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-block .inner-box:hover .content-column .arrow-one {
    border-right-color: #2c724f;
}

.news-block .inner-box .content-column .arrow-two {
    position: absolute;
    top: 50%;
    right: -20px;
    z-index: 1;
    border-top: 10px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 10px solid transparent;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-block .inner-box:hover .content-column .arrow-two {
    border-left-color: #2c724f;
}

.news-block .inner-box .content-column .inner-column {
    position: relative;
    text-align: center;
    padding: 90px 15px 80px;
}

.news-block .inner-box .content-column .title,
.news-block-two .inner-box .lower-content .title {
    position: relative;
    color: #2c724f;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-block .inner-box .content-column h4,
.news-block-two .inner-box .lower-content h4 {
    position: relative;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 18px;
    margin-bottom: 35px;
}

.news-block .inner-box .post-date,
.news-block-two .inner-box .lower-content .post-date {
    position: relative;
    color: #999;
    font-size: 14px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-block .inner-box .post-date span,
.news-block-three .inner-box .post-date span,
.news-block-two .inner-box .lower-content .post-date span {
    position: relative;
    color: #000;
}

.news-block-two {
    position: relative;
    height: 100%;
}

.news-block-two .inner-box {
    position: relative;
    background-color: #fff;
    height: 100%;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-block-two .inner-box .lower-content {
    position: relative;
    text-align: center;
    padding: 99px 15px;
}

.news-block-two .inner-box .image .arrow {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-block-two .inner-box:hover .image .arrow {
    border-bottom-color: #2c724f;
}

.main-footer.style-two {
    border-top: 1px solid #dfdfdf;
}

.main-footer .widgets-section {
    position: relative;
    padding: 40px 0;
}

.main-footer .footer-widget h5 {
    font-size: 25px !important;
    position: relative !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 1.2em !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    text-transform: capitalize !important;
}

.main-footer .logo-widget .call {
    position: relative;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
    text-transform: uppercase;
}

.main-footer .logo-widget .call .phone {
    position: relative;
    color: #000;
    font-size: 16px;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-footer .logo-widget .call .email {
    position: relative;
    color: #000;
    font-size: 16px;
    display: block;
    margin-top: 0;
    text-transform: capitalize;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.main-footer .logo-widget .call .email:hover,
.main-footer .logo-widget .call .phone:hover {
    color: #0052e7;
}

.list-link li {
    position: relative;
    margin-bottom: 8px;
}

.list-link li a {
    position: relative;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.main-footer .newsletter-widget .text {
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 15px;
}

.newsletter-form {
    margin-top: 35px;
}

.newsletter-form .form-group {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    max-width: 550px;
}

.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    height: 44px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 10px 20px;
    background: #f7f7f7;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #ccc;
}

.newsletter-form .form-group input[type="email"] {
    padding-right: 40px;
}

.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus,
.newsletter-form .form-group input[type="email"]:focus,
.newsletter-form .form-group input[type="tel"]:focus,
.newsletter-form .form-group input[type="text"]:focus,
.newsletter-form .form-group textarea:focus {
    border-color: #2c724f;
}

.newsletter-form .form-group button,
.newsletter-form .form-group input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    line-height: 44px;
    color: #000;
    font-size: 20px;
    text-align: center;
    background: 0 0;
    width: 40px;
    cursor: pointer;
    text-transform: capitalize;
}

.main-footer .footer-bottom .bottom-inner {
    position: relative;
    padding: 15px 0;
    border-top: 1px solid #0d6efd;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    color: #666;
    font-size: 16px;
}

.main-footer .footer-bottom .copyright a {
    position: relative;
    color: #000;
    font-weight: 700;
}

.main-footer .footer-bottom .social-nav {
    position: relative;
    text-align: right;
}

.main-footer .footer-bottom .social-nav li {
    position: relative;
    margin-left: 10px;
    display: inline-block;
}

.main-footer .footer-bottom .social-nav li a {
    position: relative;
    color: #666;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.map-section {
    position: relative;
    padding: 0;
}

.contact-map-area iframe {
    width: 100%;
    height: 500px;
    border: 0;
}

.map-canvas {
    height: 640px;
    width: 100%;
}

.map-data {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
}

.map-section .gm-style-iw {
    width: 270px;
    padding: 15px 20px;
    border-radius: 3px;
    text-align: left;
}

.map-data h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000;
}

.map-section .map-data .map-content {
    position: relative;
    color: #000;
    font-size: 14px;
}

.about-section-two {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-section-two .image-column .inner-column {
    position: relative;
    margin-left: -80px;
    padding-right: 70px;
}

.about-section-two .content-column .inner-column {
    position: relative;
    padding-top: 20px;
}

.about-section-two .content-column .text {
    position: relative;
    margin-bottom: 75px;
}

.about-section-two .content-column .text p {
    position: relative;
    color: #666;
    font-size: 16px;
    margin-bottom: 20px;
}

.about-section-two .content-column .signature {
    position: relative;
    font-size: 30px;
    font-family: Sacramento, cursive;
    font-weight: 400;
}

.reputation-section-two {
    position: relative;
    background-color: #fff;
}

.reputation-section-two .content-column .sec-title {
    margin-bottom: 90px;
}

.reputation-section-two .form-column .form-boxed {
    position: relative;
    border-radius: 20px;
    padding: 25px 25px 0;
    border: 1px solid #c0c8cd;
    background-color: #fff;
}

.reputation-section-two .form-column h5 {
    position: relative;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.reputation-section-two.style-two .content-column .inner-column {
    padding-left: 170px;
}

.service-banner-section {
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-top: 170px;
    overflow: hidden;
    background-color: #efefeb;
}

.service-banner-section .content-box {
    position: relative;
    max-width: 530px;
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 80px;
}

.service-banner-section .content-box h2 {
    position: relative;
    color: #000;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 15px;
}

.service-banner-section .content-box .text {
    position: relative;
    color: #666;
    font-size: 18px;
    line-height: 1.7em;
    margin-top: 30px;
    margin-bottom: 90px;
}

.service-banner-section .content-box .lower-box {
    position: relative;
    margin-top: 140px;
}

.service-banner-section .side-image {
    position: absolute;
    right: 100px;
    bottom: 0;
}

.sidebar-page-container {
    position: relative;
    padding: 90px 0 70px;
}

.sidebar-page-container.style-two {
    padding-bottom: 0;
}

.sidebar-page-container .sidebar-side .sidebar.margin-left {
    margin-left: -30px;
}

.sidebar-page-container .service-title-box {
    position: relative;
    margin-bottom: 60px;
}

.accordion-box .block,
.category-boxed {
    margin-bottom: 3px;
    background-color: #f7f7f7;
}

.sidebar-page-container .service-title-box h2 {
    position: relative;
    color: #000;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3em;
}

.blog-detail .inner-box .middle-image,
.service-detail .inner-box .image {
    position: relative;
    margin-bottom: 50px;
}

.service-detail .inner-box .lower-content p {
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 20px;
}

blockquote {
    position: relative;
    color: #000;
    font-size: 16px;
    padding: 6px 15px;
    line-height: 2em;
    margin-top: 0;
    margin-bottom: 12px;
    background-color: #f7f7f7;
    border-left: 3px solid #339fd1;

}

.service-detail .inner-box .lower-content h4 {
    position: relative;
    color: #000;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 40px;
}

.service-detail .inner-box .lower-content .accordian-box {
    position: relative;
    margin-top: 60px;
}

.accordion-box .block {
    position: relative;
}

.accordion-box .block .acc-btn {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    line-height: 34px;
    color: #000;
    font-weight: 600;
    padding: 18px 50px 18px 30px;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.accordion-box .block .icon-outer {
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 20px;
    color: #262626;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.accordion-box .block .icon-outer .icon {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    color: #000;
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
}

.accordion-box .block .acc-btn.active .icon-outer .icofont-plus,
.accordion-box .block .icon-outer .icon-minus {
    opacity: 0;
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
}

.accordion-box .block .acc-content .content-text {
    padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.accordion-box .block .content {
    position: relative;
    font-size: 14px;
    padding: 0 35px 30px;
}

.accordion-box .block .content .accordian-text {
    line-height: 1.9em;
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

.sticky-top {
    top: 110px;
    z-index: 1;
}

.brochures-widget .widget-content h4,
.comment-form .group-title h3,
.sidebar-title h4 {
    position: relative;
    color: #000;
    font-weight: 600;
}

.category-boxed {
    position: relative;
    padding: 25px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.category-boxed .overlay-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
}

.category-boxed .boxed-inner {
    position: relative;
    padding-left: 60px;
}

.category-boxed .boxed-inner .icon {
    position: absolute;
    left: 0;
    top: 8px;
    color: #2c724f;
    font-size: 36px;
    line-height: 1em;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.category-boxed .boxed-inner h6 {
    position: relative;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    line-height: 1.6em;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.brochures-widget .widget-content {
    position: relative;
    padding: 30px 30px 35px;
    background-color: #f7f7f7;
}

.brochures-widget .widget-content .text {
    position: relative;
    color: #999;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 14px;
}

.brochures-widget .widget-content .brochure-list {
    position: relative;
    margin-top: 20px;
}

.brochures-widget .widget-content .brochure-list li {
    position: relative;
    margin-bottom: 15px;
}

.brochures-widget .widget-content .brochure-list li a {
    position: relative;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.brochures-widget .widget-content .brochure-list li a .icon {
    position: relative;
    top: 4px;
    color: #000;
    font-size: 24px;
    line-height: 1em;
    margin-right: 15px;
    font-weight: 400;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.enquiry-widget .widget-content {
    position: relative;
    padding: 35px;
    background-color: #2c724f;
}

.enquiry-widget .widget-content h4 {
    position: relative;
    color: #fff;
    font-weight: 600;
    line-height: 1.3em;
}

.enquiry-widget .widget-content .text {
    position: relative;
    color: #ccc;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 15px;
}

.enquiry-widget .widget-content .number {
    position: relative;
    color: #ccc;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 20px;
}

.enquiry-widget .widget-content .number a {
    position: relative;
    color: #fff;
    display: block;
    font-weight: 700;
    margin-top: 10px;
}

.sidebar .search-box .form-group {
    position: relative;
    margin: 0;
}

.sidebar .search-box .form-group input[type="search"],
.sidebar .search-box .form-group input[type="text"] {
    position: relative;
    line-height: 30px;
    padding: 10px 60px 10px 20px;
    border: 1px solid transparent;
    background: #f5f5f5;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    color: #8d9aa8;
    border-radius: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 52px;
    background: #2c724f;
    border-radius: 0;
    cursor: pointer;
}

.sidebar .search-box .form-group input::-webkit-input-placeholder {
    color: #333;
}

.categories-blog ul li {
    position: relative;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.categories-blog ul li a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
    padding: 13px 0;
    text-transform: uppercase;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    border-bottom: 1px solid #ebebeb;
}

.categories-blog ul li span {
    position: absolute;
    right: 0;
}

.categories-blog ul li:last-child a {
    border-bottom: 0;
}

.sidebar .popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666;
    padding: 0 0 0 100px;
    min-height: 75px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d8dc;
}

.sidebar .popular-posts .post:last-child {
    margin-bottom: 0;
    border: none;
}

.sidebar .popular-posts .post .post-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 79px;
    overflow: hidden;
    border-radius: 0;
}

.sidebar .popular-posts .post:hover .post-thumb img {
    opacity: 0.7;
}

.sidebar .popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.sidebar .popular-posts .post .text {
    position: relative;
    top: -4px;
    font-size: 15px;
    margin: 0;
    font-weight: 400;
    color: #000;
    line-height: 1.8em;
    text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
    color: #000;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.sidebar .tags a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 6px 15px;
    margin: 0 4px 10px 0;
    color: #999;
    text-align: center;
    font-size: 13px;
    background: 0 0;
    font-weight: 400;
    border-radius: 0;
    border: 1px solid #d7d7d7;
    text-transform: capitalize;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
}

.sidebar .tags a:hover {
    background-color: #2c724f;
    border-color: #2c724f;
    color: #fff;
}

.page-title-section {
    position: relative;
    padding: 100px 0 0;
}

.page-title-section .post-meta li {
    position: relative;
    padding-right: 12px;
    margin-right: 12px;
    display: inline-block;
    text-transform: uppercase;
}

.page-title-section .post-meta li:before {
    position: absolute;
    content: "/";
    right: -4px;
    top: 0;
}

.page-title-section .post-meta li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.page-title-section .post-meta li a {
    position: relative;
    color: #666;
}

.page-title-section h2 {
    position: relative;
    color: #000;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 30px;
}

.page-title-section.style-two h2 {
    font-weight: 600;
    font-size: 36px;
}

.our-blogs {
    padding-right: 80px;
    margin-bottom: 80px;
}

.news-block-three {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
}

.news-block-three .inner-box {
    position: relative;
    min-height: 195px;
    padding-left: 330px;
}

.news-block-three .inner-box .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    overflow: hidden;
    background-color: #2c724f;
}

.news-block-four .inner-box .image img,
.news-block-three .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.photo-videos {
    height: 310px;
}

.news-block-four .inner-box:hover .image img,
.news-block-three .inner-box:hover .image img {
    opacity: 0.7;
    transform: scale(1.05, 1.05) rotate(2deg);
}

.news-block-three .inner-box .title {
    position: relative;
    color: #2c724f;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.news-block-three .inner-box h4 {
    position: relative;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
}

.news-block-four .inner-box h4 a,
.news-block-three .inner-box h4 a {
    position: relative;
    color: #000;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
}

.news-block-three .inner-box .post-date {
    position: relative;
    color: #999;
    font-size: 14px;
}

.news-block-three:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    min-height: auto;
}

.styled-pagination li {
    position: relative;
    margin-right: 35px;
    display: inline-block;
}

.styled-pagination li a {
    position: relative;
    color: #999;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.blog-detail .inner-box {
    position: relative;
    padding-right: 0;
}

.blog-detail .inner-box .image {
    position: relative;
    border: 1px solid #ccc;
    padding: 12px;
}

.blog-detail .inner-box .lower-content {
    position: relative;
    padding-top: 40px;
}

.blog-detail .inner-box .lower-content .post-info {
    position: relative;
    color: #999;
    font-size: 14px;
    margin-bottom: 35px;
}

.blog-detail .inner-box .lower-content .post-info span {
    text-transform: uppercase;
}

.blog-detail .inner-box .lower-content .post-info i {
    color: #000;
    font-style: normal;
}

.blog-detail .inner-box .lower-content p {
    position: relative;
    color: #1b1b1b;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 15px;
}

.blog-detail .inner-box .lower-content h4 {
    position: relative;
    color: #000;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 12px;
    font-size: 30px;
}

.blog-detail .inner-box .lower-content blockquote {
    position: relative;
    margin: 80px 0;
    padding-left: 105px;
}

.blog-detail .inner-box .lower-content blockquote .blockquote-text {
    position: relative;
    color: #000;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5em;
}

.blog-detail .inner-box .lower-content blockquote .blockquote-text .quote {
    position: absolute;
    left: -20px;
    top: -5px;
    color: #000;
    font-size: 16px;
    line-height: 1em;
}

.blog-detail .inner-box .lower-content .post-share-options {
    position: relative;
    margin-top: 70px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ddd;
}

.blog-detail .inner-box .lower-content .post-share-options .tags a {
    position: relative;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    margin-right: 4px;
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid #d7d7d7;
    text-transform: capitalize;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.blog-detail .inner-box .lower-content .post-share-options .tags a:hover {
    color: #fff;
    border-color: #2c724f;
    background-color: #2c724f;
}

.related-projects {
    position: relative;
    margin-top: 75px;
    padding-right: 80px;
}

.related-projects .title-box {
    position: relative;
    margin-bottom: 35px;
}

.news-block-four .inner-box {
    position: relative;
    border: 1px solid #eee;
    box-shadow: 0 0 5px #d8d8d8;
}

.image-been {
    margin: 106px 0 0;
}

img.image-brandy {
    border: 1px solid #ccc;
    padding: 10px;
}

.news-block-four .inner-box .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #2c724f;
}

.news-block-four .inner-box .title {
    position: relative;
    color: #4385f5;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

.news-block-four .inner-box h4 {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    padding: 15px 0 24px;
}

.news-block-four .inner-box:hover h4 a {
    color: #339dd1;
}

.sidebar-page-container .lower-section {
    position: relative;
    margin-top: 60px;
    padding: 90px 0 100px;
    background-color: #eef1f3;
}

.sidebar-page-container .lower-section .comment-form {
    position: relative;
    max-width: 770px;
}

.comment-form .group-title .text {
    position: relative;
    color: #666;
    font-weight: 400;
    font-size: 14px;
    margin-top: 6px;
}

.comment-form .form-group input[type="email"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="text"],
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    color: #222;
    line-height: 28px;
    padding: 10px 20px;
    height: 50px;
    font-size: 14px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 20px;
    color: #222;
    height: 210px;
    resize: none;
    font-size: 14px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.comment-form .theme-btn,
.contact-form .theme-btn {
    cursor: pointer;
    border-radius: 0;
    font-family: Heebo, sans-serif;
}

.contact-page-box {
    background-color: #ffffff;
    padding: 32px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.4s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.contact-page-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.contact-page-box .icon {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #f1f1f1;
    border-radius: 50%;
    transition: all 0.4s ease;
}

.contact-page-box:hover .icon {
    background-color: #8a288f;
    /* example primary color */
    transform: scale(1.1);
}

.contact-page-box .content h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-page-box .content a {
    display: block;
    color: #3D4C5E;
    pointer-events: auto;
    font-size: 16px;
    margin-bottom: 5px;
    text-decoration: none;
    transition: color 0.4s ease;
}

.contact-page-box .content a:hover {
    color: #8a288f;
    /* Primary brand color on hover */
}

.cta-section {
    position: relative;
    padding: 75px 0 60px;
}

.cta-content .title {
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}

.cta-content .title .text-bold {
    font-weight: 700;
}

.cta-content p {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

.cta-phone .title {
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.mb-n30 {
    margin-bottom: -30px;
}

.mt-lg-30 {
    margin-top: 30px;
}

.mt-lg-100 {
    margin-top: 100px;
}

.mt-lg-70 {
    margin-top: 70px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mtb-30 {
    margin: 30px 0;
}

.section-padding-top-70 {
    padding-top: 70px;
}

.portfolio-main-info .title {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 0;
    font-weight: 500;
    color: #000;
}

.work-content .title {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.work-details-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 62px 30px;
}

.work-details-list .details-list label {
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}

.work-details-list .details-list span {
    color: #666;
    font-weight: 500;
    line-height: 1.5;
    font-size: 16px;
    display: block;
}

.work-details-list .details-list a {
    color: #666;
    transition: 0.3s ease-in-out;
}

.ptb-40 {
    padding: 60px 0;
}

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

.pt-40 {
    padding-top: 60px;
}

.award-section {
    width: 100%;
    height: auto;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.service-section {
    width: 100%;
    height: auto;
    background: #f1f1f1;
}

.service-box {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #8A288F;
    padding: 25px 20px;
    text-align: center;
    transition: 0.5s;
}

.border-br,
.border-r {
    border-right: 1px solid #ddd;
}

.border-b,
.border-br {
    border-bottom: 1px solid #ddd;
}

.service-box:hover {
    border: 1px solid #8A288F;
}

.service-box h5 {
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
}

.service-left {
    width: 100%;
    height: auto;
    float: left;
}

.certificate {
    padding: 15px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.banner {
    width: 100%;
    height: 100vh;
}

.top-btn,
.top-btn1 {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 20px;
}

.top-btn a,
.top-btn1 a {
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 25px;
    box-shadow: 0 0 1px transparent;
}

.slide-section {
    width: 100%;
    height: 100vh;
    float: left;
    position: relative;
}

.shape-round {
    position: absolute;
    bottom: 20px;
    left: 100px;
    z-index: 2;
}

.shape-socialmedia {
    position: absolute;
    bottom: 40px;
    left: 180px;
    z-index: 4;
}

.shape-chart {
    position: absolute;
    bottom: 60px;
    left: 200px;
    z-index: 3;
}

.footer,
.menu,
.social-icon {
    position: relative;
    display: flex;
}

.inner-banner {
    width: 100%;
    height: auto;
    padding: 45px 0;
    background: #fff;
    text-align: center;
}

.about-img img {
    border-radius: 20px;
    border: 1px solid #ddd;
}

.free-quote {
    width: 100%;
    height: auto;
    background: #f1f1f1;
    padding: 30px;
    border-radius: 20px;
}

.services-title h4 {
    font-size: 35px;
    font-weight: 600;
}

.footer p,
.h1,
.menu__link {
    font-weight: 300;
}

.footer {
    width: 100%;
    background: #000000;
    min-height: 100px;
    padding: 20px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 111;
}

.vl-footer-social8 a {
    display: inline-block;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    margin: 0 5px;
    color: #ffffff;
    /* Default icon color */
    transition: all 0.4s;
    font-size: 18px;
}

.vl-footer-social8 a.facebook {
    color: #1877F2;
}

.vl-footer-social8 a.instagram {
    color: #E1306C;
}

.vl-footer-social8 a.youtube {
    color: #FF0000;
}

.vl-footer-social8 a.twitter {
    color: #1DA1F2;
}

.vl-footer-social8 a:hover {
    background-color: white;
    transform: translateY(-5px);
}

.menu,
.social-icon {
    align-items: center;
    margin: 10px 0;
    flex-wrap: wrap;
}

.certificate-box a,
.menu__link,
.social-icon__link {
    display: inline-block;
    transition: 0.5s;
}

.social-icon__link {
    font-size: 1.6rem;
    color: #fff;
    margin-right: 10px;
}

.social-icon__link:hover {
    transform: translateY(-10px);
    color: #000 !important;
}

.menu__link {
    font-size: 1.1rem;
    color: #fff;
    margin: 0 10px;
    opacity: 0.75;
}

.testi-f,
.testi-h {
    display: flex;
    left: 0;
}

.black,
.blue {
    transition: 0.2s;
}

.menu__link:hover {
    opacity: 1;
    color: #000 !important;
}

.footer p {
    color: #fff;
    margin: 15px 0 10px;
    font-size: 1rem;
}

.wave {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url("../images/wave.png") 0 0/1000px 100px;
}

.wave#wave1 {
    z-index: 1000;
    opacity: 1;
    bottom: 0;
    animation: 4s linear infinite animateWaves;
}

.wave#wave2 {
    z-index: 999;
    opacity: 0.5;
    bottom: 10px;
    animation: 4s linear infinite animate !important;
}

.wave#wave3 {
    z-index: 1000;
    opacity: 0.2;
    bottom: 15px;
    animation: 3s linear infinite animateWaves;
}

.wave#wave4 {
    z-index: 999;
    opacity: 0.7;
    bottom: 20px;
    animation: 3s linear infinite animate;
}

@keyframes animateWaves {
    0% {
        background-position-x: 1000px;
    }

    100% {
        background-positon-x: 0px;
    }
}

@keyframes animate {
    0% {
        background-position-x: -1000px;
    }

    100% {
        background-positon-x: 0px;
    }
}

.google-p {
    width: 100%;
    height: auto;
    position: fixed;
    top: 50%;
    left: 2%;
}

.g-patner,
.google-p img {
    width: 120px;
}

.client-box,
.location1 {
    width: 100%;
    height: auto;
}

.client-box {
    float: left;
    cursor: pointer;
}

.client-box img {
    transition: 0.5s;
    filter: grayscale(100%);
}

.client-box img:hover {
    transform: scale(0.8);
    filter: grayscale(1%);
}

.mission {
    border: 2px solid #000;
    padding: 30px;
    border-radius: 30px 0;
    margin-bottom: 30px;
    min-height: 280px;
}

.location1,
.product-details {
    padding: 20px;
    margin-bottom: 30px;
}

.location1 {
    border: 1px solid #ddd;
}

.map-img {
    border: 2px solid #ddd;
}

.details-contact h3 {
    font-size: 20px;
    font-weight: 700;
}

.details-contact h4 {
    font-size: 18px;
    font-weight: 700;
}

.details-contact p {
    margin-bottom: 5px;
}

.about-section-two {
    background: #8A288F;
    background: linear-gradient(90deg, #8A288F 31%, #fff 31%);
}

.black:hover,
.blue,
.callbtn:hover {
    background: #ffcb03;
    color: #000 !important;
}

.product-details h4 {
    font-weight: 400;
    color: #8A288F;
}

.product-details {
    border: 1px solid #ddd;
    min-height: 290px;
}

.service-box,
.why-chosse-1 h3 {
    margin-bottom: 20px;
}

.certificate-box,
.price-line {
    width: 100%;
    margin-bottom: 30px;
}

.black {
    background: #89298d;
}

.blue:hover {
    background: #000;
}

section.service-section-left {
    padding: 75px 0 50px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
}

.accordion-item:first-of-type .accordion-button,
.modal-content {
    border-radius: 0 !important;
}

.h1 {
    font-size: 25px !important;
}

.h2 {
    font-size: 40px !important;
    font-weight: 600;
}

.main-heading h1 span,
.main-heading h2 span {
    color: #8A288F;
}

.banner1 {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.certificate-box {
    min-height: 390px;
    background: #fff;
    padding: 50px 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
    text-align: center;
}

.certificate-box h4 {
    font-size: 20px;
    margin-top: 20px;
}

.certificate-box a {
    width: 150px;
    height: auto;
    padding: 10px 0;
    border: 2px solid #339dd1;
    margin-top: 20px;
    border-radius: 50px;
    background: #fff;
    color: #339dd1;
}

.audit-btn,
.price-btn a {
    border: 2px solid #8A288F;
}

.certificate-box a:hover {
    background: #339dd1;
    border: 2px solid #339dd1;
    color: #fff;
}

.click-btn {
    width: 100%;
    height: auto;
    padding-top: 50px;
}

.click-btn1 {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}

.audit-btn {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 2px;
    position: relative;
}

.audit-btn:before {
    content: "";
    position: absolute;
    right: -150px;
    height: 4px;
}

.audit-btn:after {
    content: "";
    position: absolute;
    left: -150px;
    height: 4px;
}

.audit-btn a {
    font-size: 20px;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    transition: 0.2s;
    color: #8A288F;
}

.audit-btn a:hover,
.submit_form:hover {
    background: #8A288F;
    color: #fff;
}

.btn-close {
    position: absolute;
    top: 3px;
    right: 52%;
}

@media only screen and (max-width: 600px) {
    .btn-close {
        position: absolute;
        top: 5px;
        right: 1%;
    }
}

.social-profile {
    width: 100%;
    height: auto;
    text-align: center;
    background: #fff;
    padding: 5px 20px;
}

.social-profile a img {
    width: 120px;
    margin: 8px;
}

.callbtn {
    padding: 6px 20px;
    height: auto;
    text-align: center;
    background: #000;
    position: fixed;
    bottom: 0;
    left: 2%;
    z-index: 9999;
    border-radius: 5px 5px 0 0;
    transition: 0.2s;
    color: #fff;
    animation: 1s infinite blink;
}

.package_total_price,
.testi-box {
    position: relative;
}

.callbtn a {
    color: #fff;
    font-size: 16px;
    display: block;
}

.sec-title.text-left h1 {
    font-size: 36px !important;
    padding: 0 0 16px;
}

.sec-title h4 {
    line-height: 28px;
    font-weight: 500;
}

li.social-icon__item.twwi-icon {
    margin: 0 0 10px;
}

#blinking-button {
    padding: 8px 35px;
    border-radius: 48px 0;
    border: 0 solid #6c8003;
}

@keyframes blink {

    0%,
    100% {
        background-color: #8A288F;
    }

    100% {
        background-color: #000;
    }
}

table {

    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    color: #000;
    /* margin: 10px; */
}

tr:nth-child(2n) {
    background-color: #ddd;
}

.blog-list ul li {
    list-style: disc;
    line-height: 30px;
    margin-left: 21px;
    color: #000;
}

h1.top-key {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    padding: 30px 0 15px;
}

.sidebar-page-container.style-two-left {
    padding: 22px 0;
}

h2.trend {
    font-size: 26px;
    color: #2e2e2e;
    padding: 15px 0;
    font-weight: 700;
}

.price h1,
.price p,
.price-box h4,
.price-btn a,
.price_heading h2 {
    font-weight: 600;
}

il.strat {
    float: left;
    list-style: disc !important;
    line-height: 30px;
    padding: 10px 0;
}

.pricing {
    width: 100%;
    height: auto;
    background-image: url("../images/price-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 60px 0;
}

.price-box {
    width: 100%;
    min-height: 600px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    margin-top: 40px;
    float: left;
    border: 1px solid #00000038;
    padding: 30px 20px;
}

.price-box h4 {
    font-size: 22px;
    color: #8A288F;
    padding: 5px 0;
}

.price_heading {
    width: 100%;
    height: auto;
    text-align: center;
}

.price_heading h2 {
    color: #000;
}

.price_heading h2 strong {
    font-weight: 600;
    text-decoration: underline;
    color: #8A288F;
}

.price_heading p {
    font-size: 18px;
    color: #000;
}

.price h1 {
    font-size: 35px;
    color: #8A288F;
}

.price p {
    font-size: 18px;
    color: #000;
    margin-bottom: 40px;
    margin-top: -10px;
}

.price span {
    font-size: 25px;
}

.price-line {
    height: 1px;
    background: #ddd;
    margin-top: 40px;
}

.price-btn,
.price-btn a {
    margin-top: 10px;
    width: 100%;
    height: auto;
}

.price-btn {
    margin-bottom: 10px;
}

.price-btn a {
    padding: 10px 30px;
    color: #222;
    font-size: 16px;
    border-radius: 50px;
    margin-bottom: 10px;
    transition: 0.2s;
}

.price-icon i,
.price-icon-none i,
.price-list li {
    font-size: 15px;
    margin-bottom: 8px;
}

.price-btn a:hover {
    border: 2px solid #8A288F;
    background: #8A288F;
    color: #fff;
}

.feature-list .price-icon .price-list {
    margin-bottom: 10px;
    display: block;
}

.price-icon i {
    color: #02bc23;
}

.price-icon-none i {
    color: #cb0606;
}

.price-list li {
    color: #222;
    font-weight: 400;
    border-bottom: 1px dashed #222;
    display: inline-block;
}

.package_outer {
    width: 100%;
    height: auto;
    padding: 30px;
}

.package_heading {
    width: 100%;
    height: auto;
    background: #8A288F;
    border-radius: 10px;
    padding: 30px;
}

.package_form,
.package_total_price {
    height: auto;
    float: left;
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
    padding: 25px;
    margin-bottom: 30px;
    width: 100%;
}

.package_heading h1 {
    color: #fff;
    font-weight: 600;
}

.billing_form,
.ptb-20 {
    padding: 20px 0;
}

.package_total_price:after {
    background: url("../index.html") -10px bottom;
    bottom: -8px;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    width: 100%;
}

.badge {
    font-size: 20px;
    color: #000;
}

.price_line {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 10px 0;
}

.package_form h4,
.package_total_price h4 {
    font-size: 28px;
    font-weight: 600;
    color: #8A288F;
}

.footer-widget h5,
.list-link i,
.list-link li a {
    color: #fff !important;
}

.total_p {
    color: #8A288F !important;
}

.billing_form {
    width: 100%;
    height: auto;
}

.control_form {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    padding-left: 20px;
}

.submit_form {
    width: 170px;
    height: 50px;
    background: #000;
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
    transition: 0.2s;
}

.addre {
    height: 70px !important;
}

.faq-section,
.testi-b,
.testi-f,
.testi-h {
    width: 100%;
    height: auto;
}

.faq-section {
    background: #fff;
    padding-bottom: 60px;
}

.accordion-button:not(.collapsed) {
    background-color: #cae0eb;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.125);
}

.accordion-item {
    border: none;
    border-bottom: 1px solid #ddd !important;
}

.accordion-item h2 {
    font-size: 22px !important;
}

.accordion-button {
    font-size: 1.2rem;
}

.footer-widget h5 {
    font-weight: 600 !important;
    line-height: 1.2em !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    text-transform: capitalize !important;
}

.list-link li a {
    font-size: 16px !important;
    font-weight: 300 !important;
}

.list-item ul {
    padding-left: 15px;
}

h3.trend {
    font-size: 21px;
    font-weight: 600;
    color: #000;
    padding: 12px 0 10px;
}

.list-item ul li {
    margin-bottom: 10px;
    padding-left: 8px;
    list-style-type: "\27A4";
    color: #000;
    line-height: 28px;
}

.gmb-pacakge-point {
    margin-top: 35px;
    padding-left: 40px;
}

.gmb-pacakge-point h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #8A288F;
}

.gmb-pacakge-point ul li {
    margin-bottom: 10px;
    list-style: initial;
}

li.building {
    list-style: disc;
    margin: 5px 0 5px 18px;
    line-height: 30px;
    color: #000;
}

.testi-box {
    width: 100%;
    min-height: 350px;
    background: #fff;
    margin-top: 25px;
    padding: 30px;
    cursor: default !important;
    overflow: hidden;
    text-align: left;
    border-radius: 8px !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.active-color {
    background: #5b93fc;
    text-align: center;
}

.active-color h4 {
    color: #fff;
    font-size: 25px;
    font-family: "Work Sans", sans-serif;
}

.active-color p {
    font-size: 40px;
    color: rgb(234 109 0);
}

.active-color h3 {
    font-family: "Work Sans", sans-serif;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.testi-f a,
.testi-h a {
    color: #8A288F;
    margin-top: -5px;
    display: inline-block;
}

.testi-f {
    position: absolute;
    bottom: 0;
    padding: 20px 30px;
    align-items: center;
}

.testi-f img {
    width: 20px !important;
    margin-right: 5px;
}

.testi-f a {
    font-size: 16px;
    font-weight: 300;
}

.testi-h {
    margin-bottom: 15px;
    top: 0;
    align-items: center;
}

.testi-h img {
    width: 50px !important;
    margin-right: 5px;
    border-radius: 50%;
}

.testi-h a {
    font-size: 17px;
    font-weight: 500;
}

.testi-b h5 {
    color: rgb(234 109 0);
}

.testi-b p {
    font-size: 16px;
    color: #444;
}

.owl-dots {
    text-align: center;
    padding-top: 15px;
}

.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #8A288F !important;
    margin: 0 3px;
}

.owl-dots button.owl-dot.active {
    background-color: #8A288F;
}

.about-section-left {
    padding: 30px 0px;
}

/*******************************************add css*******************************/

.product-details1.ecommerc {
    margin: 27px 0px;
}


li.service-poit {
    list-style: disc;
    margin: 0 0 0 20px;
    /* line-height: 31px; */
    padding: 4px 0;
    /* margin: 0px; */
    color: #000;
}

.seo-button {
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 25px;
    box-shadow: 0 0 1px transparent;

    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;

    border: 2px solid #339dd1;


    background-image: -webkit-linear-gradient(30deg, #339dd1 50%, transparent 50%);
    background-image: linear-gradient(30deg, #339dd1 50%, transparent 50%);
    background-size: 700px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.product-details1.ecommerc-organic ul {
    margin: 10px auto;
}

.seo-button:hover {
    background-position: 100%;
    color: #339dd1;
}



a.learn-more {
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 25px;
    box-shadow: 0 0 1px transparent;

    position: fixed;
    bottom: -8px;
    margin: 0 auto;
    text-align: center;
    left: 50%;
    border: 2px solid #339dd1;
    /* transform: scale(1.5); */
    transform: translate(-50%, -50%);
    background-image: -webkit-linear-gradient(30deg, #339dd1 50%, transparent 50%);
    background-image: linear-gradient(30deg, #339dd1 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.organ {

    padding: 10px;
}

.plans-button {
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 25px;
    box-shadow: 0 0 1px transparent;

    margin: 0 auto;
    text-align: center;

    border: 2px solid #339dd1;


    background-image: -webkit-linear-gradient(30deg, #339dd1 50%, transparent 50%);
    background-image: linear-gradient(30deg, #339dd1 50%, transparent 50%);
    background-size: 700px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}


.plans-button:hover {
    background-position: 100%;
    color: #339dd1;
}

a.learn-more:hover {
    background-position: 100%;
    color: #339dd1;
}


.service-box.paid-services.wow.zoomIn.animated {
    height: 440px;
}

.service-box.organic-services.wow.zoomIn.animated {
    height: 550px;
}

a.blue.serices {
    margin: 0 0 30px 0;
}

.text.social {
    padding: 30px 0px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

tr {
    border-bottom: 1px solid #ddd;
}

.product-details1.ecommerc-organic {
    margin: 0;
}

p.pehra {
    margin: 0px;
    padding: 6px 0px;
    line-height: 26px;
    color: #000;
}

ul.campain {
    margin: 0 !important;
}

li.service-sponsored {
    list-style: decimal;
    line-height: 30px;
    margin: 0px 0 0 20px;
    color: #000;
}

a.service-methods {
    color: #444;
}

.f-19 {
    font-size: 19px !important;
}

hr.border {
    border: 1px solid #eee;
    /* padding: 10px; */
    /*margin: 30px 0px;*/
    display: none;
}

.shopping {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
}

h4.trafficer {
    font-size: 24px;
    padding: 14px 0px 0 0;
}

h5.custom {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    padding: 6px 0 6px 0;
}

p.engagement {
    font-size: 16px;
    text-align: center;
}

.shopping-product {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 510px;
    margin: 10px 0px;
    text-align: center;
}

.marketing-product {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 800px;
    margin: 10px 0px;
}

.website-product {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 540px;
    margin: 10px 0px;
}

.website-product h3 {
    text-align: center;
}

.ecommerce-product {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 630px;
    margin: 10px 0px;
}

.ecommerce-product h3 {
    text-align: center;
}

.dynamic-product {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 710px;
    margin: 10px 0px;
}

.dynamic-product-left {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 530px;
    margin: 10px 0px;
}

.dynamic-product-left h3 {
    text-align: center;
}

.dynamic-product h3 {
    text-align: center;
}

.ecommerce-support {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 520px;
    margin: 10px 0px;
}

.ecommerce-support h3 {
    text-align: center;
}


.static-product {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 590px;
    margin: 10px 0px;
}

.static-product h3 {
    text-align: center;
}

.website-product {
    background: #fcfcfc;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid;
    min-height: 466px;
    margin: 10px 0px;
    text-align: center;
}

.website-product h3 {
    text-align: center;
}

.product-details1.ecommerc-organic h3 {
    font-size: 21px;
    font-weight: 400;
    padding: 8px 0px 1px 0;
    margin-bottom: 10px;
    color: #000;

}

.product-details1.ecommerc-organic h4 {
    font-size: 18px;
    font-weight: 500;
    padding: 8px 0px 1px 0;
}

li.service-enough {
    list-style: lower-alpha;
    margin: 0 0 0 20px;
    line-height: 31px;
    padding: 7px 0;
}

h3.target {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding: 12px 0px;
}

.funnel {
    padding: 20px;
}

h3.target {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    padding: 12px 0px;
}

.service-box-new {
    width: 100%;
    height: auto;
    float: left;

    border-radius: 10px;

    padding: 0px;
    text-align: center;
    transition: 0.5s;
}

p.text-service {
    font-size: 16px;
    line-height: 30px;
    /* text-align: justify; */
    color: #000;
}

img.img-custom {
    width: 40px;
    padding: 2px;
    /* background: #ffffff; */
    border: 1px solid #389ecb;
}

li.list-keyword {
    color: #000;
    list-style: disc;
    margin: 0 0 0 20px;
}

span.proces {
    color: #8A288F;
    font-weight: 600;
}

b,
strong {
    font-weight: 600;

}

h3.website-target {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding: 12px 0px;
}

.sec-title h5 {
    position: relative;
    margin-bottom: 10px;
    color: #000;
    line-height: 30px;
    margin: 6px 0 6px 0;
}

.price h3 {
    color: #8A288F;
    font-size: 35px;
    font-weight: 600;
    /* line-height: 48px; */
    margin-bottom: 10px;
}

li.service-sponsored-guide {
    /* list-style: decimal; */
    line-height: 46px;
    /* margin: 0px 0 0 20px; */
    border: 1px solid #349ecc;
    margin: 10px 7px;
    padding: 2px 12px;
    border-radius: 61px;
}

li.service-poit-online {
    list-style: disc;
    margin: 0 0 0 20px;
    /* line-height: 31px; */
    padding: 4px 0;
    /* margin: 0px; */
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

hr.border-top {

    padding: 0 0 0 0;
    margin: 15px 0 10px 0;
    border: 1px solid #006297;
}

.services-section-strategies {
    position: relative;
    padding: 40px 0 0px;
    background: #f1f1f1;
}

/*******************************************add css*******************************/

h4.trend {
    font-size: 18px !important;
    padding: 15px 0 0 0;
}

.audit-btn-custom {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 2px;
    position: relative;
    border: 2px solid #8A288F;
    margin-bottom: 25px;
}

.audit-btn-custom a:hover {
    background: #8A288F;
    color: #fff;
}

.audit-btn-custom a {
    font-size: 20px;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    transition: 0.2s;
    color: #8A288F;
}

.audit-btn-custom:before {
    content: "";
    position: absolute;
    right: -76px;
    height: 4px;
}

.audit-btn-custom:after {
    content: "";
    position: absolute;
    left: -76px;
    height: 4px;
}

.audit-btn-custom:after,
.audit-btn-custom:before {
    top: 46%;
    width: 76px;

}

hr.line {
    border: 1px solid #8A288F;
    margin: 32px 0 8px 0;
}

.team-block {
    border-right: 1px solid #ccc;
    padding: 15px;
}

.team-block:last-child {
    border: none;

}

.audit-btn-ongoing.genernal {
    width: 80%;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 2px;
    position: relative;
    border: 2px solid #8A288F;
    margin: 25px 0px 40px 0;
}

.audit-btn-ongoing.genernal a:hover {
    background: #8A288F;
    color: #fff;
}

.audit-btn-ongoing.genernal a {
    font-size: 20px;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    transition: 0.2s;
    color: #8A288F;
}




.audit-btn-ongoing {
    width: 42%;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 2px;
    position: relative;
    border: 2px solid #8A288F;
    margin: 25px 0px 40px 0;
}

.audit-btn-ongoing a:hover {
    background: #8A288F;
    color: #fff;
}

.audit-btn-ongoing a {
    font-size: 20px;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    transition: 0.2s;
    color: #8A288F;
}

.audit-btn-ongoing:before {
    content: "";
    position: absolute;
    right: -76px;
    height: 4px;
}

.audit-btn-ongoing:after {
    content: "";
    position: absolute;
    left: -76px;
    height: 4px;
}

.audit-btn-ongoing:after,
.audit-btn-ongoing:before {
    top: 46%;
    width: 76px;

}






.audit-btn-boost {
    width: 46%;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 2px;
    position: relative;
    border: 2px solid #8A288F;
    margin: 15px 20px 0px 0;
}

.audit-btn-boost a:hover {
    background: #8A288F;
    color: #fff;
}

.audit-btn-boost a {
    font-size: 16px;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    transition: 0.2s;
    color: #8A288F;
}

.audit-btn-boost:before {
    content: "";
    position: absolute;
    right: -76px;
    height: 4px;
}

.audit-btn-boost:after {
    content: "";
    position: absolute;
    left: -76px;
    height: 4px;
}

.audit-btn-boost:after,
.audit-btn-boost :before {
    top: 46%;
    width: 76px;

}

.team-block-slow {
    border-left: 1px solid #359dce;
    border-right: 1px solid #359dce;
    border-bottom: 1px solid #359dce;
    border-top: 1px solid #359dce;
    padding: 30px 15px;
    text-align: center;
}

li.service-poi {
    color: #000;
    padding: 4px 0;
}

.technical {
    margin: 0 0 40px 0px !important;
}

p.service-poit {
    margin-bottom: 0px;
    margin-top: 12px;
    color: #000;
}


.timeline {
    position: relative;
    margin: 0px auto;
    padding: 20px 0;
    width: 100%;
    box-sizing: border-box;
}

.timeline:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 90%;
    background: #000;
}

.timeline ul {
    padding: 0;
    margin: 0;
}

.timeline ul li:nth-child(odd) {
    float: left;
    text-align: right;
    clear: both;
}

.timeline ul li {
    list-style: none;
    position: relative;
    width: 50%;
    padding: 2px 40px;
    box-sizing: border-box;
}

.timeline ul li:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 35px;
    height: 0;
    top: 25px;
    right: 0px;
    /* background: rgb(240 121 14); */
    /* border-radius: 4%; */
    box-shadow: 0 0 0 1px rgb(0 0 0 / 90%);
}

.timeline ul li:nth-child(even):before {
    content: '';
    position: absolute;
    width: 30px;
    height: 0;
    top: 25px;
    left: 3px;
    background: rgb(0 0 0);
    /* border-radius: 22%; */
    box-shadow: 0 0 0 1px rgb(0 0 0 / 90%);
}

.content h4 {
    font-size: 24px;
}

.content {
    padding-bottom: 20px;
}

.timeline ul li p {
    margin: 10px 0 0;
    padding: 0;
    color: #000;
}



.content {
    padding-bottom: 20px;
}

.timeline ul li:nth-child(even) {
    float: right;
    text-align: left;
    clear: both;
}



.audit-btn-custom-fast {
    width: 25%;
    height: auto;

    text-align: center;
    border-radius: 2px;
    position: relative;
    border: 2px solid #8A288F;
    margin: 25px auto 50px auto;
}

.audit-btn-custom-fast a:hover {
    background: #8A288F;
    color: #fff;
}

.audit-btn-custom-fast a {
    font-size: 20px;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    transition: 0.2s;
    color: #8A288F;
}

.audit-btn-custom-fast:before {
    content: "";
    position: absolute;
    right: -76px;
    height: 4px;
}

.audit-btn-custom-main {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 2px;
    position: relative;
    border: 2px solid #8A288F;
    margin: 0px 25px 20px 0;
}

.audit-btn-custom-main a:hover {
    background: #8A288F;
    color: #fff;
}

.audit-btn-custom-main a {
    font-size: 18px;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    transition: 0.2s;
    color: #8A288F;
}

.audit-btn-custom-fast:after {
    content: "";
    position: absolute;
    left: -76px;
    height: 4px;
}

.audit-btn-custom-fast:after,
.audit-btn-custom-fast:before {
    top: 46%;
    width: 76px;
    background: #8A288F;
}

.audit-btn-custom-fast:hover {
    padding-left: 0px;
    padding-right: 0px;
}

th.driven {
    text-align: center;
    font-size: 24px;
    padding: 23px;
}

th.retail {
    text-align: center;
    font-size: 24px;
    padding: 23px;
}

td.driven-strai {
    /* text-align: center; */
    color: #000;
    padding: 15px;
    width: 33%;
    text-align: center;
}

td.driven {
    /* text-align: center; */
    color: #000;
    padding: 15px;
    width: 50%;
    text-align: center;
}

.intergration {
    padding: 20px 0 40px 0;
}

p.pehra-create {
    margin: 20px 0px;
    /* padding: 6px 0px; */
    line-height: 26px;
    color: #000;
}

.services-section.future {
    padding: 40px 0 0px 0px;
    background: #f1f1f1;
}

.services-section-future .inner-container .service-block {
    border: 1px solid #efefef;
}




.header-section {
    margin-bottom: 34px;
}

.header-section .title {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 32px;
}

.header-section .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;

    border-radius: 3px;
}

.header-section .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(30px);
    width: 10px;
    height: 3px;
    background-color: #504f93;
    border-radius: 3px;
}

.header-section .description {
    font-size: 14px;
    color: #282828;
}

.single-service {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 22px;
    overflow: hidden;
    height: 300px;
}

.single-service .content {
    position: relative;
    z-index: 20;
}

.single-service .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    transform: translate(40%, -40%);
    width: 150px;
    height: 150px;

    opacity: 0.5;
    z-index: 10;
    transition: all .6s;
}

.single-service:hover .circle-before {
    width: 100%;
    height: 100%;
    transform: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    background-color: #8A288F;


}

.single-service .icon {
    display: inline-block;
    margin-bottom: 26px;
    width: 70px;
    height: 70px;
    background-color: #8A288F;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transition: all .3s;
}

.single-service:hover .icon {
    background-color: #fff;
    color: #8A288F;
}

.single-service .title {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 23px;
    transition: color .3s;
}

.single-service:hover .title {
    color: #fff;
}

.single-service .description {
    margin-bottom: 20px;
    font-size: 14px;
    transition: color .3s;
}

.single-service:hover .description {
    color: #fff;
}


.single-service:hover .h5.target {
    color: #fff;
}

.single-service a {
    position: relative;
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
}

.single-service:hover a {
    color: #fff;
}

.single-service a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ff4500;
    transition: background-color .3s;
}

.single-service:hover a:after {
    background-color: #fff;
}

h5.target {
    font-size: 18px;
    font-weight: 500;
}

.single-service:hover .target {
    color: #fff;
}





.single-service-strategy {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 22px;
    overflow: hidden;
    height: 230px;
}

.single-service-strategy .content {
    position: relative;
    z-index: 20;
}

.single-service-strategy .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    transform: translate(40%, -40%);
    width: 150px;
    height: 150px;

    opacity: 0.5;
    z-index: 10;
    transition: all .6s;
}

.single-service-strategy:hover .circle-before {
    width: 100%;
    height: 100%;
    transform: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    background-color: #8A288F;


}

.single-service-strategy .icon {
    display: inline-block;
    margin-bottom: 26px;
    width: 70px;
    height: 70px;
    background-color: #8A288F;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transition: all .3s;
}

.single-service-strategy:hover .icon {
    background-color: #fff;
    color: #8A288F;
}

.single-service-strategy .title {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 23px;
    transition: color .3s;
}

.single-service-strategy:hover .title {
    color: #fff;
}

.single-service-strategy .description {
    margin-bottom: 20px;
    font-size: 14px;
    transition: color .3s;
}

.single-service-strategy:hover .description {
    color: #fff;
}


.single-service-strategy:hover .h5.target {
    color: #fff;
}

.single-service-strategy a {
    position: relative;
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
}

.single-service-strategy:hover a {
    color: #fff;
}

.single-service-strategy a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ff4500;
    transition: background-color .3s;
}

.single-service-strategy:hover a:after {
    background-color: #fff;
}

h5.target {
    font-size: 18px;
    font-weight: 500;
}

.single-service-strategy:hover .target {
    color: #fff;
}






.services-section-strat {
    position: relative;
    padding: 40px 0 0px 0px;
    background: #f1f1f1;
}


.main-timeline {
    position: relative
}

.main-timeline:before {
    content: "";
    width: 5px;
    height: 100%;
    border-radius: 20px;
    margin: 0 auto;
    background: #242922;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.main-timeline .timeline {
    display: inline-block;
    margin-bottom: 10px;
    position: relative
}

.main-timeline .timeline:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid #fff;
    background: #3aa1d5;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.main-timeline .timeline-icon {
    display: inline-block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 3px solid #3aa1d5;
    /* padding: 13px; */
    text-align: center;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    font-size: 86px;
    font-weight: 600;
}

.main-timeline .timeline-icon i {
    display: block;
    border-radius: 50%;
    background: #3aa1d5;
    font-size: 64px;
    color: #fff;
    line-height: 100px;
    z-index: 1;
    position: relative
}

.main-timeline .timeline-icon:after,
.main-timeline .timeline-icon:before {
    content: "";
    width: 100px;
    height: 4px;
    background: #3aa1d5;
    position: absolute;
    top: 50%;
    right: -100px;
    transform: translateY(-50%)
}

.main-timeline .timeline-icon:after {
    width: 70px;
    height: 50px;
    background: none;
    top: 89px;
    right: -30px
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 0 50px;
    margin: 52px 0 0;
    float: right;
    position: relative
}

.main-timeline .timeline-content:before {
    content: "";
    width: 70%;
    height: 100%;
    border: 3px solid #3aa1d5;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -13px;
    left: 35px
}

.main-timeline .timeline-content:after {
    content: "";
    width: 37px;
    height: 3px;
    background: #3aa1d5;
    position: absolute;
    top: 13px;
    left: 0
}

.main-timeline .title {
    font-size: 20px;
    font-weight: 600;
    color: #3aa1d5;
    text-transform: uppercase;
    margin: 0 0 5px
}

.main-timeline .description {
    display: inline-block;
    font-size: 14px;
    color: #000;
    line-height: 20px;

    margin: 0
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
    left: auto;
    right: 30%
}

.main-timeline .timeline:nth-child(even) .timeline-icon:before {
    right: auto;
    left: -100px
}

.main-timeline .timeline:nth-child(even) .timeline-icon:after {
    right: auto;
    left: -30px
}

.main-timeline .timeline:nth-child(even) .timeline-content {
    float: left
}

.main-timeline .timeline:nth-child(even) .timeline-content:before {
    left: auto;
    right: 35px;
    transform: rotateY(180deg)
}

.main-timeline .timeline:nth-child(even) .timeline-content:after {
    left: auto;
    right: 0
}

.main-timeline .timeline:nth-child(1n) .title {
    color: #3aa1d5
}

.main-timeline .timeline:nth-child(2n) .timeline-content:after,
.main-timeline .timeline:nth-child(2n) .timeline-icon i,
.main-timeline .timeline:nth-child(2n) .timeline-icon:before,
.main-timeline .timeline:nth-child(2n):before {
    background: #6fcfea
}

.main-timeline .timeline:nth-child(2n) .timeline-icon {
    border-color: #6fcfea
}

.main-timeline .timeline:nth-child(2n) .title {
    color: #1087a8
}

.main-timeline .timeline:nth-child(2n) .timeline-content:before {
    border-left-color: #6fcfea;
    border-bottom-color: #6fcfea
}

.main-timeline .timeline:nth-child(3n) .timeline-content:after,
.main-timeline .timeline:nth-child(3n) .timeline-icon i,
.main-timeline .timeline:nth-child(3n) .timeline-icon:before,
.main-timeline .timeline:nth-child(3n):before {
    background: #3aa1d5
}

.main-timeline .timeline:nth-child(3n) .timeline-icon {
    border-color: #3aa1d5
}

.main-timeline .timeline:nth-child(3n) .title {
    color: #046596
}

.main-timeline .timeline:nth-child(3n) .timeline-content:before {
    border-left-color: #3aa1d5;
    border-bottom-color: #3aa1d5
}

.main-timeline .timeline:nth-child(4n) .timeline-content:after,
.main-timeline .timeline:nth-child(4n) .timeline-icon i,
.main-timeline .timeline:nth-child(4n) .timeline-icon:before,
.main-timeline .timeline:nth-child(4n):before {
    background: #6fcfea
}

.main-timeline .timeline:nth-child(4n) .timeline-icon {
    border-color: #6fcfea
}

.main-timeline .timeline:nth-child(4n) .title {
    color: #1087a8
}

.main-timeline .timeline:nth-child(4n) .timeline-content:before {
    border-left-color: #6fcfea;
    border-bottom-color: #6fcfea
}

@media only screen and (max-width:1200px) {
    .main-timeline .timeline-icon:before {
        width: 50px;
        right: -50px
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon:before {
        right: auto;
        left: -50px
    }

    .main-timeline .timeline-content {
        margin-top: 75px
    }
}

@media only screen and (max-width:990px) {
    .main-timeline .timeline {
        margin: 0 0 10px
    }

    .main-timeline .timeline-icon {
        left: 25%
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        right: 25%
    }

    .main-timeline .timeline-content {
        margin-top: 115px
    }
}

@media only screen and (max-width:767px) {
    .main-timeline {
        padding-top: 50px
    }

    .main-timeline:before {
        left: 80px;
        right: 0;
        margin: 0
    }

    .main-timeline .timeline {
        margin-bottom: 70px
    }

    .main-timeline .timeline:before {
        top: 0;
        left: 83px;
        right: 0;
        margin: 0
    }

    .main-timeline .timeline-icon {
        width: 60px;
        height: 60px;
        line-height: 40px;
        padding: 5px;
        top: 0;
        left: 0
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: 0;
        right: auto
    }

    .main-timeline .timeline-icon:before,
    .main-timeline .timeline:nth-child(even) .timeline-icon:before {
        width: 25px;
        left: auto;
        right: -25px
    }

    .main-timeline .timeline-icon:after,
    .main-timeline .timeline:nth-child(even) .timeline-icon:after {
        width: 25px;
        height: 30px;
        top: 44px;
        left: auto;
        right: -5px
    }

    .main-timeline .timeline-icon i {
        font-size: 30px;
        line-height: 45px
    }

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content {
        width: 100%;
        margin-top: -35px;
        padding-left: 130px;
        padding-right: 5px
    }

    .main-timeline .timeline:nth-child(even) .timeline-content {
        float: right
    }

    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        width: 50%;
        left: 120px
    }

    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        right: auto;
        transform: rotateY(0)
    }

    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(even) .timeline-content:after {
        left: 85px
    }
}

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

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding-left: 110px
    }

    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(2n) .timeline-content:before {
        left: 99px
    }

    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(2n) .timeline-content:after {
        left: 65px
    }
}


.services-section.future-static {
    padding: 40px 0 50px 0px;
    background: #f1f1f1;
}





/******************* Timeline Demo - 5 *****************/
.main-timeline5 {
    overflow: hidden;
    position: relative
}

.main-timeline5 .timeline-dynamic {
    position: relative;
    margin-top: -100px
}

.main-timeline5 .timeline-dynamic:first-child {
    margin-top: 0
}

.main-timeline5 .timeline-icon,
.main-timeline5 .year {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline5 .timeline-dynamic:after,
.main-timeline5 .timeline-dynamic:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline5 .timeline-dynamic:before {
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: -8px 0 5px -5px rgb(169 166 166 / 50%) inset;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.main-timeline5 .timeline-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 15px solid transparent;
    border-top-color: #1b8bcd;
    border-right-color: #1b8bcd;

    z-index: 1;
    transform: rotate(45deg);
}

.main-timeline5 .year {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    font-size: 55px;
    font-weight: 700;
    color: #1b8bcd;
    text-align: center;
    transform: rotate(-45deg);
}

.main-timeline5 .timeline-content {
    width: 35%;
    float: right;
    background: #1b8bcd;
    padding: 20px 20px;
    margin: 50px 0;
    z-index: 1;
    position: relative
}

.main-timeline5 .timeline-content:before {
    content: "";
    width: 20%;
    height: 15px;
    background: #1b8bcd;
    position: absolute;
    top: 50%;
    left: -20%;
    z-index: -1;
    transform: translateY(-50%)
}

.main-timeline5 .title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px
}

.main-timeline5 .description {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 0
}

.main-timeline5 .timeline-dynamic:nth-child(2n):before {
    box-shadow: 8px 0 5px -5px rgb(204 200 200 / 50%) inset;
}

.main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-icon {
    transform: rotate(227deg);
    border-top-color: #4cafc3;
    border-right-color: #4cafc3;
}

.main-timeline5 .timeline-dynamic:nth-child(2n) .year {
    transform: rotate(135deg);
    color: #4cafc3
}

.main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-content {
    float: left
}

.main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-content:before {
    left: auto;
    right: -20%
}

.main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-content,
.main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-content:before {
    background: #4cafc3
}

.main-timeline5 .timeline-dynamic:nth-child(3n) .timeline-icon {
    border-top-color: #1a88c9;
    border-right-color: #1a88c9
}

.main-timeline5 .timeline-dynamic:nth-child(3n) .year {
    color: #1a88c9
}

.main-timeline5 .timeline-dynamic:nth-child(3n) .timeline-content,
.main-timeline5 .timeline-dynamic:nth-child(3n) .timeline-content:before {
    background: #1a88c9
}

.main-timeline5 .timeline-dynamic:nth-child(4n) .timeline-icon {
    border-top-color: #105572;
    border-right-color: #105572
}

.main-timeline5 .timeline-dynamic:nth-child(4n) .year {
    color: #105572
}

.main-timeline5 .timeline-dynamic:nth-child(4n) .timeline-content,
.main-timeline5 .timeline-dynamic:nth-child(4n) .timeline-content:before {
    background: #105572
}

@media only screen and (max-width:1199px) {
    .main-timeline5 .timeline-dynamic {
        margin-top: -103px
    }

    .main-timeline5 .timeline-content:before {
        left: -18%
    }

    .main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-content:before {
        right: -18%
    }
}

@media only screen and (max-width:990px) {
    .main-timeline5 .timeline-dynamic {
        margin-top: -127px
    }

    .main-timeline5 .timeline-content:before {
        left: -2%
    }

    .main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-content:before {
        right: -2%
    }
}

@media only screen and (max-width:767px) {
    .main-timeline5 .timeline-dynamic {
        margin-top: 0;
        overflow: hidden
    }

    .main-timeline5 .timeline-dynamic:before,
    .main-timeline5 .timeline-dynamic:nth-child(2n):before {
        box-shadow: none
    }

    .main-timeline5 .timeline-icon,
    .main-timeline5 .timeline:nth-child(2n) .timeline-icon {
        margin-top: 0px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg)
    }

    .main-timeline5 .timeline-dynamic:nth-child(2n) .year,
    .main-timeline5 .year {
        transform: rotate(-135deg)
    }

    .main-timeline5 .timeline-content,
    .main-timeline5 .timeline-dynamic:nth-child(2n) .timeline-content {
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        padding: 25px 20px;
        margin: 0 auto
    }

    .main-timeline5 .timeline-content:before,
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        width: 15px;
        height: 25px;
        position: absolute;
        top: -22px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%, 0)
    }
}


p.pehra-bottom {
    padding: 17px 14px;
}


/******************* Timeline Demo - 3 *****************/
.main-timeline3 {
    overflow: hidden;
    position: relative
}

.main-timeline3:before {
    content: "";
    width: 10px;
    height: 100%;
    border: 3px solid #959595;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.main-timeline3 .timeline {
    width: 50%;
    padding: 10px 60px 10px 100px;
    float: right;
    position: relative
}

.main-timeline3 .timeline:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #2089bd;
    border: 5px solid #fff;
    box-shadow: 0 0 1px 5px #2089bd;
    position: absolute;
    top: 42px;
    left: -20px
}

.main-timeline3 .timeline-content {
    display: block;
    background: #fff;
    padding: 70px 30px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2) inset;
    position: relative
}

.main-timeline3 .timeline-content:hover {
    text-decoration: none
}

.main-timeline3 .year {
    display: block;
    width: 25%;
    height: 50px;
    background: #2089bd;
    padding: 0 0 0 50px;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    line-height: 50px;

    border-radius: 10px 10px 10px 0;
    position: absolute;
    top: 20px;
    left: -20px
}

.main-timeline3 .year:before {
    content: "";
    border-top: 40px solid #2089bd;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    bottom: -60px;
    left: 0
}

.main-timeline3 .title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #4a4a4a
}

.main-timeline3 .description {
    font-size: 16px;
    color: #000;
    margin: 0 0 5px
}

.main-timeline3 .timeline:nth-child(2n) {
    padding: 10px 100px 10px 60px;
    text-align: right
}

.main-timeline3 .timeline:nth-child(2n):before {
    left: auto;
    right: -20px;
    background: #3db0cf;
    box-shadow: 0 0 1px 5px #3db0cf
}

.main-timeline3 .timeline:nth-child(2n) .year {
    padding-right: 50px;
    border-radius: 10px 10px 0;
    left: auto;
    right: -20px;
    background: #3db0cf
}

.main-timeline3 .timeline:nth-child(2n) .year:before {
    border-left: none;
    border-right: 20px solid transparent;
    left: auto;
    right: 0;
    border-top-color: #3db0cf
}

.main-timeline3 .timeline:nth-child(2) {
    margin-top: 140px
}

.main-timeline3 .timeline:nth-child(odd) {
    margin: -140px 0 0
}

.main-timeline3 .timeline:nth-child(even) {
    margin-bottom: 60px
}

.main-timeline3 .timeline:first-child,
.main-timeline3 .timeline:last-child:nth-child(even) {
    margin: 0
}

.main-timeline3 .timeline:nth-child(3n):before {
    background: #46a4c0;
    box-shadow: 0 0 1px 5px #46a4c0
}

.main-timeline3 .timeline:nth-child(3n) .year {
    background: #46a4c0
}

.main-timeline3 .timeline:nth-child(3n) .year:before {
    border-top-color: #46a4c0
}

.main-timeline3 .timeline:nth-child(4n):before {
    background: #248fc3;
    box-shadow: 0 0 1px 5px #248fc3
}

.main-timeline3 .timeline:nth-child(4n) .year {
    background: #248fc3
}

.main-timeline3 .timeline:nth-child(4n) .year:before {
    border-top-color: #248fc3
}

@media only screen and (max-width:990px) {
    .main-timeline3:before {
        top: 8%
    }

    .main-timeline3 .timeline {
        padding: 10px 10px 10px 100px
    }

    .main-timeline3 .timeline:nth-child(2n) {
        padding: 10px 100px 10px 10px
    }
}

@media only screen and (max-width:767px) {
    .main-timeline3:before {
        width: 8px;
        top: 0;
        left: 12px;
        transform: translateX(0)
    }

    .main-timeline3 .timeline,
    .main-timeline3 .timeline:nth-child(even),
    .main-timeline3 .timeline:nth-child(odd) {
        width: 100%;
        float: none;
        text-align: left;
        padding: 0 0 0 60px;
        margin: 0 0 30px
    }

    .main-timeline3 .timeline:before,
    .main-timeline3 .timeline:nth-child(2n):before {
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        top: 38px;
        left: 6px
    }

    .main-timeline3 .timeline:nth-child(2n) .year {
        right: auto;
        left: -20px;
        border-radius: 10px 10px 10px 0
    }

    .main-timeline3 .timeline:nth-child(2n) .year:before {
        border-left: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: none;
        right: auto;
        left: 0
    }
}




.service {
    text-align: center;
    padding: 25px 10px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    background: transparent;
    transition: transform 0.5s, background 0.5s;
    height: 250px;
    margin: 10px 0px;
    border: 2px solid #339dd1;
    border-radius: 0 35px 0px;
    color: #000;
}

.service i {
    font-size: 40px;
    margin-bottom: 10px;
    color: #000;
}

.service .service_heading {
    font-weight: 600;
    margin-bottom: 8px;
}

.service .service_heading:hover {
    color: #fff;
}


.service:hover {
    background: #0097e2;
    color: #fff;
    transform: scale(1.05);
    border: 1px solid #fff;
}

.service:hover i {
    color: #fff;
}

.service_para {
    margin: 5px 0;
    padding: 6px 0px;
    line-height: 26px;


}

.service_btn {
    padding: 10px 12px;
    border: 1px solid #303ef7;
    border-radius: 10px;
    text-decoration: none;
}

.service_btn:hover {
    color: #fff;
}




.outer-service {
    width: 100%;
    padding: 40px 0 50px 0;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
}

.outer-service .service-inner {
    width: 100%;
    text-align: center;
    padding: 0 0 30px 20px;
    position: relative;
    margin-top: 50px;
}

.outer-service .service-inner::before {
    content: "";
    border: 3px dotted #71ceea;
    border-top-style: solid;
    border-bottom-style: solid;
    border-right: none;
    position: absolute;
    border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
    width: 35%;
    top: -23px;
    bottom: 7px;
    left: 0;
}

.outer-service .service-icon {
    font-size: 45px;
    line-height: 95px;
    background-color: #fff;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 5px 5px 10px #0000004d;
    position: relative;
    color: #71ceea;
}

.outer-service .service-content {
    background-color: #fff;
    padding: 20px 10px;
    border: 3px solid #71ceea;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 5px 5px 10px #0000004d;
}

.outer-service .service-content::before,
.outer-service .service-content::after {
    content: "";
    position: absolute;
    background: #71ceea;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -26px;
    left: 35%;
}

.outer-service .service-content::after {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: auto;
    bottom: 4px;
}

.outer-service .service-title a {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-decoration: none;
    color: #71ceea;
}

.outer-service p {
    color: #0e0e0e;
    font-size: 22px;
    line-height: 30px;
}

.outer-service .service-inner.red,
.outer-service .service-inner.red .service-title a,
.outer-service .service-inner.red .service-icon {
    color: #339dd1;
}

.outer-service .service-inner.red::before,
.outer-service .service-inner.red .service-icon,
.outer-service .service-inner.red .service-content {
    border-color: #339dd1;
}

.outer-service .service-inner.red .service-content::after,
.outer-service .service-inner.red .service-content::before {
    background-color: #339dd1;
}

@media(max-width:768px) {
    .outer-service {
        flex-direction: column;
    }

    .outer-service .service-inner {
        width: 100%;

    }
}



.service-tracking {
    width: 100%;
    transition: all .3s;
    padding: 10px 5px;
    background: #fff;
    color: #fc5f9b;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    border: 1px solid #339dd1;
    padding: 15px;
    height: 300px;
    margin: 15px 0px;
}

.service-tracking:nth-child(odd) {
    color: #000;
}

.service-tracking:nth-child(even) {
    color: rgb(0, 144, 10);
}

.service-tracking::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 100%;
    background: #339dd1;
    transition: all 0.9s;
}

.service-tracking:hover {
    box-shadow: 10px 10px 15px rgba(60, 40, 40, 0.25);
    transform: scale(1.02);
}

.service-tracking:hover .title-area span {
    color: #fff;
}

.service-tracking ul li:hover {
    color: #fff;
}

.service-tracking:hover::before {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.content {
    position: relative;

}

.icons {
    width: 70px;

    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: 0.5s ease-in-out;
}

.service-tracking:hover .icons {
    color: #fff;
}

.title-area h3 {
    font-weight: 400;
}

.title-area span {
    font-size: 13px;
    color: #696363;
}

.service-tracking:hover h3,
.service-tracking:hover p {
    color: #fff;
}

.service-tracking:hover ul li {
    color: #fff;
}



.service-redesign {
    width: 100%;
    transition: all .3s;
    padding: 10px 5px;
    background: #fff;
    color: #fc5f9b;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    border: 1px solid #339dd1;
    padding: 15px;
    height: 90px;
    margin: 15px 0px;
}


.service-redesign:nth-child(odd) {
    color: #000;
}

.service-redesign:nth-child(even) {
    color: rgb(0, 144, 10);
}

.service-redesign::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 100%;
    background: #339dd1;
    transition: all 0.9s;
}

.service-redesign:hover {
    box-shadow: 10px 10px 15px rgba(60, 40, 40, 0.25);
    transform: scale(1.02);
}

.service-redesign:hover .title-area span {
    color: #fff;
}

.service-redesign ul li:hover {
    color: #fff;
}

.service-redesign:hover::before {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.service-redesign:hover .icons {
    color: #fff;
}

.service-redesign:hover h3,
.service-redesign:hover p {
    color: #fff;
}

.service-redesign:hover ul li {
    color: #fff;
}

section.faq-section.landing-page {
    background: #e9e9e9;
    padding: 40px 0px;
}





.service-maintenance {
    width: 100%;
    transition: all .3s;
    padding: 10px 5px;
    background: #fff;
    color: #fc5f9b;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    border: 1px solid #339dd1;
    padding: 15px;
    height: 140px;
    margin: 15px 0px;
    border-radius: 38px 0 4px;
}


.service-maintenance:nth-child(odd) {
    color: #000;
}

.service-maintenance:nth-child(even) {
    color: rgb(0, 144, 10);
}

.service-maintenance::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 100%;
    background: #339dd1;
    border-radius: 38px 0 4px;
    transition: all 0.9s;
}

.service-maintenance:hover {
    box-shadow: 10px 10px 15px rgba(60, 40, 40, 0.25);
    transform: scale(1.02);
}

.service-maintenance:hover .title-area span {
    color: #fff;
}

.service-maintenance ul li:hover {
    color: #fff;
}

.service-maintenance:hover::before {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.service-maintenance:hover .icons {
    color: #fff;
}

.service-maintenance:hover h3,
.service-maintenance:hover p {
    color: #fff;
}

.service-maintenance:hover ul li {
    color: #fff;
}

section.faq-section.landing-page {
    background: #e9e9e9;
    padding: 40px 0px;
}

.card {
    width: 100%;
    height: 100%;
    padding: 2em 1.5em;
    background: linear-gradient(#ffffff 50%, #2c7bfe 50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
}

.under-box {
    margin: 15px 0px;
}

h3.Understanding {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    padding: 1px 0px;
}

.icon-wrapper {
    background-color: #2c7bfe;
    position: relative;
    margin: auto;
    font-size: 30px;
    height: 2.5em;
    width: 2.5em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
}

.card:hover {
    background-position: 0 100%;
}

.card:hover .icon-wrapper {
    background-color: #ffffff;
    color: #2c7bfe;
}

.card:hover h3 {
    color: #ffffff;
}

.card:hover p {
    color: #f0f0f0;
}






.performance {
    position: relative;
    margin: 50px auto;
    padding: 40px 0;
    width: 1000px;
    box-sizing: border-box;
}

.performance:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 90%;
    background: #339dd1;
}

.performance ul {
    padding: 0;
    margin: 0;
}

.performance ul li {
    list-style: none;
    position: relative;
    width: 50%;
    padding: 20px 40px;
    box-sizing: border-box;
}

.performance ul li:nth-child(odd) {
    float: left;
    text-align: right;
    clear: both;
}

.performance ul li:nth-child(even) {
    float: right;
    text-align: left;
    clear: both;
}

.content {
    padding-bottom: 20px;
}

.content h4 {
    font-size: 24px;
}

.performance ul li:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 24px;
    right: -10px;
    background: rgb(51 157 209);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(0 108 161);
}

.performance ul li:nth-child(even):before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 24px;
    left: -9px;
    background: rgb(51 157 209);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(0 108 161);
}

.performance ul li h3 {
    padding: 0;
    margin: 0;
    color: rgba(233, 33, 99, 1);
    font-weight: 600;
}

.performance ul li p {
    margin: 10px 0 0;
    padding: 0;
}

.performance ul li .time h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.performance ul li:nth-child(odd) .time {
    width: 90px;
    height: 90px;
    line-height: 75px;
    position: absolute;
    top: -16px;
    right: -127px;
    margin: 0;
    padding: 8px 16px;
    background: rgb(255 255 255);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(51 157 209);
}

.performance ul li:nth-child(even) .time {
    width: 90px;
    height: 90px;
    line-height: 75px;
    position: absolute;
    top: -12px;
    left: -127px;
    margin: 0;
    padding: 8px 16px;
    background: rgb(255 255 255);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(51 157 209);
}

@media(max-width:1000px) {
    .performance {
        width: 100%;
    }
}

@media(max-width:767px) {
    .performance {
        width: 100%;
        padding-bottom: 0;
    }

    h1 {
        font-size: 40px;
        text-align: left;
    }

    .performance:before {
        left: 20px;
        height: 100%;
    }

    .performance ul li:nth-child(odd),
    .performance ul li:nth-child(even) {
        width: 100%;
        text-align: left;
        padding-left: 50px;
        padding-bottom: 50px;
    }

    .performance ul li:nth-child(odd):before,
    .performance ul li:nth-child(even):before {
        top: -18px;
        left: 16px;
    }

    .performance ul li:nth-child(odd) .time,
    .performance ul li:nth-child(even) .time {
        width: 50px;
        height: 50px;
        line-height: 31px;
        top: -38px;
        padding: 8px;
        left: 50px;
        right: inherit;
    }
}


/*******************************************Start Responsive Web Development******************************/


.service-icon.responsive {
    margin: 60px 0 0 0;
}

.services-section-responsive {
    position: relative;
    padding: 40px 0 40px 0px;
    background: #f1f1f1;
}

p.paragraph {
    padding-top: 30px;
}



.compliance-service {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 18px 22px;
    overflow: hidden;
    height: 220px;
}

h5.screen {
    font-size: 16px;
    font-weight: 500;
}




.compliance-service:hover .circle-before {
    width: 100%;
    height: 100%;
    transform: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    background-color: #8A288F;


}



.compliance-service .content {
    position: relative;
    z-index: 20;
}

.compliance-service .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    transform: translate(40%, -40%);
    width: 150px;
    height: 150px;

    opacity: 0.5;
    z-index: 10;
    transition: all .6s;
}

.compliance-service:hover .circle-before {
    width: 100%;
    height: 100%;
    transform: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    background-color: #8A288F;


}

.compliance-service .icon {
    display: inline-block;
    margin-bottom: 26px;
    width: 70px;
    height: 70px;
    background-color: #8A288F;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transition: all .3s;
}

.compliance-service:hover .icon {
    background-color: #fff;
    color: #8A288F;
}

.compliance-service .title {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 23px;
    transition: color .3s;
}

.compliance-service:hover .title {
    color: #fff;
}

.compliance-service .description {
    margin-bottom: 20px;
    font-size: 14px;
    transition: color .3s;
}

.compliance-service:hover .description {
    color: #fff;
}


.compliance-service:hover .h5.target {
    color: #fff;
}

.compliance-service a {
    position: relative;
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
}

.compliance-service:hover a {
    color: #fff;
}

.compliance-service a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ff4500;
    transition: background-color .3s;
}

.compliance-service:hover a:after {
    background-color: #fff;
}

h5.target {
    font-size: 18px;
    font-weight: 500;
}

.compliance-service:hover .screen {
    color: #fff;
}


.service-approach {
    width: 100%;
    transition: all .3s;
    padding: 10px 5px;
    background: #fff;
    color: #fc5f9b;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    border: 1px solid #339dd1;
    padding: 15px;
    height: 160px;
    margin: 15px 0px;
}


.service-approach:nth-child(odd) {
    color: #000;
}

.service-approach:nth-child(even) {
    color: rgb(0, 144, 10);
}

.service-approach::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 100%;
    background: #339dd1;
    transition: all 0.9s;
}

.service-approach:hover {

    transform: scale(1.02);
}

.service-approach:hover .title-area span {
    color: #fff;
}

.service-approach ul li:hover {
    color: #fff;
}

.service-approach:hover::before {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.service-approach:hover .icons {
    color: #fff;
}

.service-approach:hover h3,
.service-approach:hover p {
    color: #fff;
}

.service-approach:hover ul li {
    color: #fff;
}


/*******************************************End Responsive Web Development******************************/




/*******************************************Start Ecommerce Web Development******************************/

.custom-box {
    margin: 10px auto;
    border: 1px solid;
    border-radius: 20px;

    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color 0.5s ease-in;
    text-align: center;
    padding: 15px;
}

.custom-box .icon,
.custom-box .content-dummy {
    margin: 0px 0;
}

.custom-box .icon {
    width: 75px;
    height: 75px;
    display: grid;
    place-content: center;
    font-size: 250%;
    border-radius: 100%;
    color: #f7f7f7;
    transition: box-shadow 0.5s ease-in;
}

.custom-box .content-dummy h5.dummy:hover {
    color: #fff;
}

.custom-box:hover {
    color: #fff;
}

.custom-box:nth-of-type(1) .icon {
    background-color: #0086c9;
    box-shadow: 0px 0px 0px 0px #0086c9;
}

.custom-box:nth-of-type(1):hover .icon {
    box-shadow: 0px 0px 0px 400px #0086c9;
}


h5.dummy {
    font-size: 21px;

    margin: 22px 0 7px 0;
}

img.img-custom-ecommerce {
    width: 50px;
}

p.pehra-stands {
    padding: 36px 0px;
    color: #000;
    text-align: center;
}

p.pehra-long {
    padding: 36px 0px;
    color: #000;
}


/*******************************************End Ecommerce Web Development******************************/



/*******************************************Start Custom Web Development******************************/


.main-timeline6 {
    overflow: hidden;
    position: relative
}

.main-timeline6 .timeline {
    width: 50%;
    float: right;
    position: relative;
    z-index: 1
}

.main-timeline6 .timeline:after,
.main-timeline6 .timeline:before {
    position: absolute;
    top: 50%;
    content: "";
    display: block;
    clear: both
}

.main-timeline6 .timeline:before {
    width: 8%;
    height: 6px;
    background: #efefef;
    left: 0;
    z-index: -1;
    transform: translateY(-50%)
}

.main-timeline6 .timeline:after {
    width: 6px;
    height: 70%;
    background: #efefef;
    left: -3px
}

.main-timeline6 .timeline-content {
    width: 90%;
    float: right;
    padding: 0 0 30px 30px;
    margin-right: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 5px 6px #f7f8f8;
    border: 1px solid #339dd1;
}

.main-timeline6 .timeline-content:after,
.main-timeline6 .timeline-content:before {
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #efefef;
    position: absolute;
    top: 50%;
    left: -13px;
    z-index: 1;
    transform: translateY(-50%)
}

.main-timeline6 .timeline-content:after {
    left: 7%;
    transform: translate(-50%, -50%)
}

.main-timeline6 .year {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #efefef;
    text-align: center;
    padding-left: 50px
}

.main-timeline6 .content-inner {
    padding: 35px 15px 35px 70px;
    margin-right: -15px;
    background: #efefef;
    border-radius: 150px 0 0 150px;
    position: relative
}

.main-timeline6 .content-inner:after,
.main-timeline6 .content-inner:before {
    content: "";
    border-left: 15px solid #efefef;
    border-top: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 0
}

.main-timeline6 .content-inner:after {
    border-top: none;
    border-bottom: 10px solid transparent;
    top: auto;
    bottom: -10px
}

.main-timeline6 .icon {
    width: 110px;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.main-timeline6 .icon i {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.main-timeline6 .title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 5px
}

.main-timeline6 .description {
    font-size: 15px;
    color: #000;
    margin: 0
}

.main-timeline6 .timeline:nth-child(2n) .icon,
.main-timeline6 .timeline:nth-child(2n):after,
.main-timeline6 .timeline:nth-child(2n):before {
    left: auto;
    right: 0
}

.main-timeline6 .timeline:nth-child(2n):after {
    right: -3px
}

.main-timeline6 .timeline:nth-child(2n) .timeline-content {
    float: left;
    padding: 0 30px 30px 0;
    margin: 0 0 0 15px
}

.main-timeline6 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(2n) .timeline-content:before {
    left: auto;
    right: -13px
}

.main-timeline6 .timeline:nth-child(2n) .timeline-content:after {
    right: 7%;
    margin-right: -25px
}

.main-timeline6 .timeline:nth-child(2n) .year {
    padding: 0 50px 0 0;
    color: #1085be
}

.main-timeline6 .timeline:nth-child(2n) .content-inner {
    padding: 35px 30px 35px 15px;
    margin: 0 0 0 -15px;
    border-radius: 0 150px 150px 0
}

.main-timeline6 .timeline:nth-child(2n) .content-inner:after,
.main-timeline6 .timeline:nth-child(2n) .content-inner:before {
    border: none;
    border-right: 15px solid #efefef;
    border-top: 10px solid transparent;
    right: auto;
    left: 0
}

.main-timeline6 .timeline:nth-child(2n) .content-inner:after {
    border-top: none;
    border-bottom: 10px solid transparent
}

.main-timeline6 .timeline:nth-child(2) {
    margin-top: 200px
}

.main-timeline6 .timeline:nth-child(odd) {
    margin: -190px 0 0
}

.main-timeline6 .timeline:nth-child(even) {
    margin-bottom: 70px
}

.main-timeline6 .timeline:first-child,
.main-timeline6 .timeline:last-child:nth-child(even) {
    margin: 0
}

.main-timeline6 .timeline:nth-child(2n) .content-inner,
.main-timeline6 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(2n) .timeline-content:before,
.main-timeline6 .timeline:nth-child(2n):after,
.main-timeline6 .timeline:nth-child(2n):before {
    background: #efefef
}

.main-timeline6 .timeline:nth-child(3n) .content-inner,
.main-timeline6 .timeline:nth-child(3n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(3n) .timeline-content:before,
.main-timeline6 .timeline:nth-child(3n):after,
.main-timeline6 .timeline:nth-child(3n):before {
    background: #efefef
}

.main-timeline6 .timeline:nth-child(3n) .content-inner:after,
.main-timeline6 .timeline:nth-child(3n) .content-inner:before {
    border-left-color: #efefef
}

.main-timeline6 .timeline:nth-child(3n) .year {
    color: #2d6877
}

.main-timeline6 .timeline:nth-child(4n) .content-inner,
.main-timeline6 .timeline:nth-child(4n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(4n) .timeline-content:before,
.main-timeline6 .timeline:nth-child(4n):after,
.main-timeline6 .timeline:nth-child(4n):before {
    background: #efefef
}

.main-timeline6 .timeline:nth-child(4n) .content-inner:after,
.main-timeline6 .timeline:nth-child(4n) .content-inner:before {
    border-right-color: #efefef
}

.main-timeline6 .timeline:nth-child(4n) .year {
    color: #efefef
}

@media only screen and (max-width:990px) and (min-width:768px) {
    .main-timeline6 .timeline:after {
        height: 80%
    }
}

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

    .main-timeline6 .timeline:last-child,
    .main-timeline6 .timeline:nth-child(even),
    .main-timeline6 .timeline:nth-child(odd) {
        margin: 0
    }

    .main-timeline6 .timeline {
        width: 95%;
        margin: 15px 15px 15px 0 !important
    }

    .main-timeline6 .timeline .timeline-content:after,
    .main-timeline6 .timeline .timeline-content:before,
    .main-timeline6 .timeline:after,
    .main-timeline6 .timeline:before {
        display: none
    }

    .main-timeline6 .timeline-content,
    .main-timeline6 .timeline:nth-child(2n) .timeline-content {
        width: 100%;
        float: none;
        padding: 0 0 30px 30px;
        margin: 0
    }

    .main-timeline6 .content-inner,
    .main-timeline6 .timeline:nth-child(2n) .content-inner {
        padding: 35px 15px 35px 110px;
        margin: 0 -15px 0 0;
        border-radius: 150px 0 0 150px
    }

    .main-timeline6 .timeline:nth-child(2n) .content-inner:after,
    .main-timeline6 .timeline:nth-child(2n) .content-inner:before {
        border: none;
        border-left: 15px solid #efefef;
        border-top: 10px solid transparent;
        right: 0;
        left: auto
    }

    .main-timeline6 .timeline:nth-child(2n) .content-inner:after {
        border-top: none;
        border-bottom: 10px solid transparent
    }

    .main-timeline6 .timeline:nth-child(2n) .icon {
        top: 0;
        left: 0
    }

    .main-timeline6 .timeline:nth-child(4n) .content-inner:after,
    .main-timeline6 .timeline:nth-child(4n) .content-inner:before {
        border-left-color: #efefef
    }
}

/*******************************************End Custom Web Development******************************/



/*******************************************Start Dynamic Website Development******************************/

.enhanced-box {
    margin: 10px auto;
    border: 1px solid;
    border-radius: 20px;
    background-color: #ffffff;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color 0.5s ease-in;
    text-align: center;
    padding: 15px;
    border: 1px solid #339dd1;
}

.enhanced-box .icon,
.enhanced-box .content-real {
    margin: 0px 0;
}

.enhanced-box .icon {
    width: 75px;
    height: 75px;
    display: grid;
    place-content: center;
    font-size: 250%;
    border-radius: 100%;
    color: #f7f7f7;
    transition: box-shadow 0.5s ease-in;
}

.enhanced-box .content-real h5.dummy:hover {
    color: #fff;
}

.enhanced-box:hover {
    color: #fff;
}

.enhanced-box:nth-of-type(1) .icon {
    background-color: #0086c9;
    box-shadow: 0px 0px 0px 0px #0086c9;
}

.enhanced-box:nth-of-type(1):hover .icon {
    box-shadow: 0px 0px 0px 0px #0086c9;
}

.enhanced-box:hover {
    background: #0086c9;
}

/*******************************************End Dynamic Website Development******************************/



/*******************************************Start Static Websites******************************/


.faster-service {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 18px 22px;
    overflow: hidden;
    height: 305px;
    border: 1px solid #8A288F;
}

h5.favour {
    font-size: 21px;
    font-weight: 500;
}


.faster-service:hover .circle-before {
    width: 100%;
    height: 100%;
    transform: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    background-color: #8A288F;


}


.faster-service .content {
    position: relative;
    z-index: 20;
}

.faster-service .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    transform: translate(40%, -40%);
    width: 150px;
    height: 150px;

    opacity: 0.5;
    z-index: 10;
    transition: all .6s;
}

.faster-service:hover .circle-before {
    width: 100%;
    height: 100%;
    transform: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    background-color: #8A288F;


}

.faster-service .icon {
    display: inline-block;
    margin-bottom: 6px;
    width: 90px;
    height: 90px;
    background-color: #8A288F;
    border-radius: 5px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transition: all .3s;
    border-radius: 57px;
}

.faster-service:hover .icon {
    background-color: #fff;
    color: #8A288F;
}

.faster-service .title {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 23px;
    transition: color .3s;
}

.faster-service:hover .title {
    color: #fff;
}

.faster-service .advanced {
    margin-bottom: 20px;
    font-size: 15px;
    transition: color .3s;
    color: #000;
}

.faster-service:hover .advanced {
    color: #fff;
}


.faster-service:hover .h5.target {
    color: #fff;
}

.faster-service a {
    position: relative;
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
}

.faster-service:hover a {
    color: #fff;
}

.faster-service a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ff4500;
    transition: background-color .3s;
}

.faster-service:hover a:after {
    background-color: #fff;
}

h5.target {
    font-size: 18px;
    font-weight: 500;
}

.faster-service:hover .favour {
    color: #fff;
}

/*******************************************End Static Websites******************************/



/*******************************************Start SEO Services******************************/
.product-seo h4 {
    font-weight: 400;
    color: #8A288F;
}

.product-seo {
    border: 1px solid #ddd;
    min-height: 275px;
    margin: 11px;
    padding: 12px;
}

/*******************************************End Start SEO Services******************************/


/*******************************************Start Local SEO******************************/



/* Grid Layout */
.boxes-business {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

@media (min-width: 768px) {
    .boxes-business {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .boxes-business {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Box Styling */
.local-box {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #339dd1;

}

.local-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}


.keys-heading h2 {
    color: #fff;
}

.keys-heading p {
    color: #fff;
}


.keys-box {
    width: 100%;
    /* height: auto; */
    padding: 27px 12px;
    text-align: center;
    background: #f3f3f3;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: 200ms;
    background: #ededed;
    border: 1px solid #6fcfec;
    height: 153px;
    text-align: center;
}

.keys-box img {
    width: 50px;
    margin-bottom: 10px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.keys-box h4 {
    font-size: 23px;
}

.keys-box:hover {
    background: #fff;
}

.keys-box-top {
    /* margin-top: -40px; */
    background: #e0dede;
    padding: 40px 0px 40px 0;
}

.procedure {
    padding: 26px 0 56px 0;
}

.audit {
    padding: 30px 0 30px 0;
}


/*******************************************End Local SEO******************************/


/*******************************************Start International SEO******************************/



.service-visibility {
    width: 100%;
    transition: all .3s;
    padding: 10px 5px;
    background: #fff;
    color: #fc5f9b;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    border: 1px solid #339dd1;
    padding: 15px;
    margin: 15px 0px;
}


.service-visibility:nth-child(odd) {
    color: #000;
}

.service-visibility:nth-child(even) {
    color: rgb(0, 144, 10);
}

.service-visibility::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 100%;
    background: #339dd1;
    transition: all 0.9s;
}

.service-visibility:hover {
    box-shadow: 10px 10px 15px rgba(60, 40, 40, 0.25);
    transform: scale(1.02);
}

.service-visibility:hover .title-area span {
    color: #fff;
}

.service-visibility ul li:hover {
    color: #fff;
}

.service-visibility:hover::before {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.service-visibility:hover .icons {
    color: #fff;
}

.service-visibility:hover h3,
.service-visibility:hover p {
    color: #fff;
}

.service-visibility:hover ul li {
    color: #fff;
}


.international {
    background: #f4f4f4;
    margin: 5px 0px 48px 0;
}

.multilingual {
    background: #f4f4f4;
}

.card-local {
    width: 100%;
    height: 260px;
    padding: 2em 1.5em;
    background: linear-gradient(#ffffff 50%, #2c7bfe 50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
    margin-bottom: 30px;
}

.icon-wrapper {
    background-color: #2c7bfe;
    position: relative;
    margin: auto;
    font-size: 30px;
    height: 2.5em;
    width: 2.5em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
}

.card-local:hover {
    background-position: 0 100%;
}

.card-local:hover .icon-wrapper {
    background-color: #ffffff;
    color: #2c7bfe;
}

.card-local:hover h3 {
    color: #ffffff;
}

.card-local:hover p {
    color: #f0f0f0;
}



/*******************************************End International SEO******************************/


/*******************************************Start Landing Page SEO******************************/

.service-investment {
    width: 100%;
    transition: all .3s;
    padding: 10px 5px;
    background: #fff;
    color: #fc5f9b;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    border: 1px solid #339dd1;
    padding: 15px;
    margin: 15px 0px;
    height: 270px;
}


.service-investment:nth-child(odd) {
    color: #000;
}

.service-investment:nth-child(even) {
    color: rgb(0, 144, 10);
}

.service-investment::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 100%;
    background: #339dd1;
    transition: all 0.9s;
}

.service-investment:hover {
    box-shadow: 10px 10px 15px rgba(60, 40, 40, 0.25);
    transform: scale(1.02);
}

.service-investment:hover .title-area span {
    color: #fff;
}

.service-investment ul li:hover {
    color: #fff;
}

.service-investment:hover::before {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.service-investment:hover .icons {
    color: #fff;
}

.service-investment:hover h3,
.service-investment:hover p {
    color: #fff;
}

.service-investment:hover ul li {
    color: #fff;
}

/*******************************************End Landing Page SEO******************************/

/*******************************************Start E-Commerce SEO******************************/

.main-timeline12 .magento {
    padding: 0 2px;
    position: relative;
    display: inline-block;
    width: 33%;
}

.main-timeline12 .col-md-2 {
    -ms-flex: 0 0 15.666667%;
    flex: 0 0 15.666667%;
    max-width: 15.666667%
}

.main-timeline12 .timeline-icon {
    display: block;
    text-align: center;
    padding: 20px 0 55px;
    z-index: 1;
    position: relative
}

.main-timeline12 .timeline:nth-child(2n) .timeline-icon {
    padding: 55px 0 20px
}

.main-timeline12 .timeline-icon:before {
    content: "";
    width: 1px;
    height: 52%;
    background: #339dd1;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all .3s ease 0s
}

.main-timeline12 .magento:nth-child(2n) .timeline-icon:before {
    bottom: auto;
    top: 0
}

.main-timeline12 .magento:hover .timeline-icon:before {
    background: #555
}

.main-timeline12 .timeline-icon i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    background: #339dd1;
    font-size: 14px;
    color: #fff;
    transition: all .3s ease 0s
}

.main-timeline12 .magento:hover .timeline-icon i {
    background: #024667;
    animation: icon-load 2.5s ease 0s infinite
}

.main-timeline12 .border {
    height: 15px;
    background: #339dd1;
    margin-bottom: 0;
    transition: all .3s ease 0s
}

.main-timeline12 .magento:hover .border {
    background: #024667;
}

.main-timeline12 .magento:first-child .border {
    border-radius: 4px 0 0 4px
}

.main-timeline12 .magento:last-child .border {
    border-radius: 0 4px 4px 0
}

.main-timeline12 .magento:nth-child(2n) .border {
    margin: 18px 0 0
}

.main-timeline12 .timeline-content {
    padding: 15px;
    border: 1px solid #339dd1;
    background: #f9f9f9;
    border-radius: 3px;
    transition: all .3s ease 0s;
    text-align: center;
}

.main-timeline12 .magento:hover .timeline-content {
    background: #024667
}

.main-timeline12 .title {
    font-size: 16px;
    font-weight: 700;
    color: #339dd1;
    text-transform: uppercase;
    margin: 0 0 10px;
    transition: all .3s ease 0s
}

.main-timeline12 .magento:hover .target {
    color: #fff
}

.main-timeline12 .timeline-content .pehra {
    font-size: 18px;
    color: #000;
    margin: 0;
    transition: all .3s ease 0s
}

.main-timeline12 .magento:hover .pehra {
    color: #fff
}

@keyframes icon-load {
    0% {
        transform: rotate(-12deg)
    }

    8% {
        transform: rotate(12deg)
    }

    10%,
    28%,
    30%,
    48%,
    50%,
    68% {
        transform: rotate(24deg)
    }

    18%,
    20%,
    38%,
    40%,
    58%,
    60% {
        transform: rotate(-24deg)
    }

    100%,
    75% {
        transform: rotate(0)
    }
}

@media only screen and (max-width:990px) {
    .main-timeline12 .magento {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .main-timeline12 .timeline-icon {
        padding-top: 0
    }

    .main-timeline12 .magento:nth-child(2n) .timeline-icon {
        padding-bottom: 0
    }

    .main-timeline12 .border {
        margin-bottom: 10px
    }

    .main-timeline12 .magento:nth-child(2n) .border {
        margin: 10px 0 0
    }

    .main-timeline12 .timeline-content {
        text-align: center
    }
}



.main-timeline2 {
    padding-top: 50px;
    overflow: hidden;
    position: relative
}

.main-timeline2:before {
    content: "";
    width: 7px;
    height: 100%;
    background: #3aa1d5;
    margin: 0 auto;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0
}

.main-timeline2 .commerce-enhancement {
    width: 50%;
    float: left;
    padding: 20px 60px;
    border-top: 7px solid #3aa1d5;
    border-right: 7px solid #3aa1d5;
    border-radius: 0 30px 0 0;
    position: relative;
    right: -3.5px
}

.main-timeline2 .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #3aa1d5;
    border: 1px solid #fff;
    text-align: center;
    font-size: 25px;
    color: #fff;
    box-shadow: 0 0 0 2px #3aa1d5;
    position: absolute;
    top: -30px;
    left: 0
}

.main-timeline2 .timeline-content {
    display: block;
    padding: 30px 10px 10px;
    border-radius: 20px;
    background: #3b9dce;
    color: #fff;
    position: relative
}

.main-timeline2 .timeline-content:hover {
    text-decoration: none;
    color: #fff
}

.main-timeline2 .timeline-content:after,
.main-timeline2 .timeline-content:before {
    content: "";
    display: block;
    width: 10px;
    height: 50px;
    border-radius: 10px;
    background: #3aa1d5;
    border: 1px solid #fff;
    position: absolute;
    top: -35px;
    left: 50px
}

.main-timeline2 .timeline-content:after {
    left: auto;
    right: 50px
}

.main-timeline2 .title {
    font-size: 24px;
    margin: 0
}

.main-timeline2 .pehra {
    font-size: 18px;
    /* letter-spacing: 1px; */
    margin: 0 0 5px;
    color: #fff;
    padding: 18px;
}

.main-timeline2 .commerce-enhancement:nth-child(2n) {
    border-right: none;
    border-left: 7px solid #3aa1d5;
    border-radius: 30px 0 0;
    right: auto;
    left: -3.5px
}

.main-timeline2 .commerce-enhancement:nth-child(2n) .icon {
    left: auto;
    right: 0;
    box-shadow: 0 0 0 2px #4bd9bf
}

.main-timeline2 .commerce-enhancement:nth-child(2) {
    margin-top: 130px
}

.main-timeline2 .commerce-enhancement:nth-child(odd) {
    margin: -130px 0 30px
}

.main-timeline2 .commerce-enhancement:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline2 .commerce-enhancement:first-child,
.main-timeline2 .commerce-enhancement:last-child:nth-child(even) {
    margin: 0 0 30px
}

.main-timeline2 .timeline:nth-child(2n) .icon,
.main-timeline2 .timeline:nth-child(2n) .timeline-content,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:before {
    background: #4bd9bf
}

.main-timeline2 .timeline:nth-child(3n) .icon,
.main-timeline2 .timeline:nth-child(3n) .timeline-content,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:before {
    background: #ff9e09
}

.main-timeline2 .timeline:nth-child(3n) .icon {
    box-shadow: 0 0 0 2px #ff9e09
}

.main-timeline2 .timeline:nth-child(4n) .icon,
.main-timeline2 .timeline:nth-child(4n) .timeline-content,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:before {
    background: #3ebae7
}

.main-timeline2 .timeline:nth-child(4n) .icon {
    box-shadow: 0 0 0 2px #3ebae7
}

@media only screen and (max-width:767px) {
    .main-timeline2:before {
        left: 0;
        right: auto
    }

    .main-timeline2 .timeline,
    .main-timeline2 .timeline:nth-child(even),
    .main-timeline2 .timeline:nth-child(odd) {
        width: 100%;
        float: none;
        padding: 20px 30px;
        margin: 0 0 30px;
        border-right: none;
        border-left: 7px solid #3aa1d5;
        border-radius: 30px 0 0;
        right: auto;
        left: 0
    }

    .main-timeline2 .icon {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width:480px) {
    .main-timeline2 .title {
        font-size: 18px
    }
}

.card-fashion {
    width: 100%;
    height: 280px;
    padding: 2em 1.5em;
    background: linear-gradient(#ffffff 50%, #2c7bfe 50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
    margin-bottom: 30px;
}


.card-fashion:hover {
    background-position: 0 100%;
}

.card-fashion:hover .icon-wrapper {
    background-color: #ffffff;
    color: #2c7bfe;
}

.card-fashion:hover h3 {
    color: #ffffff;
}

.card-fashion:hover p {
    color: #f0f0f0;
}

/*******************************************End E-Commerce SEO******************************/





/*******************************************Start On-Page SEO******************************/
.would {
    padding: 40px 0px;
}


#price {
    text-align: center;
    background: #fbfbfb;
}

.plan {
    display: inline-block;
    margin: 40px auto;

}

.plan-inner {
    background: #fff;
    margin: 0 auto;
    /* min-width: 280px; */
    /* max-width: 100%; */
    position: relative;
    background: #fffefe;
    padding: 15px;
    border: 1px solid #339dd1;
}

.typical {
    margin: 15px 0px;
}

.entry-title>h3 {
    background: #8A288F;
    font-size: 18px;
    padding: 10px 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    color: #fff;
}

.entry-title .price {
    position: absolute;
    bottom: -25px;
    background: #20BADA;
    height: 95px;
    width: 95px;
    margin: 0 auto;
    left: 0;
    right: 0;
    overflow: hidden;
    border-radius: 50px;
    border: 5px solid #fff;
    line-height: 80px;
    font-size: 28px;
    font-weight: 700;
}

.price span {
    position: absolute;
    font-size: 9px;
    bottom: -10px;
    left: 30px;
    font-weight: 400;
}

.entry-content {
    color: #323232;
    font-size: 15px;
}

.entry-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.entry-content li {
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;
}

.entry-content li:last-child {
    border: none;
}

.btn {
    padding: 3em 0;
    text-align: center;
}

.btn a {
    background: #323232;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none
}

.hot {
    position: absolute;
    top: -7px;
    background: #F80;
    color: #fff;
    text-transform: uppercase;
    z-index: 2;
    padding: 2px 5px;
    font-size: 9px;
    border-radius: 2px;
    right: 10px;
    font-weight: 700;
}

.basic .entry-title {
    background: #75DDD9;
}

.basic .entry-title>h3 {
    background: #44CBC6;
}

.basic .price {
    background: #44CBC6;
}

.standard .entry-title {
    background: #4484c1;
}

.standard .entry-title>h3 {
    background: #3772aa;
}

.standard .price {
    background: #3772aa;
}

.ultimite .entry-title>h3 {
    background: #DD4B5E;
}

.ultimite .entry-title {
    background: #F75C70;
}

.ultimite .price {
    background: #DD4B5E;
}

/*******************************************End On- Page SEO******************************/






/*******************************************Start Off-Page SEO******************************/
.common-seo-off-page {
    background: #f9f7f7;
}



.folded-corner {
    padding: 25px 15px;
    position: relative;
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    background: transparent;
    transition: all ease .5s;
    border: 1px solid rgb(67 133 244);
    margin: 15px 0px;
}

.folded-corner:hover {
    background-color: rgb(177 206 255);
}

/*
  paper fold corner
*/

.folded-corner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 0px 0px 0;
    border-color: #ddd #000;
    transition: all ease .3s;
}

/*
  on li hover make paper fold larger
*/
.folded-corner:hover:before {
    background-color: #D00003;
    border-width: 0 50px 50px 0;
    border-color: #eee #000;

}

.service_tab_1 {
    background-color: #ffffff;
}

.service_tab_1:hover .fa-icon-image {
    color: #000;
    transform: rotate(360deg) scale(1.5);
}


.fa-icon-image {
    color: rgba(31, 181, 172, .9);
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    text-rendering: auto;
    transition: all .65s linear 0s;
    text-align: center;
    transition: all 1s cubic-bezier(.99, .82, .11, 1.41);
}

h4.backlink {
    font-size: 21px;
    color: #000;
    font-weight: 500;
}

.success-tales {
    background: #eee;
    padding: 30px 0 30px 0;
}

.service-box.metrics-growth {
    min-height: 215px;
}

h5.metrics {
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.should-process {
    padding: 40px 0 30px 0;
}

.excellent {
    padding: 40px 0 30px 0;
}

/*******************************************End Off- Page SEO******************************/

.service-box.organic-services-left.wow.zoomIn.animated.animated {
    min-height: 512px;
}

.product-details1.ecommerc-organic.generation {
    padding: 34px 0;
}

.icon.wirte {
    width: 57px;
    height: 60px;
    font-size: 32px;
}

.audit-btn-ongoing.journey {
    width: 60%;
}

h3.target.travel {
    font-size: 18px;
}

.audit-btn-custom-main.footer-button {
    width: 100%;
}

.ready {
    margin: 0 13px 0 0;
    /* padding: 1px 0 4px 0; */
    min-height: 55px;
}

.development-process {
    padding-bottom: 60px;
}

.services-section.future.puture-proofing {
    padding-bottom: 60px;
}

li.text-service {
    color: #000;
    font-size: 16px;
    line-height: 31px;
    list-style: disc;
    margin: 0 0 0 23px;
}


/**********************************************start services slider***********************************/


p.services-pehra {
    margin: 0px;
    padding: 6px 0px;
    line-height: 26px;
    color: #000;
    font-size: 16px;

}

h3.services-target {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding: 15px 0px;
}

.testi-box.services-carousel.active-color {
    background: none;
    margin: 0 auto;
    min-height: 370px;
}

img.service-img {
    width: 40% !important;
    text-align: center;
    margin: 0 auto;
}

.testi-box.services-carousel {
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fdcc05;
    min-height: 370px;
}

blockquote.actually {
    background: none;
    border: none;
    font-size: 18px;
    padding: 0px;
}



.people-say {

    background: none;

    border: none;
    margin: 25px 0px 0 0;
    padding: 20px;

    border-radius: 10px;
    transition: all 0.3s ease;
    /* smooth hover effect */
    cursor: pointer;
    position: relative;
    z-index: 99;
    text-align: center;

}

.people-say::before {
    content: "";
    position: absolute;
    inset: 0;
    border-image: linear-gradient(to right, #6ccfff, #0864c5) 1;
    border-style: solid;
    border-width: 3px;
    transform: skewX(164deg);
    transform-origin: right;
    background: #fff;
    z-index: -11;
    color: #fff;

}



/* Hover effect */
.people-say:hover {
    color: #8A288F;
    transform: translateY(-12px);

}



li.people-service {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    list-style: none;
    margin: 0 0 15px 0;
}


p.pehra-achievements {
    padding-bottom: 50px;
    text-align: center;
}

/**********************************************end services slider***********************************/




/*******************************************start ******************************/

.achievements {
    position: relative;
    margin: 50px auto;
    padding: 40px 0;
    width: 1000px;
    box-sizing: border-box;
}

.achievements:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 90%;
    background: #339dd1;
}

.achievements ul {
    padding: 0;
    margin: 0;
}

.achievements ul li {
    list-style: none;
    position: relative;
    width: 50%;
    padding: 8px 40px 30px 40px;
    box-sizing: border-box;
}

.achievements ul li:nth-child(odd) {
    float: left;
    text-align: right;
    clear: both;
}

.achievements ul li:nth-child(even) {
    float: right;
    text-align: left;
    clear: both;
}

.content {
    padding-bottom: 20px;
}

.content h4 {
    font-size: 24px;
}

.achievements ul li:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 24px;
    right: -10px;
    background: rgb(51 157 209);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(0 108 161);
}

.achievements ul li:nth-child(even):before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 24px;
    left: -9px;
    background: rgb(51 157 209);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(0 108 161);
}

.achievements ul li h3 {
    padding: 0;
    margin: 0;
    color: rgba(233, 33, 99, 1);
    font-weight: 600;
}

.achievements ul li p {
    margin: 10px 0 0;
    padding: 0;
}

.achievements ul li .time h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.achievements ul li:nth-child(odd) .time {
    width: 90px;
    height: 90px;
    line-height: 75px;
    position: absolute;
    top: -16px;
    right: -127px;
    margin: 0;
    padding: 8px 16px;
    background: rgb(255 255 255);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(51 157 209);
}

.achievements ul li:nth-child(even) .time {
    width: 90px;
    height: 90px;
    line-height: 75px;
    position: absolute;
    top: -12px;
    left: -127px;
    margin: 0;
    padding: 8px 16px;
    background: rgb(255 255 255);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(51 157 209);
}

@media(max-width:1000px) {
    .achievements {
        width: 100%;
    }
}

@media(max-width:767px) {
    .achievements {
        width: 100%;
        padding-bottom: 0;
    }

    h1 {
        font-size: 40px;
        text-align: left;
    }

    .achievements:before {
        left: 20px;
        height: 100%;
    }

    .achievements ul li:nth-child(odd),
    .achievements ul li:nth-child(even) {
        width: 100%;
        text-align: left;
        padding-left: 50px;
        padding-bottom: 50px;
    }

    .achievements ul li:nth-child(odd):before,
    .achievements ul li:nth-child(even):before {
        top: -18px;
        left: 16px;
    }

    .achievements ul li:nth-child(odd) .time,
    .achievements ul li:nth-child(even) .time {
        width: 50px;
        height: 50px;
        line-height: 31px;
        top: -38px;
        padding: 8px;
        left: 50px;
        right: inherit;
    }
}


/*******************************************end ******************************/