@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);

@font-face {
    font-family: proximanova;
    src: url("../fonts/ProximaNova-Black.woff2") format("woff2"), url("/fonts/ProximaNova-Bold.woff2") format("woff2"), url("/fonts/ProximaNova-Light.woff2") format("woff2"), url("/fonts/ProximaNova-Semibold.woff2") format("woff2"), url("/fonts/ProximaNovaRegular.woff2") format("woff2")
}

:root {
    --textColor: #000
}

html {
    scroll-behavior: auto !important;
}

body {
    line-height: 1.6;
    font-family: Proxima Nova, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    overflow-x: hidden;
    background: #f1f8fb;
    padding-top: 100px
}

body.modal-open {
    padding-right: 15px !important;
}

body.modal-open header {
    padding-right: 15px !important;
}

@supports (-moz-appearance: none) {
    body.modal-open {
        padding-right: 0 !important;
    }

    body.modal-open header {
        padding-right: 0 !important;
    }
}

p a {
    color: #363636;
    width: auto;
    display: inline-block
}

p a:hover {
    text-decoration: underline;
    outline: 0
}

p {
    line-height: 1.6;
    font-size: 16px;
    color: #333;
    font-weight: 400
}

a {
    color: #7f7f7f;
    text-decoration: none;
    outline: 0;
    display: block
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

img {
    max-width: 100%
}

iframe {
    border: 0;
    width: 100%
}

blockquote {
    padding: 0;
    border: 0
}

h1 {
    font-size: 30px;
    margin: 0
}

h2 {
    font-size: 25px;
    margin: 0
}

h3 {
    font-size: 20px;
    margin: 0
}

h4 {
    font-size: 18px;
    margin: 0
}

h5 {
    font-size: 17px;
    margin: 0
}

h6 {
    font-size: 16px;
    margin: 0
}

.form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: #02619e
}

.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden
}

.cursor-inner {
    margin-left: -4px;
    margin-top: -4px;
    width: 10px;
    height: 10px;
    z-index: 10000001;
    background: linear-gradient(118deg, #2aaaea 32.59%, #0f7eb5 99.7%) !important;
    -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
    transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out
}

.cursor-inner.cursor-hover {
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: linear-gradient(118deg, #2aaaea 32.59%, #0f7eb5 99.7%) !important;
    opacity: .1
}

.cursor-outer {
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: .5;
    border: 2px solid #2aaaea;
    -webkit-transition: all .08s ease-out;
    transition: all .08s ease-out
}

.cursor-outer.cursor-hover {
    opacity: 0
}

.mim_tm_all_wrap[data-magic-cursor=hide] .mouse-cursor {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1111
}

.header .container-fluid {
    padding: 0 20px
}

.header .container-fluid .row {
    position: relative
}

.header {
    float: left;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    width: 100%;
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 99;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .01);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .01);
    transition: transform .3s ease
}

.header.hide-header {
    transform: translateY(-100%)
}

body.indexOnly {
    padding-top: 0
}

body.careerOnly {
    padding-top: 0
}

body.career {
    padding-top: 57px
}

.indexOnly .header {
    float: left;
    width: 100%;
    background: 0 0;
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 99;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .01);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .01)
}

.indexOnly .header.headerFixed {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box
}

.topHeader {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: 0 0;
    border-bottom: 1px solid #112b37;
    position: relative
}

.header.stricky-fixed .topHeader {
    display: none
}

.topHeader.hideHeader2 {
    display: none
}

.franchise {
    padding: 5px 10px;
    height: auto;
    line-height: normal;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    float: left;
    width: auto;
    margin: 2px 0;
    border: 1px solid #97d4e8;
    border-radius: 4px;
    background: #c8e7f1;
    color: #0e81ba
}

.franchise:after,
.franchise:before {
    border: solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
    top: 100%
}

.franchise:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #97d4e8;
    left: 15%;
    margin-left: -10px;
    border-width: 10px
}

.franchise:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #c8e7f1;
    left: 15%;
    margin-left: -8px;
    border-width: 8px
}

.franchise a {
    position: relative;
    color: #2d7187;
    font-size: 16px
}

.franchise:hover {
    background: #0e81ba;
    color: #fff;
    border-color: #0e81ba
}

.franchise:hover:after {
    border-top-color: #0e81ba
}

.topLeft {
    display: flex;
    align-items: center;
    color: #a0b7c1;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px
}

.topLeft svg {
    margin-right: 5px
}

.top_right a.blink {
    animation: blink 1.5s infinite;
    background: #0f7eb5;
    color: #fff;
    padding: 5px 12px;
    border-radius: 2px;
    line-height: normal;
    font-size: 15px;
    margin-left: 10px;
    font-weight: 600
}

.top_right a.blink svg {
    width: 22px;
    height: 22px
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1;
        background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
        color: #384a49
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1;
        background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
        color: #384a49
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1;
        background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
        color: #384a49
    }

    100% {
        opacity: 1
    }
}

.call_btn {
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

.call_btn svg {
    width: 24px;
    height: 24px;
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.call_btn:focus,
.call_btn:hover {
    color: #ffa007
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.hiringTab {
    padding: 5px 10px;
    height: auto;
    line-height: normal;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    width: auto;
    margin: 2px 0 2px 15px;
    border: 1px solid #d5870b;
    border-radius: 4px;
    background: #ffa007;
    color: #fff
}

.hiringTab:after,
.hiringTab:before {
    border: solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
    top: 100%
}

.hiringTab:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #d5870b;
    left: 15%;
    margin-left: -10px;
    border-width: 10px
}

.hiringTab:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffa007;
    left: 15%;
    margin-left: -8px;
    border-width: 8px
}

.hiringTab a {
    position: relative;
    color: #fff;
    font-size: 16px
}

.hiringTab:hover {
    background: #0e81ba;
    color: #fff;
    border-color: #0e81ba
}

.hiringTab:hover:after {
    border-top-color: #0e81ba
}

.fakeJob {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: normal;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    background: #f8d7da;
    color: #842029;
    border: 1px solid transparent;
    border-color: #f5c2c7
}

.fakeJob a {
    margin-left: 10px;
    color: #333;
    text-decoration: underline;
    font-weight: 600
}

.top_right {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0
}

.top_right p {
    margin: 0;
    line-height: 40px
}

.top_right img {
    width: 95px;
    height: auto;
    border-radius: 3px;
    border: 0 solid #e5e5e5;
    margin-left: 5px
}

.wpsLogin {
    position: relative;
    display: inline-block;
    margin-left: 15px
}

.wpsLoginBtn {
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    color: #fff;
    cursor: pointer
}

.wpsLoginBtn svg {
    width: 14px;
    height: 14px
}

.wpsLoginBtn:focus,
.wpsLoginBtn:hover {
    color: #f5aa31
}

.wpsLoginDropdown {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 260px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
    padding: 15px;
    border-radius: 12px;
    right: 0;
    z-index: 99
}

.wpsLoginDropdown:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #e9edf4;
    border-left: 1px solid #e9edf4
}

.wpsLoginDropdown .wpsLoginClose {
    position: absolute;
    top: 5px;
    right: 10px;
    background: 0 0;
    border: none;
    font-size: 16px;
    cursor: pointer
}

.headerUser {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #d6d6d6
}

.headerUser:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.headerUser .headerUserTitle {
    font-size: 18px;
    font-weight: 600;
    color: #09334f;
    margin-bottom: 5px
}

.headerUser p {
    line-height: normal;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px
}

.headerUser a {
    line-height: normal;
    font-size: 16px;
    color: #0f7eb5;
    font-weight: 600;
    margin-bottom: 10px
}

.headerUser a:focus,
.headerUser a:hover {
    color: #f5aa31
}

.wpsCart {
    position: relative;
    cursor: pointer;
    margin-left: 12px
}

.wpsCart a {
    color: #fff
}

.wpsCart a svg {
    width: 22px;
    height: 22px
}

.wpsCart a .wpsBadge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -7px;
    top: -1px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%)
}

.logo {
    max-width: 225px
}

.header.headerFixed .logo {
    width: 200px
}

.header.stricky-fixed .logo {
    max-width: 180px
}

.mobileLogo {
    position: absolute;
    left: 0;
    top: 2px
}

.navigation {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.navigation .navbar button {
    float: right;
    width: 40px;
    height: 40px;
    background: 0 0;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 25px;
    border-radius: 0;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 99;
    padding: 5px;
    position: relative;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

.navigation .navbar button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 70%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 15%;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.navigation .navbar button span:first-child {
    top: 8px
}

.navigation .navbar button span:nth-child(2),
.navigation .navbar button span:nth-child(3) {
    top: 18px
}

.navigation .navbar button span:nth-child(4) {
    top: 28px
}

.navigation .navbar button.open span:first-child {
    top: 18px;
    width: 0%;
    left: 50%
}

.navigation .navbar button.open span:nth-child(2) {
    transform: rotate(45deg)
}

.navigation .navbar button.open span:nth-child(3) {
    transform: rotate(-45deg)
}

.navigation .navbar button.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

.navigation .menu {
    display: block
}

.header.headerFixed .navigation .menu {
    display: block;
    aspect-ratio: 900/56
}

.navigation .menu ul {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    display: flex;
    align-items: center;
    position: static
}

.navigation .menu ul li {
    display: inline-block;
    position: relative
}

.navigation .menu ul li.mega {
    position: static
}

.navigation .menu ul li a {
    padding: 16px 12px;
    display: block;
    color: #fff;
    transition: all .3s ease;
    font-size: 16px;
    background: 0 0;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Inter, sans-serif
}

.header.headerFixed .navigation .menu ul li a {
    padding: 12px 12px
}

.navigation .menu ul li.active a,
.navigation .menu ul li:hover a {
    color: #ffa007;
    background: 0 0
}

.navigation .menu ul li ul.cs-dropdown,
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown {
    top: 100%;
    left: 0;
    text-align: left;
    border: 0;
    position: absolute;
    width: 100%;
    min-width: 220px;
    display: none;
    z-index: 99999;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .4);
    background: #fff;
    margin: 0;
    padding: 0;
    transition: all .3s ease;
    border-radius: 0 0 4px 4px
}

.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown {
    overflow: hidden;
    border-radius: 8px
}

.navigation .menu ul li.mega ul.cs-dropdown {
    width: 100%;
    padding: 20px 0 0
}

.navigation .menu ul li ul.cs-dropdown li {
    display: block;
    border-bottom: 1px solid #e1f5ff;
    position: relative
}

.navigation .menu ul li ul.cs-dropdown.menu2Line {
    width: 920px;
    box-shadow: none;
    background-color: #fff;
    border-radius: 1.5rem;
    min-width: 20rem;
    padding: 1rem;
    top: 3rem;
    bottom: auto;
    left: -150%;
    right: auto;
    align-content: start;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2))
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown.menu2Line {
    left: -250%
}

.navigation .menu ul li:hover ul.cs-dropdown.menu2Line {
    display: flex;
    align-items: flex-start
}

.navigation .menu ul li ul.cs-dropdown.menu2Line li {
    width: 70%;
    border: 0
}

.navigation .menu ul li ul.cs-dropdown.menu2Line li.menuImage {
    width: 25%;
    margin-left: auto;
    overflow: hidden;
    border-radius: 16px
}

.navigation .menu ul li ul.cs-dropdown.menu3Line {
    position: relative;
    left: 0;
    top: 0;
    background-color: #fff;
    min-width: 20rem;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
    grid-auto-columns: minmax(15rem, 1fr);
    align-content: start;
    box-shadow: none
}

.navigation .menu ul li:hover ul.cs-dropdown.menu3Line {
    display: grid;
    box-shadow: none
}

.navigation .menu ul li ul.cs-dropdown.menu3Line li {
    width: 100%;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #09334f;
    border-radius: .75rem;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    padding: 0;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    display: flex;
    position: relative;
    border: 0
}

.navigation .menu ul li ul.cs-dropdown.menu3Line li .menu4Line {
    width: 100%
}

.navigation .menu ul li ul.cs-dropdown.menu3Line li .menu4Line strong {
    padding: 0 0 10px;
    display: block
}

.navigation .menu ul li ul.cs-dropdown.menu2Line li ul.cs-dropdown.menu3Line li:hover ul.cs-dropdown {
    left: 0;
    top: 0;
    font-size: 14px
}

.navigation .menu ul li ul.cs-dropdown .menuItem a {
    padding: .75rem 1rem;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #fff;
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    position: relative;
    align-items: center;
    width: 100%
}

.navigation .menu ul li ul.cs-dropdown .menuItem a img {
    aspect-ratio: 1/1;
    max-width: 45px
}

.navigation .menu ul li ul.cs-dropdown .cs-submenu.menuItem a button {
    transform: rotateZ(-90deg);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: auto;
    display: none
}

.navigation .menu ul li ul.cs-dropdown .cs-submenu.menuItem:hover a button {
    display: block
}

.navigation .menu ul li ul.cs-dropdown .cs-submenu.menuItem a button svg {
    width: 20px;
    height: 20px
}

.navigation .menu ul li ul.cs-dropdown .menuItem:hover a {
    background-color: #ebedef;
    color: #09334f
}

.navigation .menu ul li ul.cs-dropdown .menuItem a svg {
    max-width: 35px;
    width: 35px;
    height: 35px;
    transform: rotateZ(0);
    text-align: center;
    margin-right: 10px;
    color: #09334f
}

.navigation .menu ul li:first-child.cs-submenu:hover .menuItem a svg {
    color: #09334f
}

.navigation .menu ul li ul.cs-dropdown .menuItem:hover a svg {
    color: #09334f
}

.navigation .menu ul li:first-child.cs-submenu:hover .menuItem a svg {
    color: #09334f
}

.navigation .menu ul li ul.cs-dropdown .menuItem a .menuInfo {
    width: calc(100% - 35px);
    padding-left: 5px
}

.navigation .menu ul li ul.cs-dropdown .menuItem a .menuInfo .menuTitle {
    color: #09334f;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px
}

.navigation .menu ul li ul.cs-dropdown .menuItem:hover a .menuInfo .menuTitle {
    color: #09334f
}

.navigation .menu ul li ul.cs-dropdown .menuItem a .menuInfo .menuContent {
    color: #777;
    font-size: 12px;
    font-weight: 500
}

.navigation .menu ul li ul.cs-dropdown .menuItem:hover a .menuInfo .menuContent {
    color: #333
}

.navigation .menu ul li ul.cs-dropdown .menuItem a span {
    display: block;
    font-size: 16px;
    line-height: normal
}

.navigation .menu ul li ul.cs-dropdown li a {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
    line-height: normal;
    position: relative;
    display: block;
    text-transform: capitalize;
    background: 0 0;
    transition: all .3s ease
}

.navigation .menu ul li ul.cs-dropdown li a:hover {
    color: #0e81b9;
    background: #e1f5ff
}

.navigation ul li.cs-submenu a button {
    border: 0;
    background: 0 0;
    outline: 0;
    padding: 0;
    margin: 0 0 0 3px;
    color: #fff
}

.navigation ul li.cs-submenu a button svg {
    width: 16px;
    height: 16px
}

.navigation ul li.cs-submenu:hover svg {
    transform: rotateZ(180deg);
    color: #ffa007
}

.navigation ul li.cs-submenu:hover ul.cs-dropdown li.cs-submenu svg {
    color: #242424
}

.navigation ul li.cs-submenu:hover ul.cs-dropdown li a svg {
    color: #09334f
}

.navigation .menu ul li ul.cs-dropdown li a:hover svg {
    color: #0e81b9
}

.navigation ul li.cs-submenu ul.cs-dropdown li a button {
    float: right;
    color: #333
}

.navigation ul li.cs-submenu ul.cs-dropdown li a button svg {
    transform: rotateZ(-90deg)
}

.navigation ul li.cs-submenu ul.cs-dropdown li.cs-submenu:hover svg {
    color: #fff
}

.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li:hover ul.cs-dropdown,
.navigation .menu ul li:hover ul.cs-dropdown {
    display: block
}

.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li:hover ul.cs-dropdown {
    left: 100%;
    top: 0;
    font-size: 14px
}

.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li:hover ul.cs-dropdown li a {
    width: 100%;
    font-weight: 400;
    border-radius: 0;
    background: #ebedef;
    color: #333;
    padding: 10px 15px
}

.navigation .navbar {
    display: none;
    padding: 12px 0;
    margin: 0
}

.navigation .menu ul li:first-child a:hover,
.navigation .menu ul li:first-child.active a,
.navigation .menu ul li:first-child:focus,
.navigation .menu ul li:first-child:hover a {
    color: #83aff9
}

.navigation .menu ul li:first-child ul.cs-dropdown li:before {
    background: #83aff9
}

.navigation .menu ul li:first-child ul.cs-dropdown li a {
    color: #333
}

.navigation .menu ul li:first-child ul.cs-dropdown li a:hover,
.navigation .menu ul li:first-child ul.cs-dropdown li ul.cs-dropdown li:hover a,
.navigation .menu ul li:first-child ul.cs-dropdown li ul.cs-dropdown li:hover ul.cs-dropdown li:hover a,
.navigation .menu ul li:first-child ul.cs-dropdown li:focus {
    background: #83aff9;
    color: #fff
}

.navigation .menu ul li:first-child.cs-submenu:hover svg {
    color: #83aff9
}

.navigation .menu ul li:first-child.cs-submenu:hover ul.cs-dropdown .menuItem a svg {
    color: #09334f
}

.navigation .menu ul li:nth-child(2) a:hover,
.navigation .menu ul li:nth-child(2).active a,
.navigation .menu ul li:nth-child(2):focus,
.navigation .menu ul li:nth-child(2):hover a {
    color: #ff776b
}

.navigation .menu ul li:nth-child(2) ul.cs-dropdown li:before {
    background: #ff776b
}

.navigation .menu ul li:nth-child(2) ul.cs-dropdown li a {
    color: #333
}

.navigation .menu ul li:nth-child(2) ul.cs-dropdown li a:hover,
.navigation .menu ul li:nth-child(2) ul.cs-dropdown li ul.cs-dropdown li:hover a,
.navigation .menu ul li:nth-child(2) ul.cs-dropdown li ul.cs-dropdown li:hover ul.cs-dropdown li:hover a,
.navigation .menu ul li:nth-child(2) ul.cs-dropdown li:focus {
    background: #ff776b;
    color: #fff
}

.navigation .menu ul li:nth-child(2).cs-submenu:hover svg {
    color: #ff776b
}

.navigation .menu ul li:nth-child(2).cs-submenu:hover ul.cs-dropdown .menuItem a svg {
    color: #09334f
}

.navigation .menu ul li ul.cs-dropdown .menuItem:hover a .menuInfo .menuContent,
.navigation .menu ul li ul.cs-dropdown .menuItem:hover a .menuInfo .menuTitle,
.navigation .menu ul li.cs-submenu:hover ul.cs-dropdown .menuItem:hover a svg {
    color: #fff
}

.navigation .menu ul li:nth-child(3) a:hover,
.navigation .menu ul li:nth-child(3).active a,
.navigation .menu ul li:nth-child(3):focus,
.navigation .menu ul li:nth-child(3):hover a {
    color: #fbbc05
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown li:before {
    background: #fbbc05
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown li a {
    color: #333;
    width: 100%
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown li a:hover,
.navigation .menu ul li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown li:hover a,
.navigation .menu ul li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown li:hover ul.cs-dropdown li:hover a,
.navigation .menu ul li:nth-child(3) ul.cs-dropdown li:focus {
    background: #fbbc05;
    color: #fff
}

.navigation .menu ul li:nth-child(3).cs-submenu:hover svg {
    color: #fbbc05
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown .menuItem a svg {
    color: #09334f
}

.navigation .menu ul li:nth-child(4) a:hover,
.navigation .menu ul li:nth-child(4).active a,
.navigation .menu ul li:nth-child(4):focus,
.navigation .menu ul li:nth-child(4):hover a {
    color: #34a853
}

.navigation .menu ul li:nth-child(4) ul.cs-dropdown li:before {
    background: #34a853
}

.navigation .menu ul li:nth-child(4) ul.cs-dropdown li a {
    color: #333
}

.navigation .menu ul li:nth-child(4) ul.cs-dropdown li a:hover,
.navigation .menu ul li:nth-child(4) ul.cs-dropdown li:focus {
    background: #34a853;
    color: #fff
}

.navigation .menu ul li:nth-child(4).cs-submenu:hover svg {
    color: #34a853
}

.navigation .menu ul li.packages {
    position: relative
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line {
    left: auto;
    right: -250%;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    width: 1024px
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li {
    width: 100%;
    border: 0;
    column-count: 3
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    box-shadow: none;
    padding: 0;
    top: 0;
    border-radius: 0
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li {
    column-count: 1
}

.slimScrollDiv {
    padding-right: 10px !important
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li:hover ul.cs-dropdown {
    left: 0;
    font-size: inherit
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown.menu3Line li strong {
    font-size: 16px;
    text-transform: uppercase;
    color: #34a853
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown a {
    color: #333;
    font-size: 13px;
    font-weight: 400 !important
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li:hover ul.cs-dropdown a {
    padding: 6px 0;
    background: 0 0;
    font-weight: 600
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown a:hover {
    padding: 6px 0;
    font-weight: 600
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li.finalMenu {
    display: block;
    height: auto
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown.menu3Line li ul.cs-dropdown li {
    width: 100%;
    column-count: 1;
    margin-bottom: 5px
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown.menu3Line li ul.cs-dropdown li:last-child {
    margin: 0
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown.menu3Line li.cs-submenu:nth-child(odd) ul.cs-dropdown li a {
    background: #ebfbef;
    border: 1px solid #d2e6d7
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li.finalMenu a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 12px 15px;
    border-radius: 6px;
    background-color: rgb(245 249 254);
    border: 1px solid rgb(193 219 251)
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li.finalMenu a:hover {
    color: #fff;
    background: #34a853
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown.menu3Line li.cs-submenu:nth-child(odd) ul.cs-dropdown li a:focus,
.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown.menu3Line li.cs-submenu:nth-child(odd) ul.cs-dropdown li a:hover {
    color: #fff;
    background: #34a853
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li.finalMenu a img {
    width: 35px;
    margin-right: 10px
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li.finalMenu a svg {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    color: #333
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li.finalMenu:hover a svg {
    color: #34a853
}

.navigation .menu ul li.packages ul.cs-dropdown.menu2Line li ul.cs-dropdown li.finalMenu a .menuInfo {
    width: 100%
}

.career_btn {
    display: inline-block;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    color: #384a49;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    padding: 6px 50px 6px 15px;
    border-radius: 2px;
    margin-top: 2px;
    margin-left: 8px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
    white-space: nowrap;
    text-transform: uppercase
}

.career_btn .rocket_img {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 10%;
    right: 15px;
    -webkit-animation: rocket-animation 5s infinite;
    animation: rocket-animation 5s infinite
}

.career_btn:hover {
    background: #0a83bd;
    color: #fff
}

@-webkit-keyframes rocket-animation {
    0% {
        top: 10%;
        right: 15px
    }

    10% {
        top: 10%;
        right: 15px
    }

    20% {
        top: 10%;
        right: 15px
    }

    25% {
        top: 15%;
        right: 10px
    }

    30% {
        top: 10%;
        right: 15px
    }

    35% {
        top: 15%;
        right: 10px
    }

    40% {
        top: 10%;
        right: 15px
    }

    45% {
        top: 15%;
        right: 10px
    }

    50% {
        top: 10%;
        right: 15px
    }

    55% {
        top: 13%;
        right: 13px
    }

    75% {
        top: -65%;
        right: -20px;
        opacity: 1
    }

    75.1% {
        top: -65%;
        right: -20px;
        opacity: 0
    }

    75.2% {
        top: 150%;
        right: 70px;
        opacity: 0
    }

    75.3% {
        top: 150%;
        right: 70px;
        opacity: 1
    }

    100% {
        top: 10%;
        right: 15px
    }
}

@keyframes rocket-animation {
    0% {
        top: 10%;
        right: 15px
    }

    10% {
        top: 10%;
        right: 15px
    }

    20% {
        top: 10%;
        right: 15px
    }

    25% {
        top: 15%;
        right: 10px
    }

    30% {
        top: 10%;
        right: 15px
    }

    35% {
        top: 15%;
        right: 10px
    }

    40% {
        top: 10%;
        right: 15px
    }

    45% {
        top: 15%;
        right: 10px
    }

    50% {
        top: 10%;
        right: 15px
    }

    55% {
        top: 13%;
        right: 13px
    }

    75% {
        top: -65%;
        right: -20px;
        opacity: 1
    }

    75.1% {
        top: -65%;
        right: -20px;
        opacity: 0
    }

    75.2% {
        top: 150%;
        right: 70px;
        opacity: 0
    }

    75.3% {
        top: 150%;
        right: 70px;
        opacity: 1
    }

    100% {
        top: 10%;
        right: 15px
    }
}

.career_btn span {
    width: 18px;
    height: 18px;
    background: #fff;
    position: absolute;
    border-radius: 50%
}

.career_btn .circle1 {
    opacity: .4;
    bottom: -17px;
    right: 60px;
    width: 20px;
    height: 20px;
    -webkit-animation: cloud-animation1 5s infinite;
    animation: cloud-animation1 5s infinite
}

.career_btn .circle2 {
    opacity: .8;
    bottom: -14px;
    right: 50px;
    -webkit-animation: cloud-animation2 5s infinite;
    animation: cloud-animation2 5s infinite
}

.career_btn .circle3 {
    opacity: .4;
    bottom: -12px;
    right: 37px;
    -webkit-animation: cloud-animation3 5s infinite;
    animation: cloud-animation3 5s infinite
}

.career_btn .circle4 {
    bottom: -10px;
    right: 28px;
    -webkit-animation: cloud-animation4 5s infinite;
    animation: cloud-animation4 5s infinite
}

.career_btn .circle5 {
    opacity: .8;
    bottom: -14px;
    right: 17px;
    -webkit-animation: cloud-animation5 5s infinite;
    animation: cloud-animation5 5s infinite
}

.career_btn .circle6 {
    opacity: .4;
    bottom: -16px;
    right: 10px;
    -webkit-animation: cloud-animation6 5s infinite;
    animation: cloud-animation6 5s infinite
}

@-webkit-keyframes cloud-animation1 {
    0% {
        bottom: -17px;
        right: 60px
    }

    10% {
        bottom: -17px;
        right: 60px
    }

    20% {
        bottom: -17px;
        right: 60px
    }

    25% {
        bottom: -14px;
        right: 63px
    }

    30% {
        bottom: -17px;
        right: 60px
    }

    35% {
        bottom: -14px;
        right: 63px
    }

    40% {
        bottom: -17px;
        right: 60px
    }

    45% {
        bottom: -14px;
        right: 63px
    }

    50% {
        bottom: -17px;
        right: 60px
    }

    55% {
        bottom: -14px;
        right: 63px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -17px;
        right: 60px
    }
}

@keyframes cloud-animation1 {
    0% {
        bottom: -17px;
        right: 60px
    }

    10% {
        bottom: -17px;
        right: 60px
    }

    20% {
        bottom: -17px;
        right: 60px
    }

    25% {
        bottom: -14px;
        right: 63px
    }

    30% {
        bottom: -17px;
        right: 60px
    }

    35% {
        bottom: -14px;
        right: 63px
    }

    40% {
        bottom: -17px;
        right: 60px
    }

    45% {
        bottom: -14px;
        right: 63px
    }

    50% {
        bottom: -17px;
        right: 60px
    }

    55% {
        bottom: -14px;
        right: 63px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -17px;
        right: 60px
    }
}

@-webkit-keyframes cloud-animation2 {
    0% {
        bottom: -14px;
        right: 50px
    }

    10% {
        bottom: -14px;
        right: 50px
    }

    20% {
        bottom: -14px;
        right: 50px
    }

    25% {
        bottom: -11px;
        right: 47px
    }

    30% {
        bottom: -14px;
        right: 50px
    }

    35% {
        bottom: -11px;
        right: 47px
    }

    40% {
        bottom: -14px;
        right: 50px
    }

    45% {
        bottom: -11px;
        right: 47px
    }

    50% {
        bottom: -14px;
        right: 50px
    }

    55% {
        bottom: -11px;
        right: 47px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -14px;
        right: 50px
    }
}

@keyframes cloud-animation2 {
    0% {
        bottom: -14px;
        right: 50px
    }

    10% {
        bottom: -14px;
        right: 50px
    }

    20% {
        bottom: -14px;
        right: 50px
    }

    25% {
        bottom: -11px;
        right: 47px
    }

    30% {
        bottom: -14px;
        right: 50px
    }

    35% {
        bottom: -11px;
        right: 47px
    }

    40% {
        bottom: -14px;
        right: 50px
    }

    45% {
        bottom: -11px;
        right: 47px
    }

    50% {
        bottom: -14px;
        right: 50px
    }

    55% {
        bottom: -11px;
        right: 47px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -14px;
        right: 50px
    }
}

@-webkit-keyframes cloud-animation3 {
    0% {
        bottom: -12px
    }

    10% {
        bottom: -12px
    }

    20% {
        bottom: -12px
    }

    25% {
        bottom: -9px
    }

    30% {
        bottom: -12px
    }

    35% {
        bottom: -9px
    }

    40% {
        bottom: -12px
    }

    45% {
        bottom: -9px
    }

    50% {
        bottom: -12px
    }

    55% {
        bottom: -9px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -12px
    }
}

@keyframes cloud-animation3 {
    0% {
        bottom: -12px
    }

    10% {
        bottom: -12px
    }

    20% {
        bottom: -12px
    }

    25% {
        bottom: -9px
    }

    30% {
        bottom: -12px
    }

    35% {
        bottom: -9px
    }

    40% {
        bottom: -12px
    }

    45% {
        bottom: -9px
    }

    50% {
        bottom: -12px
    }

    55% {
        bottom: -9px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -12px
    }
}

@-webkit-keyframes cloud-animation4 {
    0% {
        bottom: -10px
    }

    10% {
        bottom: -10px
    }

    20% {
        bottom: -10px
    }

    25% {
        bottom: -7px
    }

    30% {
        bottom: -10px
    }

    35% {
        bottom: -7px
    }

    40% {
        bottom: -10px
    }

    45% {
        bottom: -7px
    }

    50% {
        bottom: -10px
    }

    55% {
        bottom: -7px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -10px
    }
}

@keyframes cloud-animation4 {
    0% {
        bottom: -10px
    }

    10% {
        bottom: -10px
    }

    20% {
        bottom: -10px
    }

    25% {
        bottom: -7px
    }

    30% {
        bottom: -10px
    }

    35% {
        bottom: -7px
    }

    40% {
        bottom: -10px
    }

    45% {
        bottom: -7px
    }

    50% {
        bottom: -10px
    }

    55% {
        bottom: -7px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -10px
    }
}

@-webkit-keyframes cloud-animation5 {
    0% {
        bottom: -14px;
        right: 17px
    }

    10% {
        bottom: -14px;
        right: 17px
    }

    20% {
        bottom: -14px;
        right: 17px
    }

    25% {
        bottom: -11px;
        right: 14px
    }

    30% {
        bottom: -14px;
        right: 17px
    }

    35% {
        bottom: -11px;
        right: 14px
    }

    40% {
        bottom: -14px;
        right: 17px
    }

    45% {
        bottom: -11px;
        right: 14px
    }

    50% {
        bottom: -14px;
        right: 17px
    }

    55% {
        bottom: -11px;
        right: 14px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -14px;
        right: 17px
    }
}

@keyframes cloud-animation5 {
    0% {
        bottom: -14px;
        right: 17px
    }

    10% {
        bottom: -14px;
        right: 17px
    }

    20% {
        bottom: -14px;
        right: 17px
    }

    25% {
        bottom: -11px;
        right: 14px
    }

    30% {
        bottom: -14px;
        right: 17px
    }

    35% {
        bottom: -11px;
        right: 14px
    }

    40% {
        bottom: -14px;
        right: 17px
    }

    45% {
        bottom: -11px;
        right: 14px
    }

    50% {
        bottom: -14px;
        right: 17px
    }

    55% {
        bottom: -11px;
        right: 14px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -14px;
        right: 17px
    }
}

@-webkit-keyframes cloud-animation6 {
    0% {
        bottom: -15px
    }

    10% {
        bottom: -15px
    }

    20% {
        bottom: -15px
    }

    25% {
        bottom: -12px
    }

    30% {
        bottom: -15px
    }

    35% {
        bottom: -12px
    }

    40% {
        bottom: -15px
    }

    45% {
        bottom: -12px
    }

    50% {
        bottom: -15px
    }

    55% {
        bottom: -12px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -15px
    }
}

@keyframes cloud-animation6 {
    0% {
        bottom: -15px
    }

    10% {
        bottom: -15px
    }

    20% {
        bottom: -15px
    }

    25% {
        bottom: -12px
    }

    30% {
        bottom: -15px
    }

    35% {
        bottom: -12px
    }

    40% {
        bottom: -15px
    }

    45% {
        bottom: -12px
    }

    50% {
        bottom: -15px
    }

    55% {
        bottom: -12px
    }

    75% {
        bottom: -30px
    }

    100% {
        bottom: -15px
    }
}

.callus {
    text-align: center;
    line-height: normal
}

.home_banner {
    float: left;
    width: 100%;
    height: auto;
    padding: 130px 0 60px;
    margin: 0;
    position: relative;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box;
    overflow: hidden;
    z-index: 0
}

.home_banner .container {
    position: relative;
    z-index: 99
}

.bannerRight {
    position: absolute;
    left: 10%;
    bottom: 0;
    max-width: 476px
}

.SecLayerimg,
.blinker_anim {
    overflow: hidden
}

.SecLayerimg img,
.blinker_anim img {
    max-width: 100%;
    height: auto
}

.layer_img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    top: 57%;
    transform: translateY(-50%)
}

.blinker_anim img {
    -webkit-animation: blinker 3s infinite linear;
    animation: blinker 3s infinite linear
}

@keyframes blinker {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.03, 1.03)
    }

    100% {
        transform: scale(1, 1)
    }
}

.bannerLeft {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0 0
}

.titleOne {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: normal;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 20px;
    min-height: 250px;
    display: flex;
    align-items: center;
    
}

.titleOne span.text,
.titleOne span.typed-cursor {
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 53px
}

.bannerLeft p {
    font-size: 18px;
    line-height: normal;
    margin: 0 0 15px;
    padding: 0;
    color: #fff;
    text-align: left
}

.commonList {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 25px
}

.commonList li {
    padding: 10px 0 5px 0;
    position: relative;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center
}

.commonList li svg {
    width: 24px;
    height: 24px;
    color: #ffc83e;
    margin-right: 8px
}

.wWebpulse {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 560px
}

.bannerRight img {
    margin-bottom: 0
}

.pnl {
    animation-delay: 2s;
    animation-name: fadeInUp
}

@keyframes movebounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0)
    }
}

.common_btn3 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc83e), to(#ef9b2d));
    background-image: -o-linear-gradient(top, #ffc83e, #ef9b2d);
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    font-size: 18px;
    color: #222;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    border: 0;
    position: relative;
    padding-right: 70px;
    max-width: 26.25rem
}

.common_btn3:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="black" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(237, 120, 11, .3);
    line-height: 0;
    padding: 15px;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #ffc73e;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.common_btn3:hover {
    color: #212529;
    background: #f9ba00 -webkit-gradient(linear, left top, left bottom, from(#fac426), to(#f9ba00)) repeat-x;
    background: #f9ba00 -o-linear-gradient(top, #fac426, #f9ba00) repeat-x;
    background: #f9ba00 linear-gradient(180deg, #fac426, #f9ba00) repeat-x;
    border-color: #ecb100
}

.common_btn4 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 1.5rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    border: 1px solid #ffc83e;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    position: relative;
    padding-right: 70px;
    max-width: 26.25rem;
    margin-left: 10px;
    overflow: hidden
}

.common_btn4:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="white" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #ffc83e;
    width: 50px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.common_btn4:hover {
    color: #fff;
    background: #0a3193 linear-gradient(180deg, #2674f9, #0a3193) repeat-x;
    border-color: #1048ae
}

.common_btn4:hover:after {
    font-style: normal;
    border-color: #1a5ee6
}

.outstandingReviews {
    float: left;
    width: 100%;
    padding: 40px 0 125px;
    margin: 0;
    position: relative;
    background: #f1f8fb
}

.outstandingReviews ul {
    float: left;
    width: 100%;
    margin: 15px auto 0;
    display: flex;
    padding: 0;
    flex-flow: row wrap;
    justify-content: center
}

.outstandingReviews ul li {
    list-style: none;
    text-align: center;
    width: calc(100% / 5);
    padding: 15px;
    background: #f1f8fb;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center
}

.outstandingReviews ul li:after {
    content: '';
    position: absolute;
    top: 15%;
    right: 1px;
    width: 1px;
    height: 70%;
    background: #e5f2f9
}

.outstandingReviews ul li:last-child:after {
    display: none
}

.outstandingReviews ul li span {
    background-color: #fff;
    width: 100%;
    transition: all .3s ease-in-out;
    padding: 10px
}

.outstandingReviews ul li:hover:after {
    display: none
}

.outstandingReviews ul li img {
    display: block;
    width: auto;
    max-width: 125px
}

.outstandingReviews ul li svg {
    margin-bottom: 10px;
    fill: #ffd400
}

.outstandingReviews ul li .number_1 {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #878787
}

.outstandingReviews ul li .number_1 strong {
    font-weight: 700;
    color: #282828
}

.mediaNews {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.mediaNews .container {
    position: relative
}

.counter_area_wrapper {
    background: #fff;
    box-shadow: -4px -6px 24px rgba(0, 0, 0, .08), 8px 12px 24px rgba(0, 0, 0, .08);
    border-radius: 4px;
    padding: 20px 20px;
    top: -88px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.counter_area_wrapper .featuredTitle {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: block;
    color: #212529;
    margin-bottom: 0
}

.counter_area_wrapper .featuredTitle span {
    color: #0d81ba
}

.featuredNews {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.newsLogo {
    position: relative;
    height: 75px;
    border: 1px solid #cce3ee;
    border-radius: 4px;
    background: 0 0
}

.newsLogo img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    padding: 10px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 1
}

.newsLogo:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.awardsBanner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.awardsBanner #slider {
    overflow: hidden;
    width: 100%
}

.slide {
    position: relative;
    display: block;
    z-index: 6;
    width: 100%;
    /* height: 100%; */
    overflow: hidden
}

.awardsBanner #slider .slide img {
    width: 100%
}

#slider .owl-next,
#slider .owl-prev {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #333;
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 100%;
    z-index: 9
}

#slider .owl-nav .owl-prev {
    left: 80px
}

#slider .owl-nav .owl-next {
    right: 80px
}

#slider .owl-next:hover,
#slider .owl-prev:hover {
    background: #02619e;
    color: #fff;
    border-color: #02619e
}

#slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.featureSection {
    float: left;
    width: 100%;
    margin-top: -60px;
    clip-path: polygon(9% 0%, 100% 33%, 100% 100%, 0% 100%, 0% 31%);
    background-color: #fff
}

.featuredTitle {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    display: block;
    color: #212529;
    margin-bottom: 20px
}

.featuredTitle span {
    color: #0d81ba
}

.bg-shape-image-position {
    float: left;
    width: 100%;
    position: relative;
    background: #f1f8fb;
    padding: 50px 0
}

.bg-shape-image-position:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.WebServices {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #eee
}

.cover__services {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border-radius: 12px 12px 0 0;
    background: #fff;
    backdrop-filter: blur(12px)
}

.cover__services .item {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 30px 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cover__services .item:hover {
    background: #eee
}

.cover__services .item:nth-child(-n+3) {
    border-bottom: 1px dashed #ccc
}

.cover__services .item:nth-child(3n+1) {
    border-right: 1px dashed #ccc
}

.cover__services .item:nth-child(3n) {
    border-left: 1px dashed #ccc
}

.cover__services .item:nth-child(3) {
    border-top-right-radius: 12px
}

.cover__services .item .left {
    margin-right: 25px
}

.cover__services .item .left img,
.cover__services .item .left svg {
    width: 80px;
    height: 80px;
    min-width: 80px;
    transition: all .5s ease
}

.cover__services .item:hover .left img {
    transform: rotatey(360deg);
    transition: .5s all
}

.cover__services .item .right {
    text-align: left
}

.cover__services .item .right .getTitle {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: #0d81ba;
    margin-bottom: 2px
}

.cover__services .item .right p {
    color: #012238;
    opacity: .9;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin: 0
}

.icon-bx-wraper {
    background: #fff;
    padding: 40px 40px;
    overflow: hidden;
    box-shadow: 1px 1.732px 60px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    z-index: 1;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
    position: relative;
    margin-bottom: 40px
}

.icon-bx-wraper:before {
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    background: linear-gradient(to right, #09334f 0, #3596c5 100%);
    opacity: 0;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.icon-bx-wraper .icon-bx {
    height: 76px;
    width: 76px;
    text-align: center;
    line-height: 76px;
    position: relative;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
    z-index: 1;
    margin-bottom: 15px
}

.icon-bx-wraper .icon-bx .ico-bg-shape {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
    z-index: -1;
    color: #09334f
}

.icon-content {
    overflow: hidden
}

.dz-separator {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 8px;
    position: relative
}

.dz-separator.style-1 {
    height: 1px;
    width: 60px
}

.icon-bx-wraper p {
    text-align: left;
    line-height: normal
}

.icon-bx-wraper p:last-child {
    margin: 0
}

.dz-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: normal;
    margin-bottom: 10px
}

.dz-title a {
    color: #071c35
}

.icon-bx-wraper.active,
.icon-bx-wraper:hover {
    color: #fff;
    box-shadow: 1px 1.732px 60px 0 rgba(38, 78, 196, .3)
}

.icon-bx-wraper.active:before,
.icon-bx-wraper:hover:before {
    opacity: 1
}

.icon-bx-wraper.active .dz-title,
.icon-bx-wraper.active .dz-title a,
.icon-bx-wraper:hover .dz-title,
.icon-bx-wraper:hover .dz-title a,
.icon-bx-wraper:hover p {
    color: #fff
}

.icon-bx-wraper:hover .dz-separator.style-1 {
    background: #fff
}

.icon-bx .icon-cell svg {
    color: #fff
}

.icon-bx-wraper:hover .icon-bx .icon-cell svg {
    color: #004d88
}

.icon-bx-wraper:hover .icon-bx svg.ico-bg-shape {
    color: #fff
}

.bestService {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    position: relative;
    background: #f1f8fb
}

.bestService:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -10px;
    margin-left: -16px;
    z-index: 9;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.bestService .title_1 {
    margin-bottom: 50px
}

.partner-line {
    position: relative;
    color: #f5aa31;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.partner-line svg {
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%)
}

.partner-line .ui-svg-icon svg path,
.ui-svg-icon svg path {
    fill: none;
    stroke: #f5aa31;
    stroke-width: 5;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: highlighted-line 10s linear forwards !important;
    -webkit-animation: highlighted-line 10s linear forwards !important;
    stroke-width: 9;
    animation-delay: 2s !important
}

@keyframes highlighted-line {
    to {
        stroke-dashoffset: 0
    }
}

.businessRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px
}

.businessItem {
    width: 155px;
    box-shadow: 15px 0 15px #75757529;
    height: 70px;
    margin: 5px;
    padding: 10px 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e1f5ff;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border-radius: 8px
}

.businessItem .bestService_1 {
    aspect-ratio: 129/42.83
}

.businessItem img {
    padding: 5px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .7
}

.businessItem:hover {
    box-shadow: 0 0 30px rgb(0 0 0 / 15%)
}

.businessItem:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.bestService_1 .bestService_title {
    color: #09334f;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bestService_1 .bestService_price {
    font-weight: 600;
    font-size: 18px;
    color: #0d81ba
}

.bestService_1 .bestService_price .price_icon {
    font-weight: 600;
    margin-right: 2px;
    font-size: 17px;
    color: #0d81ba
}

.bestService_1 .bestService_price .price_icon svg {
    width: 50px;
    height: 50px
}

.bestService_1 .bestService_price .price_yr {
    font-size: 14px;
    color: #0d81ba
}

.awarded_as {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #f1f8fb;
    position: relative;
    border-bottom: 1px solid #e1f5ff
}

.awarded_as:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.awarded_as .title_1 {
    margin-bottom: 10px
}

.awardlogo {
    width: 100%;
    min-height: 182px;
    float: left;
    padding: 20px;
    margin: 0 0 30px;
    box-shadow: 2px 2px 5px #949494;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    transition: .5s;
    font-family: Oswald, sans-serif
}

.awardlogo:hover {
    box-shadow: 2px 2px 15px #949494;
    transition: .5s
}

.awardlogo img {
    margin: 0 auto;
    width: auto;
    height: auto;
    max-height: 100%;
    display: inline-block
}

.companyFeatures {
    float: left;
    width: 100%;
    padding: 50px 0 50px;
    margin: 0;
    background: url(../img/about-bg.webp) center top no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.companyFeatures:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #1c2430
}

.companyFeatures .container {
    position: relative
}

.seoFactor {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #fff
}

.seoFactor .container-fluid {
    padding-left: 40px;
    padding-right: 40px
}

.seoFactor p {
    color: #333
}

.seoFactorRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px
}

.seoFactor .factorBox {
    width: calc(95% / 5);
    position: relative;
    border: 1px solid #cae0ec;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    margin: 5px;
    margin-top: 50px;
    border-radius: 12px
}

.seoFactor .factorBox .number {
    position: absolute;
    font-size: 3.875rem;
    font-weight: 500;
    top: -5%;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.seoFactor .factorBox .head {
    border-bottom: 1px solid #cae0ec;
    margin: 0;
    padding: 15px;
    padding-top: 15px;
    padding-right: 15px;
    font-weight: 600;
    font-size: 20px;
    padding-left: 35px;
    padding-top: 30px;
    z-index: 5;
    position: relative;
    color: #333;
    height: 98px;
    display: flex;
    align-items: center
}

.seoFactor .factorBox:hover .head {
    color: #fff !important;
    border-bottom: 1px solid #347097
}

.seoFactor .factorBox .botimg img {
    width: 100%;
    padding: 15px;
    padding-bottom: 15px;
    padding-bottom: 0
}

.seoFactor .factorBox .bot-icon svg {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    transform: rotate(45deg)
}

.seoFactor .factorBox .bot-icon svg path {
    fill: #02619e
}

.seoFactor .factorBox:hover .bot-icon svg {
    transform: rotate(-138deg);
    bottom: 5px;
    right: 5px;
    fill: #fff
}

.seoFactor .factorBox:hover .bot-icon {
    z-index: 9;
    position: relative
}

.seoFactor .factorBox .hover-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #09334f;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 12px
}

.seoFactor .factorBox .hover-content ul {
    padding-left: 0;
    position: absolute;
    bottom: 15px
}

.seoFactor .factorBox .hover-content ul li {
    list-style: none;
    position: relative;
    color: #fff;
    font-size: 16px;
    padding-left: 1.4rem;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 400
}

.seoFactor .factorBox .hover-content ul li::before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 10px;
    height: 1px;
    background: #fff;
    content: ""
}

.seoFactor .factorBox .hover-content ul li a {
    color: #fff;
    font-size: 16px
}

.seoFactor .factorBox .hover-content ul li a:focus,
.seoFactor .factorBox .hover-content ul li a:hover {
    color: #f5aa31
}

.seoFactor .factorBox:hover .hover-content {
    opacity: 1
}

.seoFactor .factorBox:hover .number {
    color: #f5aa31;
    z-index: 1
}

.singleFeatures {
    float: left;
    width: 100%;
    margin: 0;
    padding: 2rem 0 2.5rem;
    position: relative;
    text-align: center
}

.singleFeatures .number_2 {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 50px;
    position: relative
}

.singleFeatures .title_4 {
    font-size: 22px;
    color: #fff;
    margin: 0;
    line-height: normal
}

.singleFeatures .number_2:after {
    position: absolute;
    content: "";
    width: 176px;
    height: 105px;
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    border: 1px solid #39738e;
    border-radius: 100%;
    top: 0;
    inset-inline-start: -30px;
    z-index: 1;
    right: 0;
    left: 0;
    margin: 0 auto
}

.singleFeatures .number_2 span {
    position: relative;
    z-index: 9
}

.companyCeo {
    float: left;
    width: 100%;
    padding: 50px 0 50px;
    margin: 0 0 50px;
    position: relative;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box
}

.companyCeo .container {
    position: relative
}

.companyCeo .title_1 {
    color: #f5aa31;
    font-size: 38px
}

.companyCeo .maxWidth p {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin: 0
}

.webinarTitle {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 10px
}

.ceoInfo {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2
}

.ceoInfo p {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff
}

.ceoInfo p strong {
    color: #71b2db;
    font-weight: 700
}

.webinarSubTitle {
    font-size: 28px;
    color: #f5aa31;
    margin-bottom: 5px;
    font-weight: 700
}

.webinarList {
    margin: 0 0 15px;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    gap: 0
}

.webinarList li {
    width: calc(100% / 2);
    font-size: 18px;
    display: block;
    list-style: none;
    margin: 0;
    position: relative;
    padding-left: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 1.6
}

.webinarList li:nth-child(odd) {
    width: 50%
}

.webinarList li:nth-child(2n) {
    width: 50%
}

.webinarList li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 26px;
    height: 26px;
    background: url(../img/check-2.svg) no-repeat;
    background-size: 100%
}

.ceoFeatured {
    font-size: 28px;
    color: #f5aa31;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.2
}

.featuredList {
    float: left;
    width: 95%;
    margin: 0 0 25px;
    padding: 0;
    gap: 5px;
    display: flex;
    flex-flow: row wrap
}

.featuredList li {
    list-style: none;
    text-align: center;
    width: calc(100% / 6);
    padding: 5px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bed1db;
    margin-top: -1px;
    margin-right: -1px;
    transition: all .3s ease-in-out;
    background: #fff;
    border-radius: 4px
}

.featuredList li::before {
    content: none;
    margin: 0;
    padding: 0
}

.featuredList li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.featuredList li a img {
    aspect-ratio: 3/2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.featuredList li a.photo:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: rgba(34, 34, 34, .5);
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 2;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/></svg>");
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
    visibility: hidden
}

.featuredList li:hover a.photo:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.smallVideo {
    position: absolute;
    color: red;
    text-align: center;
    z-index: 2;
    box-shadow: 0 0 0 0 rgba(1, 148, 68, .7);
    border-radius: 12px
}

.smallVideo svg {
    width: 25px;
    height: 25px;
    position: relative
}

.smallVideo:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 20px;
    height: 10px;
    background: #fff
}

.ceotitle2 {
    display: flex;
    align-items: center;
    margin: 0 0 5px;
    padding: 0
}

.seoAgency {
    font-size: 30px;
    color: #f5aa31;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: normal
}

.ceotitle2 li {
    list-style: none;
    font-size: 16px;
    padding: 5px 20px;
    border: 1px solid #bdddf3;
    border-radius: 3px;
    color: #236a9b;
    background: #edf6ff;
    line-height: normal;
    font-weight: 600;
    position: relative;
    margin: 0 15px;
    text-align: center;
    min-height: 60px;
    display: flex;
    align-items: center
}

.ceotitle2 li:first-child {
    margin-left: 0
}

.ceotitle2 li:after {
    content: '';
    position: absolute;
    top: 13px;
    right: -27px;
    width: 20px;
    height: 20px;
    background: url(../img/sharp-arrow-right.svg) no-repeat;
    background-size: 100%
}

.ceotitle2 li:last-child::after {
    content: none;
    width: 0;
    height: 0;
    position: inherit;
    right: 0
}

.ceotitle2 li:hover {
    background: #236a9b;
    color: #fff
}

.ceotitle {
    color: #f5aa31;
    font-weight: 700;
    padding: 0;
    margin: 0 0 10px;
    font-size: 32px;
    display: inline;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75)
}

.founder {
    font-size: 18px;
    color: #09334f;
    font-weight: 600
}

.meetingTimes {
    font-size: 16px;
    color: #fff;
    font-weight: 600
}

.meetingTimes img {
    max-width: 80px
}

.aboutCeo {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-top: 0;
    margin: 0;
    margin-bottom: 0;
    text-align: left;
    margin-bottom: 10px
}

.DecadeExpertise {
    float: left;
    width: 100%;
    padding: 35px 0 40px;
    margin: 0;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #e1f5ff
}

.DecadeExpertise:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #fff;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.title_1 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.maxWidth {
    font-size: 16px;
    color: #282828;
    text-align: center;
    max-width: 950px;
    margin: 10px auto 20px
}

.maxWidth p {
    font-size: 18px;
    color: #282828;
    text-align: center
}

.maxWidth p span {
    color: #fbbe3a
}

.maxWidth h2 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.ExpertiseSingle {
    display: flex;
    background: 0 0;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    padding: 30px;
    transition: all .3s ease-in-out;
    overflow: hidden;
    height: 100%
}

.ExpertiseSingle:hover {
    border-color: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%)
}

.ExpertiseSingle .Icon_1 {
    min-width: 60px;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    background: #f7f7fe;
    padding: 10px;
    position: relative;
    border-radius: 6px;
    transition: .5s all;
    box-shadow: rgba(9, 30, 66, .25) 0 3px 1px, rgba(9, 30, 66, .12) 0 0 1px 1px
}

.ExpertiseSingle:hover .Icon_1 img {
    transform: rotatey(360deg);
    transition: .5s all
}

.ExpertiseSingle .Icon_1.color2 {
    background: #0f7eb5
}

.ExpertiseSingle .Icon_1.color3 {
    background: #bf3dc2
}

.ExpertiseSingle .Icon_1.color4 {
    background: #0f8461
}

.ExpertiseSingle_content .title_2 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    color: #1c2430;
    margin-bottom: 10px
}

.ExpertiseSingle_content .title_2 a {
    color: #1c2430
}

.ExpertiseSingle_content:hover .title_2 a {
    color: #fbbe3a
}

.ExpertiseSingle_content p {
    line-height: 24px;
    margin: 0;
    text-align: left;
    font-size: 16px
}

.about_area {
    float: left;
    width: 100%;
    padding: 50px 0 80px;
    margin: 0;
    background: url(../img/about-bg.webp) center top no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    position: relative
}

.about_area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #1c2430
}

.about_area::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    opacity: .2;
    background-position: right bottom;
    background-repeat: no-repeat;
    z-index: 1
}

.about_area .container {
    position: relative;
    z-index: 2
}

.waves {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15vh;
    z-index: 1;
    margin-bottom: -8px;
    min-height: 100px;
    max-height: 150px
}

.parallax>use {
    -webkit-animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
}

.parallax>use:first-child {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 7s;
    animation-duration: 7s
}

.parallax>use:nth-child(2) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

.parallax>use:nth-child(3) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s
}

.parallax>use:nth-child(4) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s
}

@-webkit-keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0)
    }
}

@keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0)
    }
}

.about_area .container {
    position: relative
}

.about_area h1,
.about_area h2,
.about_area h3 {
    color: #fff;
    text-align: center
}

.about_area h1 span,
.about_area h2 span,
.about_area h3 span {
    color: #fff;
    font-size: 40px;
    font-weight: 600
}

.about_area h2 {
    line-height: 43px;
    padding: 0 0 9px 0
}

.about_area h3 {
    padding: 0 0 24px 0
}

.about_area p {
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    padding-bottom: 43px
}

.featuredService {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    padding: 2rem 1rem 1.5rem;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 35px;
    min-height: 280px
}

.featuredService:focus-within,
.featuredService:hover {
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d)
}

.featuredService a svg {
    display: inline-block;
    width: 80px;
    height: 80px;
    color: #f5aa31;
    margin-bottom: 15px
}

.featuredService a .title_4 {
    font-size: 28px;
    font-weight: 600
}

.featuredService a p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 0
}

.featuredService:hover a svg {
    color: #09334f
}

.featuredService:hover a .title_4 {
    color: #09334f
}

.featuredService:hover p {
    color: #333
}

.choosePlans {
    float: left;
    width: 100%;
    margin: 0;
    padding: 55px 0 40px;
    background: #f1f8fb;
    position: relative;
    border-bottom: 1px solid #e1f5ff
}

.choosePlans:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 7;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.choosePlans .planGrid {
    position: relative
}

.choosePlans2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0;
    background: #eee;
    position: relative;
    border-bottom: 1px solid #e1f5ff;
    z-index: 1
}

.choosePlans2:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.choosePlans2 .planGrid {
    position: relative;
    z-index: 9
}

.packagesPage .maxWidth {
    margin-bottom: 70px
}

.plan_1 {
    float: left;
    width: 100%;
    background: #fff;
    transition: all .3s ease-in-out;
    border: 1px solid #d9f1ff;
    position: relative;
    padding: 20px 0 0;
    border-radius: 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-image: linear-gradient(#dbf4ff, #fff)
}

.ribbon {
    position: relative
}

.ribbon3 {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    position: absolute;
    left: -10px;
    top: 35px;
    background: #02619e;
    color: #fff
}

.ribbon3:after,
.ribbon3:before {
    content: "";
    position: absolute
}

.ribbon3:before {
    height: 0;
    width: 0;
    top: -8.5px;
    left: .1px;
    border-bottom: 9px solid #034773;
    border-left: 9px solid transparent
}

.ribbon3:after {
    height: 0;
    width: 0;
    right: -10px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #02619e;
    top: 0
}

.planGrid:nth-child(2) .plan_1 {
    background: #f8e7cb
}

.planGrid:nth-child(3) .plan_1 {
    background: #fbf6ce
}

.planGrid:nth-child(4) .plan_1 {
    background: #b2dad9
}

.plan_1 .plan_title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
    font-size: 24px;
    color: #09334f
}

.planUpper {
    padding: 8px 15px 0;
    border-radius: 20px;
    background: #fff;
    transition: all .3s ease-in-out;
    padding-bottom: 64px
}

.plan_1 .renewCost {
    margin: 10px 0 15px;
    text-align: center
}

.plan_1 .renewCost mark {
    font-weight: 500;
    background: #cdebf9;
    padding: 4px 10px;
    border-radius: 3px;
    color: #239ad5
}

.plan_1 .planPrice {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    position: relative
}

.plan_1 .planPrice .planPrice_box {
    position: relative;
    border-radius: 3px;
    padding: 12px 20px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    display: block
}

.plan_1 .planPrice .planPrice_box .planPrice_time {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.plan_1 .planPrice .planPrice_box .planPrice_time .save_1 {
    color: #f44860;
    border-radius: 3px;
    background: #ffecec;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal
}

.plan_1 .planPrice .planPrice_box .planPrice_time .planPrice_strik {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    color: #61646e;
    font-size: 14px;
    line-height: 1;
    position: relative;
    margin-right: 15px
}

.plan_1 .planPrice .planPrice_box .planPrice_time .planPrice_strik:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(100% + 5px);
    height: 1px;
    background: #61646e
}

.plan_1 .planPrice .planPrice_box .planPrice3 {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #222;
    margin-top: 10px;
    transition: all .3s ease-in-out
}

.plan_1 .planPrice .planPrice_box .planPrice3 .inrSign {
    font-size: 18px;
    margin-right: 5px
}

.plan_1 .planPrice .planPrice_box .planPrice3 .planPrice3_discounted {
    font-size: 180%;
    margin: 0 3px;
    line-height: .8;
    align-self: flex-start;
    display: flex;
    align-items: flex-start
}

.plan_1 .planPrice .planPrice_box .planPrice3 .month {
    align-self: flex-end;
    font-size: 18px;
    color: #666;
    font-weight: 400
}

.pln-cost-text {
    text-align: center;
    color: #f44860;
    font-size: 14px;
    font-weight: 500;
    padding: 0
}

.plan_1 .button_wrapper {
    margin: 10px 0 10px;
    text-align: center
}

.plan_1 .common_btn {
    font-size: 18px
}

.plan_1 ul {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    padding: 0
}

.catPlan .plan_1 ul {
    padding-top: 20px
}

.plan_1 ul li {
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 25px;
    position: relative
}

.plan_1 ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.plan_1 ul li.close:before {
    background: url(../img/close.svg) no-repeat;
    background-size: 100%
}

.plan_1 ul li span {
    font-weight: 700;
    margin: 0 5px
}

.plan_1 ul li span.textmark {
    border-bottom: 1px dotted #5c5f67
}

.viewFullDetails {
    position: absolute;
    bottom: 8px;
    display: inline-block;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    text-align: center
}

.viewFullDetails span {
    cursor: pointer;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    background: #e7f7ff;
    padding: 12px 32px;
    line-height: normal;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #464646
}

#tooltip {
    text-align: center;
    color: #f7fbff;
    background: #2f3c4b;
    position: absolute;
    z-index: 100;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 3px
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2f3c4b;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #2f3c4b;
    top: -20px;
    bottom: auto
}

#tooltip.left:after {
    left: 10px;
    margin: 0
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0
}

.discussDiv {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #bed1db;
    border-radius: 3px;
    margin: -50px 0 0;
    padding: 30px 30px;
    color: #09334f;
    font-size: 36px;
    font-weight: 600;
    box-shadow: 0 4px 0 #09334f;
    z-index: 6;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-self: start
}

.discussDiv .common_btn3 {
    margin-left: auto
}

.discussDiv small {
    display: block;
    font-size: 20px;
    color: #333;
    margin-top: 5px
}

.providedFeatures {
    float: left;
    width: 100%;
    padding: 40px 0 40px;
    margin: 0;
    background: url(../img/about-bg.webp) center top no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.providedFeatures:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #1c2430
}

.providedFeatures .container {
    position: relative
}

.providedFeatures .title_1 {
    color: #f5aa31;
    margin-bottom: 10px
}

.providedFeatures .maxWidth {
    color: #fff
}

.locationTab {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 30px
}

.locationTab ul {
    border: 1px solid #1c4f73;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: 20px
}

.locationTab ul li {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    position: relative;
    display: inline-block
}

.locationTab ul li:first-child {
    margin-left: 0
}

.locationTab ul li:last-child {
    margin-right: 0
}

.locationTab ul li button {
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
    line-height: 22px;
    width: 100%;
    position: relative;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 15px 23px;
    background-color: #fff;
    border: none;
    outline: 0;
    border-radius: 0;
    margin-bottom: 0;
    color: #09334f
}

.locationTab ul li button:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    border-width: 0 0 1px 1px;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transition-delay: 70ms;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.locationTab ul li:not(:first-child) button:after {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 76%;
    z-index: 9;
    top: 12%;
    background-color: #f0f0f0
}

.locationTab ul li button.active:after {
    content: unset
}

.locationTab ul li button.active {
    background: #f5aa31;
    color: #09334f
}

.locationTab ul li button.active:before {
    background: #f5aa31
}

.locationTab ul li button img,
.locationTab ul li button svg {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    position: relative;
    top: 2px;
    display: block
}

.locationTab .tab-content {
    padding: 0;
    margin-top: 20px;
    width: 100%;
    background: 0 0
}

.locationTab_contents {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.seoPart {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    color: #575757;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden
}

.seoPart .seoHeader {
    float: left;
    width: 100%;
    padding: 10px;
    background: #02355a;
    border-radius: 4px
}

.seoPart .seo_header {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    border-bottom: 0;
    position: relative;
    display: flex;
    align-items: center
}

.seoPart .seo_header .website_image {
    width: 100%;
    position: relative;
    height: 65px;
    border: 0 solid #d0d0d0;
    max-width: 180px;
    margin-right: 5px;
    border-radius: 4px;
    background: #fff
}

.seoPart .seo_header .website_image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%
}

.seoPart .seo_header .seoname {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    line-height: 25px;
    padding: 0
}

.seoPart .seo_header .seoname a {
    color: #f5aa31;
    font-size: 16px;
    text-align: left;
    text-decoration: none
}

.seoPara {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 5px
}

.seoPara p {
    font-size: 14px;
    color: #333;
    line-height: normal;
    font-weight: 400;
    margin: 0 0 10px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.seoPart .wps-table {
    width: 100%;
    text-align: left;
    float: left;
    border: 0;
    border-collapse: collapse
}

.seoPart .wps-table thead {
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .4)
}

.seoPart .wps-table thead tr {
    border-bottom: 1px solid #d7e2f0
}

.seoPart .wps-table thead tr th {
    height: 35px;
    font-weight: 600;
    color: #02355a;
    padding: 5px 10px;
    line-height: normal;
    font-size: 16px;
    background: #f9f1d7
}

.seoPart .wps-table thead tr th:nth-child(2) {
    background: #dff1f4
}

.seoPart .wps-table thead tr th:nth-child(3) {
    background: #f4dff3
}

.seoPart .wps-table td {
    border-bottom: 1px solid #d7e2f0;
    padding: 0;
    text-align: center;
    color: #333;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600
}

.seoPart .wps-table td:first-child {
    width: 50%;
    padding: 0 10px;
    text-align: left
}

.seoPart .wps-table tr td:nth-child(2) {
    width: 15%;
    border: 1px solid #d7e2f0;
    text-align: center;
    vertical-align: middle
}

.seoPart .wps-table tr td:nth-child(3) {
    width: 20%;
    text-align: center;
    vertical-align: middle
}

.seoPart .wps-table tr td a {
    color: #333
}

.seoPart .wps-table tr td a:focus,
.seoPart .wps-table tr td a:hover {
    color: #004d88
}

.client_inner_b .buttons {
    display: flex;
    align-items: center;
    padding: 0 10px 15px
}

.client_inner_b .buttons .common_btn3 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    padding-right: 45px
}

.client_inner_b .buttons .common_btn3:after {
    height: 40px;
    line-height: 40px;
    width: 40px;
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="black" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>')
}

.client_inner_b .buttons .career_btn {
    padding: 0 45px 0 10px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: initial;
    background: #09334f;
    color: #fff;
    margin-top: 0;
    margin-left: 10px;
    height: 40px;
    line-height: 40px
}

.client_inner_b .buttons .career_btn:focus,
.client_inner_b .buttons .career_btn:hover {
    background: #384a49;
    color: #fff
}

.visitWebsite {
    display: inline-block;
    line-height: normal;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    border-radius: 4px;
    color: #222;
    border: 0;
    outline: 0;
    font-weight: 600;
    overflow: hidden;
    margin-left: 10px;
    min-width: 140px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 12px;
    padding-right: 55px
}

.visitWebsite:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="black" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"/></svg>');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(237, 120, 11, .3);
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #ffc73e;
    height: 40px;
    line-height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.visitWebsite:hover {
    color: #212529;
    background: #f9ba00 -webkit-gradient(linear, left top, left bottom, from(#fac426), to(#f9ba00)) repeat-x;
    background: #f9ba00 -o-linear-gradient(top, #fac426, #f9ba00) repeat-x;
    background: #f9ba00 linear-gradient(180deg, #fac426, #f9ba00) repeat-x;
    border-color: #ecb100
}

.websiteTemplates {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #e1f5ff
}

.websiteTemplates:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #fff;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.websiteTemplates .container-fluid {
    padding: 0 40px
}

.services-one-shape {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

.services-one-shape img {
    opacity: .15
}

.float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes float-bob-x {
    0% {
        transform: translateX(-30px)
    }

    50% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(-30px)
    }
}

@keyframes float-bob-x {
    0% {
        transform: translateX(-30px)
    }

    50% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(-30px)
    }
}

.websiteTemplates .title_1 {
    max-width: 600px;
    margin: 0 auto
}

.websiteTemplates .maxWidth {
    font-size: 22px
}

.websiteTemplates .common_btn3 {
    margin-bottom: 50px
}

#websiteTemplates {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

#websiteTemplates .website {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

#websiteTemplates .website img {
    margin-bottom: 15px
}

#websiteTemplates .title_5 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #09334f
}

#websiteTemplates .owl-next,
#websiteTemplates .owl-prev {
    line-height: 0;
    position: absolute;
    top: 100%;
    display: block;
    width: 120px;
    height: 35px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    border: 0;
    outline: 0;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    color: #09334f;
    border-color: #ffc83e;
    border-radius: 4px;
    z-index: 9
}

#websiteTemplates .owl-nav .owl-prev {
    left: 0
}

#websiteTemplates .owl-nav .owl-next {
    right: 0
}

#websiteTemplates .owl-next:hover,
#websiteTemplates .owl-prev:hover {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    color: #fff;
    border-color: #ffc83e
}

#websiteTemplates .owl-dots {
    position: relative;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.webCompany {
    float: left;
    width: 100%;
    padding: 40px 0 40px;
    margin: 0;
    background: #f1f8fb;
    position: relative;
    border-bottom: 1px solid #e1f5ff
}

.webCompany:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.seoWiseTab {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.seoWiseTab ul {
    border: 1px solid #f0f0f0;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: 20px
}

.seoWiseTab ul li {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    position: relative;
    display: inline-block;
    display: flow-root
}

.seoWiseTab ul li:first-child {
    margin-left: 0
}

.seoWiseTab ul li:last-child {
    margin-right: 0
}

.seoWiseTab ul li button {
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
    line-height: 22px;
    width: 100%;
    position: relative;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 15px 23px;
    background-color: #fff;
    border: none;
    outline: 0;
    border-radius: 0;
    margin-bottom: 0;
    color: #09334f
}

.seoWiseTab ul li button:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 13px;
    height: 13px;
    border-width: 0 0 1px 1px;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transition-delay: 70ms;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.seoWiseTab ul li:not(:first-child) button:after {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 76%;
    background-color: red;
    z-index: 9;
    top: 12%;
    background-color: #f0f0f0
}

.seoWiseTab ul li button.active:after {
    content: unset
}

.seoWiseTab ul li button.active {
    background: #09334f;
    color: #fff
}

.seoWiseTab ul li button.active:before {
    background: #09334f
}

.seoWiseTab ul li button svg {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    position: relative;
    top: 2px;
    display: block
}

.seoWiseTab .tab-content {
    padding: 30px;
    margin-top: 20px;
    width: 100%;
    -webkit-box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%);
    -moz-box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06);
    box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%);
    background: #fff
}

.tab_contents {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.tab_contents .imageRight {
    float: right;
    max-width: 450px;
    width: 100%;
    margin: 0 0 15px 15px
}

.tab_contents .title_5 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #1e2637
}

.tab_contents p {
    font-size: 17px;
    line-height: 24px
}

.tab_contents ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    border: 0
}

.tab_contents ul li {
    padding-left: 22px;
    list-style: none;
    position: relative;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    display: block;
    text-align: left;
    line-height: normal
}

.tab_contents ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.clientReview {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 40px;
    background: url(../img/about-bg.webp) center top no-repeat;
    background-size: cover;
    position: relative
}

.clientReview:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #1c2430
}

.clientReview::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: -80px;
    right: 0;
    opacity: .2;
    background-image: url(../img/pattern-15.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    z-index: 1
}

.clientReview .container {
    position: relative;
    z-index: 9
}

.clientReview .title_1 {
    color: #fff;
    margin-top: 45px;
    float: left;
    width: 100%
}

.testimonial {
    box-shadow: 0 0 20px 0 rgb(171 184 195 / 30%);
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    margin: 20px
}

.testimonial h3 {
    font-size: 22px;
    color: #09334f;
    font-weight: 700;
    min-height: 55px;
    display: flex;
    align-items: center
}

.testimonial p {
    font-size: 16px;
    line-height: 24px
}

.testimonial .clientName {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.testimonial .clientDetails {
    display: flex;
    align-items: center
}

.testimonial .clientDetails figure {
    width: 60px;
    margin: 0;
    margin-right: 20px
}

.testimonial .clientDetails p {
    font-size: 14px;
    line-height: normal
}

.testimonial .reviewedImage {
    text-align: right
}

.testimonial .reviewedImage p {
    margin: 0;
    text-align: right
}

.testimonial .reviewedImage img {
    max-width: 80px;
    float: right
}

.testimonial .speech {
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center
}

.faqHomes {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #e1f5ff
}

/* .faqHomes:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #f1f8fb;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
} */

.faqsContent {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.faqsContent ul {
    max-width: 100%;
    margin: 50px auto 0;
    padding: 0
}

.faqsContent ul li {
    padding: 20px 0;
    position: relative;
    list-style: none
}

.faqsContent ul li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5 !important;
    border: none
}

.faqsContent ul li:before {
    content: '';
    position: absolute;
    top: 24px;
    left: 3px;
    width: 15px;
    height: 15px;
    box-shadow: inset 0 0 0 5px;
    color: #d2f1ff;
    border-radius: 50%
}

.faqsContent ul li.active:before {
    color: #09334f;
    transition: all .3s ease-in-out
}

.faqsContent ul li .title_5 {
    padding-left: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #282828;
    cursor: pointer;
    z-index: 5;
    cursor: default
}

.faqsContent ul li article {
    margin: 5px 0 5px;
    padding-left: 30px;
    position: relative;
    display: block
}

.faqsContent ul li article:before {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    width: 2px;
    height: 100%;
    background: #09334f
}

.faqsContent ul li article p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px
}

.blogArticles {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: url(../img/about-bg.webp) center top no-repeat;
    background: #f1f8fb;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.blogArticles:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #1c2430;
    background: #f1f8fb
}

.blogArticles .container {
    position: relative
}

.blogArticles .title_1 {
    margin-bottom: 10px
}

.blogPost {
    float: left;
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    position: relative
}

.blogPost .post_image {
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-bottom: 1px solid #e1f5ff
}

.blogPost .post_image img {
    border-radius: 5px 5px 0 0;
    width: 100%
}

.blogPost .postContent {
    padding: 20px 20px;
    background-color: #fff;
    border-radius: 0 0 5px 5px
}

.blogPost .postContent .post_date {
    padding: 0;
    margin-bottom: 5px
}

.blogPost .postContent .post_date a {
    color: #333
}

.title_01 {
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 600;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center
}

.title_01 a {
    color: #09334f
}

.title_01 a:focus,
.title_01 a:hover {
    color: #f5aa31
}

.getQuotes {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0 50px;
    background: #f1f8fb
}

.title_6 {
    font-size: 32px;
    font-weight: 700;
    border-radius: 3px;
    color: #09334f;
    text-align: center;
    display: block
}

.btn_wrapper {
    text-align: center;
    margin-top: 20px
}

.footerGallery {
    float: left;
    width: 100%;
    padding: 50px 0;
    margin: 0;
    position: relative;
    background: #fff
}

.office {
    background: #fff;
    border: 1px solid #e1f5ff;
    border-radius: 10px;
    padding: 0;
    transition: all .3s ease-in-out;
    overflow: hidden;
    margin-bottom: 25px
}

.office:hover {
    border-color: #e1f5ff;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%)
}

.office .image {
    margin-bottom: 10px;
    border-radius: 0 0 10px 10px;
    overflow: hidden
}

.office .officeTitle {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    padding: 10px 15px;
    text-align: center
}

.office:hover .officeTitle {
    color: #02619e
}

footer {
    float: left;
    width: 100%;
    margin: 0;
    background: #09334f;
    padding: 50px 0 20px;
    position: relative;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat;
    border-bottom: 1px solid #1b303a
}

.brandTitle {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600
}

.webpulseTitle {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 25px;
    font-weight: 600;
    position: relative
}

.webpulseTitle:after {
    content: "";
    width: calc(100% - 140px);
    height: 1px;
    background-color: #284756;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%
}

.officeGrid {
    width: 100%;
    margin-bottom: 0
}

.officesItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    /* flex-grow: 0; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin-bottom: 15px;
}



.officeAddress {
    padding-top: 8px;
    color: #fff;
    line-height: 1.4;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.5px
}

.officeAddress .officeAddressTitle {
    font-weight: 600;
    font-size: 16px;
    color: #a4cae1;
    color: #f5aa31;
    margin-bottom: 5px;
}

.officeAddress .city {
    color: #a4cae1;
    font-size: 3.3rem;
    font-size: 28px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    line-height: normal;
    font-weight: 900;
    opacity: .15;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 4px;
}

.officeAddress .officeCity {
    font-weight: 600;
    font-size: 16px;
    color: #a4cae1;
    display: flex;
    gap: 10px;
}

.officeAddress .officeCity .address {
    color: #fff;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    /* letter-spacing: -.5px; */
}

.officeAddress .officeCity .addres {
    line-height: normal;
    font-family: inherit
}

.disclaimer {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px solid #0864a0;
    border-radius: 4px;
    padding: 15px;
    margin-top: 10px
}

.disclaimer .disclaimerTitle {
    color: #c70202;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.2
}

.disclaimer p {
    font-size: 14px;
    line-height: normal;
    color: #333;
    padding: 0;
    margin: 0
}

.line2 {
    background-color: #2f5466
}

.footer_widget {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.footer_widget .title_7 {
    color: #f5aa31;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase
}

.footer_widget {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 20px
}

.footer_widget ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.footer_widget ul li {
    list-style: none
}

.footer_widget ul li a {
    color: #fff;
    font-size: 15px;
    transition: all .3s ease-in-out
}

.footer_widget ul li a:focus,
.footer_widget ul li a:hover {
    color: #f5aa31
}

.footer_social {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.footer_social ul {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

.footer_social ul li {
    list-style: none;
    display: inline-block;
    margin: 0 4px 0 0
}

.footer_social ul li a {
    color: #fff;
    padding: 10px 10px 5px;
    margin: 0;
    float: left;
    text-align: center;
    width: 80px;
    font-size: 14px;
    border-radius: 3px;
    line-height: normal
}

.footer_social ul li a span {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 3px;
    border-radius: 100%
}

.footer_social ul li a svg {
    animation-name: fadeInDown;
    animation-duration: .3s;
    animation-fill-mode: both;
    width: 18px;
    height: 18px
}

.footer_social ul li a:hover svg {
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

.footer_social ul li a.facebook {
    background: #5d82d1
}

.footer_social ul li a.facebook:hover {
    background-color: #2f4c88
}

.footer_social ul li a.facebook span {
    background: #4a68a7
}

.footer_social ul li a.twitter {
    background-color: #313c46
}

.footer_social ul li a.twitter:hover {
    background: #0e1419
}

.footer_social ul li a.twitter span {
    background: #0e1419
}

.footer_social ul li a.linkedin {
    background-color: #027ba5
}

.footer_social ul li a.linkedin:hover {
    background: #095e7c
}

.footer_social ul li a.linkedin span {
    background: #095e7c
}

.footer_social ul li a.youtube {
    background: red
}

.footer_social ul li a.youtube:hover {
    background: #b31804
}

.footer_social ul li a.youtube span {
    background: #b31804
}

.footer_social ul li a.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.footer_social ul li a.instagram:hover {
    background: radial-gradient(circle at 30% 107%, #ebe286 0, #e7de80 5%, #e64737 45%, #bb1e8b 60%, #1c4bd2 90%)
}

.footer_social ul li a.instagram span {
    background: radial-gradient(circle at 30% 107%, #ebe286 0, #e7de80 5%, #e64737 45%, #bb1e8b 60%, #1c4bd2 90%)
}

.footer_social ul li a.instagram:hover span {
    background: 0 0
}

.payment {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right
}

.payment .paymentTitle {
    color: #f5aa31;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase
}

.paymentImg {
    display: flex;
    align-items: center;
    justify-content: right
}

.paymentImg img:first-child {
    max-width: 105px
}

.fotter_bottom {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0 10px;
    background: #1c313c
}

.fotter_bottom p {
    color: #fff;
    font-size: 15px;
    margin: 0;
    text-align: center
}

#scrollUp {
    position: fixed;
    z-index: 8030;
    bottom: 65px;
    right: 30px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #09334f;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all .25s;
    display: none
}

#scrollUp img {
    width: 46px;
    height: 46px
}

#scrollUp svg {
    width: 24px;
    height: 24px
}

#scrollUp span {
    position: absolute;
    left: -65%;
    top: auto;
    bottom: -35px;
    font-weight: 600;
    width: 100px;
    font-size: 12px
}

.clientReviews_video {
    float: left;
    width: 100%;
    margin: 0;
    padding: 55px 0 55px;
    background-color: transparent
}

.clientReviews_video .title_1 {
    margin-bottom: 30px
}

.reviewsBox {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    padding: 0
}

.reviewsBox .videoImage {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    overflow: hidden;
    height: 211px
}

.reviewsBox .videoImage:before {
    position: absolute;
    content: "";
    background: 0 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 1
}

.reviewsBox .videoImage img {
    width: 100%;
    transition: .5s
}

.reviewsBox .videoImage:hover img {
    transition: .5s;
    transform: scale(1.05)
}

.watchVideo {
    position: absolute;
    color: red;
    text-align: center;
    z-index: 2;
    box-shadow: 0 0 0 0 rgba(1, 148, 68, .7);
    border-radius: 12px
}

.watchVideo svg {
    width: 60px;
    height: 60px;
    position: relative
}

.watchVideo:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 40px;
    height: 30px;
    background: #fff
}

.watchVideo span {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

.reviewSummary p {
    text-align: center;
    font-size: 18px;
    font-style: italic;
    line-height: normal;
    margin-bottom: 10px
}

.reviewsBox .reviewsAuthor {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #02619e;
    font-weight: 600;
    line-height: normal
}

.aboutTeam {
    float: left;
    width: 100%;
    padding: 50px 0 50px;
    margin: 0;
    background: #f1f8fb;
    border-bottom: 1px solid #e1f5ff
}

.aboutTeamPosition:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #f1f8fb;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.aboutTeamPosition {
    position: relative
}

.aboutTeam .title_01 {
    min-height: initial
}

.aboutTeamPosition .maxWidth h3 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.aboutTeam .rightImage_1 {
    float: right;
    max-width: 620px;
    width: 100%;
    margin: 0 0 15px 15px;
    border-radius: 12px;
    position: relative
}

.aboutTeam .rightImage_1 .image {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1215.000000"> <g transform="translate(0.000000,1215.000000) scale(0.100000,-0.100000)" > <path d="M3713 12138 c1 -8 -17 -16 -48 -21 -157 -26 -351 -98 -490 -180 -135 -80 -330 -263 -407 -382 -63 -98 -138 -249 -138 -280 0 -8 -6 -29 -14 -47 -8 -18 -21 -71 -30 -118 -14 -73 -16 -186 -16 -815 0 -685 -2 -734 -19 -801 -18 -65 -27 -88 -53 -134 -4 -8 -11 -22 -15 -30 -12 -27 -67 -94 -113 -138 -92 -88 -209 -150 -342 -182 -75 -18 -118 -20 -441 -20 -319 0 -372 -2 -480 -21 -67 -12 -130 -25 -139 -30 -9 -5 -25 -9 -36 -9 -25 0 -158 -52 -247 -97 -261 -132 -463 -335 -586 -590 -27 -56 -49 -109 -49 -118 0 -9 -4 -24 -10 -34 -5 -10 -16 -51 -25 -92 -13 -66 -15 -451 -15 -3509 0 -3058 2 -3443 15 -3509 9 -41 20 -82 25 -92 6 -10 10 -25 10 -34 0 -35 105 -233 167 -317 73 -99 205 -228 296 -291 176 -120 366 -197 583 -236 42 -8 671 -11 2095 -11 2142 0 2083 -1 2239 43 114 33 154 48 243 92 101 51 106 54 189 108 97 63 338 307 338 343 0 4 6 15 14 23 20 22 91 166 111 225 62 182 58 120 65 971 4 434 12 800 17 825 34 160 185 345 343 421 36 18 73 36 83 41 9 4 54 17 100 28 74 18 118 20 440 20 319 0 372 2 480 21 67 12 130 25 139 30 9 5 26 9 37 9 11 0 35 6 53 14 18 8 53 22 78 31 296 113 554 344 691 618 41 81 51 107 92 247 l22 75 0 3455 0 3455 -22 75 c-12 41 -29 97 -37 123 -17 55 -91 203 -112 228 -8 8 -14 19 -14 23 0 17 -115 149 -196 225 -115 107 -175 148 -324 221 -141 69 -248 104 -385 127 -31 5 -49 13 -48 21 2 9 -432 12 -2057 12 -1625 0 -2059 -3 -2057 -12z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1215.000000"> <g transform="translate(0.000000,1215.000000) scale(0.100000,-0.100000)" > <path d="M3713 12138 c1 -8 -17 -16 -48 -21 -157 -26 -351 -98 -490 -180 -135 -80 -330 -263 -407 -382 -63 -98 -138 -249 -138 -280 0 -8 -6 -29 -14 -47 -8 -18 -21 -71 -30 -118 -14 -73 -16 -186 -16 -815 0 -685 -2 -734 -19 -801 -18 -65 -27 -88 -53 -134 -4 -8 -11 -22 -15 -30 -12 -27 -67 -94 -113 -138 -92 -88 -209 -150 -342 -182 -75 -18 -118 -20 -441 -20 -319 0 -372 -2 -480 -21 -67 -12 -130 -25 -139 -30 -9 -5 -25 -9 -36 -9 -25 0 -158 -52 -247 -97 -261 -132 -463 -335 -586 -590 -27 -56 -49 -109 -49 -118 0 -9 -4 -24 -10 -34 -5 -10 -16 -51 -25 -92 -13 -66 -15 -451 -15 -3509 0 -3058 2 -3443 15 -3509 9 -41 20 -82 25 -92 6 -10 10 -25 10 -34 0 -35 105 -233 167 -317 73 -99 205 -228 296 -291 176 -120 366 -197 583 -236 42 -8 671 -11 2095 -11 2142 0 2083 -1 2239 43 114 33 154 48 243 92 101 51 106 54 189 108 97 63 338 307 338 343 0 4 6 15 14 23 20 22 91 166 111 225 62 182 58 120 65 971 4 434 12 800 17 825 34 160 185 345 343 421 36 18 73 36 83 41 9 4 54 17 100 28 74 18 118 20 440 20 319 0 372 2 480 21 67 12 130 25 139 30 9 5 26 9 37 9 11 0 35 6 53 14 18 8 53 22 78 31 296 113 554 344 691 618 41 81 51 107 92 247 l22 75 0 3455 0 3455 -22 75 c-12 41 -29 97 -37 123 -17 55 -91 203 -112 228 -8 8 -14 19 -14 23 0 17 -115 149 -196 225 -115 107 -175 148 -324 221 -141 69 -248 104 -385 127 -31 5 -49 13 -48 21 2 9 -432 12 -2057 12 -1625 0 -2059 -3 -2057 -12z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.imgShape {
    position: absolute;
    z-index: -1;
    top: -13px;
    left: 55px;
    animation: iconleft 4s ease-in-out infinite
}

@keyframes iconleft {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

.leftShape {
    position: absolute;
    top: -15px;
    left: 35px;
    border-radius: 30px;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .04);
    width: 100px;
    height: 130px;
    display: flex;
    justify-content: center;
    padding-top: 17px;
    padding-left: 21px;
    align-items: center;
    animation: topAni 4s ease-in-out infinite
}

@keyframes topAni {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.aboutTeam ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.aboutTeam ul li {
    padding: 11px 0 5px 32px;
    position: relative;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 24px
}

.aboutTeam ul li:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='white' viewBox='0 0 16 16'><path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/></svg>");
    text-align: center;
    color: #ffff;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 15px;
    width: 24px;
    height: 24px;
    background: #0c82bc;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.aboutTeam ul li span {
    display: block;
    font-weight: 600;
    font-size: 18px
}

.aboutTeam ul li b,
.aboutTeam ul li strong {
    display: block;
    font-weight: 600;
    font-size: 18px
}

.aboutTeam ul li a {
    color: #0c82bc;
    text-decoration: none
}

.aboutTeam .listStyle {
    list-style: none;
    padding: 0;
    margin: 0
}

.aboutTeam .listStyle .dataList {
    padding: 11px 0 5px 32px;
    position: relative;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 24px
}

.aboutTeam .listStyle .dataList:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/></svg>");
    text-align: center;
    color: #ffff;
    position: absolute;
    left: 0;
    top: 15px;
    width: 24px;
    height: 24px;
    background: #0c82bc;
    border-radius: 100%;
    line-height: 27px
}

.aboutTeam .listStyle .dataList .dataTitle {
    display: block;
    font-weight: 600;
    font-size: 18px
}

.aboutTeam .listStyle .dataList p {
    font-size: 16px;
    color: #000;
    font-weight: 400
}

.aboutTeam .listStyle .dataList p a {
    color: #0c82bc;
    text-decoration: none
}

.innerBanner {
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 0 30px;
    margin: 0;
    background: #fff;
    position: relative
}

.breadcrumbSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background: #fff
}

.breadcrumb {
    float: left;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    display: block
}

.breadcrumb li {
    display: inline-block;
    margin: auto;
    font-size: 16px
}

.breadcrumb li a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 5px
}

.breadcrumb li a:focus,
.breadcrumb li a:hover {
    color: #09334f
}

.breadcrumb li:not(:last-of-type):after {
    content: ' / ';
    margin: 0 10px;
    color: #ccc;
    display: inline-block
}

.breadcrumb li.active {
    color: #09334f;
    font-weight: 600;
    padding: 0 5px
}

.innerleft ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
    padding: 0
}

.innerleft ul li {
    list-style: none;
    font-size: 18px;
    line-height: normal;
    color: #fff;
    text-align: center;
    margin: 0 4px;
    padding: 10px;
    border: 1px solid #0b70a2;
    border-radius: 10px;
    background: rgba(2, 97, 158, .3);
    background: 0 0;
    width: 33%
}

.innerleft ul li svg {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
    color: #fbbc39
}

.innerleft ul li span {
    display: block;
    font-size: 16px
}

.innerleft img {
    max-width: 100%
}

.innerleft iframe {
    width: 100%;
    height: 315px;
    border-radius: 10px
}

.innerRight {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.innerRight .titleA1 {
    color: #fbbc39;
    font-size: 30px;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 10px;
    background: linear-gradient(118deg, #09334f 32.59%, #46a8ea 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.innerRight p {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #333;
    text-align: left
}

.innerRight p strong {
    color: #fbbe3a
}

.innerRight p.tagline {
    margin-bottom: 15px
}

.innerRight ul {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    flex-flow: row wrap
}

.innerRight ul li {
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 4px;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.innerRight ul.seoFeature2 li {
    width: calc(100% / 2)
}

.innerRight ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.bestService_price {
    font-weight: 600;
    font-size: 24px;
    color: #fbbc39;
    margin-bottom: 15px
}

.bestService_price .price_icon {
    font-weight: 400;
    margin-right: 2px;
    font-size: 20px;
    color: #fff
}

.bestService_price .price_yr {
    font-size: 20px;
    color: #fff;
    font-weight: 400
}

.catgeoryPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 40px;
    background: #fff
}

.cateImage {
    float: right;
    max-width: 500px;
    width: 100%;
    margin: 0 0 15px 15px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee
}

.commonEffect {
    position: relative
}

.commonEffect:after {
    background: rgba(255, 255, 255, .3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: all .4s linear
}

.commonEffect img {
    width: 100%;
    height: auto
}

.commonEffect:hover:after {
    left: 0;
    right: 0;
    opacity: 0;
    transition: all .4s linear
}

.catgeoryPage p {
    font-size: 16px
}

.catgeoryPage ul {
    margin: 0 0 10px;
    padding: 0
}

.catgeoryPage ul li {
    font-size: 16px;
    display: flow-root;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.catgeoryPage ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.catgeoryPage h2 {
    font-size: 24px;
    font-weight: 600;
    color: #02619e;
    margin: 15px 0 10px;
    display: block
}

.catgeoryPage h3 {
    font-size: 24px;
    font-weight: 600;
    color: #02619e;
    margin: 15px 0 10px;
    display: block
}

.catgeoryPage .title_1 {
    color: #09334f;
    font-size: 36px
}

.catgeoryPage p strong {
    color: #02619e
}

.catImage2 {
    float: left;
    max-width: 500px;
    width: 100%;
    margin: 0 15px 15px 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee
}

.catgeoryPage .discussDiv {
    margin-top: 20px;
    margin-bottom: 30px
}

.catgeoryPage .cat_title_1 {
    margin-top: 30px
}

.catTemplates {
    float: left;
    width: 100%;
    background: #f1f8fb
}

.packages_box {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    border: 1px solid #e1f5ff;
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.packages_box:hover {
    border-color: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%)
}

.packages_box .image {
    position: relative;
    width: 100%;
    height: 250px;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #e1f5ff
}

.packages_box .image a {
    width: 100%;
    height: 100%;
    transition: .5s
}

.packages_box .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto;
    padding: 10px
}

.packages_box .catTitle_h3 {
    position: relative;
    width: 100%;
    padding: 0 0 9px 0;
    margin: 0;
    font-size: 22px;
    line-height: normal;
    height: 50px;
    text-align: center;
    font-weight: 600
}

.packages_box .catTitle_h3 a {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: 100%;
    color: #09334f;
    padding: 0 15px
}

.packages_box p {
    text-align: center;
    line-height: 26px;
    height: 90px;
    padding: 0 15px;
    font-size: 17px
}

.package_ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.package_ribbon:after,
.package_ribbon:before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #f07676;
    border-top-color: transparent;
    border-left-color: transparent
}

.package_ribbon:before {
    top: 0;
    right: 0
}

.package_ribbon span {
    right: 3px;
    top: 17px;
    transform: rotate(-45deg);
    position: absolute;
    display: block;
    width: 225px;
    padding: 8px 0;
    background-color: #ffa007;
    background-image: linear-gradient(180deg, #f7bb26, #da8a21);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    line-height: normal
}

.package_ribbon:after {
    bottom: 0;
    left: 0
}

.packages_box .packages_read_more {
    color: #333;
    text-transform: uppercase;
    margin: 0 auto;
    display: table;
    border-bottom: 2px solid #c8c8c8;
    margin-bottom: -2px;
    padding: 0 18px;
    margin-top: 15px
}

.packages_box:hover .packages_read_more {
    color: #0b82bd;
    border-bottom: 2px solid #0b82bd
}

.packages_box:hover .image a {
    transition: .5s;
    transform: scale(1.05)
}

.packages_box:hover h2 a {
    color: #333
}

.companyStats {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #fff
}

.statsItem {
    position: relative;
    transition: all .3s ease-in-out;
    margin: 0;
    width: 100%;
    padding: 0;
    text-align: center
}

.statsItem .statsItem_title {
    color: #09334f;
    font-size: 18px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left
}

.statsItem .text2 strong {
    font-size: 36px;
    display: block;
    color: #02619e
}

.statsItem svg {
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-right: 25px;
    color: #fbbc39
}

.statsItem svg.award1 {
    width: 7px;
    height: 70px;
    min-width: 70px
}

.catServices {
    padding: 40px 0
}

.detailsPage {
    background: #f1f8fb;
    padding: 40px 0
}

.detailsPage a {
    color: #02619e
}

.detailsPage h2 {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 43px;
    font-size: 30px;
    font-weight: 600;
    color: #02619e
}

.choosePlans.detailsPlan {
    background: #fff
}

.detailsFaq {
    padding-top: 100px
}

.aboutTeam p {
    font-size: 16px
}

.aboutTeam .rightImage_1_1 {
    box-shadow: none;
    position: relative;
    z-index: 99
}

.aboutTeam .rightImage_1_1 img {
    margin-bottom: 20px
}

.catgeoryPage .plan_1 ul li {
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 20px;
    position: relative;
    padding-left: 25px;
    position: relative
}

.detailsPage h2.allTitle {
    margin-top: 25px;
    font-size: 30px;
    text-align: center
}

ul.grid_8 {
    float: left;
    width: 100%;
    margin: 25px auto;
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

ul.grid_8 li {
    list-style: none;
    text-align: center;
    width: calc(100% / 6);
    padding: 0;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bed1db;
    margin-top: -1px;
    margin-right: -1px;
    transition: all .3s ease-in-out;
    background: #fff
}

ul.grid_8 li::before {
    content: none;
    margin: 0;
    padding: 0
}

ul.grid_8 li span {
    padding: 25px 15px
}

ul.grid_8 li span svg {
    width: 50px;
    height: 50px;
    color: #02619e;
    margin-bottom: 20px;
    transition: .5s all
}

ul.grid_8 li span strong {
    font-size: 16px;
    color: #333;
    line-height: normal;
    display: block
}

ul.grid_8 li:hover span svg {
    transform: rotatey(360deg);
    transition: .5s all
}

.aboutPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.aboutPage .title_1 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.aboutPage h2 {
    color: #09334f;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.aboutPage h3 {
    color: #09334f;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.aboutPage p {
    font-size: 16px
}

.aboutPage ul {
    margin: 0 0 10px;
    padding: 0
}

.aboutPage ul li {
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.aboutPage ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.rightCatImage3 iframe {
    width: 500px;
    height: 390px
}

.aboutPage .catImage2 {
    max-width: 500px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 25px
}

.rightCatImage3 {
    float: right;
    max-width: 500px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 25px
}

.weDo {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e1f5ff;
    border-radius: 10px;
    padding: 20px 15px 20px;
    transition: all .3s ease-in-out;
    overflow: hidden;
    height: 100%
}

.weDo:hover {
    border-color: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%)
}

.weDo .Icon_1 {
    min-width: 100px;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    background-image: linear-gradient(180deg, #0c82bb, #02619e);
    padding: 20px;
    position: relative;
    border-radius: 100%;
    color: #fff
}

.weDo_content .title_2 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    color: #1c2430;
    margin-bottom: 10px
}

.weDo_content p {
    line-height: 24px;
    margin: 0;
    text-align: justify;
    font-size: 17px
}

.grid_3:first-child {
    border-left: 2px solid #efefef
}

.grid_3 {
    border-bottom: 2px solid #efefef;
    border-right: 2px solid #efefef;
    min-height: 220px;
    margin-bottom: 35px;
    margin-top: 20px
}

.grid_3 .team_box {
    color: #333;
    font-size: 17px;
    text-align: center;
    padding: 0;
    line-height: 22px
}

.grid_3 .team_box img {
    margin-bottom: 20px
}

.grid_3 .team_box .teamTitle2 {
    color: #02619e;
    font-weight: 600;
    padding: 0 0 13px 0;
    margin: 0;
    font-size: 22px;
    text-align: center
}

.websiteFeatures {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #155680
}

.websiteFeatures .title_1 {
    color: #fff
}

.websiteFeatures p {
    color: #fff
}

.featureItem {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 10px 50px 10px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    text-align: inherit;
    color: #a8c5d9;
    font-size: 1.125rem;
    position: relative;
    right: -2px;
    bottom: -2px;
    font-weight: 300
}

.featureItem picture {
    margin-bottom: 15px;
    display: block
}

.featureItem .featureH4 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 10px
}

.featureItem p {
    margin-bottom: 1rem;
    font-size: 16px;
    color: #a8c5d9;
    text-align: left;
    line-height: 24px
}

.featureItem:nth-last-child(-n+4) {
    border-bottom: 0
}

.featureItem:nth-child(4n) {
    border-right: 0
}

.catFaq {
    background: #f1f8fb
}

.catFaq:after {
    background: #f1f8fb
}

.mediaNewsInner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    position: relative
}

.mediaNewsInner .featuredTitle {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    display: block;
    color: #09334f;
    margin-bottom: 10px
}

.mediaNewsInner .featuredTitle span {
    color: #0d81ba
}

.catReviews {
    padding: 40px 0
}

.catVideo {
    padding: 40px 0
}

.catTemplates:after {
    background: #f1f8fb
}

.attachmentFull {
    margin: 0 -150px 15px 0;
    position: relative
}

.attachmentFull img {
    height: auto
}

.portfolioFilter {
    padding: 15px 0;
    text-align: center
}

.portfolioFilter a {
    margin-right: 6px;
    color: #666;
    text-decoration: none;
    border: 1px solid #dedede;
    padding: 4px 15px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 10px;
    background: #f6f6f6
}

.portfolioFilter a.current,
.portfolioFilter a:hover {
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    color: #384a49;
    border-color: #ef9c2d
}

.portfolioItem {
    width: 33.333%;
    margin-bottom: 30px
}

.client_inner_b {
    display: block;
    background: #fff;
    position: relative;
    overflow: hidden;
    border: 1px solid #c1dbfb;
    margin-bottom: 25px;
    border-radius: 10px
}

.brouser_view {
    float: left;
    background: #fff;
    height: 44px;
    width: 100%;
    padding: 0 10px;
    margin: 0
}

.left_dotted {
    width: 15%;
    height: 44px;
    background: url(../img/browser-dot.png) 20% 16px no-repeat;
    padding: 0;
    margin: 0;
    float: left
}

.brouser_url {
    width: 100%;
    color: #1e1e1e;
    font-size: 14px;
    padding: 0;
    background-color: #fff;
    border-radius: 4px;
    float: left;
    margin: 7px 0 0 0
}

.brouser_url a {
    color: #333;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600
}

.brouser_url a .visitBtn {
    padding: 5px 8px;
    background: #fbbe3a;
    line-height: normal;
    color: #09334f;
    font-size: 13px;
    border-radius: 4px;
    margin-left: auto;
    font-weight: 500
}

.brouser_url a .visitBtn:focus,
.brouser_url a .visitBtn:hover {
    background: linear-gradient(118deg, #09334f 32.59%, #46a8ea 99.7%);
    color: #fff
}

.brouser_url a:focus,
.brouser_url a:hover {
    color: #02619e
}

.right_bar {
    width: 10%;
    height: 44px;
    background: url(../img/browser-bar.png) 60% 16px no-repeat;
    padding: 0;
    margin: 0;
    float: right
}

.website_view {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.client_inner_b .image_logo {
    width: 100%;
    display: block;
    position: relative;
    transition: transform .4s;
    height: 350px;
    text-align: center
}

.client_inner_b .image_logo img {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 3s ease-in-out 0s;
    -webkit-transition: all 3s ease-in-out 0s;
    width: 100%
}

.client_inner_b:hover .image_logo img {
    top: 100%;
    transform: translateY(-100%);
    transition: all 15s ease-in-out 0s
}

.client_inner_b figcaption {
    width: 100%;
    top: auto;
    bottom: 0;
    position: absolute;
    left: 0;
    transform: translateY(0);
    transition: transform .4s, opacity .1s .3s;
    background: #fff;
    height: auto;
    padding: 5px;
    text-align: center;
    border: 4px solid #09334f;
    border-top: 0;
    border-bottom: 0
}

.client_header {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.client_header_name {
    float: left;
    width: 100%;
    color: #09334f;
    font-size: 20px;
    text-align: left;
    line-height: 25px;
    padding: 5px 10px;
    display: flex;
    align-items: center
}

.client_header_name h6 {
    font-weight: 600
}

.client_header_name .locationTitle {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #09334f;
    line-height: normal
}

.client_header_name .visit_website_btn {
    margin: 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    transition: .5s;
    display: inline-block;
    margin-left: auto;
    text-transform: initial
}

.toolsList {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 3px;
    flex-wrap: wrap;
    gap: 5px 1px
}

.toolsList span {
    font-size: 12px;
    padding: 3px 8px;
    margin: 0 1px 3px 0;
    line-height: normal;
    border: 1px solid #999;
    background: #fff;
    color: #424242;
    border-radius: 20px;
    font-weight: 600
}

.client_inner_b:hover figcaption {
    bottom: 0;
    opacity: 1;
    transform: translateY(0);
    transition: transform .4s, opacity .1s
}

.seoname_1 {
    display: flex;
    align-items: center;
    height: 100%
}

.seoname_1 .listItem {
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #fff
}

.seoTitle5 {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #fbbe3a;
    font-weight: 700
}

.seoTitle5 strong {
    font-weight: 700
}

.seoname_1 strong {
    color: #fff
}

.website_view .seoPart .seoTable {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    max-height: 247px;
    border: 1px solid #d7e2f0;
    border-radius: 4px
}

.website_view .seoPart .seo_header .website_image img {
    padding: 10px
}

.SeoView figcaption {
    position: relative;
    padding: 0
}

.graphicItem {
    width: 25%;
    margin-bottom: 20px
}

.graphicBox {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 5px #dedede;
    display: block;
    cursor: pointer;
    margin: 0 0 30px 0;
    padding: 0;
    border-radius: 12px;
    overflow: hidden
}

.graphicBox .image {
    width: 100%;
    aspect-ratio: 92/65;
    padding: 0;
    margin: 0;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.graphicBox .image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: rgba(2, 97, 158, .5);
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 2;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/></svg>");
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
    visibility: hidden
}

.graphicBox:hover .image:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.graphicBox .image img {
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: .5s;
    aspect-ratio: 92/65
}

.graphicBox:hover .image img {
    opacity: .3;
    transition: .5s;
    transform: rotate(5deg) scale(1.2)
}

.graphicTitle {
    padding: 15px 25px 15px 25px;
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    line-height: normal;
    border-top: 1px solid #eee;
    background: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px
}

.graphicTitle svg {
    float: right;
    width: 20px;
    height: 20px
}

.graphicBox:hover .graphicTitle {
    color: #02619e
}

.alert_cookie {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    width: auto;
    padding: 20px 20px 20px;
    z-index: 999;
    background-color: rgba(255, 255, 255, .97);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 30px rgba(156, 185, 226, .3);
    box-shadow: 0 5px 30px rgba(156, 185, 226, .3);
    border: 1px solid #b8daff;
    z-index: 9999
}

.alert_cookie p {
    font-size: 16px;
    color: #333;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: left
}

.alert_cookie p a {
    display: inline-block;
    color: #02619e
}

.cookie_close_btn {
    padding: 8px 20px;
    line-height: normal;
    background: #02619e;
    color: #fff;
    float: right;
    border: 0
}

.fixedSecondbar {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 10px -5px #000;
    box-shadow: 0 0 10px -5px #000;
    display: none;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both
}

.fixedSecondbar.stricky {
    position: fixed;
    display: block;
    top: 62px;
    right: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fixedSecondbar ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.fixedSecondbar ul li {
    list-style: none;
    display: inline-block
}

.fixedSecondbar ul li a {
    padding: 8px 18px;
    color: #333;
    text-decoration: none;
    font-size: 17px
}

.fixedSecondbar ul li a:focus,
.fixedSecondbar ul li a:hover {
    color: #0c82bc
}

.rightForm {
    float: left;
    width: 100%;
    background: #fff;
    margin: auto;
    padding: 20px;
    box-shadow: 0 0 20px 7px rgb(0 0 0 / 21%);
    border-radius: .75rem
}

.rightForm .discussTitle {
    font-size: 24px;
    font-weight: 700;
    padding: 0 0 8px;
    border-bottom: 1px solid #c3dae8;
    color: #142129;
    line-height: 30px;
    margin-bottom: 15px
}

.listGroup {
    display: flex;
    flex-flow: row wrap
}

.listGroup .column2 {
    width: calc(98% / 2);
    position: relative
}

.listGroup .column2:nth-child(2n) {
    margin-left: auto
}

.inputGroup {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch
}

.inputGroup .inputIcon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-right: 1px solid #d9d9d9;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.inputGroup .inputIcon.textareaIcon {
    height: 80px
}

.inputGroup .inputForm {
    font-weight: 500;
    font-size: 14px;
    color: #495055;
    width: 100%;
    padding: 0 15px;
    padding-left: 45px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    outline: 0
}

.inputGroup span.inputPlaceholder {
    position: absolute;
    margin: 5px 0;
    padding: 0 5px;
    font-family: Roboto, sans-serif;
    color: #6c757d;
    display: flex;
    align-items: center;
    font-size: 14px;
    top: 0;
    left: 45px;
    transition: all .2s;
    transform-origin: 0% 0%;
    background: 0 0;
    pointer-events: none
}

.inputGroup .inputForm:focus+span.inputPlaceholder,
.inputGroup .inputForm:valid+span.inputPlaceholder {
    transform: scale(.8) translateY(-20px);
    background: #fff
}

.inputGroup .inputForm:focus {
    color: #284b63
}

.inputGroup .inputForm:focus+span.inputPlaceholder {
    color: #284b63
}

.inputGroup textarea.inputForm {
    height: 80px
}

.inputGroup select.inputForm {
    font-weight: 500;
    font-size: 14px;
    color: #495055;
    width: 100%;
    padding: 0 15px;
    padding-left: 45px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0
}

select.inputForm {
    background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat
}

select.inputForm:focus {
    background-image: linear-gradient(45deg, #02619e 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #02619e 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    outline: 0
}

.inputGroup select.inputForm:focus+span.inputPlaceholder,
.inputGroup select.inputForm:valid+span.inputPlaceholder {
    transform: scale(.8) translateY(-20px);
    background: #fff
}

.inputGroup select.inputForm:focus+span.inputPlaceholder {
    color: #284b63
}

.bonus1 {
    background: url(../img/bonus.webp) no-repeat left;
    position: absolute;
    color: #fff;
    padding: 15px;
    right: 0;
    top: 75px;
    z-index: 2
}

.bonus1 p.bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    margin: 20px 0 0;
    text-align: center
}

.bonus1 p {
    width: 100px;
    font-size: 12px;
    padding: 0 0 8px;
    font-weight: 700;
    color: #fff;
    line-height: 14px;
    text-align: center
}

.seoService {
    display: flex;
    /* flex-direction: column; */
    height: auto;
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    height: 100%;
    align-items: baseline;
}

.seoService div {
    height: max-content;
}

.seoService img {
    display: inline-block;
    width: 80px;
    margin: 0 auto
}

.seoService p {
    text-align: center;
    font-size: 16px;
    margin: 0
}

.seoTitle {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #212529;
    line-height: 1.2em
}

.readyToDisscuss {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative
}

.readyToDisscuss:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #fff;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.disscussBox {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0 28px 0 !important;
    background: url(../img/common-cta-bg.webp), #004d88;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;
    text-align: center;
    border-radius: 15px
}

.titleGro {
    font-size: 26px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase
}

.disscussBox p {
    font-size: 17px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 0;
    color: #fff;
    text-align: center
}

.buttonDiv {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    clear: both;
    margin-top: 20px;
    justify-content: center
}

.orText {
    padding: 10px 20px
}

.weServe {
    float: left;
    width: 100%;
    padding: 40px 0 125px;
    margin: 0;
    position: relative;
    background: #f1f8fb
}

.weServeItem {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e1f5ff;
    border-radius: 10px;
    padding: 20px 15px 20px;
    transition: all .3s ease-in-out;
    overflow: hidden;
    margin-bottom: 25px;
    min-height: 225px
}

.weServeItemIcon {
    min-width: 100px;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    padding: 20px;
    position: relative;
    border-radius: 100%
}

.weServeItemIcon svg {
    width: 60px;
    height: 60px
}

.weServeItemInfo h3 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #02619e;
    margin-bottom: 10px
}

.weServeItemInfo p {
    line-height: 24px;
    margin: 0;
    text-align: left;
    font-size: 16px
}

.marketingServices {
    float: left;
    width: 100%;
    padding: 40px 0;
    background: #fff;
    background-image: url(../img/seo/about-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.marketingServices .title_1 {
    color: #fff
}

.marketingServices p {
    color: #fff
}

.dms-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dms-services .service-item {
    width: 31%;
    margin: 0 1% 1rem
}

.dms-services .holder {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid hsla(0, 0%, 100%, .18);
    z-index: 1;
    height: 100%;
    border: 1px solid hsla(0, 0%, 100%, .18);
    border-radius: 5px;
    padding-bottom: 20px
}

.dms-services .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .18)
}

.dms-services .head .icon {
    width: 45px;
    text-align: center;
    color: #fff
}

.dms-services .head svg {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: rgba(0, 0, 0, 0) !important;
    display: inline-block !important;
    background: #ffc720;
    background: -o-linear-gradient(left, #ffc720, #ffa530);
    background: -webkit-gradient(linear, left top, right top, from(#ffc720), to(#ffa530));
    background: linear-gradient(90deg, #ffc720, #ffa530);
    color: #ffc720;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center
}

.dms-services .head .dmsTitle {
    width: calc(100% - 65px);
    font-size: 1rem;
    margin: 0;
    font-weight: 600;
    font-size: 1.25rem;
    color: #fff
}

.dms-services .body {
    display: block;
    color: #fff;
    font-size: 1rem;
    padding: 1.25rem 1.25rem 0;
    font-size: 1.125rem
}

.seoAgency2 {
    float: left;
    width: 100%;
    padding: 40px 0;
    background: #fff
}

.whyPartnerRight {
    display: flex;
    align-items: center
}

.dms-services .body ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.dms-services .body ul li {
    margin-bottom: 5px
}

.dms-services .body a {
    color: #fff
}

.dms-services .link {
    font-size: .875rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 22;
    color: #fff;
    text-decoration: none;
    position: static;
    opacity: 1;
    padding: 0 20px;
    color: #ffa007
}

.dms-services .holder:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(#ffc83e), to(#ef9b2d)) 0 0 no-repeat padding-box;
    background: rgba(0, 0, 0, 0) -o-linear-gradient(top, #ffc83e 0, #ef9b2d 100%) 0 0 no-repeat padding-box;
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ffc83e, #ef9b2d) 0 0 no-repeat padding-box;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: all .2s ease-in-out;
    z-index: -1;
    display: block;
    top: 100%;
    left: 100%;
    opacity: 0
}

.dms-services .holder:hover:after {
    top: 0;
    left: 0;
    opacity: 1
}

.dms-services .holder:hover .head svg {
    color: #fff
}

.whyPartner {
    float: left;
    width: 100%;
    padding: 40px 0 20px;
    background: #f1f8fb;
    margin: 0
}

.whyPartnerLeft {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.whyPartnerLeft .wplTitle {
    margin: 0;
    font-size: 2.28rem;
    font-weight: 700;
    line-height: 1.3 !important;
    text-transform: uppercase;
    color: #f5aa31
}

.whyPartnerLeft p {
    margin: 0;
    padding-top: 5px;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 20px
}

.whyPartnerRight2 {
    float: left;
    width: 100%;
    display: flex
}

.icon2 {
    min-width: 80px;
    height: 80px;
    background: #bfe4fd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #02619e;
    margin-top: 5px;
    margin-right: 15px
}

.icon2 svg {
    width: 65px;
    height: 65px
}

.whyPartnerRightInfo .parnterTitle {
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #02619e
}

.whyPartnerRightInfo p {
    margin-bottom: 20px;
    font-size: 17px;
    text-align: left
}

.featureAsIn {
    float: left;
    width: 100%;
    background-color: #fff;
    -webkit-clip-path: ellipse(50% 45% at 50% 50%);
    clip-path: ellipse(50% 45% at 50% 50%)
}

.newAddedSection {
    float: left;
    width: 100%;
    background-color: #fff;
    position: relative;
    padding: 40px 0
}

.newAddedSection:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/lines-black.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .1
}

.newAddedSection .container {
    position: relative
}

.featureItem2 {
    background-color: transparent;
    margin: 0 0 20px 0;
    padding: 20px 20px 20px 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    border-radius: 15px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    text-align: left
}

.featureItem2:hover {
    background-color: transparent;
    background-image: linear-gradient(90deg, #fff 5%, #f0f0F06B 100%)
}

.featureItem2 .icon2 {
    display: inline-flex;
    flex: 0 0 auto;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: unset;
    background-color: transparent
}

.featureContent2 {
    flex-grow: 1
}

.featureContent2 .featureTitle2 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 8px;
    color: #032559
}

.featureContent2 p {
    font-size: .95em;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0
}

.cls-1 {
    fill: #09334f
}

.cls-2 {
    fill: #02619e
}

.mainCategory {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.mainCategory .gridFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-around;
    margin-bottom: 30px;
    align-items: flex-start
}

.mainCategory .leftImage,
.mainCategory .rightInfo {
    width: 50%;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mainCategory .gridFlex:nth-child(2n) .rightInfo {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.mainCategory .leftImage {
    border-radius: 0 30px 30px 0;
    overflow: hidden
}

.mainCategory .leftImage img {
    object-fit: contain;
    height: auto
}

.mainCategory .rightInfo {
    padding: 30px 80px 30px 30px;
    background-color: #f1f2f2ab;
    padding: 0 80px 30px 30px;
    background-color: transparent;
    margin: 0 0 0 15px;
    margin-left: 15px;
    border-radius: 27px 0 0 27px
}

.mainCategory .gridFlex:nth-child(2n) .rightInfo {
    margin-left: 0;
    margin-right: 15px;
    border-radius: 0 27px 27px 0;
    padding: 40px 40px 40px 85px;
    padding: 0 40px 40px 85px
}

.mainCategory .gridFlex:nth-child(2n) .leftImage {
    border-radius: 30px 0 0 30px;
    overflow: hidden
}

.mainCategory .boxWrapper {
    display: flex;
    flex-direction: row;
    align-items: center
}

.mainCategory .boxIcon {
    display: inline-flex;
    flex: 0 0 auto;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: unset
}

.mainCategory .boxIcon img {
    max-width: 70px
}

.mainCategory .boxIcon svg {
    fill: #007efa;
    color: #007efa;
    border-color: #007efa;
    width: 80px;
    height: 80px;
    position: relative;
    display: block
}

.mainCategory .boxContent p {
    font-size: 16px
}

.mainCategory .catTitle {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #2b2d2f
}

.mainCategory .boxContent ul {
    margin: 0 0 15px;
    padding: 0
}

.mainCategory .boxContent ul li {
    list-style: none
}

.mainCategory .boxContent ul li {
    font-size: 17px;
    display: block;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.mainCategory .boxContent ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.seoServices {
    float: left;
    width: 100%;
    padding: 50px 0 50px;
    margin: 0;
    background-image: url(../img/bg-dark.webp);
    background-size: 900px;
    background-attachment: fixed;
    position: relative
}

.seoServices:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    margin: 0 auto;
    background-color: #fff
}

.seoServices .container {
    position: relative
}

.seoServices .title_1 {
    color: #f5aa31
}

.seoServices p {
    color: #fff
}

.seoBox {
    float: left;
    width: 100%;
    border-radius: .75rem;
    position: relative;
    box-shadow: 0 0 2px rgba(29, 32, 71, .05), 0 18px 36px rgba(29, 32, 71, .05);
    background: #fff;
    padding: 25px;
    margin-bottom: 20px
}

.seoBoxTitle {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    border-bottom: 1px solid rgb(29 32 71 / .1);
    margin-bottom: 1.75rem;
    color: #02619e
}

.seoBox ul {
    margin: 0 0 20px;
    display: block;
    display: flex;
    padding: 0;
    flex-flow: row wrap
}

.seoBox ul li {
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333;
    width: calc(100% / 4)
}

.seoBox ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.asFeatureIn2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background-color: #f1f8fb
}

.asFeatureIn2 .container {
    overflow: hidden
}

.FeaturedTitle {
    float: left;
    width: 100%;
    color: #fbbe3a;
    font-size: 24px;
    font-weight: 700;
    display: block;
    text-align: left;
    position: relative;
    padding: 10px 0;
    background: #f1f8fb;
    position: relative;
    z-index: 9
}

.asFeatureIn2 .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.asFeatureIn2 .swiper-wrapper {
    transition-timing-function: linear !important;
    position: relative
}

.asFeatureIn2 .swiper-slide {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    padding: 0
}

.asFeatureIn2 .swiper-slide .featuredImg {
    position: relative;
    height: 50px;
    padding: 5px 10px
}

.asFeatureIn2 .swiper-slide img {
    max-width: 145px;
    max-height: 100%
}

.asFeatureIn2 ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

.asFeatureIn2 ul li {
    list-style: none
}

.asFeatureIn2 ul li img {
    padding: 5px 15px;
    mix-blend-mode: darken;
    max-width: 150px
}

.ValuedCustomers {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color: #eee
}

.tm-testi-slide-1 {
    background: #fff;
    padding: 24px 21px 15px 21px;
    border: 1px solid #dfdfdf;
    border-radius: 18px;
    transition: all .3s ease-in-out
}

.tm-testi-logo {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tm-trustpilot-logo {
    flex: 1
}

.tm-trustpilot-logo img {
    max-width: 91px
}

.tm-star-ratings {
    flex: 1;
    text-align: right;
    font-weight: 600
}

.tm-star-ratings img {
    max-width: 84px;
    margin-left: auto
}

.tm-slide-h4 {
    color: #373737;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    padding-top: 10px
}

.tm-slide-p {
    font-weight: 400;
    font-size: 16px;
    padding: 10px 0 15px 0;
    line-height: 1.6;
    border-bottom: 1px solid #ebeaea;
    color: #707070;
    text-align: left;
    margin: 0
}

.tm-slide-h5 {
    color: #707070;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600
}

.morecontent span {
    display: none
}

.morelink {
    display: block;
    font-size: 16px;
    color: #02619e
}

.agencyOffers {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0 0;
    background-color: #eee
}

.templateTabs {
    background-color: #fff
}

.navTabs {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #dee2e6;
    padding: 0 20px
}

.navTabs li {
    list-style: none;
    width: calc(100% / 5)
}

.navTabs li a {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    margin-bottom: -1px;
    display: block;
    padding: 1.875rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.navTabs li a:hover {
    color: #02619e
}

.navTabs li a.active {
    position: relative;
    color: #fff;
    border: solid 1px #02619e;
    background: #02619e;
    box-shadow: 0 4px 7px 0 rgba(182, 182, 182, .4)
}

.navTabs li a.active:after {
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-width: 15px 15px 0 15px;
    border-style: solid;
    border-color: #0d6daa transparent transparent transparent
}

.templateTabs .tab-content .tab-pane {
    padding: 50px 0
}

.tabTitle {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #02619e;
    font-size: 24px
}

.templateTabs .tab-content .tab-pane p {
    font-size: 16px
}

.templateTabs .tab-content .tab-pane p a {
    color: #02619e;
    text-decoration: none
}

.after-show.common_btn4 {
    position: relative;
    margin: 0;
    background-color: #09334f;
    border-color: #0a2537;
    padding-right: 105px
}

.after-show span {
    display: inline
}

.after-show:after {
    content: ' More';
    border-color: #0c3d5e;
    width: auto
}

.after-show:not(.collapsed):after {
    content: ' Less'
}

.after-show:hover::after {
    border-color: #ffc73e
}

.after-show.common_btn4:hover {
    border-color: #ffc73e
}

.common_btn5 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 1.5rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background: #09334f;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    border: 0;
    position: relative;
    padding-right: 70px;
    max-width: 26.25rem;
    margin-right: 10px
}

.common_btn5:before {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 0;
    padding: 15px;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #184564;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.common_btn5:hover {
    color: #fff;
    background: #0a3193 linear-gradient(180deg, #2674f9, #0a3193) repeat-x;
    border-color: #1048ae
}

.common_btn5:hover:before {
    font-style: normal;
    border-color: #1a5ee6
}

.callBack_Btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background: #09334f;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    border: 0;
    position: relative;
    padding-right: 80px;
    max-width: 26.25rem;
    margin-right: 10px
}

.callBack_Btn:before {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="white" class="bi bi-envelope" viewBox="0 0 16 16"><path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"/></svg>');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 0;
    padding: 15px;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #184564;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.callBack_Btn:hover {
    color: #fff;
    background: #0a3193 linear-gradient(180deg, #2674f9, #0a3193) repeat-x;
    border-color: #1048ae
}

.callBack_Btn:hover:before {
    font-style: normal;
    border-color: #1a5ee6
}

.companyMilestones {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 50px;
    background-color: #fff
}

.companyImages {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.companyImages .image1 {
    padding-bottom: 0;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
    max-width: 500px
}

.companyImages .image1 img {
    width: 100%;
    height: auto
}

.companyImages .image2 {
    position: absolute;
    bottom: -75px;
    right: 0;
    max-width: 380px;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
    z-index: 9
}

.companyImages .image2 img {
    width: 100%
}

.companyImages .image2 .imgFront {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 128px;
    height: auto;
    z-index: 9
}

.companyMilestones ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.companyMilestones ul li {
    display: flex;
    align-items: center;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    border-left: 1px solid #dee2e6
}

.companyMilestones ul li:before {
    content: "\2022";
    font-size: 55px;
    position: absolute;
    left: -11px;
    margin: 0;
    padding: 0;
    color: #333;
    z-index: 99
}

.companyMilestones ul li span {
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    line-height: 1.25;
    color: #333;
    font-size: 22px
}

.companyMilestones ul li p {
    border-radius: 4px;
    line-height: normal;
    margin: 0;
    padding: 8px 15px;
    font-size: 14px;
    background: #eee;
    border-bottom: 1px solid #e1f5ff;
    font-weight: 600
}

.companyMilestones ul li:hover:before {
    color: #02619e
}

.companyMilestones ul li:hover span {
    color: #02619e
}

.companyMilestones ul li:hover p {
    color: #02619e
}

.modal-content {
    background-color: #fff;
    border-radius: 1.875rem;
    padding: .938rem 1.125rem
}

.modal-dialog {
    max-width: 600px;
    width: 100%;
    padding: 0
}

.modal-dialog.modal-xl {
    max-width: 1140px
}

.btnClose {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0) 143.27%);
    border-radius: 100%;
    height: 2.5rem;
    width: 2.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: 0;
    justify-content: center;
    line-height: 1;
    outline: 0;
    padding: .625rem;
    z-index: 9999;
    position: absolute;
    right: -3.25rem;
    top: 0;
    color: #fff
}

.btn-close:focus,
.btn-close:hover {
    outline: 0;
    box-shadow: none;
    border: 0
}

#enquiry_form .modal-content {
    background-color: #fff;
    border-radius: 1.875rem;
    padding: .938rem 1.125rem
}

#enquiry_form .modal-dialog {
    max-width: 600px;
    width: 100%;
    padding: 0
}

#enquiry_form .btnClose {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0) 143.27%);
    border-radius: 100%;
    height: 2.5rem;
    width: 2.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: 0;
    justify-content: center;
    line-height: 1;
    outline: 0;
    padding: .625rem;
    z-index: 9999;
    position: absolute;
    right: -3.25rem;
    top: 0;
    color: #fff
}

#enquiry_form .btn-close:focus,
#enquiry_form .btn-close:hover {
    outline: 0;
    box-shadow: none;
    border: 0
}

#enquiry_form .modalBody {
    background: linear-gradient(80.54deg, #011956, #1966e9 109.32%);
    border-radius: 1.875rem;
    padding: 2.125rem 2.75rem 2.125rem 2.875rem;
    padding: 10px 0;
    background: #fff !important
}

#newModal .modalBody {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    border-radius: 1.875rem;
    padding: 2.125rem 2rem 2.125rem 2rem;
}

#newModal .modalBody p {
    font-size: 16px;
    color: #fff;

}

.iframeForm {
    width: 100%
}

.iframeForm iframe {
    width: 100%;
    height: 700px;
    border-radius: 1.875rem
}

.iframeForm::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.iframeForm::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

.iframeForm::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background: linear-gradient(80.54deg, #011956, #1966e9 109.32%)
}

#newModal .modal-content {
    background-color: #fff;
    border-radius: 1.875rem;
    padding: .938rem 1.125rem
}

#newModal .btnClose {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0) 143.27%);
    border-radius: 100%;
    height: 2.5rem;
    width: 2.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: 0;
    justify-content: center;
    line-height: 1;
    outline: 0;
    padding: .625rem;
    z-index: 9999;
    position: absolute;
    right: -3.25rem;
    top: 0;
    color: #fff
}

#newModal .btn-close:focus,
#newModal .btn-close:hover {
    outline: 0;
    box-shadow: none;
    border: 0
}

#newModal .modal-content .popupInfo {
    margin: 0 0 15px;
    padding: 0
}

#newModal .modal-content .popupInfo li {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
    list-style: none
}

.provider {
    background: #fff;
    border-bottom: 1px solid #cae0e7;
    border-top: 1px solid #cae0e7;
    box-shadow: 0 0 10px 0 rgba(203, 225, 231, .85);
    margin: 0 0 20px;
    padding: 0 15px;
    position: relative
}

.provider-info {
    border-right: 1px solid #cae0e7;
    display: flex;
    flex-direction: column
}

.provider .companyPortfolio {
    display: flex;
    padding: 20px 20px 15px
}

.company_logotype {
    display: flex;
    margin: 0 10px 0 0;
    position: relative
}

.company_logotype {
    height: 60px;
    min-width: 85px;
    width: 85px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 5px 10px
}

.company_logotype img {
    background: #fff;
    max-width: 100%;
    object-fit: contain;
    position: relative;
    width: 100%;
    z-index: 2
}

.provider .company_info {
    display: inline;
    margin-right: -7px;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 0;
    width: calc(100% - 100px);
    line-height: normal
}

.provider .company_info .company_title {
    color: #17313b;
    margin-right: 5px;
    word-break: break-word;
    font-size: 22px;
    font-weight: 600
}

.companyTagline {
    display: initial;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0
}

.provider .company_info__wrap {
    display: initial;
    font-family: Lato, sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0
}

.companyPortfolio .rating-reviews {
    float: left;
    width: calc(100% - 75px);
    display: inline-flex;
    margin: 0;
    align-items: center
}

.provider-info--content:before {
    border-top: 1px solid #cae0e7;
    content: "";
    margin: 0 2%;
    width: 96%
}

.provider-info__chart-data {
    border-left: 1px solid #cae0e7;
    display: flex;
    justify-content: space-between;
    min-height: 136px;
    padding-top: 20px
}

.provider-info__details {
    border-left: 1px solid #cae0e7;
    display: flex;
    padding: 15px
}

.websiteFace {
    margin: 15px 0
}

.websiteFace img {
    border: 1px solid #eee;
    padding: 5px
}

.provider-info__chart-data p {
    font-size: 15px;
    line-height: normal;
    text-align: left;
    margin: 0
}

.rating-reviews {
    align-items: center;
    display: inline-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    float: right;
    width: calc(100% - 75px)
}

.rating-reviews .sg-rating__number {
    color: #17313b;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    line-height: inherit;
    margin: 0 10px 0 0
}

.rating-reviews .sg-rating__stars {
    height: calc(16px - 4px);
    margin-right: calc(16px / -8);
    position: relative;
    text-decoration: none;
    transform: translateX(calc(16px / -8));
    width: calc(16px * 5 + 16px / 8* 5 - 1px)
}

.rating-reviews .sg-rating__stars:after,
.rating-reviews .sg-rating__stars:before {
    content: "";
    display: block;
    height: calc(100% + 16px* .125* 2);
    left: 0;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 0;
    transform: translate(calc(16px / 8), calc(16px / -8));
    width: calc(16px* 5 + 16px / 8* 4)
}

.rating-reviews .sg-rating__stars:before {
    background-color: #ffa007;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 451 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m40.96 58.775 17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.61 18.695-20.21 1.823L28.54 49.347l-4.524 20.157L40.96 58.775ZM3.147 28.522a3.366 3.366 0 0 0-1.835.765A3.62 3.62 0 0 0 .177 30.98a3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.778 3.778 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67a3.35 3.35 0 0 0 1.897.679 3.333 3.333 0 0 0 1.938-.54L40.98 67.862l21.678 13.596c.58.353 1.245.523 1.915.487a3.354 3.354 0 0 0 1.858-.69 3.602 3.602 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.547 3.547 0 0 0-1.15-1.717 3.293 3.293 0 0 0-1.874-.735L53.89 26.28 44.156 2.2A3.58 3.58 0 0 0 42.883.6 3.341 3.341 0 0 0 40.98 0a3.34 3.34 0 0 0-1.903.6 3.582 3.582 0 0 0-1.273 1.599L28.001 26.28 3.147 28.522ZM133.21 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729ZM95.397 28.522a3.366 3.366 0 0 0-1.835.765 3.62 3.62 0 0 0-1.135 1.693 3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L146.14 26.28 136.406 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM409.96 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L422.89 26.28 413.156 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM317.71 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L330.64 26.28 320.906 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM225.46 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L238.39 26.28 228.656 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242Z' fill='%23E62415'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 451 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m40.96 58.775 17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.61 18.695-20.21 1.823L28.54 49.347l-4.524 20.157L40.96 58.775ZM3.147 28.522a3.366 3.366 0 0 0-1.835.765A3.62 3.62 0 0 0 .177 30.98a3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.778 3.778 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67a3.35 3.35 0 0 0 1.897.679 3.333 3.333 0 0 0 1.938-.54L40.98 67.862l21.678 13.596c.58.353 1.245.523 1.915.487a3.354 3.354 0 0 0 1.858-.69 3.602 3.602 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.547 3.547 0 0 0-1.15-1.717 3.293 3.293 0 0 0-1.874-.735L53.89 26.28 44.156 2.2A3.58 3.58 0 0 0 42.883.6 3.341 3.341 0 0 0 40.98 0a3.34 3.34 0 0 0-1.903.6 3.582 3.582 0 0 0-1.273 1.599L28.001 26.28 3.147 28.522ZM133.21 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729ZM95.397 28.522a3.366 3.366 0 0 0-1.835.765 3.62 3.62 0 0 0-1.135 1.693 3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L146.14 26.28 136.406 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM409.96 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L422.89 26.28 413.156 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM317.71 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L330.64 26.28 320.906 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM225.46 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L238.39 26.28 228.656 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242Z' fill='%23E62415'/%3E%3C/svg%3E")
}

.rating-reviews .sg-rating__reviews {
    align-items: center;
    background-color: #fff;
    background-color: transparent;
    border: 0;
    color: #ffa007;
    cursor: pointer;
    display: block;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-size: 12px;
    line-height: 20px;
    margin-left: 12px;
    outline: 0;
    padding: 2px 0 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: max-content
}

.rating-reviews .sg-rating__reviews:after {
    background-color: #ffa007;
    display: inline-block;
    height: 7px;
    margin-left: 9px;
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129"><path d="M121.3 34.6a4.1 4.1 0 0 0-5.8 0l-51 51.1-51.1-51.1a4.1 4.1 0 0 0-5.8 5.8l53.9 53.9a4 4 0 0 0 2.9 1.2c1 0 2.1-.4 2.9-1.2l53.9-53.9a4 4 0 0 0 .1-5.8z"/></svg>');
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129"><path d="M121.3 34.6a4.1 4.1 0 0 0-5.8 0l-51 51.1-51.1-51.1a4.1 4.1 0 0 0-5.8 5.8l53.9 53.9a4 4 0 0 0 2.9 1.2c1 0 2.1-.4 2.9-1.2l53.9-53.9a4 4 0 0 0 .1-5.8z"/></svg>');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: relative;
    transform: rotate(-90deg);
    width: 7px
}

.provider-detail {
    padding: 0
}

.provider-detail ol {
    margin: 0;
    padding: 0;
    width: 100%
}

.provider-detail ol li {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 15px;
    border-bottom: 1px solid #cae0e7
}

.provider-detail ol li:last-child {
    border-bottom: 0
}

.websiteLink {
    background: #e62415;
    border: 1px solid #e62415;
    border-radius: 2px;
    color: #fff;
    line-height: normal;
    transition: all .3s ease-in-out;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 100%
}

.websiteLink svg {
    margin-left: 10px
}

.websiteLink:focus,
.websiteLink:hover {
    color: #fff
}

.directoryProfile {
    background: #02619e;
    border: 1px solid #096199;
    border-radius: 2px;
    color: #fff;
    line-height: normal;
    transition: all .3s ease-in-out;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 100%
}

.directoryProfile svg {
    margin-left: 10px
}

.directoryProfile:focus,
.directoryProfile:hover {
    color: #fff
}

.connect-level {
    position: relative;
    top: -40px;
    background: 0 0;
    padding: 0
}

.lets-level-up {
    float: left;
    width: 100%;
    background: linear-gradient(180deg, #fafafa 50%, #fff 50%);
    padding: 40px 0
}

.lets-level-up .inner-level-up {
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .09);
    border-radius: 20px
}

.lets-level-up .inner-level-up img {
    border-radius: 20px;
    margin-top: -60px
}

.lets-level-up .inner-level-up .text-cont {
    padding: 20px 0;
    margin-right: 18px;
    padding: 0 20px
}

.lets-level-up .inner-level-up .text-cont h2 {
    font-weight: 400;
    color: #565656;
    margin-top: 4%;
    font-size: 42px;
    line-height: 51px
}

h2.section-title span {
    font-weight: 700;
    color: #02619e;
    font-size: inherit;
    display: block
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7-form-control-wrap {
    position: relative
}

.lets-level-up .inner-level-up .text-cont input,
.lets-level-up .inner-level-up .text-cont textarea {
    background: #fafafa;
    font-size: 16px;
    color: #000;
    margin: 20px 0;
    border: 0;
    padding: 20px;
    border-radius: 10px
}

.lets-level-up .inner-level-up .text-cont textarea {
    height: 120px
}

.js-marquee-wrapper {
    width: 100000px;
    transform: translateX(0);
    animation: 29.2143s linear 0s infinite normal none running
}

.js-marquee {
    margin-right: 0;
    float: left;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 32s linear infinite;
    will-change: transform;
    transform: translateX(0);
    animation: marquee 20s linear infinite
}

@keyframes marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.tf__brand_3 {
    float: left;
    width: 100%;
    background: #09334f;
    padding: 15px 0;
    transform: scale(1.025) rotate(-3deg);
    position: relative;
    -webkit-transform: scale(1.025) rotate(-3deg);
    -moz-transform: scale(1.025) rotate(-3deg);
    -ms-transform: scale(1.025) rotate(-3deg);
    -o-transform: scale(1.025) rotate(-3deg);
    overflow: hidden
}

.tf__brand_3 ul {
    display: flex;
    margin: 0
}

.tf__brand_3 ul li {
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    position: relative;
    padding-left: 80px;
    margin-left: 50px;
    list-style: none
}

.tf__brand_3 ul li::after {
    position: absolute;
    content: "";
    background: url(../img/banner_shape_2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
    top: 0;
    left: 0
}

.tpbanner-shape-two {
    position: absolute;
    bottom: 175px;
    bottom: 135px;
    right: 0
}

.tpbanner-shape-two img {
    max-width: 120px;
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 3s linear infinite
}

.contact-main-shape-bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.contact-main-shape-bg img {
    width: 100%
}

.contact-shape-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    animation: leftright 3s linear forwards infinite alternate;
    z-index: 1
}

.contact-shape-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    animation: leftright 5s linear forwards infinite alternate;
    z-index: 1
}

.contact-shape-3 {
    position: absolute;
    bottom: 0;
    left: 125px;
    z-index: 1
}

.contact-shape-4 {
    position: absolute;
    bottom: 0;
    left: 165px;
    z-index: 1
}

.contact-shape-5 {
    position: absolute;
    bottom: -7px;
    right: 10.5%;
    right: 1.5%;
    z-index: 1
}

.contact-shape-6 {
    position: absolute;
    bottom: 185px;
    right: 30px;
    animation: hero-shape-anim-2 1s linear forwards infinite alternate;
    z-index: 1
}

.contact-shape-5 {
    right: 1.5%
}

@keyframes leftright {
    0% {
        transform: translateX(-30px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hero-shape-anim-2 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-9px)
    }
}

.footer-main-shape {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.footer-shape-left,
.footer-shape-right {
    pointer-events: none
}

.footer-shape-left-one {
    position: absolute;
    left: 0;
    top: -43px
}

.footer-shape-left-two {
    position: absolute;
    top: -185px;
    left: 260px
}

.footer-shape-left-three {
    position: absolute;
    top: -125px;
    left: 0
}

.footer-shape-left-four {
    position: absolute;
    top: -185px;
    left: 5px
}

.footer-shape-right-one {
    position: absolute;
    top: -134px;
    right: 60px
}

.footer-shape-right-two {
    position: absolute;
    top: -218px;
    right: 220px
}

.footer-shape-right-three {
    position: absolute;
    right: 55px;
    top: -68px;
    right: 18px
}

.footer-shape-right-four {
    position: absolute;
    top: -205px;
    right: 290px;
    animation: upslide 4s linear forwards infinite alternate
}

@keyframes upslide {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-20px)
    }

    60% {
        transform: translateY(-10px)
    }
}

.FadeArrow {
    position: absolute;
    inset-inline-end: 0;
    top: -20px;
    -webkit-animation: moveBottom 5s linear infinite;
    animation: moveBottom 5s linear infinite;
    left: 12%;
    width: 140px
}

@-webkit-keyframes moveBottom {
    0% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

@keyframes moveBottom {
    0% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

.hero__shape-3 {
    position: absolute;
    top: 143px;
    left: -70px
}

.hero__info-3 img {
    max-width: unset;
    margin-top: 20px
}

.infinite-move {
    -webkit-animation: moveLeft 5s linear infinite;
    animation: moveLeft 5s linear infinite
}

@keyframes moveLeft {
    0% {
        -webkit-transform: translateX(-25px);
        transform: translateX(-25px)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-25px);
        transform: translateX(-25px)
    }
}

.shape {
    position: absolute;
    z-index: -1;
    inset-inline-start: 0;
    bottom: 10%;
    max-width: 350px;
    left: -5%
}

.star {
    position: absolute;
    inset-inline-start: 50%;
    top: 100px;
    z-index: 3;
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear;
    left: 10px
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.hero-wrapper-one__shape {
    position: absolute;
    top: 2%;
    left: 2%;
    z-index: 0;
    animation: scale2 4s ease-in-out infinite
}

@keyframes scale2 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.hero-wrapper-one__shape-three {
    position: absolute;
    left: 40%;
    bottom: 5%;
    z-index: 0;
    animation: scale2 2s ease-in-out infinite
}

.line-shape-two {
    position: absolute;
    left: 0;
    top: 20%;
    z-index: -1;
    pointer-events: none
}

.ht-clients {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 40px
}

.clients-logo {
    background: #fff;
    border: 1px solid #ebebeb;
    margin-right: -1px;
    margin-top: -1px;
    padding: 20px;
    width: calc(100% / 7);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ceoImage {
    float: left;
    width: 100%;
    position: relative
}

.ceoImage .rahulsir {
    position: absolute;
    bottom: 0;
    right: -5%;
    top: 0;
    max-width: 650px;
    width: auto;
    left: auto;
    z-index: 1
}

#circle {
    width: 290px;
    position: absolute;
    top: -160px;
    z-index: 3;
    right: -100px;
    text-align: center;
    display: flex;
    height: 290px;
    align-items: center;
    justify-content: center
}

#circle text {
    font-size: 22px;
    font-weight: 700;
    font-family: Inter, sans-serif;
    text-transform: uppercase
}

#circle img {
    width: 80px;
    height: 79px;
    z-index: 999;
    top: 130px;
    position: relative
}

#circle svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 540px;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -ms-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.technologyTools {
    float: left;
    width: 100%
}

.section3-wrapper {
    max-width: 1200px;
    padding: 50px 0;
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative
}

.desc-wrapper {
    flex: 1;
    display: flex
}

.desc-wrapper .desc-content {
    color: #00053d;
    margin-left: 40px;
    padding-right: 40px
}

.desc-wrapper .desc-content p {
    font-size: 16px;
    font-weight: 500
}

.clientsTitle {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    position: relative;
    text-align: center
}

.desc-wrapper .clientsTitle {
    text-align: left
}

.clientLogo {
    display: flex;
    flex: 1;
    flex-flow: row wrap
}

.clientLogo .logoClient {
    width: calc(100% / 4);
    flex: 1;
    flex-direction: column;
    margin-right: 40px;
    text-align: center
}

.logoClient2 {
    float: left;
    width: 100%;
    margin: 25px auto;
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.logoClient2 .tools {
    list-style: none;
    text-align: center;
    width: calc(100% / 4);
    padding: 5px 10px;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bed1db;
    margin-top: -1px;
    margin-right: -1px;
    transition: all .3s ease-in-out;
    background: 0 0;
    height: 60px
}

.logoClient2 .tools:before {
    content: none;
    margin: 0;
    padding: 0
}

.logoClient2 .tools img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .7;
    width: auto;
    max-height: 100%;
    padding: 5px 0
}

.logoClient2 .tools img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.webpulse_home_clients {
    float: left;
    width: 100%;
    color: #fff;
    padding: 30px 0 20px;
    background: #fff;
    text-align: left;
    background-repeat: repeat;
    background-size: 100%;
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-image: url(../images/pattern.png);
    background-attachment: fixed
}

.heading-desc {
    color: #9b9b9b;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px
}

.icon-layer-three {
    background-image: url(../img/vector-9.png);
    position: absolute;
    left: 48%;
    bottom: 0;
    width: 369px;
    height: 94px;
    background-repeat: no-repeat;
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_left_right_two {
    0% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(0);
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }
}

@keyframes float_left_right_two {
    0% {
        transform: translateX(-30px);
        opacity: 1
    }

    50% {
        transform: translateX(0);
        opacity: .8
    }

    100% {
        transform: translateX(-30px);
        opacity: 1
    }
}

.award-section {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 0 30px;
    background: transparent linear-gradient(120deg, #000 0, #1b2b35 100%) 0 0 no-repeat;
    overflow: hidden
}

.award-section .bg-award {
    position: absolute;
    top: 0;
    left: 0;
    width: 1894px;
    height: 545px;
    background-image: url(../img/bg-award.png)
}

.award-section .content-column {
    margin-bottom: 30px
}

.award-section .content-column .inner-column .sec-title {
    margin-bottom: 20px;
    position: relative
}

.award-section .content-column .inner-column .sec-title .sub-title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #f1a82a;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #fff
}

.sec-title.text-gradient h2 {
    position: relative;
    font-size: 64px;
    font-weight: 600;
    margin-bottom: 0;
    z-index: 2;
    color: #fff;
    background: linear-gradient(135deg, #fff 0, #fff 45%, rgba(244, 209, 153, .5) 50%, #f1a82a 55%, #f1a82a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.award-section .content-column .inner-column .bottom-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.award-section .content-column .inner-column .bottom-box .text {
    color: #fff;
    margin-right: 30px;
    max-width: 280px;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

.list-style-three {
    position: relative;
    margin: 0;
    padding: 0
}

.list-style-three li {
    position: relative;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
    padding-left: 27px;
    list-style: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.list-style-three li svg {
    width: 20px;
    height: 20px;
    margin-right: 2px;
    color: #f1a82a;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.award-block {
    position: relative;
    margin-bottom: 30px
}

.award-block .inner-box {
    position: relative;
    padding: 25px 15px 30px;
    text-align: center;
    min-height: 294px
}

.award-block .inner-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background: linear-gradient(135deg, #152b39 50%, #112b39 50%, rgba(237, 166, 42, .6) 100%, rgba(241, 168, 42, .6) 100%);
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .7
}

.award-block .inner-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    pointer-events: none;
    background-color: #f5aa31;
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.award-block .inner-box .date {
    position: relative;
    display: block;
    color: #aaa;
    font-size: 16px;
    line-height: 1.2em;
    letter-spacing: .1em;
    margin-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 3
}

.award-block .inner-box img {
    position: relative;
    z-index: 3
}

.award-block .inner-box .title {
    position: relative;
    display: block;
    color: #fff;
    margin-top: 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 3;
    margin-bottom: 10px
}

.award-block .inner-box:hover:after {
    height: 100%
}

.award-block .inner-box:hover .date {
    color: #fff
}

.industrySection {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 50px 50px;
    position: relative;
    margin: 0 auto
}

.industrySection .industryInner {
    position: relative;
    width: 100%;
    height: 490px
}

.industrySection .industryLeft {
    width: 100%;
    height: 490px;
    display: flex;
    align-items: center;
    position: relative
}

.industrySection .inindustryRight {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    transition: all .3s;
    z-index: 1
}

.industrySection .industryLeftInfo .industryLeftTitle {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.industrySection .industryLeftInfo p {
    font-weight: 400;
    font-size: 16px;
    color: #333;
    margin: 0
}

.industrySection .inindustryRight ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end
}

.industrySection .inindustryRight li {
    flex: 33.33% 0 1;
    padding: 0 10px 20px;
    width: 33%;
    flex-grow: 0
}

.industrySection .industryItem {
    border: 1px solid #b5d0f8;
    border-radius: 20px;
    height: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fff;
    transition: all .3s;
    width: 100%;
    max-width: 320px;
    margin: 0
}

.industrySection .industryItem .industryName2 {
    color: #333;
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 15px
}

.industrySection.activeIndustry .industryName2 {
    font-size: 16px
}

.industrySection .industryItem .industryInfo {
    display: block
}

.industrySection .industryItem svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px
}

.industrySection .industryItem:hover {
    border: 1px solid #ffa007;
    box-shadow: 0 16px 20px #0b5cff29
}

.industrySection .industryItem:hover svg path {
    stroke: #ffa007
}

.industrySection .industryItem:hover .industryName2 {
    color: #ffa007
}

.industrySection.activeIndustry .inindustryRight {
    transition: all .3s;
    width: 40%
}

.industrySection .industryItem.active {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box
}

.industrySection .industryItem.active .industryName2 {
    color: #fff;
    font-size: 18px
}

.industrySection .industryItem.active svg path {
    stroke: #fff
}

.industrySection .industryItem.active svg {
    color: #fff
}

.industrySection .industryContainer {
    width: 60%;
    height: 100%;
    box-shadow: 0 16px 64px rgb(0 0 0 / 16%);
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    margin-left: 0;
    top: 0;
    right: 0;
    display: none
}

.industrySection .industrySlide {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 20px;
    display: flex
}

.industrySection .industrySlide img {
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.industrySection .industrySlideInfo {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 50%
}

.industrySection .industrySlideInfo .industrySlideInfoTitle {
    color: #09334f;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 120%;
    font-weight: 600;
    font-style: normal
}

.industrySection .industrySlideInfo p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #232333;
    margin-bottom: 20px;
    text-align: left
}

.industrySection .industrySlide .detail-link {
    display: inline-block;
    color: #0b5cff;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid;
    padding: 7px 15px;
    border-radius: 25px;
    text-align: center;
    align-self: flex-start;
    margin-bottom: 10px
}

.industrySection .industrySlide .industrySlideBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 120px;
    width: 100%;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box;
    color: #fff
}

.industrySection .industrySlide .industrySlideBottom .container {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    align-items: center;
    padding: 20px
}

.industrySection .industrySlide .industrySlideBottom span {
    height: 80px;
    width: 80px;
    border: 2px solid #b5d0f8;
    border-radius: 100px;
    text-align: center;
    line-height: 80px;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    color: #b5d0f8;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.industrySection .industrySlide .industrySlideBottom p {
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    text-align: left;
    margin: 0;
    padding-left: 10px
}

.industrySection .industryLeft .industryLeftInfo {
    position: absolute;
    width: 50%;
    right: 0;
    padding-left: 30px
}

.industryLeftInfo .common_btn3 {
    margin-top: 20px
}

.industrySection.activeIndustry .industryItem {
    max-width: 220px;
    padding: 0 10px
}

.tabPanelClosed {
    position: absolute;
    top: -25px;
    right: -25px;
    z-index: 99;
    width: 45px;
    height: 45px;
    border: 0;
    background: #1c333e;
    color: #fff;
    border-radius: 100%;
    display: none;
    align-items: center;
    justify-content: center
}

.tabPanelClosed:focus,
.tabPanelClosed:hover {
    background-image: linear-gradient(180deg, #f7bb26, #da8a21);
    color: #333
}

.tabPanelClosed svg {
    width: 30px;
    height: 30px
}

.clientResults {
    float: left;
    width: 100%;
    margin: 0;
    padding: 55px 0;
    background: #f1f8fb
}

.clientResults .title_01 {
    min-height: auto
}

.clientResults .maxWidth {
    margin-bottom: 50px
}

.pt7 {
    padding-top: 3rem
}

.companyName {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 5px;
    color: #02619e;
    font-size: 24px;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.keywords {
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 10px
}

.circle-wrap .box p.caseTitle {
    font-weight: 600;
    color: #09334f;
    font-size: 16px
}

.circle-wrap {
    margin: 20px auto 40px
}

.circle-wrap .box .chart {
    position: relative;
    width: 85%;
    height: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 100px;
    height: 120px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.circle-wrap .box canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.circle-wrap .box p {
    display: block;
    text-align: center;
    color: #000;
    font-size: 1rem;
    font-weight: lighter;
    line-height: normal
}

.case-studies-slide .owl-next,
.case-studies-slide .owl-prev {
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    width: 190px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    border: 0;
    outline: 0;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    color: #09334f;
    border-color: #ffc83e;
    border-radius: 4px;
    z-index: 9
}

.case-studies-slide .owl-nav .owl-prev {
    left: 0
}

.case-studies-slide .owl-nav .owl-next {
    right: 0
}

.case-studies-slide .owl-next:hover,
.case-studies-slide .owl-prev:hover {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    color: #fff;
    border-color: #ffc83e
}

.accordion {
    border-radius: 6px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 20px
}

.accordion-item {
    margin-bottom: 0;
    border-radius: 0 !important;
    overflow: hidden
}

.accordion-header {
    padding: 0 !important;
    margin: 0 !important;
    text-transform: initial;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2
}

.noTitle1 {
    font-size: 17px;
    margin: 0;
    padding: 0
}

.accordion-item {
    border: 0;
    border-bottom: 1px solid #e0e3eb
}

.accordion-button {
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
    background-color: #f5f8ff
}

.accordion-button .countNumber {
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #c3dcfb;
    color: #09334f;
    margin-right: 10px
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background: #09334f;
    font-weight: 600
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    transform: rotate(0)
}

.accordion-button:focus,
.accordion-button:hover {
    color: #fff;
    background: #09334f
}

.accordion-button:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    transform: rotate(180deg)
}

.faqHomes .accordion-button.collapsed:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    transform: rotate(-180deg)
}

.accordion-body p {
    font-size: 14px;
    line-height: 24px;
    margin: 0
}

.similarBtn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 1rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc83e), to(#ef9b2d));
    background-image: -o-linear-gradient(top, #ffc83e, #ef9b2d);
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    font-size: 16px;
    color: #222;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border: 0;
    position: relative;
    padding-right: 50px;
    max-width: 26.25rem;
    margin-bottom: 15px
}

.similarBtn:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="black" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    width: 40px;
    top: 0;
    bottom: 0;
    background: rgba(237, 120, 11, .3);
    line-height: 2;
    padding: 1rem;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #ffc73e;
    display: flex;
    align-items: center;
    justify-content: center
}

.similarBtn:hover {
    color: #212529;
    background: #f9ba00 -webkit-gradient(linear, left top, left bottom, from(#fac426), to(#f9ba00)) repeat-x;
    background: #f9ba00 -o-linear-gradient(top, #fac426, #f9ba00) repeat-x;
    background: #f9ba00 linear-gradient(180deg, #fac426, #f9ba00) repeat-x;
    border-color: #ecb100
}

.rankingTable {
    width: 100%;
    float: left;
    max-height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
    overflow-y: auto
}

.rankingTable table {
    width: 100%;
    text-align: left;
    float: left;
    border: 1px solid #d0d0d0;
    border-collapse: collapse
}

.rankingTable table td {
    border: 1px solid #d0d0d0;
    padding: 0;
    text-align: center;
    color: #000;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400
}

.rankingTable table tr:first-child td {
    height: 30px;
    background: #f7f7f8;
    font-weight: 700;
    color: #09334f;
    font-size: 14px
}

.rankingTable table tr:first-child td:nth-child(2),
.rankingTable table tr:first-child td:nth-child(3) {
    background: #f4b95a
}

.rankingTable table td:first-child {
    width: 65%;
    padding: 0 15px;
    text-align: left
}

.rankingTable table td:nth-child(2),
.rankingTable table td:nth-child(3) {
    width: 22%
}

.rankingTable table tr td:nth-child(2) {
    width: 15%;
    background: #eee;
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle
}

.rankingTable table tr td:nth-child(3) {
    width: 20%;
    background: #e6e6e6;
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle
}

.rankingTable table tr td a {
    color: #1178ba
}

.rankingTable table tr td a:focus,
.rankingTable table tr td a:hover {
    color: #09334f
}

.seoResult {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    margin-bottom: 15px
}

.seoResultTitle {
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    color: #02619e;
    font-size: 16px
}

.seoResultNumber {
    font-weight: 600;
    font-size: 30px;
    display: flex;
    align-items: center
}

.seoResultNumber span {
    font-size: 13px;
    border: 1px solid #7fecbf;
    background-color: #cef7e6;
    padding: 3px 10px;
    line-height: normal;
    margin-left: 12px;
    text-transform: uppercase;
    font-weight: 700
}

.accordion .brandTitle {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    text-align: left;
    margin-bottom: 5px
}

.case-studies-slide {
    float: left;
    width: 100%
}

.case-studies-slide .serviceProvide {
    margin: 0;
    margin-bottom: 10px;
    padding-left: 1.5rem
}

.case-studies-slide .serviceProvide li {
    position: relative;
    list-style: none
}

.case-studies-slide .serviceProvide li:before {
    position: absolute;
    content: "";
    left: -1.5rem;
    top: 7px;
    background: url(https://d3vpqvzkdyxtmi.cloudfront.net/uploads/2023/05/list-checkmarks.svg) no-repeat;
    width: 15px;
    aspect-ratio: 1
}

.case-studies-slide .serviceProvide li:last-child {
    margin-bottom: 0
}

ul.mediaGrid {
    float: left;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

ul.mediaGrid li {
    list-style: none;
    text-align: center;
    width: calc(100% / 3);
    padding: 5px;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bed1db;
    margin-top: -1px;
    margin-right: -1px;
    transition: all .3s ease-in-out;
    background: #fff
}

ul.mediaGrid li::before {
    content: none;
    margin: 0;
    padding: 0
}

ul.mediaGrid li img {
    width: 100px;
    height: auto
}

#hello .owl-carousel .owl-stage {
    height: auto
}

.webpulseBE {
    float: left;
    width: 100%;
    margin: 0;
    background: #09334f;
    max-height: 960px;
    overflow: hidden;
    position: relative
}

.webpulseBE::before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    height: 100%;
    background: #0c202b;
    opacity: .7;
    top: 0;
    left: 0;
    z-index: 1;
    content: ''
}

.webpulseBE video {
    width: 100%;
    float: left;
    height: auto
}

.webpulseBE .container {
    padding: 50px 0 30px;
    height: 680px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.webpulseBE .title_1 {
    color: #f5aa31
}

.webpulseBE .maxWidth {
    color: #fff;
    z-index: 99;
    position: relative
}

.webpulseBE .text-center {
    position: relative;
    z-index: 3
}

.webpulseBE .common_btn3 {
    margin-bottom: 40px
}

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

.infiniteDiv svg {
    width: 900px;
    height: 900px
}

.infinity {
    fill: none;
    stroke: yellow;
    stroke-width: 1px;
    stroke-linecap: round;
    animation: 9s dashoffset infinite both linear, 6s dasharray infinite both alternate
}

.bg {
    fill: none;
    stroke: #0e4264;
    stroke-width: .5px;
    opacity: .7
}

@keyframes dasharray {
    from {
        stroke-dasharray: 0.2 212
    }

    to {
        stroke-dasharray: 0.2 236
    }
}

@keyframes dashoffset {
    from {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 236
    }
}

.webpulseOver {
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.webpulseLogo {
    position: relative;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

.roundDIv {
    position: absolute;
    top: 0;
    left: 0
}

.webpulseLogo .animation {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 0;
    text-align: center;
    top: 115px;
    left: 50px
}

.brandLogo {
    position: relative;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

.brandLogo .animation {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 0;
    text-align: center;
    top: 120px;
    left: 222px
}

.brandLogo img {
    position: relative;
    width: 87px;
    z-index: 99;
    top: -15px
}

.round {
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    border: 20px solid #093f64;
    animation: shock-wave 5s ease 0s infinite;
    transform: translateX(-50%) translateY(-50%)
}

@keyframes shock-wave {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: .3
    }

    100% {
        width: 260px;
        height: 260px;
        opacity: .5
    }
}

.round-circle3 {
    animation-delay: 0s;
    animation-duration: 5s
}

.round.round-circle4 {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 100%;
    border: 20px solid #0da0c3;
    animation-delay: 0s;
    animation-duration: 5s;
    animation: shock-wave1 5s ease 0s infinite
}

@keyframes shock-wave1 {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    60% {
        opacity: 0
    }

    8% {
        opacity: .3
    }

    100% {
        width: 300px;
        height: 300px;
        opacity: .1
    }
}

.round.round-circle5 {
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 75px;
    border: 1px dashed #114f79;
    animation-delay: 0s;
    animation-duration: 5s;
    animation: shock-wave2 5s ease 0s infinite
}

@keyframes shock-wave2 {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: .5
    }

    100% {
        width: 150px;
        height: 150px;
        opacity: 1
    }
}

.round-circle6 {
    position: absolute;
    top: -42px;
    left: -42px
}

@keyframes shock-wave3 {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    50% {
        opacity: 0
    }

    80% {
        opacity: .3
    }

    100% {
        width: 70px;
        height: 70px;
        opacity: 1
    }
}

.webpulseLogo img {
    position: relative;
    width: 87px;
    z-index: 99
}

.overPop1 {
    position: absolute;
    font-size: 16px;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(0, 206, 255, .3);
    border-radius: 10px;
    width: 190px;
    padding: 12px;
    z-index: 99;
    text-align: center;
    color: #fff;
    top: 15px;
    left: 20%
}

.overPop1 .titleh4 {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 5px;
    color: #fff;
    font-size: 18px
}

.overPop1 p {
    font-size: 16px;
    margin: 0;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.overPop1.n1 {
    top: 190px;
    left: 75px
}

.overPop1.n2 {
    left: 20%;
    top: 370px
}

.overPop1.n3 {
    top: 15px;
    left: 60%
}

.overPop1.n4 {
    top: 190px;
    left: 75%
}

.overPop1.n5 {
    left: 60%;
    top: 370px
}

.industriesServe {
    float: left;
    width: 100%;
    border-radius: .75rem;
    position: relative;
    box-shadow: 0 0 2px rgba(29, 32, 71, .05), 0 18px 36px rgba(29, 32, 71, .05);
    background: #fff;
    padding: 25px
}

.industriesServe ul.grid_7 {
    float: left;
    width: 100%;
    margin: 25px auto;
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.industriesServe ul.grid_7 li {
    list-style: none;
    text-align: center;
    width: calc(100% / 6);
    padding: 25px 15px;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bed1db;
    margin-top: -1px;
    margin-right: -1px;
    transition: all .3s ease-in-out;
    background: #fff
}

.industriesServe ul.grid_7 li::before {
    content: none;
    margin: 0;
    padding: 0
}

.industriesServe ul.grid_7 li span svg {
    width: 50px;
    height: 50px;
    color: #02619e;
    margin-bottom: 20px
}

.industriesServe ul.grid_7 li span strong {
    font-size: 16px;
    color: #333;
    line-height: normal;
    display: block
}

.introduction_img {
    float: right;
    max-width: 450px;
    width: 100%;
    margin: 0 0 15px 15%;
    min-height: 300px;
    position: relative;
    margin-bottom: 30px
}

.introduction_img img {
    max-width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 22px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15)
}

.introduction_img img+.delhi {
    position: absolute;
    right: 54%;
    top: 50%;
    width: 80%;
    border: 5px solid #f1f8fb;
    -webkit-box-shadow: 0 12px 22px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15)
}

.videoIcon {
    position: absolute;
    color: red;
    text-align: center;
    z-index: 2;
    box-shadow: 0 0 0 0 rgba(1, 148, 68, .7);
    border-radius: 12px;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.videoIcon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 40px;
    height: 30px;
    background: #fff
}

.videoIcon svg {
    width: 60px;
    height: 60px;
    position: relative
}

.videoIcon:focus,
.videoIcon:hover {
    color: #02619e
}

.outstandingReviews {
    float: left;
    width: 100%;
    padding: 50px 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #e1f5ff;
    background-color: #fff
}

.outstandingReviews:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -13px;
    margin-left: -16px;
    z-index: 9;
    background-color: #fff;
    background-repeat: no-repeat;
    border: solid #e1f5ff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px
}

.outstandingReviews ul {
    float: left;
    width: 100%;
    margin: 15px auto 0;
    display: flex;
    flex-flow: row wrap
}

.outstandingReviews ul li {
    list-style: none;
    text-align: center;
    width: calc(100% / 6);
    padding: 15px 25px;
    background: #fff;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center
}

.outstandingReviews ul li:after {
    content: '';
    position: absolute;
    top: 15%;
    right: 0;
    width: 1px;
    height: 70%;
    background: #e5e5e5
}

.outstandingReviews ul li:last-child:after {
    display: none
}

.outstandingReviews ul li:hover {
    box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    z-index: 10
}

.outstandingReviews ul li img {
    display: block;
    width: auto;
    max-width: 125px;
    margin: 0 auto 10px
}

.outstandingReviews ul li svg {
    margin-bottom: 10px;
    fill: #ffd400
}

.outstandingReviews ul li .number_1 {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #878787
}

.outstandingReviews ul li .number_1 strong {
    font-weight: 700;
    color: #282828
}

.newsMedia2 {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.newsMedia2 .newsLogo {
    width: 20%;
    margin: 0 .5% 15px
}

.newsMedia2 .newsLogo img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    padding: 15px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 1
}

.newsMedia2 .newsLogo:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.ratings2 {
    float: left;
    width: 100%;
    margin: 48px 0 0 0 !important;
    display: flex;
    padding: 0;
    flex-flow: row wrap;
    border: 1px solid #e5f2f9
}

.ratings2 li {
    list-style: none;
    text-align: center;
    width: calc(100% / 3);
    padding: 15px 25px;
    background: 0 0;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center
}

.ratings2 li:after {
    content: '';
    position: absolute;
    top: 15%;
    right: 1px;
    width: 1px;
    height: 70%;
    background: #e5f2f9
}

.ratings2 li:last-child:after {
    display: none
}

.ratings2 li img {
    display: block;
    width: auto;
    max-width: 125px;
    margin: 0 auto 10px
}

.ratings2 li svg {
    margin-bottom: 10px;
    fill: #ffd400
}

.ratings2 li .number_1 {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #878787
}

.ratings2 li .number_1 strong {
    font-weight: 700;
    color: #282828
}

.colorBlack {
    color: #333 !important
}

.whatapp_btn {
    background: #01e675;
    width: 50px;
    height: 50px;
    color: #fff;
    position: fixed;
    left: 15px;
    bottom: 90px;
    cursor: pointer;
    z-index: 999;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .16), 0 3px 10px rgba(0, 0, 0, .16)
}

.whatapp_btn svg {
    width: 25px;
    height: 25px
}

.whatapp_btn:hover {
    color: #fff
}

.send_enquiry {
    border-radius: 40px;
    bottom: 30px;
    color: #fff;
    display: table;
    height: 50px;
    left: 15px;
    min-width: 50px;
    position: fixed;
    text-align: center;
    z-index: 9999;
    transition: all .2s linear;
    background: #0f7eb5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 0 rgba(15, 126, 181, .7);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1)
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

.send_enquiry svg {
    width: 24px;
    height: 24px;
    line-height: 50px
}

.send_enquiry:hover {
    color: #fff;
    padding: 0 20px
}

.send_enquiry:focus {
    color: #fff
}

.send_enquiry span {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -15px;
    opacity: 0;
    line-height: 50px;
    transition: all .5s;
    text-transform: uppercase
}

.send_enquiry:hover span {
    opacity: 1;
    letter-spacing: normal;
    padding-left: 10px
}

.stickyIcon {
    z-index: 90;
    position: fixed;
    top: 30%;
    right: 0;
    width: 140px;
    display: flex;
    flex-direction: column;
    margin-right: -80px
}

.stickyIcon ul {
    margin: 0;
    padding: 0
}

.stickyIcon ul li {
    list-style: none
}

.stickyIcon a {
    transform: translate(94px, 0);
    transform: translate(13px, 0);
    border-radius: 50px 0 0 50px;
    text-align: left;
    margin: 2px;
    text-decoration: none;
    padding: 5px;
    font-size: 16px;
    transition: all .8s;
    display: flex;
    align-items: center;
    font-weight: 600
}

.stickyIcon a:hover {
    color: #fff;
    transform: translate(0, 0);
    transform: translate(-70px, 0)
}

.stickyIcon a:hover svg {
    transform: rotate(360deg)
}

.stickyIcon a span {
    background-color: #fff;
    height: 35px;
    width: 35px;
    color: #000;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 10px;
    transition: all .5s
}

.stickyIcon a span svg {
    width: 16px;
    height: 16px
}

.facebook a {
    background-color: #0865ff;
    color: #fff
}

.stickyIcon .facebook a span {
    color: #0865ff
}

.stickyIcon .twitter a {
    background-color: #000;
    color: #fff
}

.stickyIcon .twitter a span {
    color: #000
}

.stickyIcon .youtube a {
    background-color: #fa0910;
    color: #fff
}

.stickyIcon .youtube a span {
    color: #fa0910
}

.stickyIcon .instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    color: #fff
}

.stickyIcon .instagram a span {
    color: #fa0910
}

.linkedin a {
    background-color: #027ba5;
    color: #fff
}

.stickyIcon .linkedin a span {
    color: #027ba5
}

.common_btn3 span svg {
    margin-left: 15px;
    width: 25px;
    height: 25px;
    background: rgba(9, 51, 79, .8);
    color: #fff;
    padding: 5px;
    border-radius: 100%
}

.common_btn3.iconLarge span svg {
    width: 30px;
    height: 30px
}

.coreFeatures {
    float: left;
    width: 100%;
    margin: 0;
    background: #101c23;
    padding: 80px 0 80px;
    position: relative;
    overflow: hidden
}

.section-bg img {
    position: absolute
}

.coreFeatures .section-bg img:first-child {
    bottom: -120px;
    right: 0;
    max-width: 200px
}

.coreFeatures .section-bg img:last-child {
    top: 0;
    left: 0
}

.coreFeatures .section-header {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: start
}

.coreFeatures .section-header span.badges {
    border: 1px solid #e6e6e6;
    border-radius: 55px;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    margin-bottom: 20px
}

.coreFeatures .section-header .title40 {
    font-size: 40px;
    font-weight: 700;
    color: #01011e;
    margin-bottom: 15px;
    max-width: 900px
}

.coreFeatures .section-header .title40 {
    text-align: left;
    color: #fff;
    line-height: normal
}

.coreFeatures .section-header .title40 span {
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.coreFeatures .section-header p {
    font-size: 20px;
    max-width: 910px;
    margin-bottom: 0;
    text-align: left;
    color: #e6e6e6
}

.banner-wrap-btn {
    display: flex;
    align-items: center;
    position: relative
}

.banner-wrap-btn .banner-btns {
    margin-right: 15px
}

.btn-secondary {
    background: #0f7eb5;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 20px;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s
}

.btn-primary {
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    border-radius: 8px;
    border: 0;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    padding: 12px 20px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-features {
    margin-bottom: 40px;
    display: block
}

.new-features span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    border: 1px solid #fb9a3e;
    border-radius: 50%;
    padding: 15px
}

.new-features p {
    color: #cdcdcd;
    margin-bottom: 10px;
    line-height: normal;
    text-align: left
}

.new-features .featureTitleH4 {
    color: #fff;
    font-size: 24px;
    margin: 10px 0;
    font-weight: 600
}

.powerfulAchievement {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background-color: #eee
}

.powerfulTitle {
    color: #152833;
    font-size: 2.375rem;
    line-height: 2.7rem;
    letter-spacing: -.5px;
    margin-bottom: 0;
    font-weight: 500;
    font-family: 'Playfair Display', serif
}

.powerfulTitle span {
    font-style: italic;
    font-weight: 600;
    border-bottom: 2px solid;
    color: #152833
}

.ourAchievements {
    display: block;
    text-align: center;
    margin-top: 25px;
    background: #f1f8fb;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px
}

.ourAchievements .title_1 {
    text-align: center;
    font-size: 48px
}

.ourAchievements figure.figure-award-cabinet {
    margin: -3.1rem auto 2.3rem;
    max-width: 880px
}

.ourAchievements .numberTitle {
    font-weight: 900;
    color: #02355a;
    margin-bottom: .2rem;
    font-size: 3rem
}

.ourAchievements p {
    line-height: 1;
    font-weight: 600;
    text-align: center
}

.title_21 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center
}

.teamPhotos {
    float: left;
    width: 100%;
    padding: 40px 0 30px;
    margin: 0;
    background: #eee
}

.teamImg {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 12px
}

.teamImg a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px
}

.teamImg a:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(9, 51, 79, .9);
    opacity: .8;
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.teamImg a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.teamImg a:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.teamImg a:after {
    position: absolute;
    height: 20px;
    width: 20px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11M13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0'/><path d='M10.344 11.742q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1 6.5 6.5 0 0 1-1.398 1.4z'/><path fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5'/></svg>");
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.latest-framework-versions {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background: #fff
}

.platformsTitle {
    font-size: 32px;
    font-weight: 700;
    color: #01011e;
    margin: 0 auto;
    margin-bottom: 25px;
    max-width: 750px;
    text-align: center
}

.platformsTitle span {
    background: linear-gradient(118deg, #fb9a3e 32.59%, #ee132f 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.latest-framework-versions ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.latest-framework-versions ul li {
    margin: 0 8px;
    list-style: none
}

.latest-framework-versions ul li:last-child {
    margin-right: 0
}

.latest-framework-versions ul li a .techImg {
    margin-bottom: 10px
}

.latest-framework-versions ul li a .techImg img {
    transition: .5s all;
    width: 41px
}

.latest-framework-versions ul li a span.latest {
    margin: 0;
    background: #ff001f;
    border-radius: 0 8px;
    width: 43px;
    height: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0
}

.latest-framework-versions ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    width: 112px;
    box-shadow: 0 4px 24px 0 rgba(186, 186, 186, .3);
    background: #fff;
    border-radius: 8px;
    border: 1px solid #fff;
    position: relative;
    transition: .5s all
}

.latest-framework-versions ul li a:hover {
    border-color: #ff8917;
    transform: translateY(-10px);
    transition: .5s all
}

.latest-framework-versions ul li a:hover .techImg img {
    transform: rotatey(360deg);
    transition: .5s all
}

.latest-framework-versions ul li a .techTitle {
    color: #01011e;
    font-family: Inter, sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
    text-align: center;
    line-height: normal;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.webFeatures {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 25px;
    padding: 0;
    gap: 1%
}

.webFeatures .webFeaturesItem {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
    width: 24%;
    background: 0 0;
    border-radius: 0;
    border: 1px solid #dee2e3;
    position: relative;
    transition: .5s all
}

.webFeatures .webFeaturesItem .techImg {
    margin-bottom: 10px
}

.webFeatures .webFeaturesItem .techImg img {
    transition: .5s all;
    width: 70px
}

.webFeatures .webFeaturesItem:hover .techImg img {
    transform: rotatey(360deg);
    transition: .5s all
}

.webFeatures .webFeaturesItem .techTitle {
    text-align: center;
    color: #01011e;
    font-weight: 600;
    padding: 0 10px;
    line-height: normal;
    font-size: 15px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center
}

.whyRanking {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.whyInner {
    display: flex;
    /* align-items: center; */
    border-left: 5px solid #eee;
    padding-left: 25px;
    padding-left: 0;
    margin-bottom: 30px
}

.whyNumber {
    margin-right: 50px;
    color: #f5aa31;
    font-weight: 700;
    font-size: 62px;
    height: 100%;
    background: #eee;
    padding-right: 10px;
    padding-left: 5px;
    border-radius: 0 4px 4px 0;
}

.whyInner .whyInnerTitle {
    color: #09334f;
    margin-bottom: .5em;
    margin-top: 0;
    text-rendering: optimizeSpeed;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}

.whyInner p {
    font-size: 17px;
    line-height: 28px;
    text-align: left;
    margin: 0
}

.whyInner p a {
    color: #f5aa31
}

.managedSeo {
    background: #eee
}

.managedSeo::after {
    background-color: #eee
}

.seoProcess {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #f1f8fb;

}

.processNav2 {
    width: 28%
}

#v-pills-tabContent {
    width: 70%;
    margin-left: auto
}

.seoProcess .tab-pane {
    width: 100%;
    padding: 30px 40px;
    padding: 0;
    /* border: 1px solid #dadada; */
    margin: auto
}

.seoProcess .tab-pane .smProcessTitle {
    margin: 0 0 15px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    color: #09334f
}

.seoProcess .tab-pane p {
    font-size: 16px;
    text-align: justify
}

.seoProcess .tab-content>.tab-pane img {
    max-width: 100%;
    width: 100%
}

.seoProcess .tab-pane .processImage2 {
    float: right;
    max-width: 400px;
    margin: 0 0 10px 15px
}

.processNav2 a {
    padding-left: 20px;
    margin-bottom: 5px;
    border: 1px solid #dadada !important;
    background: transparent !important;
    width: 100%;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    color: #333 !important;
    font-size: 16px;
    font-weight: 600;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    width: 92%;
}

/* .processNav2 a:before {
    content: "";
    position: absolute;
    border-top: 1px #dadada solid;
    border-right: 1px #dadada solid;
    display: block;
    right: -15px;
    width: 33px;
    height: 33px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: transparent;
    z-index: 1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
} */

.processNav2 a.active {
    background-color: #09334f !important;
    color: #fff !important;
    border-color: #09334f !important;
    clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%);
    width: 100%;
}

.processNav2 a.active:before {
    content: none;
    position: absolute;
    border: 1px #09334f solid !important;
    display: block;
    right: -15px;
    width: 33px;
    height: 32px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #09334f !important;
    z-index: 1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.seoServices.seoCategory::before {
    height: 75%
}

.seoBoxforCat {
    float: left;
    width: 100%;
    border-radius: .75rem;
    position: relative;
    box-shadow: 0 0 2px rgba(29, 32, 71, .05), 0 18px 36px rgba(29, 32, 71, .05);
    background: #fff;
    padding: 25px;
    margin-bottom: 20px
}

.seoPart_4 {
    display: block;
    border: 1px solid #75757529;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border-radius: 8px;
    padding: 15px
}

.seoBoxforCat ul {
    margin: 0;
    padding: 0;
    display: block;
    display: flex;
    flex-flow: row wrap
}

.seoBoxforCat ul li {
    font-size: 15px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333;
    width: calc(100%)
}

.seoBoxforCat ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.seoBoxforCat ul li.close:before {
    background: url(../img/close.svg) no-repeat;
    background-size: 100%
}

.seoBoxforCat p {
    padding: 5px 15px;
    background: #efefef;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #2d3a44;
    display: block;
    width: 100%
}

.seoPart_4 .accordion {
    border: 0
}

.seoPart_4 .accordion-item {
    margin-bottom: 10px;
    border: 1px solid #eee
}

.vid-bx {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 105, .15) 0 2px 5px 0, rgba(0, 0, 0, .05) 0 1px 1px 0;
    transition: .1s linear
}

.vid-bx video {
    aspect-ratio: 1/1.7;
    object-fit: cover;
    object-position: top center
}

.vid-bx:hover {
    transform: scale(1.03)
}

.vid-bx .tt {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 15px 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    color: #fff;
    line-height: normal
}

.vid-bx svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: #fff;
    opacity: 0
}

.vid-bx:hover svg {
    opacity: .9
}

.vid-bx video {
    max-width: 100%;
    width: 100%
}

.innerBanner2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    position: relative;
    background: #fff
}

.innerBanner2 .innerRight {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.innerBanner2 .innerRight .titleA1 {
    color: #fbbc39;
    font-size: 30px;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 10px;
    background: linear-gradient(118deg, #09334f 32.59%, #46a8ea 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.innerBanner2 .innerRight p {
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0;
    color: #fff;
    text-align: left
}

.innerBanner2 .innerRight p strong {
    color: #fbbe3a
}

.innerBanner2 .innerRight p.tagline {
    margin-bottom: 15px
}

.innerBanner2 .innerRight ul {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    flex-flow: row wrap
}

.innerBanner2 .innerRight ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 4px;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333;
    width: 100%
}

.innerBanner2 .innerRight ul.seoFeature2 li {
    width: calc(100% / 2)
}

.innerBanner2 .innerRight ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.innerBanner2 .innerleft img {
    max-width: 100%;
    border-radius: 12px
}

.section-wrapper5 {
    z-index: 2;
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.section-head {
    margin-bottom: 50px
}

.section-head .sub-title {
    text-transform: uppercase;
    color: #1b8271;
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 600
}

.section-wrapper5 ul {
    margin: 0 0 10px;
    padding: 0;
    display: inline-block
}

.section-wrapper5 li {
    font-size: 18px;
    display: block;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.section-wrapper5 ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.sectionTitle_3 {
    font-size: 30px;
    color: #09334f;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: normal
}

.icon-bx-wraper2.style-2 {
    position: relative;
    background: #fff;
    width: 100%;
    overflow: hidden;
    text-align: left;
    display: inline-flex;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 30px;
    z-index: 1;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-bottom: 20px
}

.icon-lg {
    display: inline-block;
    text-align: center;
    line-height: 1
}

.icon-bx-wraper2.style-2 .icon-cell {
    margin-right: 25px;
    background-color: rgb(255 116 104 / 10%);
    display: flex;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #1b8271
}

.icon-bx-wraper2.style-2 i {
    height: 40px;
    font-size: 36px;
    border-radius: 100%;
    width: 40px;
    color: #1b8271;
    text-align: center;
    line-height: 40px;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.icon-content {
    overflow: hidden
}

.icon-bx-wraper2 .dz-tilte {
    font-weight: 700;
    position: relative;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #222
}

.icon-bx-wraper2 p:last-child {
    margin: 0;
    text-align: left
}

.icon-bx-wraper2.style-2:hover {
    border: 1px solid #fff;
    box-shadow: 0 0 60px rgba(0, 0, 0, .09)
}

.icon-bx-wraper2.style-2:hover .icon-cell i {
    color: #fff
}

.portfolioPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 40px;
    background: 0 0
}

.clearLine2 {
    float: left;
    width: 100%
}

.contactBanner {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: #fff;
    position: relative
}

.fullw {
    width: 600px;
    float: right
}

.banner-text {
    padding-top: 0
}

.banner-text h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2 !important;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    background: linear-gradient(118deg, #09334f 32.59%, #46a8ea 99.7%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.banner-text p {
    padding-right: 0;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 16px;
    text-align: left;
    color: #333
}

.oursocialmedia_panel {
    width: 70px;
    height: 70px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    font-size: 30px;
    color: #0090f1;
    border-radius: 100px;
    transition: all ease-in-out .5s;
    opacity: 1;
    z-index: 1;
    position: relative;
    margin-bottom: 25px
}

.oursocialmedia_panel:hover {
    transform: translateY(-10px)
}

.oursocialmedia_panel img {
    width: 38px
}

.packge-img-inside {
    margin-top: -30px;
    margin-right: -15px
}

.storyBanner {
    float: left;
    width: 100%;
    height: auto;
    padding: 130px 0 0;
    margin: 0;
    background: #012238;
    position: relative;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%)
}

.rahul {
    display: flex
}

.rahul img {
    max-width: 350px;
    margin-left: auto;
    margin-right: 10%
}

.storyBanner .banner-text p {
    margin-top: 0
}

.contactPage {
    float: left;
    width: 100%;
    padding: 50px 0 50px;
    margin: 0;
    background: #f1f8fb
}

.contactInfo .contactInfoTitle {
    font-size: 35px;
    line-height: 41px;
    font-weight: 700;
    position: relative;
    color: #02355a;
    margin-bottom: 5px;
    text-align: center
}

.contactInfo .contactInfoTitle_2 {
    font-size: 24px;
    line-height: 41px;
    font-weight: 700;
    position: relative;
    color: #02355a;
    margin-bottom: 10px
}

.contactInfo p {
    font-size: 18px;
    line-height: 28px;
    text-align: center
}

.contactInfo ul.steps2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    counter-reset: counter
}

.contactInfo ul.steps2 li {
    list-style: none;
    line-height: normal;
    position: relative;
    padding-left: 65px;
    margin-bottom: 30px
}

.contactInfo ul.steps2 li:before {
    content: counter(counter);
    counter-increment: counter;
    color: #fff;
    position: absolute;
    background-color: #02355a;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 28.719px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    font-weight: 700;
    margin-top: -2px;
    top: 0
}

.contactInfo ul.steps2 li:after {
    position: absolute;
    content: "";
    background-color: #02355a;
    height: 100%;
    width: 3px;
    left: 20px;
    overflow: hidden;
    top: 35px
}

.contactInfo ul.steps2 li:last-child:after {
    position: absolute;
    content: none;
    background-color: #02355a;
    height: 0%;
    width: 0;
    left: 0;
    overflow: hidden;
    top: 0
}

.contactInfo ul.steps2 li strong {
    display: block;
    font-size: 22px;
    margin-bottom: 5px;
    color: #02355a
}

.contactInfo ul.steps2 li span {
    font-size: 15px;
    color: #333;
    line-height: normal
}

.contact_list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 0;
    row-gap: 0;
    margin: 0;
    padding: 0
}

.contact_list li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    transition: all .3s ease-in-out
}

.contact_list li .contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-item .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    height: 50px;
    line-height: 1;
    padding: 0;
    border-radius: 5px
}

.contact_list li .contact-item .contact-icon i,
.contact_list li .contact-item .contact-icon img {
    width: 35px
}

.contact_list li .contact-item .contact-text {
    padding: 10px 10px 10px 20px
}

.contact_list li .contact-item .contact-text .text3 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600
}

.contact_list li .contact-item .contact-text .contact-link {
    display: block;
    letter-spacing: .32px;
    font-size: 16px;
    line-height: normal
}

.contact_list li .contact-item .contact-text .contact-link .link {
    color: #666;
    font-weight: 600;
    font-size: 17px
}

.contact_list li .contact-item .contact-text .contact-link .link:focus,
.contact_list li:hover .contact-item .contact-text .contact-link .link {
    color: #1178ba
}

.branchItem {
    float: left;
    width: 100%;
    display: block;
    padding: 15px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    margin-bottom: 15px
}

.officeImg {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: #02355a;
    border-radius: 8px
}

.officeImg img {
    width: 100%
}

.officeImg a:after {
    color: #fff;
    position: absolute;
    font-size: 1.6em;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: scale(.1, .1);
    transform: scale(.1, .1);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.officeImg a:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

.officeImg a:hover img {
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: .4
}

.officeImg a:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='white' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z'/><path d='M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z'/><path fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z'/></svg>")
}

.branchItem iframe {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 172px;
    width: 100%;
    overflow: hidden
}

.branchItem p {
    text-align: left;
    letter-spacing: .32px;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    margin: 0
}

.branchItem .common_btn3 {
    height: 45px;
    line-height: 45px;
    padding-right: 60px;
    font-size: 18px
}

.branchItem .common_btn3:after {
    width: 45px
}

.get_direction {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    font-size: 16px;
    line-height: normal;
    color: #222;
    font-weight: 600;
    position: relative;
    margin-top: 10px
}

.get_direction svg {
    width: 20px;
    height: 20px;
    margin-right: 0
}

.text3 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 700
}

.googleMap {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    color: #fff
}

.googleMap:focus,
.googleMap:hover {
    background: linear-gradient(180deg, #ffc83e, #ef9b2d);
    color: #222
}

.brancheSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.branchBlock {
    text-align: center;
    padding: 25px;
    border: 1px solid #ccc;
    vertical-align: middle;
    box-shadow: 10px 10px #ccc;
    margin: 25px 0;
    transition: 1s
}

.branchBlock h5 {
    margin-bottom: 5px;
    font-size: 24px;
    padding: 0 0 9px 0;
    font-weight: 700;
    color: #09334f
}

.branchBlock .branchTitle {
    margin-bottom: 5px;
    font-size: 24px;
    padding: 0 0 9px 0;
    font-weight: 700;
    color: #09334f
}

.branchBlock p {
    text-align: center;
    line-height: 20px;
    padding: 0;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    margin: 0 0 10px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center
}

.branchBlock a {
    color: #09334f;
    font-weight: 600
}

.branchBlock a:focus,
.branchBlock a:hover {
    color: #f5aa31;
    text-decoration: underline
}

.branchBlock a svg {
    width: 24px;
    height: 24px
}

.branchBlock .sendEnquiry_btn {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    font-size: 16px;
    line-height: normal;
    color: #222;
    font-weight: 600;
    position: relative;
    margin-top: 10px
}

.branchBlock .sendEnquiry_btn svg {
    width: 18px;
    height: 18px
}

.branchBlock .sendEnquiry_btn:focus,
.branchBlock .sendEnquiry_btn:hover {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    color: #fff;
    text-decoration: none
}

.whyUs {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px
}

.whyUs .title_1 {
    text-align: center
}

.process_box {
    background: #5192c3;
    text-align: center;
    padding: 0 25px;
    margin: 45px auto 0;
    border-radius: 50%;
    width: 275px;
    height: 275px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.process_box:before {
    background-color: #266fa6;
    border-radius: 50%
}

.process_box .processTitle {
    font-weight: 700;
    padding: 25px 0 10px 0;
    text-align: center;
    font-size: 24px;
    margin: 0
}

.teamH3Title {
    color: #09334f;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.process_box p {
    color: #fff;
    text-align: center
}

.process_box .icon1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -36px;
    margin: 0 auto;
    width: 84px;
    height: 84px;
    border: 3px solid #5192c3;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    margin: 0 auto 0;
    transition: .6s
}

.process_box:hover .icon1 {
    transform: rotate(360deg) scale(1.1);
    transition: .7s;
    border: 3px solid #266fa6
}

.process_box .icon1 img {
    margin: 11px 0 0 0;
    width: 67%
}

.p1num {
    margin-top: 40px;
    color: #5492c1;
    font-size: 90px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.p2num {
    margin-top: 40px;
    color: #51b5ce;
    font-size: 90px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.p3num {
    margin-top: 40px;
    color: #c689b9;
    font-size: 90px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.p4num {
    margin-top: 40px;
    color: #dd9857;
    font-size: 90px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.colorGrid2:nth-child(2) .process_box {
    background: #51b5ce
}

.colorGrid2:nth-child(2) .process_box:before {
    background: #238aa4 !important
}

.colorGrid2:nth-child(2) .process_box .icon1 {
    border-color: #51b5ce
}

.colorGrid2:nth-child(3) .process_box {
    background: #c689b9
}

.colorGrid2:nth-child(3) .process_box:before {
    background: #a2358b !important
}

.colorGrid2:nth-child(3) .process_box .icon1 {
    border-color: #c689b9
}

.colorGrid2:nth-child(4) .process_box {
    background: #dd9857
}

.colorGrid2:nth-child(4) .process_box:before {
    background: #bf6713 !important
}

.colorGrid2:nth-child(4) .process_box .icon1 {
    border-color: #dd9857
}

.textWhite span {
    -webkit-text-fill-color: #fff
}

.testimonialsPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 0
}

.testimonialsBox {
    border: 1px solid #f0f0f0;
    box-shadow: 2px 2px 5px #d4d4d4;
    padding: 0;
    margin: 0 0 25px 0;
    overflow: hidden;
    border-radius: 12px;
    background: #fff
}

.videoPart {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    overflow: hidden;
    position: relative
}

.videoPart img {
    object-position: center;
    object-fit: cover;
    max-width: inherit;
    max-height: 100%;
    height: 350px;
    transition: .5s
}

.testimonialsBox:hover .videoPart img {
    transition: .5s;
    transform: scale(1.05)
}

.testimonialsInfo {
    float: left;
    width: 100%;
    padding: 25px 25px 25px 65px;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 350px
}

.testimonialsInfo::before {
    width: 50px;
    padding: 50px 0 20px;
    background: #09334f;
    color: #fff;
    font-size: 75px;
    text-align: center;
    margin: 0;
    border-radius: 0 0 4px 4px;
    content: url(../img/quote.svg);
    position: absolute;
    top: 0;
    left: 0
}

.testimonialsText p {
    font-size: 16px;
    color: #333;
    font-style: italic
}

.testName {
    color: #1178ba;
    font-size: 20px;
    font-weight: 400
}

.testName:before {
    content: "";
    margin-top: 17px;
    position: absolute;
    background-color: #dbdbdb;
    width: 96.5%;
    height: 1px
}

.testName span {
    background-color: #fff;
    padding-right: 17px;
    position: relative;
    z-index: 50
}

.awardSection {
    float: left;
    width: 100%
}

.awardSection .awardsItem {
    float: left;
    width: 100%;
    background: #f1d9c1;
    position: relative
}

.awardSection .awardsItem .awardInner {
    padding: 55px 0;
    padding-left: 65px;
    line-height: 37px;
    float: left;
    width: 40%
}

.awardSection .awardsItem .awardsYear {
    color: #eccfb2;
    font-size: 91px;
    font-weight: 700;
    top: 0;
    left: 25%;
    position: absolute
}

.awardSection .awardsItem .awardInner .awardInfo {
    font-size: 28px;
    font-weight: 400;
    border-left: 2px solid #a86739;
    padding: 0 0 0 28px
}

.awardSection .awardsItem .awardTitle2 {
    font-size: 38px;
    color: #a86739;
    font-weight: 700;
    text-align: left;
    padding: 0 0 25px 0
}

.awardSection .awardsFlex {
    display: flex
}

.awardSection .awardsItem .image {
    max-width: 70%;
    margin-left: auto
}

.awardSection .awardsItem:nth-child(2n) .awardsYear {
    top: 0;
    right: 20%;
    left: auto
}

.awardSection .awardsItem:nth-child(2n) .awardInner {
    padding-left: 0;
    padding-right: 65px
}

.awardSection .awardsItem:nth-child(2n) .awardInner .awardTitle2 {
    text-align: right
}

.awardSection .awardsItem:nth-child(2n) .awardInner .awardInfo {
    border-left: 0;
    border-right: 2px solid #a86739;
    padding: 0 28px 0 0;
    text-align: right
}

.awardSection .awardsItem:nth-child(2n) .image {
    max-width: 65%;
    margin-left: 0;
    margin-right: auto
}

.awardSection .awardsItem.bg2017 {
    background: #cec7f0
}

.awardSection .awardsItem.bg2017 .awardsYear {
    color: #c0bae3
}

.awardSection .awardsItem.bg2017 .awardInner .awardInfo {
    border-color: #48377a
}

.awardSection .awardsItem.bg2017 .awardInner .awardTitle2 {
    color: #48377a
}

.awardSection .awardsItem.bg2016 {
    background: #fed8e5
}

.awardSection .awardsItem.bg2016 .awardsYear {
    color: #f0c6d3
}

.awardSection .awardsItem.bg2016 .awardInner .awardInfo {
    border-color: #a72747
}

.awardSection .awardsItem.bg2016 .awardInner .awardTitle2 {
    color: #a72747
}

.awardSection .awardsItem.bg2019 {
    background: #bcdffd
}

.awardSection .awardsItem.bg2019 .awardsYear {
    color: #a2bffb
}

.awardSection .awardsItem.bg2019 .awardInner .awardInfo {
    border-color: #383e76
}

.awardSection .awardsItem.bg2019 .awardInner .awardTitle2 {
    color: #383e76
}

.awardSection .awardsItem.bg2018 {
    background: #f4ffff
}

.awardSection .awardsItem.bg2018 .awardsYear {
    color: #d5e1e1
}

.awardSection .awardsItem.bg2018 .awardInner .awardInfo {
    border-color: #131a65
}

.awardSection .awardsItem.bg2018 .awardInner .awardTitle2 {
    color: #131a65
}

.awardSection .awardsItem.bg2019_2 {
    background: #e5f8ff
}

.awardSection .awardsItem.bg2019_2 .awardsYear {
    color: #a2bffb
}

.awardSection .awardsItem.bg2019_2 .awardInner .awardInfo {
    border-color: #383e76
}

.awardSection .awardsItem.bg2019_2 .awardInner .awardTitle2 {
    color: #383e76
}

.awards {
    height: 470px;
    padding: 0;
    margin: 0;
    font-size: 28px;
    font-weight: 400
}

.award01 {
    background: url(../img/achievement/iea2018.jpg) 0 0/100% no-repeat
}

.award01 h2 {
    font-size: 38px !important;
    color: #a86739 !important;
    font-weight: 700 !important;
    text-align: left;
    padding: 0 0 25px 0
}

.award-inner1 {
    margin: 65px 0 0 55px;
    line-height: 37px;
    float: left;
    width: 30%
}

.award-inner01 {
    border-left: 2px solid #a86739;
    padding: 0 0 0 28px
}

.award02 {
    background: url(../img/achievement/iea2017.jpg) 0 0/100% no-repeat;
    text-align: right
}

.award02 h2 {
    font-size: 38px !important;
    color: #48377a !important;
    font-weight: 700 !important;
    text-align: right;
    padding: 0 0 25px 0
}

.year2 {
    font-size: 91px;
    font-weight: 700;
    margin: 48px 19% 0 0;
    position: absolute;
    right: 0
}

.award-inner2 {
    margin: 65px 55px 0 0;
    line-height: 37px;
    float: right;
    width: 30%;
    border-right: 2px solid #48377a;
    padding: 0 28px 0 0
}

.award03 {
    background: url(../img/achievement/abea2017.jpg) 0 0/100% no-repeat;
    height: 470px;
    padding: 0;
    margin: 0;
    font-size: 28px;
    font-weight: 400
}

.award03 h2 {
    font-size: 38px !important;
    color: #a72747 !important;
    font-weight: 700 !important;
    text-align: left;
    padding: 0 0 25px 0
}

.year3 {
    color: #f0c6d3;
    font-size: 91px;
    font-weight: 700;
    margin: 48px 0 0 28.5%;
    position: absolute
}

.award-inner3 {
    margin: 65px 0 0 55px;
    line-height: 37px;
    float: left;
    width: 30%;
    border-left: 2px solid #a72747;
    padding: 0 0 0 28px
}

.award04 {
    background: url(../img/achievement/iqa2019.jpg) 0 0/100% no-repeat;
    text-align: right
}

.award04 h2 {
    font-size: 38px !important;
    color: #383e76 !important;
    font-weight: 700 !important;
    text-align: right;
    padding: 0 0 25px 0
}

.year4 {
    color: #a2bffb;
    font-size: 91px;
    font-weight: 700;
    margin: 48px 19% 0 0;
    position: absolute;
    right: 0
}

.award-inner4 {
    margin: 65px 55px 0 0;
    line-height: 37px;
    float: right;
    width: 30%;
    border-right: 2px solid #383e76;
    padding: 0 28px 0 0
}

.award05 {
    background: url(../img/achievement/ifa2018.jpg) 0 0/100% no-repeat;
    height: 470px;
    padding: 0;
    margin: 0;
    font-size: 28px;
    font-weight: 400
}

.award05 h2 {
    font-size: 38px !important;
    color: #131a65 !important;
    font-weight: 700 !important;
    text-align: left;
    padding: 0 0 25px 0
}

.year5 {
    color: #d5e1e1;
    font-size: 91px;
    font-weight: 700;
    margin: 48px 0 0 28.5%;
    position: absolute
}

.award-inner5 {
    margin: 65px 0 0 55px;
    line-height: 37px;
    float: left;
    width: 30%;
    border-left: 2px solid #131a65;
    padding: 0 0 0 28px
}

.award06 {
    background: url(../img/achievement/pratigya2019.jpg) 0 0/100% no-repeat;
    text-align: right
}

.award06 h2 {
    font-size: 38px !important;
    color: #383e76 !important;
    font-weight: 700 !important;
    text-align: right;
    padding: 0 0 25px 0
}

.year6 {
    color: #a2bffb;
    font-size: 91px;
    font-weight: 700;
    margin: 48px 19% 0 0;
    position: absolute;
    right: 0
}

.award-inner6 {
    margin: 65px 55px 0 0;
    line-height: 37px;
    float: right;
    width: 30%;
    border-right: 2px solid #383e76;
    padding: 0 28px 0 0
}

.clientsPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0
}

ul.clientsList {
    float: left;
    width: 100%;
    margin: 25px auto;
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

ul.clientsList li {
    list-style: none;
    text-align: center;
    width: calc(100% / 4);
    padding: 25px 15px;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bed1db;
    margin-top: -1px;
    margin-right: -1px;
    transition: all .3s ease-in-out
}

ul.clientsList li::before {
    content: none;
    margin: 0;
    padding: 0
}

ul.clientsList li img {
    max-width: 80%;
    transition: .3s
}

ul.clientsList li:hover img {
    transform: scale(1.05)
}

.left_image_mision {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
    height: 300px
}

.left_image_mision img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto
}

.mision_right h2 {
    text-align: left;
    border-bottom: 4px solid #0c82bc;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    display: inline-block
}

.mision_right h2 span {
    color: #1178ba;
    font-size: 30px;
    font-weight: 700
}

.mision_right h2 strong {
    color: #333;
    font-size: 30px;
    font-weight: 700
}

.freeSeo {
    line-height: 43px;
    padding: 0 0 9px 0;
    color: #fff;
    text-align: center;
    font-size: 25px;
    margin: 0;
    display: block
}

.keywordTitle {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.industriesTitle {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.seoBoxTitle2 {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #02619e;
    font-size: 24px;
    border-bottom: 1px solid #eee;
    padding-bottom: 7px
}

#newModal .modal-content {
    background-color: #fff;
    border-radius: 1.875rem;
    padding: .938rem 1.125rem
}

#newModal .btnClose {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0) 143.27%);
    border-radius: 100%;
    height: 2.5rem;
    width: 2.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: 0;
    justify-content: center;
    line-height: 1;
    outline: 0;
    padding: .625rem;
    z-index: 9999;
    position: absolute;
    right: -3.25rem;
    top: 0;
    color: #fff
}

#newModal .btn-close:focus,
#newModal .btn-close:hover {
    outline: 0;
    box-shadow: none;
    border: 0
}

#newModal .modal-content .popupInfo {
    margin: 0 0 15px;
    padding: 0
}

#newModal .modal-content .popupInfo li {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
    list-style: none
}

.modalBody .popupImg img {
    border-radius: 20px;
    margin-bottom: 15px
}

.popupTitle {
    font-weight: 700;
    margin-bottom: 10px;
    color: #1674b3;
    font-size: 24px;
    line-height: normal
}

.digital-modal-bottom {
    min-height: 11rem;
    padding: 0;
    align-items: center;
    border-radius: 20px;
    margin-top: 10px
}

.digital-modal-footer {
    display: flex;
    flex: 0 0 100%;
    justify-content: flex-start;
    max-width: 100%;
    padding: 0;
    text-align: left;
    flex-direction: row;
    gap: 5px
}

.digital-modal-footer .modalGrid {
    width: 50%;
    position: relative
}

.digital-left-sec {
    padding: 10px 15px;
    border: 1px solid #c1dbfb;
    background: #ebf3fe;
    margin-bottom: 5px;
    border-radius: 6px;
    min-height: 103px;
    align-items: center;
    display: flex
}

.digital-left-sec p {
    color: #012238;
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.digital-left-sec p span {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: normal
}

.digital-modal-footer ul {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding: 0
}

.digital-modal-footer ul li {
    width: calc(100% / 2);
    min-height: 100px;
    float: left;
    padding: 10px;
    margin: 0;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: normal;
    transition: .5s;
    list-style: none;
    border: 1px solid #eee
}

.digital-modal-footer ul li img {
    max-width: 120px
}

.secondaryNav {
    float: left;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 91
}

.secondaryNav .breadcrumb {
    padding: 10px 0
}

.secondaryMenu {
    float: left;
    width: 100%
}

.secondaryMenu ul {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    margin: 0;
    padding: 0
}

.secondaryMenu ul li {
    list-style: none;
    position: relative
}

.secondaryMenu ul li:last-child ul.dropdown {
    left: auto;
    right: 0
}

.secondaryMenu ul li a {
    font-size: 13px;
    padding: 10px 12px;
    color: #333;
    transition: all .3s ease;
    font-weight: 600
}

.secondaryMenu ul li a:focus,
.secondaryMenu ul li a:hover {
    color: #0f7eb5
}

.secondaryMenu ul li:hover a {
    color: #0f7eb5
}

.secondaryMenu ul li a:hover svg {
    transform: rotateZ(180deg);
    transition: all .3s ease
}

.secondaryMenu ul li ul.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border-radius: 0 0 6px 6px;
    z-index: 8;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .4);
    transition: all .3s ease;
    display: none;
    width: 280px;
    overflow: hidden;
    max-height: 350px;
    overflow-y: auto
}

.secondaryMenu ul li:hover ul.dropdown li a {
    font-size: 14px;
    padding: 8px 15px;
    line-height: normal;
    color: #333
}

.secondaryMenu ul li ul.dropdown li a:hover {
    text-decoration: underline;
    color: #0f7eb5
}

.secondaryMenu ul li:hover ul.dropdown {
    display: block
}

.titleA2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #02619e;
    text-align: left
}

.titleB2 {
    color: #333;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 10px
}

.innerBanner2 .innerRight p {
    color: #333
}

.innerBanner2 .innerRight .projectView {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0
}

.innerBanner2 .innerRight .projectView li {
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 4px;
    position: relative;
    padding-left: 30px;
    color: #333;
    width: 100%
}

.innerBanner2 .innerRight .projectView li span {
    border-bottom: 2px dashed #ccc
}

.innerBanner2 .innerRight .projectView li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.innerBanner2 .innerRight .projectView li .projectViewHover {
    position: absolute;
    top: 50%;
    left: -57%;
    width: 55%;
    height: auto;
    background: #fff;
    z-index: 999;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    will-change: transform;
    padding: 15px;
    border-radius: 16px;
    display: none;
    margin: auto 0;
    height: auto;
    border: 0;
    bottom: auto;
    transform: translateY(-50%)
}

.innerBanner2 .innerRight .projectView li .projectViewHover:before {
    position: absolute;
    right: -12px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    border-left: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    width: 6px;
    height: 13px
}

.innerBanner2 .innerRight .projectView li:hover .projectViewHover {
    display: block
}

.innerBanner2 .innerRight .projectView li:hover {
    color: #02619e
}

.innerBanner2 .innerRight .projectView li:hover span {
    border-color: #02619e
}

.innerBanner2 .innerRight .projectView li .projectViewHover .image {
    margin-bottom: 10px;
    display: block;
    border: 0;
    aspect-ratio: 29/18;
    position: relative;
    overflow: hidden;
    background: #eee
}

.innerBanner2 .innerRight .projectView li .projectViewHover .image img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    aspect-ratio: 29/18
}

.innerBanner2 .innerRight .projectView li .projectViewHover .fullInfo {
    font-size: 14px;
    line-height: normal;
    color: #333;
    text-align: left;
    display: block;
    border: 0
}

.enquiryFor {
    padding: 15px 27px 0
}

.enquiryForBG {
    display: block;
    transition: background-color .2s cubic-bezier(0, 0, .2, 1);
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    padding: 24px;
    page-break-inside: avoid;
    word-wrap: break-word
}

.enquiryForBG label {
    font-size: 12pt;
    font-family: docs-Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    line-height: 24px;
    color: #202124;
    font-weight: 700;
    display: block
}

.enquiryForBG label span {
    color: #d93025;
    padding-left: .25em
}

.enquiryForBG select {
    border: 1px solid #dadce0;
    background: #fff;
    margin-top: 8px;
    max-width: 100%;
    line-height: 32px;
    display: flex;
    overflow: hidden;
    font-family: Roboto, Arial, sans-serif;
    list-style: none;
    text-align: left;
    list-style: none;
    outline: 0;
    position: relative;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    color: #202124;
    max-width: 280px;
    min-width: 112px;
    padding: 16px 20px;
    border-radius: 4px;
    height: auto
}

.ux-button-text {
    margin-right: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    display: inline-block
}

.secondaryTabs {
    float: left;
    width: 100%;
    position: sticky;
    background: #fff;
    top: 50px;
    left: 0;
    z-index: 9;
    padding: 5px 0
}

.secondaryTabsNav {
    float: left;
    background: #e8eaeb;
    border-radius: 50px;
    padding: 5px
}

.secondaryTabs ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center
}

.secondaryTabs ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.secondaryTabs ul li a {
    padding: 5px 15px;
    font-size: 16px;
    line-height: normal;
    color: #333;
    border-radius: 40px
}

.secondaryTabs ul li a:focus,
.secondaryTabs ul li a:hover {
    background: #d6d6d6
}

.secondaryTabs ul li a.active {
    background: #09334f;
    color: #fff
}

.recommended {
    font-size: 13px;
    position: relative;
    padding: 5px 15px;
    font-weight: 600
}

.plan_1.active {
    padding: 3px;
    background: #1bdbdb !important
}

.plan_1.active .plan_title {
    background: #fff;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid #eee
}

.plan_1.active .planUpper {
    border-radius: 0 0 20px 20px
}

.plan_1.active {
    transform: scale(1.02);
    box-shadow: 0 0 15px #b7d3f3
}

.keyFeatures {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0
}

.benefits {
    float: left;
    width: 100%;
    padding: 55px 0;
    background: #fff
}

.benefits h3 {
    text-align: left;
    line-height: normal;
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.benefits .title_1 {
    text-align: left
}

.benefits .cateImage {
    max-width: 460px;
    display: flow-root
}

.benefits ul {
    margin: 0 0 20px;
    padding: 0
}

.benefits ul li {
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    color: #333;
    display: flow-root
}

.benefits ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.keyFeatures2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 55px 0 40px;
    background: #f1f8fb
}

.keyFeatures2 ul.grid_8 li {
    background: 0 0;
    cursor: pointer
}

.keyFeatures2 ul.grid_8 li img {
    width: 70px
}

.keyFeatures2 ul.grid_8 li .includeHover {
    position: absolute;
    top: -55px;
    left: 0;
    background: #fff;
    border-radius: 8px;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    will-change: transform;
    z-index: 99;
    width: 180px;
    height: auto;
    padding: 15px;
    line-height: normal;
    display: none
}

.keyFeatures2 ul.grid_8 li:hover .includeHover {
    display: block
}

.keyFeatures2 ul.grid_8 li:hover .includeHover:after {
    content: '';
    border-top: 15px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    width: 15px;
    height: 15px;
    top: 100%;
    margin: 0 auto
}

.keyFeatures2 ul.grid_8 li .includeHover .includeHoverTitle {
    font-size: 16px;
    font-weight: 700;
    color: #02619e;
    margin: 0 0 5px;
    padding: 0;
    display: block;
    line-height: normal
}

.keyFeatures2 ul.grid_8 li .includeHover .includeHoverInfo {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0
}

.faqHomes {
    background: #f1f8fb
}

.faqHomes .accordion {
    border: 0
}

.faqHomes .accordion-item {
    margin-bottom: 15px;
    border-radius: 12px !important;
    overflow: hidden
}

.faqHomes .accordion-header {
    padding: 0 !important;
    margin: 0 !important;
    text-transform: initial
}

.faqHomes .accordion-item:not(:first-of-type) {
    border: 1px solid rgba(0, 0, 0, .125)
}

.faqHomes .accordion-button {
    padding: 12px 15px;
    font-size: 18px;
    font-weight: 600;
    background: #fff
}

.faqHomes .accordion-button:not(.collapsed) {
    color: #fff;
    background: #09334f;
}

.faqHomes .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    transform: rotate(0)
}

.faqHomes .accordion-button:focus,
.faqHomes .accordion-button:hover {
    color: #fff;
    background: #09334f;
    box-shadow: none
}

.faqHomes .accordion-button:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>")
}

.faqHomes .accordion-button.collapsed:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    transform: rotate(-180deg)
}

.faqHomes .accordion-body p {
    font-size: 16px
}

.popupTitle2 {
    color: #09334f;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

#whatInclude img {
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 12px
}

#whatInclude p {
    line-height: normal
}

.catWebsitePortfolio {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background: #fff
}

.websiteDesign {
    display: block;
    margin-bottom: 20px
}

.websiteDesign .owl-next,
.websiteDesign .owl-prev {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #333;
    border: 0;
    outline: 0;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    border-radius: 100%;
    z-index: 9
}

.websiteDesign .owl-nav .owl-prev {
    left: -20px
}

.websiteDesign .owl-nav .owl-next {
    right: -30px
}

.websiteDesign .owl-next:hover,
.websiteDesign .owl-prev:hover {
    background: #02619e;
    color: #fff;
    border-color: #02619e
}

.projectName {
    color: #2b2d2f;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .1px;
    text-align: center;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.catWebsitePortfolio a .projectName:focus,
.catWebsitePortfolio a:hover .projectName {
    color: #fbbe3a
}

.websiteText {
    font-size: 22px;
    font-weight: 600;
    color: #09334f
}

.websiteDesign .website img {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.websiteDesign .website:hover img {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

#works.catWebsitePortfolio {
    background: #f1f8fb;
    padding-top: 55px
}

.descInfo {
    display: block
}

.descInfo ul {
    display: block;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.descInfo ul li {
    list-style: none;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 12px;
    line-height: normal;
    margin: 0 2px;
    color: #333;
    width: auto;
    border: 1px solid #ccc;
    position: relative;
    transition: .5s all;
    margin-bottom: 3px
}

.descInfo ul li a {
    color: #333
}

.descInfo ul li:hover,
.descInfo ul li:hover a:active,
.descInfo ul li:hover a:focus {
    color: #fff;
    background: #02619e;
    border-color: #02619e
}

.descInfo ul li:hover a {
    color: #fff
}

.clientLocation {
    display: block;
    margin: 0 0 10px;
    color: #333;
    font-size: 16px;
    text-align: center
}

.clientLocation strong {
    font-weight: 600
}

.aboutBanner {
    float: left;
    width: 100%
}

.titleOne.clientsTitle {
    min-height: auto
}

.newsEvents {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #f1f8fb
}

.newsEvents ul {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 20px 0 0;
    padding: 0
}

.newsEvents ul:after {
    background: #e4e8ed;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -.5px;
    position: absolute;
    right: inherit;
    top: 0;
    width: 1px
}

.newsEvents ul li {
    margin-bottom: 0;
    width: 38.9830508475%;
    box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .05);
    max-width: 460px;
    padding: 0 0 5px;
    list-style: none
}

.newsEvents ul li:hover {
    box-shadow: 0 29px 60px 0 rgba(54, 57, 73, .09)
}

.newsEvents ul li:nth-of-type(odd) {
    margin-right: 61.0169491525%
}

.newsEvents ul li:nth-of-type(2n) {
    margin-left: 61.0169491525%;
    margin-top: -330px
}

.newsEvents ul li a {
    color: inherit;
    text-decoration: none
}

.newsEvents ul li a .title {
    padding: 33px 30px 25px;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4166666667
}

.blogDetails {
    float: left;
    width: 100%;
    padding: 40px 0;
    background: #f1f8fb
}

.blogInner {
    display: grid;
    grid-gap: 90px;
    grid-template-columns: 1fr minmax(min-content, 390px)
}

.main-article {
    margin: 0;
    max-width: 800px
}

.main-aside {
    margin: 0;
    max-width: 600px
}

.articleUser {
    grid-gap: 40px;
    align-items: center;
    display: grid;
    grid-template-columns: minmax(min-content, max-content) 1fr;
    margin: 0 0 50px
}

.articleUser .userImg img {
    border-radius: 50%;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, .08);
    height: 80px;
    max-width: none;
    width: 80px
}

.articleUser .text {
    background: #fff;
    color: #44464c;
    font-weight: 400;
    padding: 20px 43px;
    position: relative
}

.articleUser .text:after {
    background: inherit;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    margin-left: -11px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 22px
}

.articleUser .text .articleTitle {
    display: block;
    margin: 0 0 5px;
    font-size: 18px;
    line-height: normal;
    font-weight: 600
}

.articleUser .text .description p {
    line-height: 1.6666666667;
    font-size: 14px;
    display: block;
    margin: 0 0 5px
}

.articleUser .text .description p a {
    color: #fbbe3a
}

.entryHeader .title {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin: 10px 0 15px;
    padding: 10px 0 0;
    position: relative
}

.entryHeader .title:after {
    background: hsl(15 87% 57% / 1);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 80px;
    height: 2px;
    top: 0;
    width: 60px
}

.entryHeader .breadcrumbs {
    color: hsl(0 0% 50% / 1);
    font-weight: 300;
    margin-bottom: 15px
}

.entryHeader .breadcrumbs ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center
}

.entryHeader .breadcrumbs ul li {
    list-style: none;
    margin-right: 10px
}

.entryHeader .breadcrumbs a {
    color: inherit
}

.newsContent {
    word-wrap: break-word;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: inherit;
    line-height: 1.6666666667;
    overflow-wrap: break-word;
    word-break: break-word
}

.main-article h1 {
    color: #09334f;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.main-article h1 strong {
    font-weight: 700
}

.newsContent p {
    margin-bottom: 1.6666666667em;
    font-size: 16px;
    text-align: left
}

.newsContent p a {
    color: #f5aa31
}

.blogTitle2 {
    font-size: 24px;
    line-height: 1.25em;
    margin-bottom: 10px;
    font-weight: 600
}

.newsContent ol,
.newsContent ul {
    margin: 0;
    padding: 0;
    margin-bottom: 1.6666666667em
}

.newsContent ol li,
.newsContent ul li {
    list-style: none;
    padding: 0 0 0 25px;
    position: relative;
    margin-bottom: .8333333333em;
    font-size: 16px
}

.newsContent ol li:before,
.newsContent ul li:before {
    background: hsl(15 87% 57% / 1);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: .8333333333em;
    width: 8px
}

.ctaConsulting {
    background: #fbfcfd;
    display: grid;
    grid-template-columns: minmax(min-content, max-content) 1fr;
    position: relative;
    left: -8px;
    width: calc(100% + 8px);
    margin-bottom: 1.6666666667em
}

.ctaConsulting .ctaImg {
    align-items: flex-end;
    background: #f5f6f7;
    display: grid
}

.ctaConsulting .ctaImg img {
    position: relative;
    z-index: 2
}

.ctaConsulting .text {
    border: 1px solid #f2f2f2;
    font-size: 14px;
    line-height: 24px;
    padding: 32px 25px 40px
}

.ctaConsulting .text .title {
    font-weight: 700;
    line-height: normal;
    margin: 0 0 16px;
    font-size: 20px;
    text-align: left;
    color: #09334f
}

.red {
    color: hsl(15 87% 57% / 1)
}

.ctaConsulting .text .text-list {
    padding: 0;
    margin: 0 0 25px
}

.ctaConsulting .text .text-list li {
    position: relative;
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
    font-size: 16px
}

.ctaConsulting .text .text-list li::before {
    content: none
}

.blockImage {
    display: block;
    margin-bottom: 1.6666666667em
}

.widget {
    background: #fbfcfd;
    margin-bottom: 60px;
    transition: opacity .25s
}

.widget-about {
    border: 1px solid #f2f2f2;
    font-size: 14px;
    letter-spacing: .025em;
    line-height: 1.7142857143
}

.widget-about .img-wrap {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 10px;
    display: flex;
    justify-content: center
}

.widget-about .img {
    margin: 0 auto
}

.widget-about .text {
    padding: 35px 40px 30px;
    color: #707378
}

.widget-about .title {
    color: hsl(223 8% 16% / 1);
    font-weight: 700;
    margin-bottom: .6363636364em;
    padding-top: .6363636364em;
    font-size: 22px;
    line-height: 1.6363636364;
    position: relative
}

.widget-about .title:after {
    background: hsl(15 87% 57% / 1);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    top: 0;
    width: 40px
}

.widget-about p {
    margin-bottom: 1.7142857143em;
    text-align: left
}

.widget-about p:last-child {
    margin-bottom: 0
}

.widget-ubersuggest {
    background: hsl(223 8% 16% / 1) url(../img/news/widget-ubersuggest-bg.svg) center no-repeat;
    background-size: cover;
    border-radius: 4px;
    color: #fff;
    padding: 35px 40px 30px;
    text-align: center;
    margin-bottom: 60px;
    transition: opacity .25s
}

.widget-ubersuggest .title {
    line-height: 1.2em;
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: #fff
}

.widget-ubersuggest .img {
    margin: 0 auto 20px
}

.widget-ubersuggest .description {
    line-height: 1.2em;
    margin-bottom: 25px;
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    color: #fff
}

.widget-ubersuggest .form {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    position: relative
}

.widget-ubersuggest .form .form-submit,
.widget-ubersuggest .form .form-text {
    border-radius: 2px;
    position: relative;
    width: 100%;
    z-index: 2;
    height: 50px;
    margin: 0;
    border: 0
}

.widget-ubersuggest .form .form-text {
    background: #fbfcfd;
    margin-bottom: 0;
    font-weight: 400;
    color: #707378;
    font-size: 15px;
    padding: 0 20px 0 30px;
    text-align: left
}

.widget-ubersuggest .form input:focus {
    box-shadow: none;
    outline: 0
}

.widget-ubersuggest .form .form-submit {
    background: hsl(34.7 90.3% 55.7% / 1) url(../img/news/widget-ubersuggest-submit-bg.svg) center no-repeat;
    max-width: 56px;
    padding: 0;
    letter-spacing: .16em
}

.widget-ubersuggest .form:after {
    background: #e4e8ed;
    border-radius: 2px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.info {
    font-size: 18px;
    line-height: 1.6666666667;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.widget-adsgrader {
    background: #fbfcfd;
    font-size: 14px;
    line-height: 1.7142857143;
    margin-bottom: 60px;
    transition: opacity .25s
}

.widget-adsgrader a {
    color: inherit;
    text-decoration: none
}

.widget-adsgrader .img-w {
    background: linear-gradient(180deg, #ffc83e, #ef9b2d)
}

.widget-adsgrader .img {
    margin: 0 auto
}

.widget-adsgrader .text {
    padding: 35px 40px 30px
}

.widget-adsgrader .title {
    margin-bottom: .5em;
    font-size: 24px;
    line-height: 1.4166666667;
    font-weight: 600;
    display: block
}

.widget-menu {
    letter-spacing: .25px;
    background: #fbfcfd;
    margin-bottom: 60px;
    transition: opacity .25s
}

.widget-menu .title {
    border: 1px solid #f2f2f2;
    font-weight: 700;
    margin: 0;
    font-size: 24px
}

.widget-menu .title span {
    padding: 15px 40px;
    display: inline-block
}

.widget-menu .list {
    background: #fff;
    border: 1px solid #f2f2f2;
    border-top: 0;
    font-size: 14px;
    line-height: 1.75em;
    padding: 35px 40px 42px
}

.widget-menu .list li {
    color: #f2f2f2;
    list-style: none;
    margin: 0 0 12px;
    padding: 0 0 0 20px;
    position: relative;
    list-style: none;
    font-size: 16px
}

.widget-menu .list li:before {
    background: #333;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-top: -3px;
    position: absolute;
    top: .875em;
    width: 8px
}

.widget-menu .list li a {
    display: block;
    color: #333;
}

.widget-menu .list li a:hover {
    color: #f5aa31
}

.sticky-wrapper {
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 50px
}

.widget-analyzer {
    border: 1px solid #f2f2f2;
    padding: 50px 30px;
    text-align: center;
    margin-bottom: 0;
    background: #fbfcfd
}

.widget-analyzer .title {
    margin-bottom: .75em;
    padding-top: .5833333333em;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    font-size: 36px;
    line-height: 1.0277777778;
    position: relative;
    text-align: center
}

.widget-analyzer .title:after {
    height: 2px;
    left: 50%;
    margin-left: -20px;
    top: 0;
    width: 40px;
    background: hsl(15 87% 57% / 1);
    bottom: 0;
    content: "";
    display: block;
    position: absolute
}

.widget-analyzer .description {
    margin-bottom: 2.75em;
    font-size: 16px;
    line-height: 1.6666666667;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    text-align: center
}

.socialResponsibility {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #f1f8fb
}

.socialResponsibility h3 {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #09334f
}

.socialResponsibility h4 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333
}

.socialResponsibility p {
    font-size: 18px;
    line-height: 24px
}

.socialResponsibility ul {
    margin: 0 0 10px;
    padding: 0
}

.socialResponsibility ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.socialResponsibility ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.howTopay {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #f1f8fb
}

.pbc-heading {
    background: #09334f;
    color: #fff;
    text-align: left;
    padding: 8px 15px;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px
}

.bank_account {
    border: 1px solid #ccc;
    padding-bottom: 10px;
    background: #fff;
    transition: .5s;
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden
}

.bank_account .bankTitle5 {
    background: #efefef;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    text-transform: capitalize;
    text-decoration: none;
    color: #09334f;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    font-size: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bank_account .bankTitle5:after {
    right: 10px;
    top: 10px;
    content: "";
    position: absolute;
    height: 20px;
    width: 90px
}

.icici_logo:after {
    background: url(../img/payments/icici-bank.png) right center no-repeat
}

.hdfc_logo:after {
    background: url(../img/payments/hdfc-bank.png) right center no-repeat
}

.scb-detail .scb_heading:after {
    right: 20px;
    top: 5px;
    content: "";
    position: absolute;
    height: 30px;
    width: 70px;
    background: url(../img/payments/standard-chartered-bank.png) right center no-repeat
}

.bank_account p {
    padding: 0 10px;
    font-size: 16px;
    margin: 0;
    line-height: 26px
}

.bank_account p span {
    font-weight: 700
}

.bank_account:hover {
    z-index: 99;
    background: #f0f4f6
}

.payumoney_btn {
    background: #fff;
    margin: 0 0 20px;
    text-align: center;
    padding: 0 0 20px;
    transition: .5s;
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden
}

.payumoney_btn:hover {
    z-index: 99;
    background: #f0f4f6
}

.payumoney_btn .payment-heading {
    background: #09334f;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.payumoney_btn .payumoneyTitle {
    font-size: 16px;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 600
}

.payumoney_btn:hover {
    z-index: 99;
    background: #f0f4f6
}

.coi-payment {
    margin: 0 0 20px;
    padding: 0;
    border: 1px solid #ccc;
    overflow: hidden;
    transition: .5s;
    background: #fff;
    border-radius: 12px;
    overflow: hidden
}

.coi-payment .coi-heading {
    background: #09334f;
    color: #fff;
    padding: 10px;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.scb-detail {
    border-top: 1px solid #ccc
}

.scb-detail .scb_heading {
    padding: 10px 15px;
    color: #1178ba;
    position: relative;
    font-size: 18px;
    font-weight: 600
}

.scb-detail ul {
    padding: 0 15px 20px;
    margin: 0;
    position: relative
}

.scb-detail ul li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin: 10px 0;
    padding: 2px 5px;
    background: #f0f4f6;
    list-style: none
}

.scb-detail ul li span {
    font-weight: 700
}

.scb-detail ul li a {
    display: inline-block;
    color: #1178ba
}

.coi-payment:hover {
    z-index: 99
}

.view_more_btn {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: #02619e;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    padding: 7px 40px;
    margin: 0;
    border-radius: 4px;
    display: inline-block
}

.view_more_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 4px;
    line-height: normal
}

.view_more_btn:focus,
.view_more_btn:hover {
    color: #000
}

.view_more_btn:active:before,
.view_more_btn:focus:before,
.view_more_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.termsPrivacy {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0
}

.termsPrivacy h1 {
    color: #1178ba;
    font-size: 28px;
    padding: 0 0 9px 0;
    margin: 0;
    font-weight: 600
}

.termsPrivacy h2 {
    color: #1178ba;
    font-size: 18px;
    padding: 0 0 9px 0;
    margin: 0;
    font-weight: 600
}

.termsPrivacy h3 {
    color: #1178ba;
    font-size: 18px;
    padding: 0 0 9px 0;
    margin: 0;
    font-weight: 600
}

.termsPrivacy h4 {
    color: #1178ba;
    font-size: 18px;
    padding: 0 0 9px 0;
    margin: 0;
    font-weight: 600
}

.termsPrivacy p {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px
}

.termsPrivacy p a {
    color: #1178ba
}

.termsPrivacy ul {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 15px
}

.termsPrivacy ul li {
    width: auto;
    height: auto;
    padding: 0 0 0 25px;
    line-height: 25px;
    list-style: none;
    position: relative;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400
}

.termsPrivacy ul li:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(../img/check-square-fill.svg) no-repeat;
    background-size: 100%;
    top: 5px;
    left: 0;
    display: inline-block;
    color: #1178ba
}

.careerOnly .header {
    float: left;
    width: 100%;
    background: 0 0;
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 99;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .01);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .01)
}

.careerOnly .header .topHeader {
    display: none
}

.career .header {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box
}

.careerOnly .header.headerFixed {
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box
}

.careerOnly .header .navigation {
    padding-top: 10px
}

.careerOnly .header.headerFixed .navigation {
    padding-top: 5px;
    padding-bottom: 5px
}

.careerOnly .header .navigation .menu ul li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    line-height: normal;
    font-family: inherit
}

.career .header .navigation {
    padding-top: 8px;
    padding-bottom: 8px
}

.career .header.headerFixed .navigation {
    padding-top: 5px;
    padding-bottom: 5px
}

.career .header .navigation .menu ul li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    line-height: normal;
    font-family: inherit
}

.careerLogin {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    width: auto;
    margin-left: 0
}

.careerLogin a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    line-height: normal
}

.careerLogin .candidateLogin {
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    border-radius: 4px;
    color: #09334f
}

.employerLogin {
    float: left;
    width: 100%;
    background: #f1f8fb;
    padding: 40px 0 0
}

.employerLoginTitle {
    color: #09334f;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.employerLogin p {
    font-size: 18px;
    color: #333;
    margin: 0 0 20px;
    line-height: normal;
    text-align: left
}

.watchVideoBtn {
    font-size: 18px;
    color: #f5aa31;
    font-weight: 600;
    margin-bottom: 25px
}

.watchVideoBtn svg {
    width: 18px;
    height: 18px
}

.employerLogin ul {
    margin: 50px 0 0;
    padding: 20px 0;
    gap: 4px;
    height: min-content;
    justify-content: flex-start;
    position: relative;
    border-top: 1px solid #ccc;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.employerLogin ul li {
    list-style: none;
    width: calc(98% / 3)
}

.employerLogin ul li .liTitle {
    font-size: 24px;
    font-weight: 700;
    display: block;
    color: #09334f
}

.employerLogin ul li .liText {
    font-size: 16px;
    color: #333
}

.employerLoginForm {
    align-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px #00000014, 0 0 2px #00000029;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 32px;
    position: relative;
    width: 100%
}

.employerLoginFormTitle {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px
}

.employerLoginForm p {
    font-size: 16px;
    color: #333
}

.employerLoginForm form {
    width: 100%;
    margin-bottom: 10px
}

.employerLoginForm form label {
    font-weight: 600;
    color: #333
}

.continueBtn {
    align-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    line-height: normal;
    padding: 12px 24px;
    position: relative;
    text-decoration: none;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    border-radius: 4px;
    color: #09334f;
    border-radius: 4px;
    width: 100%;
    opacity: 1;
    border: 0;
    outline: 0;
    font-size: 16px;
    font-weight: 600
}

.orText2 {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 15px 0;
    text-align: center
}

.orText2:before {
    content: 'OR';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    top: -11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 34px;
    height: 20px;
    font-size: 16px;
    font-weight: 600
}

.enterpriselogin {
    font-weight: 600;
    font-size: 16px;
    color: #09334f
}

.enterpriselogin svg {
    width: 16px;
    height: 16px
}

.employerLoginForm p.agreeText {
    font-size: 13px;
    line-height: normal;
    color: #5e6c84;
    text-align: left;
    color: #333
}

.employerLoginForm p.agreeText a {
    color: #f5aa31
}

.trustedEnterprises {
    float: left;
    width: 100%;
    background: #f1f8fb;
    padding: 40px 0
}

.trustedEnterprises .container {
    overflow: hidden
}

.trustedEnterprisesTitle {
    font-weight: 700;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px
}

.logoMarquee {
    width: 100000px;
    transform: translateX(0);
    animation: 29.2143s linear 0s infinite normal none running
}

.marquee2 {
    margin-right: 0;
    float: left;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 32s linear infinite;
    will-change: transform;
    transform: translateX(0);
    animation: marquee 20s linear infinite
}

@keyframes marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.marquee2 ul {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 25px
}

.marquee2 ul li {
    width: 150px;
    height: 60px;
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative
}

.marquee2 ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    padding: 10px
}

.jobPosting {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 40px 0
}

.jobPostingTitle {
    font-weight: 700;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px
}

.jobPosting .accordion {
    border: 0
}

.jobPosting .accordion-item {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px !important;
    overflow: hidden
}

.jobPosting .accordion-body p {
    font-size: 16px;
    text-align: left
}

.fullScreen {
    display: flex;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: rgb(243 242 239);
    justify-content: center
}

.fullScreen::before {
    content: "";
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box;
    z-index: 0
}

.fullScreen .container {
    position: relative;
    z-index: 1;
    margin: auto
}

.loginLeft,
.loginRight {
    padding: 2.75rem
}

.loginLeft .loginLeftTitle {
    margin-top: 100px;
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.loginLeft p {
    font-size: 18px;
    color: #fff;
    line-height: normal
}

.backBtn2 {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    font-weight: 600
}

.backBtn2 svg {
    width: 30px;
    height: 30px
}

.verifyOTP {
    margin: 0;
    color: #172b4d;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

.oneTimeText {
    margin: 0;
    color: #172b4d;
    font-size: 14px;
    line-height: 20px;
    text-wrap: balance;
    font-weight: 400;
    text-align: left
}

.otp-input-container-styles {
    display: flex;
    align-items: center
}

input[type=number] {
    -moz-appearance: textfield
}

.otpInput {
    border: 1px solid #dae0e5;
    background: 0 0;
    border-radius: 4px;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    font-size: 16px;
    color: #31445a;
    font-weight: 400;
    line-height: 1.88;
    margin-right: 18px;
    outline: 0
}

.didnotReceive {
    font-size: 16px;
    color: #333;
    margin: 0
}

.didnotReceive .resend {
    font-weight: 600;
    color: #0f7fb9;
    cursor: pointer;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: 0;
    outline: 0
}

.didnotReceive .resend:disabled {
    cursor: text;
    color: #333
}

.continueBtn:disabled {
    cursor: not-allowed;
    background: #dfe1e6;
    color: #b3bac5
}

.loginLeft ul {
    margin: 50px 0 0;
    padding: 20px 0;
    gap: 4px;
    height: min-content;
    justify-content: flex-start;
    position: relative;
    border-top: 1px solid #2c5971;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.loginLeft ul li {
    list-style: none;
    width: calc(98% / 3)
}

.loginLeft ul li .liTitle {
    font-size: 24px;
    font-weight: 700;
    display: block;
    color: #f5aa31
}

.loginLeft ul li .liText {
    font-size: 16px;
    color: #fff
}

.careerPage {
    float: left;
    width: 100%;
    background: #f1f8fb;
    padding: 40px 0
}

.careerPanel {
    margin: 0 0 20px;
    position: relative;
    background-color: #fff
}

.careerTitle {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    background: #09334f;
    color: #fff;
    display: block;
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd
}

.careerBody {
    padding: 10px 15px;
    border-bottom: 3px solid #0f81b9;
    border-top: 0;
    background: #fff;
    font-size: 15px;
    color: #333;
    line-height: 27px
}

.careerBody p {
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.careerBody ul {
    margin: 0 0 20px;
    display: block;
    padding: 0
}

.careerBody ul li {
    font-size: 17px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333;
    width: 100%
}

.careerBody ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.timeInfo {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600
}

.timeInfo svg {
    margin-right: 10px
}

.careerDetails ul {
    margin: 0 0 20px;
    display: block;
    padding: 0
}

.careerDetails ul li {
    font-size: 17px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333;
    width: 100%
}

.careerDetails ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.form-group {
    display: block;
    position: relative;
    margin-bottom: 15px;
    width: 100%
}

.form-control {
    border-radius: 4px;
    height: 40px;
    font-size: 16px;
}

textarea.form-control {
    height: 90px
}

input[type=file].form-control {
    padding: .375rem .75rem
}

.careerPageForm {
    float: left;
    width: 100%;
    background: #f1f8fb;
    padding: 40px 0 0
}

.careerImg {
    display: flex
}

.careerImg img {
    max-width: 450px;
    margin-left: auto
}

.categoryFullDetails {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.categoryFullDetails p {
    font-size: 16px
}

.categoryFullDetails ul {
    margin: 0 0 10px;
    padding: 0
}

.categoryFullDetails ul li {
    font-size: 16px;
    display: flow-root;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.categoryFullDetails ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.categoryFullDetails h2 {
    font-size: 24px;
    font-weight: 600;
    color: #02619e;
    margin: 15px 0 10px;
    display: block
}

.categoryFullDetails .title_1 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.categoryFullDetails h3 {
    font-size: 24px;
    font-weight: 600;
    color: #02619e;
    margin: 15px 0 10px;
    display: block
}

.portfolioTab {
    text-align: center;
    padding: 26px 0 10px;
    line-height: 18px;
    display: flex;
    justify-content: center
}

.portfolioTab a {
    padding: 10px 18px;
    border: 1px solid #09334f;
    margin: 0 2px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    color: #09334f;
    font-weight: 600;
    height: 40px
}

.portfolioTab a.active,
.portfolioTab a:hover {
    background: #09334f;
    color: #fff
}

.portfolioTab a:last-child {
    padding: 10px 12px;
    vertical-align: middle
}

.portfolioTab a:last-child:hover {
    color: #fff
}

.portfolioTab a svg {
    width: 20px;
    height: 20px
}

.filterBox {
    border-top: 1px solid #09334f;
    padding: 15px 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    margin-top: -11px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 25px
}

.searchSection {
    display: flex;
    align-items: center
}

.filterBy {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    margin-right: 10px;
    min-width: 160px
}

.filterList ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    position: relative
}

.filterList ul li {
    padding: 0 8px;
    position: relative;
    list-style: none
}

.filterList ul li .or {
    margin-top: 17px;
    font: 18px/18px Roboto, serif;
    color: #5a5a5a
}

.filterList ul li .portfolioTag {
    display: block;
    width: 195px;
    padding: 10px 25px 10px 15px;
    font-size: 16px;
    color: #333;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal
}

.filterList ul li .portfolioTag:before {
    content: "";
    position: absolute;
    right: 9px;
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #333;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    position: absolute;
    top: 15px
}

.filterList ul li .portfolioTag.active:before {
    transform: rotate(225deg);
    top: 21px
}

.filterList ul li .portfolioTag:hover {
    color: #09334f;
    background: #e7f2f7;
    border-color: #c0d9e3
}

.filterList ul li .portfolioTag:hover:before {
    border-color: #09334f
}

.filterList ul li .portfolioTag.active {
    color: #09334f
}

.filterList ul li .portfolioTag.active:before {
    border-color: #09334f
}

.filterList p.dropdownList {
    position: absolute;
    z-index: 999999;
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px;
    width: 540px;
    max-width: 540px;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, .4);
    top: 98%;
    display: none;
    max-height: 280px;
    overflow-y: auto;
    color: #5a5a5a;
    border-radius: 10px
}

.filterList ul li:last-child p.dropdownList {
    right: 0
}

.dropdownList a {
    display: block;
    font-size: 14px;
    color: #2b2b2b;
    padding: 10px 10px;
    margin: 0 0 3px;
    width: 49.5%;
    float: left;
    text-align: left;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    background: #f5f5f5;
    line-height: normal
}

.dropdownList a:nth-child(2n) {
    float: inline-end
}

.dropdownList a.active,
.dropdownList a:hover {
    color: #fff;
    background: #09334f;
    text-decoration: none;
    border-radius: 5px
}

.portfolioFilter2 {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin: 5px 0
}

.countryFrom,
.portfolioFilter2 .industryInfo {
    display: flex;
    font-size: 14px;
    line-height: 18px
}

.industryInfo {
    display: flex;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    margin-bottom: 10px
}

.countryFrom strong,
.industryInfo strong {
    font-size: 14px;
    font-weight: 400
}

.countryFrom {
    width: 100%
}

.countryFrom span,
.portfolioFilter2 .industryInfo span {
    margin-right: 10px
}

.portfolioFilter2 .industryInfo span strong {
    font-size: 13px
}

.portfolioFilter2 .industryInfo a {
    font-weight: 600;
    color: #012238
}

.countryFrom a {
    font-weight: 600;
    color: #236a9b
}

.modalBody .toolsList {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.modalBody .toolsList span {
    border-color: #012238;
    color: #012238;
    margin: 0 2px;
    padding: 3px 10px
}

.offPageSeo {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.portfolioModalTitle {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 15px;
    color: #ffc83e;
    font-size: 22px
}

.portfolioModalTitle2 {
    color: #236a9b;
    font-size: 18px;
    font-weight: 700
}

.offPageSeo p {
    color: #236a9b;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin: 0 0 15px;
    text-align: center;
    border: 1px solid #eee;
    width: 33.33%;
    padding: 15px
}

.offPageSeo p span {
    display: block;
    font-size: 16px;
    line-height: 1.125rem;
    margin-top: 10px;
    color: #333;
    font-weight: 600
}

.portfolioModalImage {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform .4s;
    height: 450px;
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 12px
}

.modalBody .buttons {
    display: flex;
    align-items: center
}

.modalBody .buttons .career_btn {
    padding: 13px 50px 13px 25px;
    border-radius: 4px;
    font-size: 20px;
    text-transform: initial
}

.portfolioName {
    font-size: 16px;
    font-weight: 600;
    color: #09334f;
    text-align: center;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative
}

.portfolioName span {
    margin-left: auto;
    background: #fbbe3a;
    color: #09334f;
    padding: 4px 10px;
    position: absolute;
    bottom: 8px;
    right: -20px;
    line-height: normal;
    z-index: 999;
    font-size: 14px;
    font-weight: 600
}

.portfolioName span:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    left: -12px;
    border-top: 13px solid transparent;
    border-right: 12px solid #fbbe3a;
    border-bottom: 13px solid transparent;
    width: 0
}

.modalRibbon {
    position: absolute;
    top: -6px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    z-index: 999;
    pointer-events: none
}

.modalRibbon span {
    position: relative;
    display: block;
    text-align: center;
    background: #09334f;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    padding: 8px 8px;
    border-top-right-radius: 8px;
    width: 120px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.modalRibbon span:after,
.modalRibbon span:before {
    position: absolute;
    content: ""
}

.modalRibbon span:before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0;
    background: #051f31
}

.modalRibbon span:after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0;
    border-radius: 8px 8px 0 0;
    background: #051f31
}

.seoPortfolio {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #b1b1b1;
    overflow: hidden;
    margin-bottom: 20px
}

.seoPortfolioHeader {
    padding: 10px 15px
}

.seoPortfolioHeader .seoname_1 {
    margin-bottom: 10px;
    align-items: flex-start;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 6px
}

.seoPortfolioHeader .seoname_1 strong {
    color: #09334f
}

.seoPortfolioHeader .seoname_1 .listItem {
    color: #333
}

.seoPortfolioHeader p {
    font-size: 14px;
    color: #333;
    line-height: normal;
    font-weight: 400;
    margin: 0
}

.seoPortfolioBody {
    display: flex;
    width: 100%;
    padding: 15px
}

.seoPortfolio .seoImage {
    width: 40%;
    height: 325px;
    margin-right: 10px;
    overflow: hidden;
    border: 1px solid #eee
}

.seoPortfolio .brouser_view {
    float: none
}

.seoPortfolio .seoInfo {
    width: 60%
}

.port_rank_list {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #02355a;
    border-radius: 6px
}

.port_rank_list li {
    border: 1px solid rgba(255, 255, 255, .2);
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 0;
    width: 50%;
    display: block;
    text-align: center;
    float: left;
    height: 65px
}

.port_rank_list li:nth-child(2) {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.port_rank_list li p {
    text-align: center;
    line-height: normal
}

.p_title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-top: 6px;
    padding-bottom: 0;
    text-transform: capitalize;
    margin: 0
}

.seoCompanyName {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0
}

.seoCompanyName span {
    color: #fbbe3a
}

.seoRanked {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 0
}

.seoRanked .number {
    color: #fbbe3a;
    font-weight: 700;
    margin: 0
}

.p_title_sub {
    color: #fbbe3a;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: normal
}

.p_title_sub.number {
    padding-bottom: 5px;
    color: #fbbe3a;
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.seoInfo .wps-table {
    width: 100%;
    text-align: left;
    float: left;
    border: 1px solid #d0d0d0;
    border-collapse: collapse;
    height: 220px;
    background: #fff
}

.seoInfo .wps-table td {
    border: 1px solid #d0d0d0;
    color: #333;
    height: 30px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 10px
}

.seoInfo .wps-table tr:first-child td {
    height: 35px;
    font-weight: 600;
    color: #02619e;
    font-size: 14px
}

.seoInfo .wps-table tr td a {
    color: #333
}

.seoInfo .wps-table tr td a:focus,
.seoInfo .wps-table tr td a:hover {
    color: #09334f
}

.seoTarget {
    margin-left: auto;
    color: #fbbe3a;
    font-weight: 700
}

.seoTarget span {
    font-weight: 400;
    color: #09334f
}

.seoPortfolio .buttons {
    padding: 0 15px 15px
}

.seoPortfolio .buttons {
    display: flex;
    align-items: center
}

.seoPortfolio .buttons .career_btn {
    padding: 13px 50px 13px 25px;
    border-radius: 4px;
    font-size: 20px;
    text-transform: initial
}

.careerBanner {
    float: left;
    position: relative;
    width: 100%;
    padding: 160px 0 60px 0;
    max-width: 100%;
    background: #09334f;
    margin: 0 auto;
    max-width: 100%;
    background: url(../img/career-banner.jpg) no-repeat top center;
    background-size: cover
}

.careerBanner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #05264e;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box;
    opacity: .7;
    z-index: 1
}

.careerBanner .inner {
    position: relative;
    max-width: 725px;
    margin: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
    text-align: center;
    z-index: 12
}

.careerPageTitle {
    font-size: 42px;
    line-height: 53px;
    font-weight: 700;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.careerBanner .inner p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin: 20px 0;
    text-align: center
}

.careerForm {
    background: #fff;
    box-shadow: 0 18px 40px rgba(25, 15, 9, .1);
    border-radius: 8px;
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 10px
}

.careerForm form {
    display: flex;
    width: 100%;
    text-align: left
}

.careerForm form .box-industry {
    width: 100%;
    max-width: 180px
}

.careerForm .form-control {
    border: 0 solid rgba(26, 15, 9, .1);
    border-radius: 0;
    padding: 10px 20px 10px 34px;
    display: inline-block;
    width: 100%
}

.careerForm .btn-find {
    min-width: 122px;
    padding-left: 34px;
    padding-right: 15px;
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    background-image: url(../img/search-icon.svg);
    background-repeat: no-repeat;
    background-position: left 19px top 18px;
    color: #fff;
    background-color: #f5aa31;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.careerForm .btn-find:focus,
.careerForm .btn-find:hover {
    background-color: #f5aa31;
    box-shadow: none;
    outline: 0
}

.mr-10 {
    margin-right: 10px !important
}

.careerTags {
    position: relative;
    display: flex;
    justify-content: center;
    color: #fff
}

.careerTags strong {
    font-weight: 700;
    font-size: 16px;
    color: #f5aa31;
    margin-right: 10px
}

.careerTags a {
    color: #fff;
    font-size: 15px;
    margin-left: 5px;
    text-decoration: underline;
    font-weight: 600
}

.latestJobs {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.card-grid-2 {
    border-radius: 16px;
    border: 1px solid #e0e6f7;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
    background: #fff;
    padding: 10px;
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.card-grid-2:hover {
    border-color: #b4c0e0;
    transform: translateY(-3px);
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.workingTime {
    position: absolute;
    top: 25px;
    left: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    height: 24px;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    border-radius: 5px;
    color: #fff;
    min-width: 42px;
    font-size: 12px;
    line-height: 18px
}

.card-grid-2 figure {
    display: block;
    margin: 0 0 10px
}

.card-grid-2 figure img {
    width: 100%;
    border-radius: 12px
}

.card-grid-2 .careerInfo {
    display: inline-block;
    width: 100%;
    padding: 5px 10px 20px 10px
}

.locationTime {
    display: flex;
    align-items: center;
    margin: 5px 0
}

.card-location {
    font-size: 12px;
    color: #a0abb8;
    display: inline-block;
    padding: 0 0 0 20px;
    background: url(../img/location.svg) no-repeat 0 6px;
    line-height: 24px;
    margin-right: 15px
}

.card-time {
    font-size: 12px;
    color: #a0abb8;
    display: inline-block;
    padding: 0 15px 0 15px;
    background: url(../img/time.svg) no-repeat 0 10px
}

.card-grid-2 h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #09334f
}

.card-grid-2 a {
    text-decoration: none;
    color: #09334f
}

.card-grid-2 .careerInfo .careerBottom {
    position: relative;
    font-size: 14px
}

.card-text-price {
    color: #f5aa31;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px
}

.card-grid-2 .careerInfo .careerBottom .skillBtn {
    margin-bottom: 5px;
    padding: 5px 12px;
    line-height: normal;
    border-radius: 5px;
    color: #f5aa31;
    min-width: 42px;
    font-size: 12px;
    background-color: rgba(81, 146, 255, .12);
    margin-right: 5px !important;
    display: inline-block
}

.careerInfo p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #4f5e64;
    text-align: left
}

.popularCategory {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.card-grid-5 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 255px;
    background: url(../img/img-big1.png) top left;
    background-size: cover;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 25px;
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.hover-up:hover {
    transform: translateY(-3px);
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.card-grid-5 .box-cover-img {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    background: url(../img/career/bg-black-trans.png) repeat-x center bottom;
    z-index: 2
}

.card-grid-5 .box-cover-img .content-bottom {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.jobTitle2 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #f5aa31;
    margin-bottom: 5px
}

.content-bottom p {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

.jobsLocation {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background: #fff
}

.card-image-top {
    border: 1px solid #e0e6f7;
    padding: 12px 12px 20px 12px;
    border-radius: 16px;
    margin-bottom: 24px;
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.card-image-top:hover {
    box-shadow: 0 10px 20px -5px rgba(10, 42, 105, .06);
    transform: translateY(-3px);
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.card-image-top .image {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    height: 261px;
    width: 100%;
    border-radius: 10px;
    background-color: #b4c0e0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0
}

.card-image-top .image .lbl-hot {
    position: absolute;
    top: 20px;
    left: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    height: auto;
    background: #f5aa31;
    border-radius: 5px;
    line-height: normal;
    color: #fff;
    min-width: 42px
}

.card-image-top .informations {
    position: relative;
    padding: 0 5px
}

.card-image-top .informations h5 {
    margin-bottom: 5px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #333
}

.card-image-top:focus .informations h5,
.card-image-top:hover .informations h5 {
    color: #f5aa31
}

.vacancy {
    font-size: 15px;
    line-height: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    color: #09334f;
    transition-duration: .2s
}

.jobCompanies {
    font-size: 16px;
    line-height: 14px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    color: #f5aa31
}

.color-text-paragraph-2 {
    color: #66789c
}

.jobFeature {
    display: inline-block;
    margin-top: 20px
}

.jobFeature .countNumber {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    transition: all .3s ease 0s;
    line-height: 30px;
    color: #fff;
    margin: 0 0 5px
}

.careerBanner .inner .jobFeature p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin: 0;
    text-align: center
}

.featuredConsultants {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    margin: 0
}

.fpc_list_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin-bottom: 15px
}

.fpc_list_2 li {
    width: 16.66%;
    text-align: center;
    list-style: none
}

.feat_com_list {
    background: #fff;
    margin: 7px
}

.feat_com_list .tpc_iteam {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    box-sizing: border-box;
    outline: 0;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 5px #eee;
    background: #fff;
    border-radius: 6px
}

.feat_com_list .feat_img_sec {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

.feat_com_list .feat_img_sec img {
    max-width: 160px;
    max-height: 70px;
    height: auto;
    width: auto;
    transition: all .3s ease
}

.feat_com_list .tpc_iteam .tpc {
    margin-top: 10px;
    line-height: 20px
}

.feat_com_list .tpc_iteam .tpc .tpc-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    color: #09334f;
    margin-bottom: 10px
}

.feat_com_list .tpc_iteam .tpc .tpc-location {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    color: #666
}

.feat_com_list .sk_list {
    margin-top: 10px;
    min-height: 39px;
    max-height: 39px;
    overflow: hidden
}

.feat_com_list .sk_list .cardtag {
    padding: 0 6px;
    max-width: 100%;
    margin-right: 4px;
    color: #f5aa31;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.jabBoxbanner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.jabBox {
    padding: 40px 20px 60px 20px;
    background: #f2f6fd;
    border-radius: 16px;
    position: relative;
    margin: 0 auto
}

.jabBox:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: -3px;
    height: 170px;
    width: 218px;
    background: url(../img/career/left-job-head.svg) no-repeat left bottom;
    background-size: contain;
    display: inline;
    top: auto;
    right: auto
}

.jabBox:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 5px;
    height: 170px;
    width: 213px;
    background: url(../img/career/right-job-head.svg) no-repeat left bottom;
    background-size: contain
}

.jabBox .blockBanner {
    padding: 0;
    max-width: 850px;
    margin: auto;
    position: relative;
    z-index: 12;
    text-align: center
}

.careerListingTitle {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    color: #05264e
}

.blockBanner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #66789c;
    text-align: center;
    margin: 10px 0 20px
}

.jabBox .blockBanner .careerForm {
    width: auto
}

.careerListing {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background-color: #fff
}

.sidebar {
    padding: 0 20px 0 0;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    margin-bottom: 30px
}

.sidebar-filters {
    padding-top: 5px
}

.head-border {
    border-bottom: 1px solid #b4c0e0;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.link-reset {
    float: right;
    font-size: 14px;
    line-height: 22px;
    color: #66789c;
    font-weight: 500
}

.form-group {
    position: relative
}

.medium-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #05264e;
    margin-bottom: 15px;
    margin-bottom: 0
}

.list-checkbox {
    display: inline-block;
    width: 100%;
    padding: 15px 0 10px 0;
    border-bottom: 1px solid #e0e6f7
}

.list-checkbox li {
    position: relative;
    padding: 0 30px 6px 0;
    display: inline-block;
    width: 100%
}

.list-checkbox li .number-item {
    position: absolute;
    top: 35%;
    right: 0;
    transform: translateY(-50%);
    padding: 4px 5px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 7px;
    background: #e0e6f7;
    color: #09334f
}

.cb-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    line-height: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #e0e6f7;
    border-radius: 7px
}

.cb-container input:checked~.checkmark {
    border: 2px solid #236a9b
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cb-container input:checked~.checkmark:after {
    display: block
}

.cb-container .checkmark:after {
    left: 0;
    top: -1px;
    width: 21px;
    height: 22px;
    border-radius: 5px;
    background: #236a9b url(../img/tick.svg) no-repeat center
}

.box-filters-job {
    border-bottom: 1px solid #e0e6f7;
    margin-bottom: 30px;
    padding: 0 0 5px 0
}

.showing {
    display: inline-block;
    min-height: 30px;
    font-size: 14px;
    line-height: 22px;
    color: #4f5e64;
    font-weight: 500
}

.box-border {
    border: 1px solid #e0e6f7;
    border-radius: 4px;
    display: inline-block;
    padding: 1px 0 3px 15px;
    vertical-align: sub;
    line-height: normal
}

.sortby {
    color: #a0abb8;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.sortItem {
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 5px
}

.sortBtn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: .25rem;
    cursor: pointer
}

.sortBtn:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.sortDropdown {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 8rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: thin solid #b4c0e0;
    box-shadow: 0 10px 20px -5px rgba(10, 42, 105, .06);
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    right: 0;
    left: unset
}

.sortItem .sortDropdown li a {
    padding: 5px 15px;
    color: #4f5e64;
    font-size: 12px;
    line-height: normal
}

.sortItem .sortDropdown li a.active,
.sortItem .sortDropdown li a:hover {
    text-decoration: none;
    background-color: #eff2fb
}

.careerList {
    border-radius: 16px;
    border: 1px solid #e0e6f7;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
    background: #fff;
    padding: 10px;
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.careerList:hover {
    border-color: #b4c0e0;
    transform: translateY(-3px);
    transition: all .25s cubic-bezier(.02, .01, .47, 1);
    background: #f8faff
}

.careerLeft {
    padding: 30px 20px 15px 20px;
    display: flex;
    position: relative
}

.careerLeft .image {
    min-width: 52px;
    padding-right: 15px
}

.careerInfo2 .jobName {
    font-size: 18px;
    line-height: 26px;
    color: #236a9b;
    font-weight: 700;
    display: block
}

.jobLocation {
    background: url(../img/location.svg) no-repeat 0 8px;
    background-size: 16px;
    display: inline-block;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #444
}

.skillBtns {
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    line-height: 1;
    transition: .2s;
    background-color: #eff3fc;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 5px;
    color: #4f5e64;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    margin-right: 5px
}

.careerFullInfo {
    padding: 0 20px 30px 20px;
    position: relative;
    display: inline-block;
    width: 100%
}

.careerFullInfo .careerRoleTitle {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #05264e
}

.careerFullInfo .careerRoleTitle a {
    color: #f5aa31
}

.careerFullInfo p {
    font-size: 15px;
    line-height: normal
}

.briefCase {
    font-size: 14px;
    color: #444;
    display: inline-block;
    padding: 0 15px 0 20px;
    background: url(../img/career/briefcase.svg) no-repeat 0 7px;
    background-size: 15px 15px
}

.jobUpdateTime {
    font-size: 14px;
    color: #444;
    display: inline-block;
    padding: 0 15px 0 20px;
    background: url(../img/time.svg) no-repeat 0 7px;
    background-size: 15px 15px
}

.careerList .common_btn3 {
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    padding-right: 70px
}

.careerList .common_btn3:after {
    padding: 10px;
    width: 50px
}

.skillLines {
    margin-top: 30px
}

.careerPrice {
    color: #f5aa31;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px
}

.paginations {
    margin: 20px 0 50px 0
}

.paginations .pager {
    padding: 0
}

.paginations .pager li {
    display: inline-block;
    vertical-align: middle
}

.paginations .pager li a {
    display: block;
    padding: 10px 8px;
    font-weight: 600;
    color: #a0abb8;
    line-height: 26px;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    font-weight: 700
}

.paginations .pager li .pager-prev {
    background: url(../img/career/page-prev.svg) no-repeat center;
    height: 48px;
    width: 48px;
    margin-right: 15px
}

.paginations .pager li .pager-next {
    background: url(../img/career/page-next.svg) no-repeat center;
    height: 48px;
    width: 48px;
    margin-left: 15px
}

.paginations .pager li a:hover {
    color: #236a9b
}

.paginations .pager li a.active {
    color: #236a9b
}

.paginations .pager li a.pager-number.active::before {
    content: "";
    height: 28px;
    width: 28px;
    background: #e0e6f7;
    opacity: .3;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: 8px;
    left: -1px
}

.paginations .pager li a.pager-number:hover::before {
    content: "";
    height: 28px;
    width: 28px;
    background: #e0e6f7;
    opacity: .3;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: 8px;
    left: -1px
}

.paginations .pager li .pager-prev {
    background: url(../img/career/page-prev.svg) no-repeat center;
    height: 48px;
    width: 48px;
    margin-right: 15px
}

.paginations .pager li .pager-prev:hover {
    background: url(../img/career/page-prev-hover.svg) no-repeat center
}

.paginations .pager li .pager-next {
    background: url(../img/career/page-next.svg) no-repeat center;
    height: 48px;
    width: 48px;
    margin-left: 15px
}

.paginations .pager li .pager-next:hover {
    background: url(../img/career/page-next-hover.svg) no-repeat center
}

.price-range-slider {
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 25px
}

.price-range-slider .range-value {
    margin: 0;
    line-height: normal;
    font-weight: 600
}

.price-range-slider .range-value input {
    width: 100%;
    background: 0 0;
    color: #05264e;
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 0 0 20px 0
}

.price-range-slider .range-bar {
    border: none;
    background: #05264e;
    height: 3px;
    width: 96%;
    margin-left: 8px
}

.price-range-slider .range-bar .ui-slider-range {
    background: #f5aa31
}

.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: #fff;
    border: 2px solid #f5aa31;
    height: 17px;
    width: 17px;
    top: -.52em;
    cursor: pointer
}

.title_11 {
    color: #09334f;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.border-bottom {
    border-bottom: 1px solid #dee2e6;
    padding: 10px 0
}

.job-overview {
    border: thin solid #e0e6f7;
    border-radius: 8px;
    padding: 20px 30px 30px 30px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 6px 12px rgba(30, 10, 58, .04)
}

.JobDescription {
    border: thin solid #e0e6f7;
    border-radius: 8px;
    padding: 20px 30px 30px 30px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 6px 12px rgba(30, 10, 58, .04)
}

.JobDescription p {
    text-align: left;
    line-height: normal
}

.JobDescription ul {
    margin: 0 0 15px 15px;
    padding: 0
}

.JobDescription ul li {
    font-size: 16px;
    line-height: 26px
}

.workOpportunity p {
    margin: 0
}

.keySkill ul {
    margin: 0;
    padding: 0
}

.keySkill ul li {
    display: inline-block;
    margin-bottom: 5px
}

.keySkill ul li a {
    border-radius: 20px;
    line-height: normal;
    font-size: 14px;
    padding: 5px 12px;
    border: 1px solid #eee;
    color: #333
}

.keySkill ul li a:focus,
.keySkill ul li a:hover {
    border: 1px solid #0f7eb5;
    color: #0f7eb5
}

.awardedBox {
    background: #fff3dd;
    border: 1px solid #ffe9bf;
    display: flex;
    padding: 20px 0 20px 24px;
    position: relative;
    border-radius: 8px;
    margin-top: 24px;
    overflow: hidden
}

.awardedBox p {
    max-width: 300px;
    font-size: 14px
}

.beware p:last-child {
    margin: 0
}

.beware p a {
    color: #4777fe
}

.awardedBox .applyLoginButton {
    display: inline-block
}

.awardImg {
    position: absolute;
    left: 452px;
    top: 0
}

.careerRow {
    display: flex
}

.careerRow .image {
    margin-right: 15px
}

.jobTitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color: #012238
}

.careerCompanyName {
    color: #4f5e64;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    font-style: normal
}

.careerCompanyName a {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #474d6a;
    margin-right: 12px;
    display: inline-block
}

.companyRating {
    display: inline-flex
}

.companyRating svg {
    position: relative;
    color: #fdaa29;
    margin-right: 4px;
    top: 0;
    line-height: 15px;
    font-size: 12px;
    height: 14px;
    width: 14px;
    display: inline-block
}

.companyRating .rating {
    color: #717b9e;
    border-right: 1px solid #e7e7f1;
    margin-right: 5px;
    padding-right: 5px
}

.companyRating .reviews {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #717b9e
}

.companyAwards {
    color: #474d6a;
    margin-right: 12px;
    display: inline-block;
    margin-left: -6px;
    position: relative
}

.companyAwards span {
    color: #b78c3b;
    margin-right: 2px;
    margin-left: 5px
}

.detailsIcon {
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 20px
}

.detailsIcon svg {
    width: 16px;
    height: 16px;
    color: #717b9e;
    margin-right: 6px
}

.annualPrice {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative
}

.annualPrice::before {
    content: "";
    position: relative;
    display: inline-block;
    background: #e7e7f1;
    width: 1px;
    height: 14px;
    margin-right: 12px
}

.annualPrice svg {
    width: 14px;
    height: 14px;
    color: #717b9e;
    margin-right: 6px
}

.preferred {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7f1
}

.preferred span {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    color: #8951ff;
    background: #fff;
    padding: 4px 10px 4px 5px;
    border-radius: 12px;
    border: 1px solid #efedff;
    font-size: 11px;
    line-height: 14px;
    color: #8951ff;
    text-transform: none
}

.preferred span svg {
    width: 12px;
    height: 12px;
    margin-right: 3px
}

.preferred a {
    margin-left: auto;
    color: #0f7eb5;
    font-weight: 600
}

.preferred a:focus,
.preferred a:hover {
    text-decoration: underline
}

.careerDetails h4 {
    font-size: 24px;
    line-height: 30px;
    font-style: normal;
    margin-bottom: 10px;
    font-size: 20px;
    margin-top: 20px;
    color: #4f5e64;
    font-weight: 700;
    margin-bottom: 20px
}

.sidebarBorder {
    border: 1px solid #e0e6f7;
    padding: 15px 15px;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 20px
}

.sidebarBorder .sidebar-heading .avatar-sidebar figure {
    float: left
}

.sidebarInfo {
    display: block;
    padding-left: 100px;
    position: relative
}

.sidebarCompany {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    display: block;
    padding-top: 5px
}

.jobsOpen {
    font-size: 12px;
    line-height: 18px;
    color: #05264e;
    font-weight: 400;
    text-decoration: underline;
    display: block
}

.sidebarListJob {
    border-top: 1px solid rgba(6, 18, 36, .1);
    display: inline-block;
    width: 100%;
    padding: 25px 0 0 0;
    margin: 20px 0 0 0
}

.box-map {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.sidebarListJob ul {
    padding: 0;
    list-style-type: disc;
    padding-left: 25px
}

.sidebarListJob li {
    list-style-type: disc;
    display: list-item;
    padding-bottom: 5px;
    color: #4f5e64;
    font-size: 14px;
    line-height: 22px;
    width: 100%
}

.f-18 {
    font-size: 18px;
    color: #05264e;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px
}

.sidebarJob {
    border-top: 1px solid rgba(6, 18, 36, .1);
    display: inline-block;
    width: 100%;
    padding: 25px 0 0 0;
    margin: 20px 0 0 0
}

.sidebarJob ul {
    padding: 0
}

.sidebarJob ul li {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px
}

.card-list-4 {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0 0 15px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e6f7;
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.card-list-4:hover {
    transform: translateY(-3px)
}

.card-list-4 .image {
    min-width: 60px;
    padding-right: 10px
}

.card-list-4 .info-text {
    width: 100%;
    margin-top: -4px
}

.card-list-4 .info-text h5 {
    font-size: 16px;
    line-height: 24px;
    color: #05264e;
    font-weight: 700;
    font-style: normal
}

.card-list-4 .info-text h5 a {
    color: #05264e
}

.card-list-4 .info-text h5 a:focus,
.card-list-4 .info-text h5 a:hover {
    color: #f5aa31
}

.agency-section {
    float: left;
    width: 100%;
    position: relative;
    padding: 70px 0 70px;
    background-color: rgb(247 247 254)
}

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

.agency-section .title-column {
    position: relative;
    margin-bottom: 30px
}

.agency-section .title-column .inner-column {
    position: relative
}

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

.sec-title .title {
    position: relative;
    font-weight: 500;
    z-index: 1;
    color: #fbbe3a;
    font-size: 24px;
    display: inline-block;
    padding-left: 30px
}

.sec-title .title:after {
    position: absolute;
    content: '';
    left: -20px;
    top: -20px;
    right: 0;
    width: 238px;
    height: 60px;
    background: url(../img/vector-19.png) no-repeat
}

.sec-title h2 {
    margin-bottom: 18px;
    line-height: normal;
    font-weight: 700;
    font-size: 36px
}

.sec-title h2 span {
    color: #fbbe3a
}

.sec-title .text {
    margin-top: 15px;
    position: relative;
    line-height: 28px;
    font-size: 18px;
    color: rgb(68 86 88)
}

.agency-section .title-column .inner-column ul {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none
}

.agency-section .title-column .inner-column ul li {
    position: relative;
    color: #333;
    font-size: 16px;
    padding-left: 45px;
    margin-bottom: 10px;
    line-height: 1.4
}

.agency-section .title-column .inner-column ul li:before {
    content: '';
    position: absolute;
    background: url(../img/check.svg) no-repeat;
    background-size: auto;
    background-size: 100%;
    left: 0;
    top: 3px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 50px;
    background-color: rgb(255 255 255);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.agency-section .title-column .inner-column ul li:last-child {
    margin-bottom: 0
}

.agency-section .title-column .button-box {
    position: relative;
    margin-top: 30px
}

.business-block-two {
    position: relative;
    margin-bottom: 30px
}

.agency-section .blocks-column .business-block-two:nth-child(2n+0) {
    transform: translateY(40px)
}

.business-block-two .inner-box {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    padding: 40px 30px 30px;
    background-color: rgb(255 255 255);
    box-shadow: 0 0 15px rgba(0, 0, 0, .07);
    height: 100%
}

.business-block-two .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    background-color: #eaf7ff;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    background-position: center center
}

.business-block-two .inner-box:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.business-block-two .inner-box .vector-icon {
    position: absolute;
    right: 45px;
    top: 45px;
    width: 20px;
    height: 20px;
    opacity: .5;
    background-repeat: no-repeat
}

.business-block-two .inner-box .content {
    position: relative
}

.business-block-two .inner-box .icon-box {
    position: relative;
    display: inline-block;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    margin-bottom: 10px
}

.business-block-two .inner-box .icon-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: -20px;
    width: 67px;
    height: 53px;
    background: url(../img/vector-20.png) no-repeat
}

.business-block-two .inner-box .icon-box .icon {
    position: relative;
    line-height: 1em;
    color: rgb(255 74 23);
    font-size: 56px;
    font-family: Flaticon;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.business-block-two .inner-box h4 {
    font-weight: 600;
    text-transform: inherit;
    margin-top: 30px;
    font-size: 24px;
    position: relative;
    margin: 0;
    background: 0 0;
    color: rgb(18 29 44);
    text-transform: capitalize
}

.business-block-two .inner-box .text {
    opacity: .9;
    max-width: 240px;
    font-size: 16px;
    margin-top: 10px;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    position: relative;
    color: rgb(68 86 88);
    line-height: normal;
    margin-bottom: 20px
}

.business-section {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 60px 0 50px;
    background-repeat: repeat;
    background-color: #f1f8fb;
    background-image: url(../img/branding/pattern-4.png)
}

.prBrandingTitle {
    line-height: 1em;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    max-width: 550px;
    margin: 0 auto 28px
}

.prBrandingTitle span {
    color: #fbbe3a
}

.business-section .left-column {
    position: relative;
    margin-bottom: 30px
}

.business-section .left-column .inner-column {
    position: relative
}

.business-block {
    position: relative;
    margin-bottom: 40px
}

.business-block:last-child {
    margin: 0
}

.business-block .inner-box {
    position: relative;
    padding: 30px 35px;
    border-radius: 8px;
    background-color: rgb(255 255 255);
    box-shadow: 0 0 15px rgba(0, 0, 0, .07)
}

.business-block .inner-box:before {
    position: absolute;
    content: '';
    right: 15px;
    bottom: 15px;
    width: 42px;
    height: 35px;
    background: url(../img/branding/business-arrow.png) no-repeat
}

.business-block:last-child .inner-box:before {
    transform: rotate(-90deg)
}

.right-column .business-block .inner-box:before {
    position: absolute;
    content: '';
    left: 15px;
    bottom: 15px;
    width: 42px;
    height: 35px;
    background: url(../img/branding/business-arrow.png) no-repeat;
    transform: rotate(90deg)
}

.right-column .business-block:last-child .inner-box:before {
    transform: rotate(-180deg)
}

.business-block .inner-box .content {
    position: relative;
    padding-left: 85px
}

.business-block .inner-box .icon-box {
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-block;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.business-block .inner-box .icon-box:before {
    position: absolute;
    content: '';
    left: 20px;
    top: 10px;
    width: 50px;
    height: 24px;
    opacity: .1;
    border-radius: 50px;
    transform: rotate(135deg);
    background-color: rgb(255 74 23)
}

.business-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)
}

.business-block .inner-box .icon-box .icon {
    position: relative;
    line-height: 1em;
    color: rgb(255 74 23);
    font-size: 60px;
    font-family: Flaticon
}

.business-block .inner-box h4 {
    font-weight: 600;
    font-size: 20px;
    color: rgb(18 29 44);
    margin: 0;
    line-height: normal
}

.business-block .inner-box h4 a {
    color: rgb(18 29 44)
}

.business-block .inner-box .text {
    opacity: .9;
    max-width: 240px;
    font-size: 15px;
    margin-top: 5px;
    color: rgb(68 86 88);
    position: relative;
    line-height: normal
}

.business-section .left-column .business-block:nth-child(2) {
    transform: translateX(-50px)
}

.business-section .image-column {
    position: relative;
    margin-bottom: 30px
}

.business-section .right-column {
    position: relative;
    margin-bottom: 30px
}

.business-section .right-column .business-block:nth-child(2) {
    transform: translateX(50px)
}

.business-section .image-column {
    text-align: center
}

.business-section .image-column .image {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 80px 0 80px 0;
    margin-top: 80px;
    text-align: center
}

.business-section .image-column .circle-layer {
    position: absolute;
    left: 10px;
    top: 0;
    width: 167px;
    height: 167px;
    border-radius: 50%;
    background-color: #fbbe3a;
    animation-name: zoom-fade;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.business-section .image-column .circle-layer-two {
    position: absolute;
    right: 20px;
    bottom: 50px;
    width: 161px;
    height: 166px;
    border-radius: 15px;
    background-color: #c2e2f7
}

.business-section .image-column .pattern-layer {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 289px;
    height: 236px;
    background: no-repeat
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.catgeoryPage .title_1.brandingTitle {
    margin-bottom: 30px
}

.seoAgency2 ul.grid_7 {
    float: left;
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.seoAgency2 ul.grid_7 li {
    list-style: none;
    text-align: center;
    width: calc(100% / 7);
    padding: 10px 10px;
    position: relative;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2ecf0;
    background: #fff;
    margin-top: -1px;
    margin-right: -1px;
    transition: all .3s ease-in-out;
    background: 0 0
}

.seoAgency2 ul.grid_7 li::before {
    content: none;
    margin: 0;
    padding: 0
}

.seoAgency2 ul.grid_7 li span svg {
    width: 50px;
    height: 50px;
    color: #02619e;
    margin-bottom: 20px
}

.seoAgency2 ul.grid_7 li span strong {
    font-size: 16px;
    color: #333;
    line-height: normal;
    display: block
}

.seoAgency2 ul.grid_7 li img {
    max-width: 100%;
    height: auto
}

.mediaNewsDiv {
    float: left;
    width: 100%;
    padding: 40px 0 20px;
    background: #f1f8fb;
    margin: 0
}

.newInMedia {
    width: 100%;
    height: 235px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    transition: all .4s ease-in-out;
    margin-bottom: 20px;
    border: 1px solid #f1f8fb;
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, .15);
    background: #fff
}

.newInMedia img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto
}

.newInMedia:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11M13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0'/><path d='M10.344 11.742q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1 6.5 6.5 0 0 1-1.398 1.4z'/><path fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5'/></svg>");
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
    position: absolute;
    z-index: 1;
    line-height: 292px;
    background: rgba(15, 126, 181, .5);
    transition: all .4s ease-in-out;
    margin: 0;
    padding: 0;
    display: none
}

.newInMedia:hover:after {
    display: block
}

.news-block-two {
    position: relative;
    margin-bottom: 30px
}

.news-block-two .inner-box {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background-color: rgb(255 255 255);
    box-shadow: 0 0 20px rgba(0, 0, 0, .07)
}

.news-block-two .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #0f7eb5
}

.news-block-two .inner-box .image:before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1
}

.news-block-two .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.news-block-two .inner-box .lower-content {
    position: relative;
    padding: 30px 30px
}

.news-block-two .inner-box h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2em;
    color: rgb(18 29 44);
    margin-bottom: 10px;
    min-height: 30px;
    display: flex;
    align-items: center
}

.news-block-two .inner-box h3 a {
    color: rgb(18 29 44);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.news-block-two .inner-box p {
    font-size: 16px;
    text-align: left;
    line-height: normal
}

.news-block-two .inner-box:hover .image::before {
    -webkit-animation: shine 1s;
    animation: shine 1s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.news-block-two .inner-box:hover .image img {
    opacity: .6;
    transform: scale(1.06, 1.06) rotate(2deg)
}

.mediaCoverage {
    float: left;
    width: 100%;
    padding: 50px 0 0;
    background: #fff
}

.mediaWrapper {
    float: left;
    display: block;
    width: 100%
}

.mediaLogoContainer {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    padding-top: 5px
}

.mediaLogoContainer::-webkit-scrollbar {
    display: none
}

@media screen and (max-width:725px) {
    .logoBlocks {
        width: 120px !important;
        height: 65px !important
    }
}

.logoContainer2 {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.logoContainer2::-webkit-scrollbar {
    display: none
}

.logoBlocks {
    display: flex;
    justify-content: center;
    align-content: center;
    transition: all 1s;
    overflow: hidden;
    width: 180px;
    height: 77px;
    border: 1px solid #eee;
    border-radius: 60px;
    margin: 10px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .07)
}

.mediaLogoContainer .logoBlocks {
    margin-bottom: 20px !important
}

.logoBlocks img {
    object-fit: contain;
    transform: scale(1);
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none
}

@media screen and (max-width:800px) {
    .logoBlocks:hover {
        background-color: #fff;
        transform: none
    }
}

.animates {
    transform: translateX(100%);
    animation: marquees 30s linear infinite backwards
}

@keyframes marquees {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.brandingService {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 37.5% 62.5%;
    grid-template-columns: 37.5% 62.5%;
    grid-template-rows: auto
}

.brandingService .leftSidebar {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.brandingText {
    max-width: 333px;
    width: 100%;
    height: 220px;
    position: sticky;
    top: 50px;
    margin: 60px 40px 40px;
    flex: 1
}

.brandingText.subCat_15 {
    top: 100px;
    max-height: 300px;
    height: 100%
}

.brandingTitle {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.brandingText p {
    font-size: 18px;
    text-align: left;
    color: #333
}

.brandingTitle span {
    color: #fbbe3a
}

.brandingService .rightSidebar {
    display: block;
    padding: 60px 7.89% 32px 0;
    text-decoration: none
}

.brandingServiceItem {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px;
    background-color: rgb(255 255 255);
    box-shadow: 0 0 20px rgba(0, 0, 0, .07);
    padding-right: 15px;
    margin-bottom: 20px
}

.brandingServiceItem .image {
    position: relative;
    overflow: hidden;
    background-color: #0f7eb5
}

.brandingServiceItem .image:before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1
}

.brandingServiceItem .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.brandingServiceItem:hover .image::before {
    -webkit-animation: shine 1s;
    animation: shine 1s
}

.brandingServiceItem:hover .image img {
    opacity: .6;
    transform: scale(1.06, 1.06) rotate(2deg)
}

.brandingServiceItem .serviceTitle2 {
    color: #333;
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px
}

.brandingServiceItem .serviceTitle2 a {
    color: #333
}

.brandingServiceItem:hover .serviceTitle2 a {
    color: #fbbe3a
}

.brandingServiceItem p {
    font-size: 16px;
    text-align: left;
    color: #333;
    line-height: normal;
    margin-bottom: 10px
}

.brandingServiceItem ul {
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.brandingServiceItem ul li {
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 40px;
    font-size: 15px;
    color: #333;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 5px;
    line-height: normal
}

.brandingFeature {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    background: #fff
}

.brandFeature_1 {
    position: relative;
    transition: all .3s ease-in-out;
    border: 1px solid #c8dce6;
    border-radius: 10px;
    margin: 0;
    width: 100%;
    padding: 20px 20px 0;
    text-align: center;
    background: #fbbe3a;
    overflow: hidden;
    min-height: 270px
}

.brandBox2:nth-child(2n) .brandFeature_1 {
    background: #09334f
}

.brandFNumber {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

.brandFText {
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 15px;
    color: #fff
}

.brandFImage {
    border-radius: 100%;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, .5);
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 53%;
    margin: 0 auto;
    padding: 25px
}

.brandFImage img {
    width: 70px
}

.brandDetails {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 40px;
    background: #fff
}

.onlineReputation {
    padding: 0 15px
}

.onlineReputation .col-md-4 {
    border-bottom: 2px solid #efefef;
    border-right: 2px solid #efefef;
    min-height: 220px;
    margin-bottom: 35px
}

.onlineReputation .col-md-4:first-child {
    border-left: 2px solid #efefef
}

.onlineReputation .team_box {
    color: #333;
    font-size: 16px;
    text-align: center;
    padding: 0;
    line-height: 22px
}

.onlineReputation .team_box img {
    margin-bottom: 20px
}

.onlineReputation .team_box h2 {
    color: #fbbe3a;
    font-weight: 600;
    padding: 0 0 13px 0;
    margin: 0
}

.detailsItem {
    margin-bottom: 40px
}

.detailsItem .detailsItemTitle3 {
    color: #09334f;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 20px
}

.detailsItem p {
    font-size: 17px;
    color: #333;
    line-height: 25px
}

.detailsItem ul {
    position: relative;
    padding: 0;
    margin: 0 0 15px;
    list-style: none
}

.detailsItem ul li {
    position: relative;
    color: rgb(68 86 88);
    font-size: 17px;
    padding-left: 35px;
    margin-bottom: 10px;
    line-height: 28px;
    display: flow-root
}

.detailsItem ul li:before {
    content: '';
    position: absolute;
    background: url(../img/check.svg) no-repeat;
    background-size: auto;
    background-size: 100%;
    left: 0;
    top: 3px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 50px;
    background-color: rgb(255 255 255);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.detailsItem ul li:last-child {
    margin-bottom: 0
}

.realTimeAnalysis {
    float: left;
    width: 100%;
    background-color: #f2f7fd;
    padding: 40px 0
}

.realTimeAnalysis .detailsItem {
    margin: 0
}

.realTimeAnalysis .detailsItem p {
    margin-bottom: 10px;
    text-align: left;
    line-height: 30px
}

.realTimeAnalysis2 {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 40px 0
}

.realTimeAnalysis2 .detailsItem {
    margin: 0
}

.imgWith {
    max-width: 350px;
    display: inline-block;
    margin: 0 auto
}

.postWithLogin {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 12px
}

.postWithLogin ul {
    margin: 25px 0 0;
    padding: 0;
    display: flex;
    align-items: baseline;
    margin-right: auto
}

.postWithLogin ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #474d6a;
    list-style: none;
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid #e7e7f1
}

.postWithLogin ul li:last-child {
    border: 0
}

.postWithLogin ul li span {
    color: #333;
    font-weight: 600
}

.applyLoginButton {
    background-color: #4777fe;
    color: #fff;
    text-transform: none;
    width: auto;
    border-radius: 40px;
    padding: 7px 15px;
    cursor: pointer;
    line-height: normal;
    border: 1px solid #4777fe;
    margin-top: 10px;
    margin-left: 5px;
    font-size: 14px
}

.applyLoginButton:focus,
.applyLoginButton:hover {
    border: 1px solid #4777fe;
    color: #fff;
    background-color: #4777fe
}

.applyButton {
    text-transform: none;
    width: auto;
    border-radius: 40px;
    padding: 7px 15px;
    cursor: pointer;
    line-height: normal;
    margin-top: 10px;
    margin-left: 5px;
    font-size: 14px;
    border: 1px solid #4777fe;
    background: 0 0;
    color: #4777fe
}

.applyButton:focus,
.applyButton:hover {
    color: #4777fe;
    background: rgba(239, 237, 255, .4);
    border: 1px solid #4777fe
}

.jobsInterestedTitle {
    display: block;
    margin-bottom: 10px
}

.jobsInterested {
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(6, 18, 36, .1)
}

.jobsInterested:last-child {
    border-bottom: 0;
    margin: 0
}

.jobsInterested h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #121224
}

.jobsInterested span {
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
    color: #474d6a
}

.jobsInterested .companyRating {
    display: block
}

.jobsInterested .detailsIcon {
    font-size: 14px;
    margin-right: 0
}

.jobsInterested .detailsIcon .postedDate {
    margin-left: auto;
    font-size: 13px
}

.jobsInterested .image {
    float: right;
    margin: 0 0 15px 15px
}

.careerBenefits h5 {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px
}

.careerBenefits h5 a {
    margin-left: auto;
    color: #0f7eb5
}

.careerBenefits h5 a:focus,
.careerBenefits h5 a:hover {
    text-decoration: underline
}

.careerBenefits p {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #474d6a;
    margin-top: 3px
}

.careerBenefits ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap
}

.careerBenefits ul li {
    list-style: none;
    width: calc(100% / 3);
    text-align: center;
    margin-bottom: 15px
}

.careerBenefits ul li span {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #121224;
    margin: 10px auto auto;
    width: 82px;
    height: 30px;
    text-align: center;
    word-break: break-word
}

.careerBenefits ul li img {
    width: 36px;
    height: 36px
}

.jobsInterestedTitle img {
    width: 32px;
    aspect-ratio: auto 32/32;
    height: 32px
}

.infoMouse {
    display: inline-block;
    position: relative
}

.tipInfo {
    display: none;
    line-height: 16px;
    font-weight: 500;
    font-size: 12px;
    color: #474d6a;
    padding: 18px;
    background: #fff;
    border: 1px solid #e7e7f1;
    box-shadow: 0 14px 40px rgba(30, 10, 58, .1);
    border-radius: 10px;
    position: absolute;
    width: 225px;
    box-sizing: border-box;
    z-index: 2;
    margin-top: 10px;
    left: -24px
}

.tipInfo:before {
    content: "";
    display: block;
    position: absolute;
    left: 24px;
    bottom: 102%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom: 9px solid #e7e7f1
}

.tipInfo:after {
    content: "";
    display: block;
    position: absolute;
    left: 24px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom: 9px solid #fff
}

.infoMouse:hover .tipInfo {
    display: block
}

.topCompanies {
    border-radius: 20px;
    border: 1px solid #e7e7f1;
    position: relative;
    padding: 20px;
    margin-bottom: 15px
}

.rowCompany {
    display: block;
    line-height: normal
}

.rowCompany a {
    max-height: 18px;
    display: flex;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #121224;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    cursor: default
}

.compName {
    color: #474d6a;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: baseline;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.sideJobDetails {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #474d6a;
    position: relative;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    margin: 10px 0 10px;
    max-height: 18px
}

.exp-wrap {
    display: flex;
    max-width: 90px;
    padding-right: 8px
}

.exp-wrap .exp {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.exp-wrap .exp:before {
    color: #717b9e;
    padding-right: 4px;
    padding-left: 1px;
    position: relative;
    top: -1px;
    content: url(../img/career/briefcase.svg);
    padding-right: 8px;
    vertical-align: top
}

.salWrap {
    position: relative;
    display: flex;
    max-width: 130px;
    padding-right: 8px
}

.salWrap:before {
    content: "";
    position: absolute;
    background: #e7e7f1;
    width: 0;
    height: 12px;
    border: 1px solid #e7e7f1;
    border-radius: 0;
    vertical-align: middle;
    left: 0;
    top: 2px
}

.salWrap .sal {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #474d6a;
    margin-left: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.salWrap .sal:before {
    color: #717b9e;
    padding-right: 4px;
    vertical-align: bottom;
    content: url(../img/career/salaryIcon.svg)
}

.locWrap {
    position: relative;
    display: flex;
    max-width: calc(100% - 215px)
}

.locWrap:before {
    content: "";
    position: absolute;
    background: #e7e7f1;
    width: 0;
    height: 12px;
    border: 1px solid #e7e7f1;
    border-radius: 0;
    vertical-align: middle;
    visibility: visible;
    left: 0;
    top: 2px
}

.locWrap .loc {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #474d6a;
    margin-left: 8px
}

.locWrap .loc::before {
    color: #717b9e;
    padding-right: 4px;
    vertical-align: bottom;
    content: url(../img/career/locIcon.svg)
}

.tfHeader {
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
    color: #717b9e;
    margin-bottom: 10px
}

.tfContent {
    display: flex;
    align-items: center
}

.jobPostDay {
    display: inline-flex;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    top: -10px;
    margin-left: 27px;
    max-width: 37px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #717b9e
}

.tfLogos .imagewrap {
    float: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e7e7f1;
    border-radius: 3px;
    margin-right: 5px;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    position: relative
}

.tfLogos .imagewrap img {
    width: 30px;
    height: 30px;
    vertical-align: baseline
}

.sidebarBorder .applyButton {
    display: inline-block
}

.digitalPage2 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 50px 0;
    background: #eee
}

.digitalPage2 .about-images {
    position: relative
}

.image-anime {
    position: relative;
    overflow: hidden
}

.image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1
}

.image-anime:hover:after {
    height: 250%;
    transition: all .6s linear;
    background-color: transparent
}

.digitalPage2 .about-images img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100px 100px 100px 100px;
    transform-origin: left;
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

.digitalPage2 .about-images .star1 {
    height: 78px;
    width: 78px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.digitalPage2 .digitalPage2Info {
    position: relative;
    padding: 0 50px
}

.digitalPage2 .digitalPage2Info .arrow-circle {
    background: #f3fbff;
    border-radius: 50%;
    display: inline-block;
    padding: 10px;
    position: relative;
    margin-bottom: 32px
}

.keyframe5 {
    position: relative;
    animation-name: animation-7;
    animation-duration: 90s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1)
}

@keyframes animation-7 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(1000deg)
    }
}

.digitalPage2 .digitalPage2Info .arrow-circle .arrow {
    position: absolute;
    left: 40%;
    right: 50%;
    top: 40%;
    bottom: 50%
}

.digitalPage2Info h5 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #ff0a54;
    border-radius: 8px;
    transition: all .4s;
    padding: 6px 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 16px
}

.digitalPage2Info h5 img {
    margin: 0 6px 0 0
}

.heading8 h5::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transition: all .4s;
    background: #ff0a54;
    opacity: 8%;
    border-radius: 8px
}

.digitalPage2Info h2 {
    color: #333;
    font-size: 32px;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 10px
}

.digitalPage2Info p {
    font-size: 18px;
    color: #333
}

.case1-section-area {
    float: left;
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 1;
    background: #fff
}

.case1-section-area .case-header-area {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
    text-align: center
}

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

.star3 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.text-anime-style-3 {
    font-size: 44px;
    line-height: 52px;
    font-weight: 600;
    color: #090b0e;
    margin-bottom: 16px
}

.case1-section-area .cs_case_study_1_list {
    display: flex
}

.case1-section-area .cs_case_study.cs_style_1 {
    height: 700px;
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    transition: all .4s ease
}

.case1-section-area .cs_case_study_1_list>.cs_case_study.cs_style_1 {
    flex: 1
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 {
    min-height: 400px
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 8px;
    border-radius: 5px;
    height: 475px
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_thumb {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.case1-section-area .content-area {
    position: absolute;
    z-index: 1;
    transition: all .4s;
    padding: 0 24px 24px 24px;
    bottom: 0;
    left: -100%;
    opacity: 0
}

.case1-section-area .content-area a {
    font-size: 22px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    transition: all .4s;
    width: 100%;
    margin-bottom: 8px
}

.case1-section-area .content-area a:hover {
    color: #fbbe3a
}

.case1-section-area .content-area p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    transition: all .4s;
    text-align: left
}

.case1-section-area .content-area1 {
    position: absolute;
    transform: rotate(-90deg);
    width: 290px;
    height: auto;
    left: -80px;
    bottom: 162px;
    transition: all .4s;
    opacity: 1
}

.case1-section-area .content-area1 a {
    font-size: 22px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    transition: all .4s;
    width: 100%
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1.active {
    flex: 3
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area1 {
    opacity: 0;
    transition: all .4s
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area {
    left: 0;
    transition: all .4s;
    opacity: 1
}

.case1-section-area .cs_case_study_thumb {
    background-image: url(../img/digital/business-website-with-seo.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb2 {
    background-image: url(../img/digital/seo.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb3 {
    background-image: url(../img/digital/gmb-seo.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb4 {
    background-image: url(../img/digital/social-media-marketing.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb5 {
    background-image: url(../img/digital/youtube-promotion.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb6 {
    background-image: url(../img/digital/paid-ads.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb7 {
    background-image: url(../img/digital/content-marketing.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 8px;
    border-radius: 5px;
    height: 475px
}

.workProcess2 {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0
}

.cs_section_heading.cs_style_1 {
    position: relative;
    z-index: 1
}

.cs_section_heading.cs_style_1.cs_text_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.cs_section_heading.cs_style_1 .cs_section_subtitle {
    line-height: 1.55em;
    text-transform: capitalize;
    margin-bottom: 10px;
    letter-spacing: 1.44px;
    color: #132573;
    font-size: 18px;
    font-weight: 600
}

.cs_section_heading.cs_style_1 .cs_section_title {
    text-transform: capitalize;
    font-size: 42px;
    line-height: 1.33em;
    margin: 0;
    clear: both;
    color: #02619e;
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 700;
    line-height: 1.2em
}

.cs_height_50 {
    height: 50px
}

.cs_working_process_grid.cs_style_1 {
    position: relative;
    min-height: 682px
}

.cs_process_item {
    width: 245px;
    height: 245px;
    padding: 20px;
    border: 1px dashed #02619e;
    border-radius: 50%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cs_process_item:first-child {
    top: 0;
    left: 0
}

.cs_process_item .cs_process_iten_inner {
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: inherit;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cs_process_item .cs_process_iten_inner::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #02619e;
    opacity: .1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cs_process_item .cs_process_title {
    line-height: 1.42em;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 18px;
    margin: 0
}

.cs_process_item:nth-child(2) {
    top: 120px;
    left: 280px
}

.cs_process_item:nth-child(3) {
    left: 465px;
    top: 400px
}

.cs_process_item:nth-child(4) {
    top: 120px;
    right: 280px
}

.cs_process_item:nth-child(5) {
    top: 0;
    right: 0
}

.cs_working_process_grid.cs_style_1::after {
    content: "";
    width: 1px;
    height: calc(100% - 257px);
    background-color: #02619e;
    opacity: .5;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: calc(100% - 280px)
}

.cs_process_item:hover .cs_process_iten_inner::after {
    opacity: 1
}

.cs_process_item:hover .cs_process_title {
    color: #fff
}

.fullDetails2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0 40px;
    background: #fff
}

.fullDetails2 p {
    font-size: 16px;
    line-height: 24px
}

.fullDetails2 ul {
    margin: 0 0 10px;
    padding: 0
}

.fullDetails2 ul li {
    font-size: 16px;
    display: flow-root;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.fullDetails2 ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.fullDetails2 h2 {
    font-size: 24px;
    font-weight: 600;
    color: #02619e;
    margin: 15px 0 10px;
    display: block
}

.fullDetails2 .title_1 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.fullDetails2 h3 {
    font-size: 24px;
    font-weight: 600;
    color: #02619e;
    margin: 15px 0 10px;
    display: block
}

.wps_seoplan {
    float: left;
    width: 100%;
    text-align: center;
    padding: 60px 0 60px 0
}

.wps_seoplanInner {
    background: #fff;
    padding: 20px;
    color: #000;
    border: 2px solid #e7e7e7;
    height: 100%
}

.wps_seoplanInner .wps_seoplanInner_title {
    font-size: 26px;
    font-weight: 700
}

.wps_seoplanInner svg {
    height: 80px;
    width: 80px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #02355a
}

.seoStarting {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.seoPrice {
    font-size: 52px;
    letter-spacing: -1px;
    font-weight: 800;
    color: #02355a
}

.seoPrice span {
    font-size: 20px;
    font-weight: 600;
    color: #333
}

.wps_seoplanInner ul {
    padding: 10px 0 0 0
}

.wps_seoplanInner ul li {
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7c2;
    text-align: left;
    font-size: 16px;
    list-style: none;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    padding-left: 30px
}

.wps_seoplanInner ul li:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' viewBox='0 0 16 16'><path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/></svg>");
    position: absolute;
    left: 0;
    top: 9px
}

.wps_seoplanInner ul li:last-child {
    border-bottom: none
}

.wps_seoplanInner ul li span {
    height: 23px;
    float: left;
    width: 23px;
    margin-right: 8px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    line-height: 23px
}

.table_content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px;
    background: #fff;
    position: relative
}

.tableContent {
    background: #ddf2f2;
    padding: 30px;
    border: 1px solid #c5c5c566;
    border-radius: 11px;
    position: sticky;
    top: 60px;
    height: calc(100vh - 10vh);
    overflow-y: scroll;
    width: 100%;
    left: 40px
}

.table_content .title_1 {
    text-align: left
}

.table_content .maxWidth {
    text-align: left
}

.tb_cont {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #02355a
}

.wpsInnerImage_img {
    width: 100%;
    margin: 0 0 15px;
    max-width: 100%
}

.wpsInnerImage_img.rightImg {
    float: right;
    max-width: 400px;
    margin: 0 0 15px 15px
}

.wpsInnerImage_img.leftImg {
    float: left;
    max-width: 440px;
    margin: 0 15px 15px 0
}

.wpsInnerImage_img.fullImg {
    max-width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px
}

.wpsInnerImage_img img {
    border: 1px solid #ccc;
    border-radius: 4px
}

.wpsInnerImage_img2 img {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px
}

.tableContent ul {
    margin: 0;
    padding: 0
}

.tableContent li {
    text-align: left;
    list-style: decimal
}

.tableContent li a {
    color: #0f0e0eed;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600
}

.tableContent li a:hover {
    text-decoration: underline;
    color: #02619e
}

.tableContent li ul {
    padding-left: 20px
}

.tableContent li ul li {
    list-style: lower-alpha
}

.tableContent li ul li a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.wps_whySeo {
    padding: 60px 0;
    float: left;
    width: 100%
}

.wps_whySeo_inner .wps_whySeo_innerTitle {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0
}

.wps_whySeo_inner p {
    text-align: justify
}

.wps_whySeo_inner p a {
    color: #02355a
}

.inner_image img {
    width: 100%;
    text-align: center;
    border-radius: 20px
}

.wps_whySeo_inner ul {
    margin: 0 0 20px;
    padding: 0
}

.wps_whySeo_inner ul li {
    font-size: 18px;
    display: flow-root;
    list-style: none;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    color: #333
}

.wps_whySeo_inner ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.wps_seoStrategies {
    float: left;
    width: 100%;
    padding: 60px 0;
    background: #fff
}

.wps_seoStrategiesInner {
    width: 100%
}

.wps_seoStrategiesInner h3 {
    font-size: 28px;
    font-weight: 700;
    color: #02619e;
    margin: 15px 0 10px;
    display: block
}

.wps_seoStrategiesInner p {
    line-height: normal;
    font-size: 18px;
    color: #333;
    text-align: justify;
    font-weight: 400
}

.wps_seoStrategiesImg {
    position: relative;
    overflow: hidden
}

.wps_seoStrategiesImg img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 150px;
    overflow: hidden;
    border: 1px solid #eee
}

.wps_keyword {
    float: left;
    width: 100%;
    padding: 60px 0;
    margin: 0
}

.wps_keyword .webFeatures li {
    width: 19%
}

.wpsResponsive_Website {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 60px 0
}

.centerImage {
    display: block;
    text-align: center;
    margin-bottom: 15px
}

.wpsResponsive_Website p {
    text-align: center
}

.wpsConclusion {
    border-left: 2px solid #ffa800;
    padding: 8px 15px 8px 15px;
    font-style: italic;
    font-size: 22px;
    line-height: 28px;
    float: left;
    text-align: center;
    width: 100%
}

.wps_OnPageSeo {
    float: left;
    width: 100%;
    padding: 60px 0;
    margin: 0
}

.wpsInnerImage {
    float: right;
    max-width: 550px;
    width: 100%;
    margin: 0 0 15px 15px
}

.wpsInnerImage img {
    border: 1px solid #ccc;
    border-radius: 4px
}

.wps_OnPageSeo ul {
    margin: 0 0 20px;
    padding: 0
}

.wps_OnPageSeo ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.wps_OnPageSeo ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.semanticSeo {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0;
    background: #fff
}

.wpsInnerImageLeft {
    float: left;
    max-width: 550px;
    width: 100%;
    margin: 0 15px 15px 0
}

.wpsInnerImageLeft img {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px
}

.semanticSeo p {
    font-size: 18px;
    line-height: 30px
}

.semanticSeo ul {
    margin: 0 0 20px;
    padding: 0
}

.semanticSeo ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.semanticSeo ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.wps_clusters {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0
}

.wpsEeat {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0
}

.wpsContent_opt {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0
}

.wpsContent_opt ul {
    margin: 0 0 20px;
    padding: 0
}

.wpsContent_opt ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.wpsContent_opt ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.wpsContent_opt h4 {
    font-size: 22px;
    color: #02355a
}

.wpsZero_click {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0
}

.wpsBacklinks {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0
}

.wpsBacklinks ul {
    margin: 0 0 20px;
    padding: 0
}

.wpsBacklinks ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.wpsBacklinks ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.wpsSpeed {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0
}

.wpsAnalysis {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0
}

.subcategoryService {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.subcategorySection_3 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0
}

.digitalService_1 {
    background: #fff;
    -webkit-box-shadow: 0 2px 30px rgba(44, 60, 74, .08);
    box-shadow: 0 2px 30px rgba(44, 60, 74, .08);
    overflow: hidden;
    border-radius: 8px;
    max-height: 300px;
    margin-bottom: 20px;
    transition: all .3s ease-in-out;
    border: 1px solid #eee;
    display: flex
}

.digitalService_1:hover {
    transform: scale(1.02);
    box-shadow: 0 0 15px #b7d3f3
}

.digitalService_1 .image {
    width: 40%
}

.digitalService_1 .image a {
    height: 100%
}

.digitalService_1 .image img {
    aspect-ratio: 159/95;
    width: 100%;
    display: block;
    object-position: center;
    object-fit: cover;
    height: 100%
}

.digitalService_1 .digitalServiceInfo {
    padding: 20px 30px;
    width: 60%
}

.digitalService_1 .digitalServiceInfo .digitalServiceInfoTitle {
    color: #333;
    font-size: 24px;
    line-height: 38px;
    font-weight: 700
}

.digitalService_1 .digitalServiceInfo p {
    text-align: left;
    margin-bottom: 15px
}

.digitalService_1 .digitalServiceInfo .digitalServiceInfoTitle a {
    color: #333
}

.digitalService_1:hover .digitalServiceInfo .digitalServiceInfoTitle a {
    color: #02619e
}

.digitalService_1 .digitalServiceInfo .similarBtn {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin: 0
}

.digitalService_1 .digitalServiceInfo .similarBtn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.digitalService_1:nth-child(odd) .digitalServiceInfo {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.digitalService_1 .digitalServiceInfo ul {
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.digitalService_1 .digitalServiceInfo ul li {
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 40px;
    font-size: 15px;
    color: #333;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 5px;
    line-height: normal
}

.webPortfolio_2 .website {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 25px
}

.webPortfolio_2 .website img {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.webPortfolio_2 .website:hover img {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.webPortfolio_2 a .projectName:focus,
.webPortfolio_2 a:hover .projectName {
    color: #fbbe3a
}

.webPortfolio_2 .website ul li::before {
    content: none !important;
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: auto;
    background-size: 100%
}

.subcategoryTitle_3 {
    color: #09334f;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.space50 {
    float: left;
    width: 100%;
    padding: 0 !important
}

.catPlan p.maxWidth {
    margin-bottom: 5px
}

.catPlanCheck {
    float: left;
    width: 100%;
    margin: 0 0 55px;
    padding: 0;
    display: flex;
    justify-content: center;
    grid-gap: 20px
}

.catPlanCheck li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 4px;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333;
    position: relative
}

.catPlanCheck li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.planPackage {
    float: left;
    width: 100%;
    background: #fff;
    transition: all .3s ease-in-out;
    border: 1px solid #d4d4d8;
    position: relative;
    padding: 20px 15px 0;
    border-radius: 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.planGrid {
    transition: all .3s ease-in-out
}

.planGrid:hover {
    position: relative
}

.planGrid:hover .planPackage {
    box-shadow: 0 0 15px #b7d3f3
}

.planPackageTitle {
    text-align: left;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
    z-index: 5;
    font-size: 14px;
    color: #333;
    line-height: 1.4
}

.planPackageTitle span {
    font-size: 22px;
    color: #09334f;
    font-weight: 700;
    margin-bottom: 4px;
    display: block
}

.planPackageTitle small {
    font-size: 16px;
    min-height: 59px
}

.planPackage p {
    text-align: left;
    margin: 0;
    line-height: normal
}

.selectedPrice {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.selectedPrice .timeLength {
    font-size: 14px;
    font-weight: 600
}

.selectedPrice .discountedPrice {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
    color: #02355a
}

.mrpPrice {
    display: block
}

.mrpPrice .priceSave {
    color: #f15a05;
    background: #fff7f2;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    border-radius: 4px;
    display: inline-block;
    line-height: normal
}

.selectedPrice {
    display: flex;
    align-items: center;
    line-height: normal;
    border: 1px solid #eee;
    padding: 0 10px;
    border-radius: 9px
}

.packageArrow {
    margin-left: auto;
    cursor: pointer;
    width: 20px;
    height: 20px
}

.fullPackagePrice {
    position: relative;
    display: block;
    width: 100%;
    margin: 5px 0
}

.packageDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .4);
    z-index: 11;
    border-radius: 0 0 6px 6px;
    margin: 0;
    padding: 0;
    display: none
}

.packageDropdown li {
    list-style: none
}

.packageDropdown li:hover {
    background: #f1f8fb
}

.packageDropdown li.active {
    background: #f1f8fb
}

.packagePrice_2 {
    padding-top: 10px
}

.packagePrice_2 .priceCut {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    position: relative;
    font-weight: 400;
    padding-left: 2px
}

.packagePrice_2 .priceCut:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    width: calc(100% + 8px);
    height: 1px;
    background: #61646e
}

.packagePrice_2 .priceSave {
    color: #f15a05;
    background: #fff7f2;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 700;
    margin-right: 10px;
    border-radius: 6px;
    display: inline-block;
    line-height: normal
}

.packagePrice_2 .pricePayable {
    width: 100%;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 20px;
    display: flex;
    font-size: 22px;
    font-weight: 700;
    color: #123455
}

.packagePrice_2 .pricePayable i {
    align-self: flex-start;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 500
}

.packagePrice_2 .pricePayable .discounted {
    font-size: 34px;
    margin: 0 3px;
    line-height: .8;
    font-weight: 700
}

.packagePrice_2 .pricePayable .perMonth {
    align-self: flex-end;
    font-size: 16px;
    transform: translate(0, -4px);
    font-weight: 500
}

.monthFree {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    display: block;
    line-height: normal;
    margin-top: 10px;
    text-align: center
}

.monthFree.noFree {
    visibility: hidden
}

.monthFree .newText2 {
    font-size: 14px;
    font-weight: 400;
    display: block;
    font-weight: 600
}

.monthFree .gst {
    font-size: 11px;
    color: red
}

.pricingItemPanel {
    display: block;
    position: relative;
    z-index: 2
}

.packageAllFeatures ul {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    padding: 0
}

.packageAllFeatures ul li {
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    line-height: 1.5;
    margin-bottom: 10px;
    list-style: none
}

.packageAllFeatures ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.packageAllFeatures ul li.close {
    color: #9baab8 !important
}

.packageAllFeatures ul li.close:before {
    background: url(../img/close.svg) no-repeat;
    background-size: 100%
}

.packageAllFeatures ul li span {
    font-weight: 400;
    margin: 0 2px
}

.packageAllFeatures ul li span svg {
    width: 14px;
    height: 14px;
    color: #333
}

.packageAllFeatures ul li span.textmark {
    border-bottom: 1px dashed #a9a9a9;
    padding-bottom: 2px;
    position: relative;
    text-align: center;
    display: inline-block
}

.brandingSection2 {
    background: #fff
}

.digitalService_1 .serviceTitle2 {
    color: #333;
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px
}

.allFeature {
    display: none
}

.allFeatureTitle {
    font-size: 18px;
    font-weight: 700;
    margin: 20px auto 5px;
    color: #09334f
}

.morelessBtn {
    text-align: center;
    padding: 28px 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
    display: block;
    align-items: center;
    justify-content: center;
    padding: 0 15px 5px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    font-weight: 700;
    color: #394e63;
    margin-bottom: 45px;
    position: relative;
    position: relative;
    width: 100%;
    float: left
}

.morelessBtn:before {
    content: url(../img/chevron-down.svg);
    position: absolute;
    right: 43px;
    top: 3px;
    color: #7c8c95;
    transform: rotate(0);
    font-size: 18px
}

.morelessBtn.active:before {
    transform: rotate(-180deg);
    top: 0
}

.bestDeal {
    display: block;
    width: 100%;
    top: -46px;
    z-index: -1;
    left: 0;
    text-align: center;
    padding: 7px 0 44px;
    overflow: hidden;
    border-radius: 15px;
    padding: 10px 22px 16px;
    position: absolute;
    border-radius: 14px 14px 0 0;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-align: left
}

.bestDeal:before {
    position: absolute;
    border-radius: 14px 14px 0 0;
    background: #16557d;
    content: "";
    left: -4px;
    top: -2px;
    right: 0;
    bottom: -43px;
    z-index: -2
}

.bestDeal:after {
    background: #02619e;
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    right: -12px;
    top: -15px;
    bottom: -34px;
    z-index: -1;
    border-radius: 100%
}

.planOffer {
    border: 1px solid #16557d
}

.selectedPriceLeft i {
    margin-right: 5px
}

.clickPrice-li i {
    margin-right: 5px
}

.packageInfo {
    cursor: pointer
}

.packageInfoHover {
    display: none;
    position: absolute;
    bottom: 25px;
    left: -85px;
    background: #09334f;
    border-radius: 6px;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    will-change: transform;
    z-index: 8;
    width: 180px;
    height: auto;
    padding: 10px;
    line-height: normal;
    color: #fff;
    font-size: 13px
}

.packageInfoHover:after {
    content: '';
    border-top: 10px solid #09334f;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    top: 100%;
    margin: 0 auto
}

.packageAllFeatures ul li.featuredHeadingLi {
    font-size: 18px;
    font-weight: 700;
    margin: 20px auto 5px;
    color: #09334f;
    padding-left: 0
}

.packageAllFeatures ul li.featuredHeadingLi::before {
    content: none !important;
    width: 0;
    height: 0
}

.vidBx .imgBx {
    position: relative
}

.vidBx .imgBx img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 15px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
    margin-bottom: 0 !important
}

.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: 0 0;
    border: 0;
    outline: 0;
    transition: .3s
}

.vidBx .imgBx:hover .video-play-icon {
    transform: translate(-50%, -50%) scale(1.1)
}

.vidBx .txBx {
    text-align: center;
    margin-top: 10px;
    padding-inline: 25px;
    font-size: 18px;
    font-weight: 600;
    min-height: 50px;
    color: #02619e;
    line-height: normal
}

.play-toggle {
    display: flex;
    align-items: center;
    background: 0 0;
    border: 0;
    outline: 0;
    margin: 3px 10px
}

.play-toggle .icon {
    background: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    background-color: #313c8c;
    color: #fff;
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 8px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);
    transition: transform 350ms ease
}

.play-toggle:hover .icon {
    transform: scale(1.08)
}

.play-toggle .icon svg {
    width: 20px;
    height: 20px
}

.play-toggle .tx {
    color: #333;
    text-align: left;
    line-height: 1.2;
    font-size: 13px;
    transition: transform 350ms ease;
    font-style: italic
}

.play-toggle:hover .tx {
    transform: translateX(2px)
}

.play-toggle .tx strong {
    display: block;
    font-weight: 800;
    font-size: 18px;
    color: #101010;
    font-style: normal
}

.moreAbout27 h2 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.moreAbout27 h3 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.similarBtn_2 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 1rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc83e), to(#ef9b2d));
    background-image: -o-linear-gradient(top, #ffc83e, #ef9b2d);
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    font-size: 16px;
    color: #222;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border: 0;
    position: relative;
    padding-right: 50px;
    max-width: 26.25rem;
    margin-bottom: 15px;
    min-width: 170px
}

.similarBtn_2:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="black" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    width: 40px;
    top: 0;
    bottom: 0;
    background: rgba(237, 120, 11, .3);
    line-height: 2;
    padding: 1rem;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #ffc73e;
    display: flex;
    align-items: center;
    justify-content: center
}

.similarBtn_2:hover {
    color: #212529;
    background: #f9ba00 -webkit-gradient(linear, left top, left bottom, from(#fac426), to(#f9ba00)) repeat-x;
    background: #f9ba00 -o-linear-gradient(top, #fac426, #f9ba00) repeat-x;
    background: #f9ba00 linear-gradient(180deg, #fac426, #f9ba00) repeat-x;
    border-color: #ecb100
}

.similarBtn_3 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 1rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background-image: linear-gradient(180deg, #2c73a2, #093f64);
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border: 0;
    position: relative;
    padding-right: 50px;
    max-width: 26.25rem;
    margin-bottom: 15px;
    min-width: 170px
}

.similarBtn_3:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="white" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    width: 40px;
    top: 0;
    bottom: 0;
    background: rgba(13, 90, 142, .3);
    line-height: 2;
    padding: 1rem;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #3c82b0;
    display: flex;
    align-items: center;
    justify-content: center
}

.similarBtn_3:hover {
    color: #212529;
    background: #f9ba00 -webkit-gradient(linear, left top, left bottom, from(#fac426), to(#f9ba00)) repeat-x;
    background: #f9ba00 -o-linear-gradient(top, #fac426, #f9ba00) repeat-x;
    background: #f9ba00 linear-gradient(180deg, #fac426, #f9ba00) repeat-x;
    border-color: #ecb100
}

.similarBtn_3:hover:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="black" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    border-left: 2px solid #ffc73e;
    background: rgba(237, 120, 11, .3)
}

.viewFullDetails_2 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left
}

.viewFullDetails_2 .similarBtn {
    display: block;
    height: 45px;
    line-height: 45px
}

.packagesPortfolio {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: #eee;
    margin: 0
}

.buyNowBtn {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    color: #333;
    position: relative;
    padding: 10px 20px;
    border-radius: 4px;
    background-image: linear-gradient(180deg, #ffc83e, #cc7d16);
    border: 1px solid #f9b762;
    line-height: normal;
    margin-bottom: 15px
}

.buyNowBtn svg {
    width: 18px;
    height: 18px;
    margin-left: 5px
}

.buyNowBtn:active,
.buyNowBtn:focus,
.buyNowBtn:hover {
    background: #f9ba00 linear-gradient(180deg, #fac426, #f9ba00) repeat-x;
    color: #333
}

.enquireBtn {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 10px 20px;
    border: 1px solid #268ace;
    line-height: normal;
    margin-bottom: 15px;
    background-image: linear-gradient(180deg, #3e90c6, #176aa4);
    border-radius: 4px
}

.enquireBtn svg {
    width: 18px;
    height: 18px;
    margin-left: 5px
}

.enquireBtn:active,
.enquireBtn:focus,
.enquireBtn:hover {
    background-image: linear-gradient(180deg, #368fca, #3997d5);
    color: #fff
}

#enquireModal .modal-dialog {
    max-width: 800px;
    width: 100%
}

#enquireModal .modal-content {
    background-color: #ebf3fe;
    border-radius: 1.875rem;
    padding: .938rem 1.125rem
}

#enquireModal .selectedPrice {
    border: 0;
    border-radius: 0
}

#enquireModal .image {
    border-radius: 6px;
    overflow: hidden;
    margin: 10px 0;
    width: 100%
}

#enquireModal label {
    font-size: 14px;
    font-weight: 600
}

#enquireModal label span {
    color: red
}

.searchBtn {
    align-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    line-height: normal;
    padding: 12px 24px;
    position: relative;
    text-decoration: none;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    border-radius: 4px;
    color: #09334f;
    border-radius: 4px;
    opacity: 1;
    border: 0;
    outline: 0;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden
}

.searchBtn span {
    position: relative
}

.searchBtn:before {
    transition: .5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: "";
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box
}

.searchBtn:focus,
.searchBtn:hover {
    color: #fff
}

.searchBtn:focus:before,
.searchBtn:hover:before {
    transition: .5s all ease;
    left: 0;
    right: 0;
    opacity: 1
}

.clearfix {
    width: 100%;
    clear: both;
    display: block
}

.contactForm {
    width: 100%;
    height: 1100px;
    border: 0;
    margin: 0;
    padding: 0
}

.marketPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0 180px
}

.marketPageTitle {
    color: #09334f;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.marketPageTitle_2 {
    color: #09334f;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.marketPageTitle_3 {
    color: #09334f;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.marketPage ul {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.marketPage ul li {
    list-style: none;
    width: calc(100% / 4 - 10px);
    justify-content: center;
    line-height: normal
}

.marketPage ul li a {
    width: 100%;
    height: 100%;
    padding: 10px 0 10px 12px;
    margin: 0;
    align-content: center;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #c1dbfb;
    border-radius: 4px
}

.marketPage ul li a:hover {
    background: #0a83bd;
    color: #fff
}

.founderPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.founderPage p {
    font-size: 16px;
    text-align: justify
}

.founderPage .maxWidth p {
    text-align: center
}

.founderPage h2 {
    color: #09334f;
    line-height: 1.2;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700
}

.founderPage h3 {
    color: #09334f;
    line-height: 1.2;
    text-align: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.founderPage .title_1 {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center !important;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.founderPage ul {
    margin: 0 0 20px;
    padding: 0
}

.founderPage ul li {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.founderPage ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.founderBanner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%)
}

.founderProfle {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
    margin-top: -150px;
    margin-bottom: 30px;
    display: flex
}

.founderProfleImg {
    margin-left: auto;
    max-width: 300px
}

.founderProfleInfo {
    padding: 25px
}

.founderProfleInfo p {
    margin: 0
}

.founderPage .founderProfleInfo ul.social li a {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.founderPage .founderProfleInfo ul.social li a svg {
    width: 16px;
    height: 16px
}

.profleHeader {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    flex: 1
}

.profleHeaderIcon {
    align-items: center;
    display: flex
}

.profleHeaderIcon svg {
    border-radius: 4px;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    color: #fff;
    height: 30px;
    width: 30px;
    padding: 3px
}

.profleHeaderIcon img {
    width: 30px
}

.profleHeaderIcon .singleText {
    border-radius: 4px;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    color: #fff;
    height: 30px;
    width: 30px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

.profleTitle {
    color: #333;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .5px;
    margin-left: 8px;
    font-weight: 600
}

.profileName {
    font-size: 40px;
    line-height: 1.27;
    font-weight: 400;
    margin-bottom: 8px;
    word-break: break-word
}

.profileDesignation {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    color: #333;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -.2px;
    margin: 12px 16px 16px 0;
    position: relative;
    text-transform: capitalize
}

.profileDesignation a {
    margin-left: 3px;
    color: #09334f
}

.fromFounder {
    width: 100%;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px
}

.fromFounder .profleHeader {
    margin-bottom: 15px
}

.fromFounderTitle {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #333;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.1px;
    padding: 13px 0
}

.fromFounder ol {
    width: 100%;
    margin: 0 0 15px;
    padding: 0
}

.fromFounder ol li {
    list-style: none;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0
}

#didYouKnow {
    width: 100%
}

.didYouKnowItem {
    padding: 15px;
    width: 80%;
    min-height: 120px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    overflow: hidden;
    background: #fff
}

#didYouKnow .owl-next,
#didYouKnow .owl-prev {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #333;
    border: 0;
    outline: 0;
    background: #eee;
    border-radius: 100%;
    z-index: 9
}

#didYouKnow .owl-nav .owl-prev {
    left: 0
}

#didYouKnow .owl-nav .owl-next {
    right: 0
}

#didYouKnow .owl-next:hover,
#didYouKnow .owl-prev:hover {
    background: #02619e;
    color: #fff;
    border-color: #02619e
}

#didYouKnow .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.businessPost {
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.businessPost .businessPostImg {
    overflow: hidden;
    aspect-ratio: 10/7;
    border-radius: 12px
}

.businessPost .businessPostImg img {
    width: 100%;
    transition: all linear .3s;
    aspect-ratio: 10/7
}

.businessPost:hover .businessPostImg img {
    transform: scale(1.05)
}

.post-meta {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.businessPostInfo .businessPostInfo_content .title {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: normal;
    color: #09334f;
    display: flex;
    align-items: baseline
}

.businessPostInfo .businessPostInfo_content .title a {
    color: #09334f
}

.businessPostInfo:hover .businessPostInfo_content .title a {
    color: #004d88
}

.businessPostInfo .businessPostInfo_content p {
    font-size: 16px;
    line-height: normal;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.businessPostInfo .businessPostInfo_content .similarBtn {
    height: 35px;
    line-height: 35px;
    margin: 0
}

.businessPostInfo .businessPostInfo_content .similarBtn::after {
    height: 35px
}

.founderMgs {
    width: 100%;
    padding: 15px;
    background-color: #ebf3fe;
    border: 1px solid #c1dbfb;
    border-radius: 12px;
    margin-bottom: 20px
}

.founderImg {
    float: right;
    max-width: 350px;
    margin: 0 0 15px 35px;
    border-radius: 12px;
    overflow: hidden
}

.founderPage .founderInfo h2 {
    color: #09334f;
    line-height: 1.2;
    text-align: left;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.founderInfo p {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: justify
}

.founderInfo p strong {
    color: #09334f
}

.mainAside {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.stickyWrapper {
    float: left;
    width: 100%
}

.mainAside .videoItem {
    margin-bottom: 15px
}

.founderPage .founderFeatures {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px
}

.founderPage .founderFeatures .founderFeaturesItem {
    display: inline-block;
    border-right: 1px solid #ccc;
    width: 25%;
    margin-bottom: 30px
}

.founderPage .founderFeatures .founderFeaturesItem:last-child {
    border-right: none
}

.founderPage .single-item {
    width: 100%;
    display: block;
    padding: 0 25px 0;
    transition: all .5s ease;
    position: relative
}

.founderPage .single-item img {
    width: 50px
}

.founderPage .single-item span {
    color: #edac15;
    font-size: 36px;
    font-weight: 600;
    display: block
}

.founderPage .single-item h3 {
    color: #09334f;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    text-align: center
}

.videoSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0
}

.videoSectionTitle {
    color: #09334f;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
}

.videoSection p {
    font-size: 16px
}

#founderVideo {
    float: left;
    width: 100%
}

.videoItem .videoImg {
    position: relative
}

.videoItem .videoImg img {
    aspect-ratio: 4/3;
    width: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 15px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
    border: 1px solid #eee
}

.videoItem .videoImg .videoBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: 0 0;
    border: 0;
    outline: 0;
    transition: .3s
}

.videoItem .videoImg:hover .videoBtn {
    transform: translate(-50%, -50%) scale(1.1)
}

.videoItem .videoTitle {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    min-height: 50px;
    color: #333
}

.videoItem:hover .videoTitle {
    color: #004d88
}

.founderRecognition {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.recognitionBox {
    position: relative;
    border-radius: 4px;
    margin-bottom: 15px
}

.recognitionBox .image {
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 274/183
}

.recognitionBox img {
    max-width: 100%;
    height: auto;
    transition: all linear .3s;
    aspect-ratio: 274/183
}

.recognitionBox .recognitionInfo {
    position: relative;
    transition: all linear .3s
}

.recognitionBox:hover .image img {
    transform: scale(1.03)
}

.recognitionYear {
    font-size: 28px;
    line-height: 26px;
    text-transform: capitalize;
    color: #edac15;
    font-weight: 400
}

.recognitionInfo p {
    font-size: 16px;
    line-height: normal;
    color: #333;
    margin: 0;
    margin-top: 10px;
    text-align: center;
    font-weight: 600
}

.recognitionBox:hover .recognitionInfo p {
    color: #004d88
}

.founderMilestones {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%) 0 0 no-repeat padding-box
}

.founderMilestonesTitle {
    color: #09334f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.founderMilestones .title_1 {
    color: #f5aa31
}

.founderMilestones .maxWidth p {
    color: #fff
}

.founderMilestones .maxWidth {
    margin-bottom: 50px
}

.founderImage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.founderImage .image2 {
    height: auto;
    overflow: hidden;
    max-width: 100%;
    text-align: center
}

.founderImage .image2 img {
    max-width: 250px;
    height: auto
}

.founderMilestones ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-left: 1px solid #fff
}

.founderMilestones ul li {
    display: flex;
    align-items: center;
    list-style: none;
    position: relative;
    margin-bottom: 10px
}

.founderMilestones ul li:before {
    content: "\2022";
    font-size: 55px;
    position: absolute;
    top: -30px;
    left: -11px;
    margin: 0;
    padding: 0;
    color: #fff;
    z-index: 9
}

.founderMilestones ul li span {
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
    font-size: 22px
}

.founderMilestones ul li p {
    border-radius: 2px;
    line-height: normal;
    margin: 0;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c1dbfb;
    display: block;
    width: 100%
}

.founderMilestones ul li:hover:before {
    color: #f5aa31
}

.founderMilestones ul li:hover span {
    color: #f5aa31
}

.founderMilestones ul li:hover p {
    background: #f5aa31;
    border-color: #f5aa31
}

.founderMilestones ul li .historyInfo {
    width: 100%
}

.founderMilestones ul li .historyInfo .historyInfoHover {
    position: absolute;
    top: 50%;
    left: -57%;
    width: 55%;
    height: auto;
    background: #fff;
    z-index: 999;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    will-change: transform;
    padding: 15px;
    border-radius: 16px;
    display: none;
    margin: auto 0;
    height: auto;
    border: 0;
    bottom: auto;
    transform: translateY(-50%)
}

.founderMilestones ul li:hover .historyInfo .historyInfoHover:before {
    position: absolute;
    right: -12px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    border-left: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    width: 6px;
    height: 13px
}

.founderMilestones ul li:hover .historyInfo .historyInfoHover {
    display: block
}

.founderMilestones ul li .historyInfo .historyInfoHover .image {
    margin-bottom: 10px;
    display: block;
    border: 0;
    aspect-ratio: 29/18;
    position: relative;
    overflow: hidden;
    background: #eee
}

.founderMilestones ul li .historyInfo .historyInfoHover .image img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    aspect-ratio: 29/18
}

.founderMilestones ul li .historyInfo .historyInfoHover .historyFull {
    font-size: 14px;
    line-height: normal;
    color: #333;
    text-align: left;
    display: block;
    border: 0
}

.founderMilestones ul li .historyInfo .historyInfoHover .historyFull p {
    padding: 0;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    background: #fff
}

.wallFame {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background: 0 0
}

.grid-wrapper .gridItem {
    display: flex;
    justify-content: center;
    align-items: center
}

.grid-wrapper .gridItem a {
    width: 100%;
    height: 100%
}

.grid-wrapper .gridItem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px
}

.grid-wrapper {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense
}

.grid-wrapper .wide {
    grid-column: span 2
}

.grid-wrapper .tall {
    grid-row: span 2
}

.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2
}

.csrActivities {
    float: left;
    width: 100%;
    padding: 40px 0 140px;
    margin: 0;
    background: #fff
}

.csrActivitiesItem {
    width: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 12px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 15px
}

.csrActivitiesItem .image img {
    transition: .3s
}

.csrActivitiesItem:hover .image img {
    transform: scale(1.1)
}

.connectSection {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background: #fff
}

.connectSection .videoItem {
    margin-bottom: 20px
}

.connectSection .videoItem:hover .videoTitle {
    color: #004d88
}

.founderPage ul.social {
    float: left;
    margin: 15px 0 0;
    list-style: none;
    padding: 0
}

.founderPage ul.social li {
    margin: 0;
    display: inline-block;
    padding: 0
}

.founderPage ul.social li:first-child {
    font-size: 16px;
    font-weight: 600
}

.founderPage ul.social li:before {
    content: none
}

.founderPage ul.social li a {
    transition: background .4s ease-in-out;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    padding: 5px
}

.founderPage ul.social li a svg {
    color: #fff;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0
}

.founderPage ul.social li.facebook a {
    background: #3c5b9b
}

.founderPage ul.social li.twitter a {
    background: #000
}

.founderPage ul.social li.linkedin a {
    background: #027ba5
}

.founderPage ul.social li.youtube a {
    background: #f70000
}

.founderPage ul.social li.instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.blogPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #f1f8fb
}

.blog_listing {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 6px;
    transition: .5s all;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}

.blog_listing a {
    display: flex
}

.blog_listing .blog_thumb {
    position: relative;
    margin-right: 20px;
    overflow: hidden;
    max-width: 100%;
    border-right: 1px solid #eee;
    width: calc(100% - 60%);
    display: flex;
    align-items: center;
    justify-content: center
}

.blog_listing .blog_thumb img {
    width: 100%;
    max-height: 100%;
    transition: .5s all;
    aspect-ratio: 16/10;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.blog_listing .blog_content {
    float: left;
    padding: 0;
    position: relative;
    width: calc(100% - 45%)
}

.blog_listing .blogTitle {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0;
    position: relative;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    color: #333
}

.blog_listing:hover .blogTitle {
    color: #02619e
}

.blog_listing p {
    color: #333;
    font-size: 16px;
    line-height: 1.4;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog_listing .blog_meta {
    margin: 0 0 5px;
    line-height: normal
}

.blog_meta span {
    font-size: 14px;
    color: #333;
    margin-right: 8px;
    padding-right: 10px;
    border-right: 1px solid #dedede;
    line-height: 16px;
    display: inline-block
}

.blog_meta span svg {
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px
}

.blog_meta span.post_date {
    border-right: 1px solid #eee
}

.blog_meta span.post_date:last-child {
    margin: 0;
    border: 0;
    padding-right: 0
}

.blog_btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, .15);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc83e), to(#ef9b2d));
    background-image: -o-linear-gradient(top, #ffc83e, #ef9b2d);
    background-image: linear-gradient(180deg, #ffc83e, #ef9b2d);
    font-size: 16px;
    color: #222;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border: 0;
    position: relative;
    padding-right: 45px;
    max-width: 26.25rem;
    margin-bottom: 15px
}

.blog_btn:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="black" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(237, 120, 11, .3);
    line-height: 0;
    padding: 15px;
    border-radius: 0 4px 4px 0;
    border-left: 2px solid #ffc73e;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog_btn:hover {
    color: #212529;
    background: #f9ba00 -webkit-gradient(linear, left top, left bottom, from(#fac426), to(#f9ba00)) repeat-x;
    background: #f9ba00 -o-linear-gradient(top, #fac426, #f9ba00) repeat-x;
    background: #f9ba00 linear-gradient(180deg, #fac426, #f9ba00) repeat-x;
    border-color: #ecb100
}

.blog_listing:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .3)
}

.blogPage .widget-about {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    border-radius: 6px
}

.blogPage .widget-about .text {
    padding: 15px
}

.blogPage .widget-about .title {
    font-size: 18px
}

.blogPage .widget-about p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4
}

.blogPage .widget-about p a {
    color: #012238
}

.blogPage .info {
    margin: 0
}

.blogPage .widget-ubersuggest {
    padding: 30px 20px;
    margin-bottom: 20px
}

.blogPage .widget-ubersuggest .title {
    font-size: 20px;
    margin-bottom: 10px
}

.blogPage .widget-ubersuggest .description {
    font-size: 16px
}

.blogPage .widget-ubersuggest .img {
    margin: 0 auto
}

.blogPage .widget-analyzer {
    padding: 30px 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 6px;
    border-color: #ccc;
    margin-bottom: 20px
}

.blogPage .widget-analyzer .title {
    font-size: 30px;
    font-weight: 600
}

.blogPage .widget-analyzer .description {
    line-height: normal;
    margin-bottom: 15px
}

.blogPage .blogInner {
    grid-template-columns: 1fr minmax(min-content, 330px);
    grid-gap: 60px
}

.blogPage .widget-adsgrader {
    padding: 30px 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 6px;
    border-color: #ccc;
    margin-bottom: 20px
}

.blogPage .widget-menu {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 6px;
    border-color: #ccc;
    margin-bottom: 20px
}

.blogPage .widget-menu .title span {
    padding: 10px 25px;
    display: block
}

.blogPage .widget-menu .list {
    padding: 25px
}

.relatedTitle {
    margin-top: 20px;
    color: #09334f;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.onlinePayment {
    max-width: 850px;
    padding: 25px;
    background-color: rgb(255 255 255);
    border-radius: .375rem;
    border: 1px solid #e9ecf5;
    margin: 0 auto
}

.onlinePaymentPanel .onlineGrid {
    width: calc(100% / 2 - 5px)
}

.onlinePaymentPanel .onlineGrid:first-child img {
    border: 1px solid rgba(12, 128, 186, .2);
    border-radius: 12px
}

.onlinePaymentTitle {
    font-size: 18px;
    font-weight: 600;
    color: #012238;
    border-bottom: 1px solid rgba(12, 128, 186, .2);
    padding-bottom: 10px;
    margin-bottom: 10px
}

.form label {
    pointer-events: none;
    font-size: 14px;
    padding: 0 0 5px 0;
    line-height: normal;
    color: #283d4a
}

.formInput {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    color: #92acc4
}

.formInput .svgIcon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    color: #4d6d82;
    width: 44px;
    height: 44px;
    padding: 12px;
    pointer-events: none;
    z-index: 99;
}

.formInput:hover .svgIcon {
    color: rgba(9, 51, 79, .8)
}

.payment_for .SumoSelect .CaptionCont {
    padding-left: 45px !important;
}

#amountIcon svg {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    color: #4d6d82;
    width: 44px;
    height: 44px;
    padding: 12px;
    pointer-events: none
}

.formInput .form-control {
    background: 0 0;
    border-radius: 4px;
    line-height: 30px;
    height: 44px;
    padding-left: 45px;
    border: 1px solid rgba(1, 34, 56, .3);
    outline: 0;
    box-shadow: none;
    font-size: 14px
}

.formInput textarea.form-control {
    height: 80px
}

.formInput .form-control:active,
.formInput .form-control:focus-visible,
.formInput .form-control:hover {
    border-color: rgba(9, 51, 79, .7);
    outline: 0;
    box-shadow: none
}

.formInput .form-control:focus-visible::-webkit-input-placeholder {
    color: #012238;
    opacity: 1 !important
}

.formInput .form-control:focus-visible:-moz-placeholder {
    color: #012238;
    opacity: 1 !important
}

.formInput .form-control:focus-visible::-moz-placeholder {
    color: #012238;
    opacity: 1 !important
}

.formInput .form-control:focus-visible:-ms-input-placeholder {
    color: #012238
}

.currencyOption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.currencyShow {
    background: 0 0;
    border-radius: 4px;
    line-height: 40px;
    height: 44px;
    padding-left: 45px;
    border: 1px solid rgba(12, 128, 186, .2);
    outline: 0;
    box-shadow: none;
    font-size: 14px;
    cursor: pointer
}

.currencyShow::after {
    content: url(../img/chevron-down.svg);
    position: absolute;
    right: 10px;
    top: 10px;
    color: #7c8c95;
    font-size: 5px
}

.currencyShow.active:after {
    transform: rotate(180deg);
    top: -7px
}

.currencyShow:hover {
    border-color: rgba(9, 129, 189, .4)
}

#currency.form-control {
    opacity: 0
}

.currencyShow span {
    font-size: 13px;
    color: #6b8195;
    font-weight: 500
}

.currencyShow span svg {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    color: #4d6d82;
    width: 44px;
    height: 44px;
    padding: 12px;
    pointer-events: none
}

.currencyShow span img {
    width: 25px;
    border-radius: 3px;
    margin-right: 3px
}

.currencyOption ul {
    top: 100%;
    position: absolute;
    width: 150px;
    background: #fff;
    z-index: 1;
    border-radius: .375rem;
    border: 1px solid #e9ecf5;
    margin: 0;
    padding: 0;
    display: none
}

.currencyOption ul li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
    cursor: pointer
}

.currencyOption ul li span {
    font-size: 12px;
    color: #333;
    font-weight: 600
}

.currencyOption ul li span img {
    width: 25px;
    border-radius: 3px;
    margin-right: 3px
}

.currencyOption ul li span svg {
    color: #4d6d82;
    width: 18px;
    height: 18px;
    margin-right: 3px
}

.currencyOption ul li:hover {
    background: rgba(9, 129, 189, .1)
}

.currencyOption ul li:hover span {
    color: #09334f
}

.newBreadcrumb {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #edeff0
}

.newBreadcrumb ol {
    margin: 0;
    padding: 0;
    width: 100%
}

.newBreadcrumb ol li {
    list-style: none;
    display: inline-block;
    font-size: 14px
}

.newBreadcrumb ol li:after {
    display: inline-block;
    content: '\00bb';
    color: #959fa5;
    margin: 0 1em
}

.newBreadcrumb ol li a {
    display: inline-block;
    color: #2c3f4c
}

.newBreadcrumb ol li :last-of-type::after,
.newBreadcrumb ol li:last-of-type::after {
    display: none
}

.newBreadcrumb ol li a:hover {
    color: #004d88
}

.SumoSelect {
    width: 100%
}

.SumoSelect>.optWrapper>.options {
    max-height: 260px
}

.SumoSelect>.optWrapper>.options li.opt {
    padding: 6px 12px
}

.SumoSelect.open>.optWrapper {
    top: 40px
}

.onlinePayment .SumoSelect.open .search-txt {
    left: 40px;
    width: calc(100% - 40px)
}

.SumoSelect>.CaptionCont>span.placeholder {
    color: #012238;
    font-style: normal;
    background: 0 0
}

.SumoSelect select~label.error {
    position: absolute;
    width: 100%;
    float: left;
    bottom: -23px
}

.videoProduction {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0
}

.filterList.notChild ul li:last-child p.dropdownList {
    right: auto;
    left: 0
}

.filterList.notChild ul li .portfolioTag {
    width: 250px
}

.fullFilter {
    width: 100%
}

.fullFilter .filterBy {
    margin-bottom: 10px
}

.fullFilter .filterNav {
    width: 100%
}

.fullFilter .filterNav ul li a {
    padding: 7px 10px;
    font-size: 14px
}

.videoPortfolio {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    border-radius: 16px
}

.videoPortfolio .videoImg {
    position: relative
}

.videoPortfolio .videoImg img {
    aspect-ratio: 16/9;
    border-radius: 16px;
    width: 100%;
    object-fit: cover;
    background-color: #f5f5f5
}

.videoPortfolio .videoPortfolioTxt {
    position: absolute;
    inset: 40px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    inset: 30px;
    position: static;
    color: #333;
    top: auto;
    transition: .4s ease;
    transform: translate(0)
}

.videoPortfolio .videoPortfolioTxt .videoPortfolioTitle {
    color: #333;
    font-weight: 600;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    height: 68px;
    display: flex;
    align-items: center
}

.videoPortfolio .videoPortfolioTxt .videoPortfolioTitle:focus,
.videoPortfolio:hover .videoPortfolioTxt .videoPortfolioTitle {
    color: #004d88
}

.digitalPr {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    border-radius: 16px
}

.digitalPr .image {
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16/9
}

.digitalPr img {
    max-width: 100%;
    height: auto;
    transition: all linear .3s;
    aspect-ratio: 16/9;
    object-position: top center;
    object-fit: cover;
    width: 100%
}

.digitalPr .digitalPrInfo {
    position: relative;
    transition: all linear .3s;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center
}

.digitalPr:hover .image img {
    transform: scale(1.03)
}

.digitalPr .digitalPrInfo p {
    font-size: 16px;
    line-height: normal;
    color: #333;
    margin: 0;
    margin-top: 10px;
    text-align: center;
    font-weight: 600
}

.digitalPr:hover .digitalPrInfo p {
    color: #004d88
}

.whiteBackground .bg-shape-image-position {
    background: #fff
}

.whiteBackground .bg-shape-image-position::after {
    background-color: #fff
}

label.error {
    color: red
}

.securityLogo {
    width: 100%;
    list-style: none;
    padding: 15px 0 15px 0;
    display: flex;
    justify-content: center;
    height: 25px;
    gap: 20px
}

.securityLogo li img {
    height: 22px
}

.sitemapMenu li {
    width: 16.666%
}

.sitemapMenu li ul li {
    width: 100% !important
}

.sitemapMenu {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0
}

.sitemapMenu #sitemap_home {
    display: block;
    float: none;
    background: #f1f8fb url('../img/L1-left.png') center bottom no-repeat;
    position: relative;
    z-index: 2;
    padding: 0 0 30px 0
}

.sitemapMenu #sitemap_contact {
    display: block;
    float: right;
    background: #f1f8fb url('../img/L2-right.png') center bottom no-repeat;
    position: relative;
    z-index: 2;
    padding: 0 0 30px 0
}

.sitemapMenu li {
    float: left;
    background: url('../img/L1-center.png') center top no-repeat;
    padding: 30px 0;
    margin-top: -30px;
    list-style: none
}

.sitemapMenu li a {
    margin: 0 15px 0 0;
    padding: 10px 5px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    color: #333;
    background: #c3eafb url('../img/white-highlight.png') top left repeat-x;
    border: 2px solid #b5d9ea;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.sitemapMenu li a:hover {
    background-color: #e2f4fd;
    border-color: #97bdcf
}

.sitemapMenu li:last-child {
    background: url('../img/L1-right.png') center top no-repeat
}

.sitemapMenu li li {
    width: 100%;
    clear: left;
    margin-top: 0;
    padding: 10px 0 0 0;
    background: url('../img/vertical-line.png') center bottom repeat-y
}

.sitemapMenu li li a {
    background-color: #cee3ac;
    border-color: #b8da83;
    font-weight: 600;
    margin: 0;
    font-size: 15px
}

.sitemapMenu li li a:hover {
    border-color: #94b75f;
    background-color: #e7f1d7
}

.sitemapMenu li li:first-child {
    padding-top: 30px
}

.sitemapMenu li li:last-child {
    background: url('../img/vertical-line.png') center bottom repeat-y
}

.sitemapMenu li li a:link:before,
.sitemapMenu li li a:visited:before {
    color: #8faf5c
}

.sitemapMenu li li ul {
    margin: 0;
    width: 100%;
    float: right;
    padding: 9px 0 0 0;
    background: #f1f8fb url('../img/L3-ul-top.png') center top no-repeat
}

.sitemapMenu li li li {
    background: url('../img/L3-center.png') left center no-repeat;
    padding: 5px 0
}

.sitemapMenu li li li a {
    background-color: #fff7aa;
    border-color: #e3ca4b;
    font-size: 14px;
    padding: 5px 0;
    width: 80%;
    float: right;
    line-height: 1.4
}

.sitemapMenu li li li a:hover {
    background-color: #fffce5;
    border-color: #d1b62c
}

.sitemapMenu li li li:first-child {
    padding: 15px 0 5px 0;
    background: url('../img/L3-li-top.png') left center no-repeat
}

.sitemapMenu li li li:last-child {
    background: url('../img/L3-bottom.png') left center no-repeat;
    padding-bottom: 0
}

.sitemapMenu li li li a:link:before,
.sitemapMenu li li li a:visited:before {
    color: #ccae14;
    font-size: 9px
}

.main-article .imgWidth {
    display: block;
    margin-bottom: 15px
}

.page-section .content-detail {
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px 0 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-section .content-detail .detail-text,
.page-section .content-detail .sub-title {
    display: block;
    color: #333;
    text-align: center;
    font-size: 24px;
    line-height: 1.4
}

.page-section .content-detail .sub-title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 46px;
    color: #09334f
}

.page-section .content-detail .global-title {
    display: block;
    color: #5bc86d;
    font-size: 150px;
    font-weight: 800
}

.page-section .content-detail .global-title span {
    -webkit-animation: animateblur 1s linear forwards;
    animation: animateblur 1s linear forwards
}

.page-section .content-detail .global-title span:first-child {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.page-section .content-detail .global-title span:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.page-section .content-detail .global-title span:nth-child(3) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@-webkit-keyframes animateblur {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }
}

@keyframes animateblur {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }
}

.page-section .content-detail .container-txt {
    top: 0;
    left: 0;
    position: relative
}

.page-section .content-detail .container-txt div {
    display: block;
    position: absolute
}

.page-section .content-detail .container-txt .blobs_1 {
    background: #c5006b;
    width: 62px;
    height: 62px;
    top: 58px;
    left: 210px;
    mix-blend-mode: color;
    -webkit-animation: circlemoves 15s ease-in-out infinite alternate;
    animation: circlemoves 15s ease-in-out infinite alternate
}

.page-section .content-detail .container-txt .blobs_2 {
    background: #ff6c36;
    width: 78px;
    height: 78px;
    top: 155px;
    left: 230px;
    mix-blend-mode: color;
    -webkit-animation: circlemoves 15s ease-in-out infinite alternate;
    animation: circlemoves 15s ease-in-out infinite alternate
}

.page-section .content-detail .container-txt .blobs_3 {
    background: #ffa007;
    width: 63px;
    height: 63px;
    top: 145px;
    left: 20px;
    mix-blend-mode: color;
    -webkit-animation: circlemoves 15s ease-in-out infinite alternate;
    animation: circlemoves 15s ease-in-out infinite alternate
}

.page-section .content-detail .container-txt .blobs_4 {
    background: #ff776b;
    width: 95px;
    height: 95px;
    top: 115px;
    left: 100px;
    mix-blend-mode: color;
    -webkit-animation: circlemoves 15s ease-in-out infinite alternate;
    animation: circlemoves 15s ease-in-out infinite alternate
}

.page-section .content-detail .container-txt .blobs_5 {
    background: #795548;
    width: 48px;
    height: 48px;
    top: 55px;
    left: 70px;
    mix-blend-mode: color;
    -webkit-animation: circlemoves 15s ease-in-out infinite alternate;
    animation: circlemoves 15s ease-in-out infinite alternate
}

.page-section .content-detail .container-txt .blobs_6 {
    background: #34a853;
    width: 66px;
    height: 66px;
    top: 133px;
    right: 44px;
    mix-blend-mode: color;
    -webkit-animation: circlemoves 15s ease-in-out infinite alternate;
    animation: circlemoves 15s ease-in-out infinite alternate
}

.page-section .content-detail .container-txt .blobs_7 {
    background: #ff8c00;
    width: 52px;
    height: 52px;
    top: 25px;
    left: 336px;
    mix-blend-mode: color;
    -webkit-animation: circlemoves 15s ease-in-out infinite alternate;
    animation: circlemoves 15s ease-in-out infinite alternate
}

@-webkit-keyframes circlemoves {
    0% {
        border-radius: 25% 69% 58% 42%/52% 72% 65% 56%
    }

    10% {
        border-radius: 75% 28% 50% 48%/70% 44% 55% 29%
    }

    20% {
        border-radius: 47% 53% 29% 67%/30% 40% 59% 69%
    }

    30% {
        border-radius: 72% 25% 65% 45%/33% 63% 33% 65%
    }

    40% {
        border-radius: 63% 35% 55% 43%/25% 25% 75% 75%
    }

    50% {
        border-radius: 35% 63% 73% 33%/63% 25% 73% 35%
    }

    60% {
        border-radius: 25% 75% 25% 73%/75% 53% 45% 25%
    }

    70% {
        border-radius: 38% 59% 63% 32%/72% 62% 32% 24%
    }

    80% {
        border-radius: 53% 44% 36% 62%/35% 32% 72% 60%
    }

    90% {
        border-radius: 24% 74% 72% 32%/40% 49% 49% 60%
    }

    100% {
        border-radius: 60% 29% 29% 65%/68% 75% 30% 32%
    }
}

@keyframes circlemoves {
    0% {
        border-radius: 25% 69% 58% 42%/52% 72% 65% 56%
    }

    10% {
        border-radius: 75% 28% 50% 48%/70% 44% 55% 29%
    }

    20% {
        border-radius: 47% 53% 29% 67%/30% 40% 59% 69%
    }

    30% {
        border-radius: 72% 25% 65% 45%/33% 63% 33% 65%
    }

    40% {
        border-radius: 63% 35% 55% 43%/25% 25% 75% 75%
    }

    50% {
        border-radius: 35% 63% 73% 33%/63% 25% 73% 35%
    }

    60% {
        border-radius: 25% 75% 25% 73%/75% 53% 45% 25%
    }

    70% {
        border-radius: 38% 59% 63% 32%/72% 62% 32% 24%
    }

    80% {
        border-radius: 53% 44% 36% 62%/35% 32% 72% 60%
    }

    90% {
        border-radius: 24% 74% 72% 32%/40% 49% 49% 60%
    }

    100% {
        border-radius: 60% 29% 29% 65%/68% 75% 30% 32%
    }
}

.error404Title {
    background: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 185px;
    font-weight: 900;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 5px
}

.error404Title span {
    width: 100%;
    position: relative
}

.error404Title span:before {
    background: linear-gradient(45deg, #2a96bf, #0f7eb5, #1a2e39);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    content: "";
    mix-blend-mode: screen
}

.iti {
    line-height: 44px;
    height: 44px
}

.cartPage {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 180px;
    background: #fff
}

.cartTitle {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #02619e;
    font-size: 24px
}

.cartItem {
    float: left;
    width: 100%;
    border: 1px solid #eee;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    padding: 15px;
    background: #fff;
    margin-bottom: 20px
}

.cartItemDetails {
    width: 100%;
    display: flex;
    gap: 15px
}

.cartItem .cartImg {
    aspect-ratio: 71/44;
    max-width: 25%;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #eee
}

.cartItem .cartImg img {
    width: 100%;
    height: 100%;
    aspect-ratio: 71/44;
    object-fit: cover;
    object-position: center
}

.cartInfo {
    width: 50%
}

.cartInfoTitle {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #1c2430;
    margin-bottom: 12px
}

select.form-control {
    padding-right: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right .7em top 50%;
    background-size: .65em auto
}

.cartInfo select.form-control {
    margin-bottom: 10px
}

.cartInfo p {
    font-size: 16px;
    color: #333
}

.cartPrice {
    width: 25%;
    text-align: right
}

.cartPrice .discountedPrice {
    color: #012238;
    font-size: 18px;
    font-weight: 600
}

.cartPrice .maxPrice {
    font-size: 16px;
    color: #666
}

.cartPrice .percentageOff {
    color: #388e3c;
    font-size: 16px;
    font-weight: 600
}

.removeItem {
    cursor: pointer;
    color: #333
}

.removeItem svg {
    width: 16px;
    height: 16px
}

.removeItem:hover {
    color: #c70202
}

.freeEmail {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #333;
    border-top: 1px solid #eee;
    background: #fff;
    margin: 20px 0 0;
    padding: 0;
    padding-top: 10px
}

.freeTags {
    color: #1674b3;
    font-size: 16px
}

.freeEmailTitle {
    color: #333;
    font-weight: 600
}

.duration {
    color: #1674b3;
    font-size: 16px;
    font-weight: 600
}

.orderSummary {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px;
    border: 1px solid #c1dbfb;
    background: #ebf3fe;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 6px
}

.orderSummaryTitle {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #012238;
    font-size: 20px
}

.cartSelectedItem {
    color: #333;
    font-size: 16px;
    margin-bottom: 15px
}

.subTotal {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.subTotalTitle {
    font-weight: 600;
    line-height: 1.25;
    color: #02619e;
    font-size: 24px
}

.subTotalPrice {
    margin-left: auto;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #02619e;
    font-size: 20px
}

.orderSummary .taxes {
    font-size: 14px;
    color: #333;
    text-align: left;
    margin-bottom: 10px
}

.orderSummary .youSave {
    color: #388e3c;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.securePayment {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px
}

.securePayment svg {
    width: 16px;
    height: 16px
}

.securePaymentTitle {
    font-weight: 600;
    font-size: 14px;
    color: #012238
}

.securePayment img {
    max-width: 200px;
    width: 100%;
    margin-left: auto
}

.moreAccept {
    font-size: 13px;
    color: #333;
    text-align: left
}

.panel-lite {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    max-width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    position: relative
}

.panel-lite h1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    color: #fa6f01;
    font-weight: 600
}

.singleCheck {
    width: 100%;
    margin: 10px 0 0
}

.singleCheck label {
    font-size: 13px;
    line-height: 28px;
    font-weight: 400;
    cursor: pointer;
    color: #333;
    display: block
}

.singleCheck label:after,
.singleCheck label:before {
    content: "";
    display: table
}

.singleCheck label:after {
    clear: both
}

.singleCheck label {
    line-height: 28px;
    margin: 0
}

.singleCheck label:hover {
    color: #fa6f01
}

.singleCheck label>span {
    display: block;
    position: relative;
    padding-left: 27px;
    font-size: 15px;
    font-weight: 500
}

.singleCheck label>span a {
    display: inline-block;
    color: #fa6f01
}

.singleCheck label>span:before {
    content: '';
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.singleCheck label input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.singleCheck label input[type=checkbox]:checked+span {
    color: #fa6f01
}

.singleCheck label input[type=checkbox]:checked+span:before {
    background: #fa6f01;
    border: 1px solid #fa6f01;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/></svg>")
}

.regiterTerms {
    margin-top: 15px;
    width: 100%;
    align-items: center;
    font-size: 14px;
    line-height: normal
}

.regiterTerms a {
    color: #02619e;
    display: inline-block
}

.panel-lite .searchBtn {
    width: 100%
}

#enquireModalPackage .selectedPrice {
    margin-bottom: 10px
}

.paymentImage {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px
}

.paymentImage img {
    max-height: 100%;
    width: auto;
    border-radius: 12px
}

/**/
.stickyButton {
    position: fixed;
    bottom: 0;
    right: 34px;
    width: 52px;
    height: 52px;
    background: #000;
    box-shadow: -4px 5px 14px 0 rgba(240, 192, 90, .2);
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    margin: 16px;
    z-index: 9000;
    padding: 8px;
    border: 1px solid #f0c05a;
    color: #f0c05a;
    display: flex;
    align-items: center;
    justify-content: center
}

.stickyButton svg {
    width: 30px;
    height: 30px
}

.stickyButton svg.closed {
    width: 25px;
    height: 25px
}

.stickyBox {
    display: flex;
    position: fixed;
    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, .2);
    flex-direction: column;
    bottom: calc(2 * 16px + 45px);
    right: 50px;
    width: 260px;
    height: auto;
    background: #fff;
    border-radius: 16px;
    z-index: 9999
}

.stickyBox .stickyBoxHeader {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 10px;
    color: #000;
    background: #f0c05a;
    align-items: center;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

.stickyBox .stickyBoxHeader .stickyBoxLogo {
    background: #000;
    border: 5px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    margin-right: 10px;
    max-width: 40px;
    width: 40px;
    height: 40px
}

.stickyBox .stickyBoxHeader .stickyBoxLogo img {
    width: 100%;
    height: auto
}

.stickyBox .stickyBoxHeader .stickyBoxTitle {
    font-size: 16px;
    color: #000;
    font-weight: 600
}

.stickyBox .stickyBoxBody {
    box-sizing: border-box;
    width: 100%;
    padding: calc(1 * 15px) 15px;
    text-align: center
}

.stickyBox .stickyBoxBody img {
    margin-bottom: 10px;
    background: #000;
    padding: 10px;
    border-radius: 4px
}

.stickyBoxBody p {
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block;
    line-height: normal;
    margin-bottom: 5px
}

.nominationBtn3 {
    position: relative;
    padding: 9px 15px;
    background: #d5302c;
    color: #fff;
    border: 0 solid #d5302c;
    display: inline-flex;
    width: auto;
    box-shadow: 0 9px 16px rgba(58, 87, 135, .1);
    border-radius: 4px;
    line-height: normal;
    font-weight: 500;
    cursor: pointer;
    margin-top: 5px
}

.nominationBtn3:focus,
.nominationBtn3:hover {
    background: #f0c05a;
    color: #000;
    border-color: #f0c05a
}

#scrollUp {
    bottom: 95px;

}

/**/
.seoServiceSection {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background: #fff;
}

.seoLeftTitle {
    color: #333;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.seoLeft:first-child .seoLeftTitle {
    color: #09334f;
}

.seoServiceSection p {
    font-size: 18px;
    margin: 0 0 18px;
    padding: 0;
    color: #333;
    text-align: justify;
}

.seoServiceSection p a {
    color: #0f7eb5;
}

.seoServiceSection p a:hover {
    text-decoration: underline;
}

.highlights {
    margin: 0 0 25px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.seoLeft ul {
    margin: 0 0 10px;
    padding: 0
}

.seoLeft ul li {
    font-size: 18px;
    display: flow-root;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.seoLeft ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}


.highlights li {
    display: inline-flex;
    background: #e8f0ff;
    padding: 7px 15px;
    border-radius: 4px;
    line-height: normal;
    position: relative;
    border: 1px solid #cae0ec;
    position: relative;
    font-size: 18px;
    padding-left: 15!important;
}
.highlights li::before{
    content: none!important;
}
.highlights li .popHover_25 {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: auto;
    background: #09334f;
    z-index: 999;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    will-change: transform;
    padding: 15px;
    border-radius: 8px;
    display: none;
    height: auto;
    border: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.highlights li .popHover_25:before {
    position: absolute;
    right: 0;
    top: 100%;
    bottom: 0;
    content: '';
    border-top: 12px solid #09334f;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    width: 6px;
    height: 13px;
    left: 0;
    margin: 0 auto;
}

.highlights li:hover .popHover_25 {
    display: block
}



.seoLeft {
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.seoLeft_3 {
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.seoLeft_3 .seoLeftTitle {
    font-size: 28px;
}

.seoLeft_3 ul {
    margin: 0 0 10px;
    padding: 0
}

.seoLeft_3 ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.seoLeft_3 ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.whyList {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.whyListItem {
    width: calc(100% / 2 - 15px);
    position: relative;
    display: flex;
    gap: 15px;
    border-radius: 12px;
    line-height: normal;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 1px solid #cae0ec;
    padding: 15px;
}

.whyListItem .whyImg {
    width: 50px;
    height: 50px;
    min-width: 50px;
}

.whyListItem .whyInfo {
    width: 100%;
    height: 100%;
}

.whyListItem .whyInfo .whyListItemTitle {
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 10px;
    color: #09334f;
    line-height: 26px;
}

.whyListItem .whyInfo p {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    margin: 0;
    line-height: normal;
    text-align: left;

}

/**/
.seoRightSidebar {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    border: 1px solid #cae0ec;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    position: sticky;
    top: 50px
}

.seoRightSidebarTitle {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 20px;
    position: relative;
    color: #f5aa31;
    background: linear-gradient(118deg, #fbbc39 32.59%, #ce7802 99.7%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 30px;
}

.seoRightSidebar p {
    font-size: 15px;
    margin: 0 0 10px;
    padding: 0;
    color: #fff;
    text-align: left;
    line-height: normal;
}

.formHint {
    font-size: 16px;
    margin-top: 5px;
    color: #fff;
}

.seoResultsSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #eee;
}

.seoResultsSection .title_1 {
    font-size: 32px;
}

.seoResultsSection .common_btn3 {
    margin-top: 25px;
}

.resultsCard {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px;
    border: 1px solid #cae0ec;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    margin-bottom: 15px;
    background: #fff;
}

.resultsCardTitle {
    font-weight: 600;
    font-size: 18px;
    color: #09334f;
    margin-bottom: 10px;
    line-height: normal;
    display: flex;
}

.resultsCard table {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.resultsCard table th {
    padding: 8px 12px;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #F9FAFB;
    color: #222;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #f0f0f8;
}

.resultsCard table tr td {
    padding: 6px 12px;
    vertical-align: middle;
    color: #333232;
    font-size: 15px;
    border: 1px solid #f0f0f8;
    line-height: normal;
}

/* .resultsCard table tr td:first-child {
    font-weight: 600;
    font-size: 15px;
} */
.resultsCard .similarBtn {
    margin-bottom: 0;
    margin-left: auto
}


/**/
.seoResults_25 {
    display: block;
    background: #fff;
    position: relative;
    overflow: hidden;
    border: 1px solid #c1dbfb;
    border-bottom: 5px solid #09334f;
    /* margin-bottom: 25px; */
    border-radius: 12px;
    padding: 15px;
    height: 100%;
}

.seoResultsHead {
    display: block;
    margin-bottom: 10px;
}

.seoResultsHeadTitle {
    font-size: 22px;
    font-weight: 700;
    color: #09334f;
    margin: 0;
    display: block;
    line-height: normal;
    height: 60px;
    align-content: center;
}

.seoWebLink {
    color: #333;
    font-size: 16px;
}

.seoWebLink:hover,
.seoWebLink:focus {
    color: #02619e;
    text-decoration: underline;
}

.seoKeyword {
    display: block;
    border: 1px solid #d7e2f0;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
}

.seoKeyword .wps-table {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    max-height: 345px;
}

.seoResults_25 .wps-table {
    width: 100%;
    text-align: left;
    border: 0;
    border-collapse: collapse
}

.seoResults_25 .wps-table thead {
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .4)
}

.seoResults_25 .wps-table thead tr {
    border-bottom: 1px solid #d7e2f0
}

.seoResults_25 .wps-table thead tr th {
    font-weight: 600;
    color: #02355a;
    padding: 10px 12px;
    line-height: normal;
    font-size: 18px;
    background: #dff1f4
}

.seoResults_25 .wps-table thead tr th:nth-child(2) {
    background: #f9f1d7
}

.seoResults_25 .wps-table thead tr th:nth-child(3) {
    background: #f4dff3
}

.seoResults_25 .wps-table td {
    border-bottom: 1px solid #d7e2f0;
    padding: 6px 12px;
    color: #333;
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal
}

.seoResults_25 .wps-table tr:nth-child(even) {
    background: #eee;
}

.seoResults_25 .wps-table tr td a {
    color: #333
}

.seoResults_25 .wps-table tr td a:focus,
.seoResults_25 .wps-table tr td a:hover {
    color: #004d88
}

.seoResults_25 .buttons {
    display: flex;
    align-items: center;
    padding: 0;
}

.seoResults_25 .buttons .common_btn3 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    padding-right: 45px
}

.seoResults_25 .buttons .common_btn3:after {
    height: 40px;
    line-height: 40px;
    width: 40px;
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="black" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>')
}

.seoResults_25 .buttons .career_btn {
    padding: 0 45px 0 10px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: initial;
    background: #09334f;
    color: #fff;
    margin-top: 0;
    margin-left: 0px;
    height: 40px;
    line-height: 40px
}

.seoResults_25 .buttons .career_btn:focus,
.seoResults_25 .buttons .career_btn:hover {
    background: #384a49;
    color: #fff
}






/**/
.seoServiceSection_2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff;
}


.seoProcessSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0;
}

.timeline {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    gap: 15px;
}

.timeline__event {
    background: #fff;
    position: relative;
    display: flex;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    width: calc(100% / 2 - 12px);
    margin: 0;
}

.timeline__event__title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #9251ac;
}

.timeline__event__content {
    padding: 20px;
}

.timeline__event__date {
    color: #f6a4ec;
    font-size: 1.5rem;
    font-weight: 600;
    white-space: nowrap;
}

.timeline__event__icon {
    border-radius: 8px 0 0 8px;
    background: #9251ac;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 15%;
    font-size: 2rem;
    color: #9251ac;
    padding: 20px;
}

.timeline__event__icon i {
    position: absolute;
    top: 50%;
    left: -65px;
    font-size: 2.5rem;
    transform: translateY(-50%);
}

.timeline__event__description {
    flex-basis: 60%;
}

.timeline__event__description p {
    margin: 0;
}

/*.timeline__event:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #9251ac;
  position: absolute;
  top: 52%;
  left: -3.5rem;
  z-index: -1;
}
.timeline__event:before {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  background: #f6a4ec;
  border-radius: 100%;
  left: -6rem;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #9251ac;
}
.timeline__event--type2:before {
  background: #87bbfe;
  border-color: #555ac0;
}
.timeline__event--type2:after {
  background: #555ac0;
} */
.timeline__event--type2 .timeline__event__date {
    color: #87bbfe;
}

.timeline__event--type2 .timeline__event__icon {
    background: #555ac0;
    color: #555ac0;
}

.timeline__event--type2 .timeline__event__title {
    color: #555ac0;
}

.timeline__event--type3:before {
    background: #aff1b6;
    border-color: #24b47e;
}

.timeline__event--type3:after {
    background: #24b47e;
}

.timeline__event--type3 .timeline__event__date {
    color: #aff1b6;
}

.timeline__event--type3 .timeline__event__icon {
    background: #24b47e;
    color: #24b47e;
}

.timeline__event--type3 .timeline__event__title {
    color: #24b47e;
}

.timeline__event:last-child:after {
    content: none;
}

@media (max-width: 786px) {
    .timeline__event {
        flex-direction: column;
    }

    .timeline__event__icon {
        border-radius: 4px 4px 0 0;
    }
}

/**/
.allTypesBusinesses {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
}

.pillList {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-bottom: 20px;
}

.pillList span {
    display: inline-flex;
    background: #e8f0ff;
    padding: 6px 15px;
    border-radius: 4px;
    line-height: normal;
    position: relative;
    border: 1px solid #cae0ec;
    position: relative;
    font-size: 18px;
}

.pillList span a {
    color: #333;
}

.pillList span:hover {
    background-color: #0f7eb5;
    border-color: #0f7eb5;
}

.pillList span:hover a {
    color: #fff;
}

/**/
.seoImgTitle {
    display: block;
    margin-bottom: 10px;
}

.seoImgTitle a {
    display: flex;
    align-items: center;
    gap: 15px;
}

.seoImgTitle a:hover .seoTitle,
.seoImgTitle a .seoTitle:focus {
    color: #0f7eb5;
}

.seoImgTitle a img {
    max-width: 50px;
    padding: 5px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #cae0ec;
    margin: 0;
}

.seoImgTitle .seoTitle {
    margin: 0;
    font-size: 20px;
    text-align: left;
}

.seoServiceSection_2 .seoService p {
    text-align: left;
    font-size: 18px;
}

.seoService p a {
    color: #0f7eb5;
}

.seoService p a:hover {
    text-decoration: underline;
}

/**/
.seoServices_25 {
    float: left;
    width: 100%;
    padding: 50px 0 50px;
    margin: 0;
    background: transparent linear-gradient(120deg, #000 0, #355e73 100%);
    background-attachment: fixed;
    position: relative
}

.seoServices_25:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    margin: 0 auto;
    background-color: #fff
}

.seoServices_25 .container {
    position: relative
}

.seoServices_25 .title_1 {
    color: #f5aa31
}

.seoServices_25 p {
    color: #fff
}



.seoBox_25 {
    float: left;
    width: 100%;
    border-radius: .75rem;
    position: relative;
    box-shadow: 0 0 2px rgba(29, 32, 71, .05), 0 18px 36px rgba(29, 32, 71, .05);
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background: #fff;
    padding: 25px;
    margin-bottom: 20px
}

.seoBox_25 ul {
    margin: 0 0 20px;
    display: block;
    display: flex;
    padding: 0;
    flex-flow: row wrap
}

.seoBox_25 ul li {
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333;
    width: calc(100% / 3)
}

.seoBox_25 ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}
.seoBox_25 ul li a{
    color: #333;
}
.seoBox_25 ul li a:hover,.seoBox_25 ul li a:focus{
    color:#0f7eb5;
    text-decoration: underline;
}

/**/
.testimonialSection_25 {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
}

.videoImage.autoHight {
    height: auto;
    border-radius: 12px;
    overflow: hidden;
}

.reviewsBox a {
    position: relative;
}

.testimonialCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    background: linear-gradient(to bottom, rgba(0, 123, 255, 0), rgba(0, 0, 0, 0.6));
    width: 100%;
    min-height: 55px;
    padding: 0 15px;
    border-radius: 0 0 12px 12px;
    line-height: normal;
}

.testimonialCaption strong {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.testimonialCaption span {
    display: block;
    color: #fff;
    font-size: 16px;
}

.testimonialSection_25 .reviewsAuthor {
    text-align: left;
    color: #333;
}

.clientsList_25 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-top: 25px;
}

.clientsList_25 li {
    display: inline-flex;
    background: transparent;
    border-radius: 12px;
    max-width: 178px;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px solid #ccc;
    height: 100px;
}

.clientsList_25 li img {
    width: 100%;
    height: auto;
}

/**/
.faqHomes.faqs_25 {
    background: #fff;
}

.faqs_25 h2 {
    font-size: 22px;
    margin: 0;
    padding: 0 0 5px;
    font-weight: 600;
}

.faqs_25 h3 {
    font-size: 20px;
    margin: 0;
    padding: 0 0 5px;
    font-weight: 600;
}

.faqs_25 h4 {
    font-size: 20px;
    margin: 0;
    padding: 0 0 5px;
    font-weight: 600;
}

.faqs_25 h5 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
    font-weight: 600;
}

.faqs_25 p {
    font-size: 16px;
    line-height: 20px;
}

.faqs_25 p a {
    color: #0f7eb5;
}

.faqs_25 p a:hover {
    text-decoration: underline;
}

.faqs_25 #collapseSix p {
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    margin-bottom: 15px;
}


.faqs_25 ul {
    margin: 0 0 10px;
    padding: 0
}

.faqs_25 ul li {
    font-size: 18px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    position: relative;
    color: #333
}

.faqs_25 ul li strong {
    margin-left: 5px;
}

.faqs_25 ul li a {
    color: #0f7eb5;
}

.faqs_25 ul li a:hover {
    text-decoration: underline;
}


.faqs_25 ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%
}

.faqs_25 ul li a {
    color: #333;
    font-size: 16px;
    position: relative;
}

.error-message {
    color: red;
    font-size: 12px;
    margin-top: 3px;
    /* keeps space even when no error */
}

.iti {
    width: 100%;
    height: 40px;
}

.iti .iti__selected-dial-code {
    margin-left: 4px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.iti__search-input {
    height: 35px;
    padding: 0 12px;
}

.iti__search-input:focus {
    border-color: #c9c6c6;
    box-shadow: 1px 0 4px #b9bbc1;
}

.form-control:focus {
    border-color: #c9c6c6;
    box-shadow: 1px 0 4px #b9bbc1;
}

/**/
.SumoSelect .CaptionCont {
    position: relative;
    background-color: #fff;
    margin: 0;
    border-radius: 4px;
    height: 40px;
    font-size: 16px;
    padding: 0 15px;
    line-height: normal;
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    color: #6c757d !important;
}

.SumoSelect:hover .CaptionCont {
    border-color: #ced4da;
    box-shadow: none;
}

.SumoSelect.open .CaptionCont,
.SumoSelect:focus .CaptionCont {
    box-shadow: none;
    border-color: #0f7eb5;
}

.SumoSelect .optWrapper .options li.opt {
    padding: 8px 15px;
    font-size: 14px;
    color: #333;
}

.SumoSelect .optWrapper .options li.opt:hover {
    background-color: #0f7eb5;
    color: #fff;
}

.SumoSelect .optWrapper .options li.opt:hover label {
    color: #fff;
}

.SumoSelect {
    width: 100%;
}

.SumoSelect.open .optWrapper {
    top: 40px;
}

.SumoSelect.open .search-txt {
    padding: 8px 12px;
}

/**/
.block-header p {
    position: relative;
    padding-left: 60px;
    font-style: italic;
    font-weight: normal;
    font-size: 22px;
    color: #3B4757;
}

.block-header p::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    margin-top: -2px;
    width: 40px;
    height: 3px;
    background: #46AADC;
}

.block-header h2 {
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.block-header h2 span {
    color: #46AADC;
}

/*===> Begin learning-elements-wrap <===*/
.el-wr {
    padding: 20px 25px 0;
}

@media (max-width: 991px) {
    .el-wr {
        margin-top: 60px;
    }
}

@media (max-width: 480px) {
    .el-wr {
        margin-top: 25px;
        padding: 20px 0 0;
    }
}

.learning-elements-wrap {
    position: relative;
    width: 100%;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.learning-elements-wrap::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border: 5px solid #c3deec;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.learning-elements-wrap .learning-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #EAF5F7;
    cursor: pointer;
}

.learning-elements-wrap .learning-item img {
    margin-bottom: 5px;
    width: 55px;
}

.learning-elements-wrap .learning-item p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    color: #3B4757;
}

.learning-elements-wrap .circle-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 5;
}

.learning-elements-wrap .circle-container .learning-item {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    margin-left: -70px;
    margin-top: -75px;
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    padding: 4px;
}

.learning-elements-wrap .circle-container .learning-item::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: -2;
    width: -webkit-calc(100% + 8px);
    width: calc(100% + 8px);
    height: -webkit-calc(100% + 8px);
    height: calc(100% + 8px);
    background: #c3deec;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.learning-elements-wrap .circle-container .learning-item::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #f1f8fb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.learning-elements-wrap .circle-container .learning-item.active,
.learning-elements-wrap .circle-container .learning-item:hover {
    background: #fff;
}

.learning-elements-wrap .circle-container .learning-item.active::before,
.learning-elements-wrap .circle-container .learning-item:hover::before {
    background: #c3deec;
}

.learning-elements-wrap .circle-container .learning-item.active::after,
.learning-elements-wrap .circle-container .learning-item:hover::after {
    background: #fff;
}

.learning-elements-wrap .circle-container .learning-item span {
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: #09334f;
    color: #fff;
    font-size: 14px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
}

.learning-elements-wrap .circle-container .learning-item img {
    margin-bottom: 5px;
    width: 55px;
}

.learning-elements-wrap .circle-container .learning-item p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    color: #3B4757;
    text-align: center;
    padding: 0 10px;
    line-height: normal;
}

.learning-elements-wrap .tab-element-content {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 55%;
    height: 60%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.learning-elements-wrap .tab-element-content .for-tab {
    display: none;
}

.learning-elements-wrap .tab-element-content .for-tab.active {
    display: block;
}

.learning-elements-wrap .tab-element-content .for-tab.start {
    display: block;
}

.learning-elements-wrap .tab-element-content .for-tab.start .tabDefaultTitle {
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 39px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
}

.learning-elements-wrap .tab-element-content .for-tab.start .tabDefaultTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 41px;
    height: 3px;
    background: #46AADC;
}

.learning-elements-wrap .tab-element-content .tabTitleH3 {
    position: relative;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    padding: 0 27px;
    padding-bottom: 0px;
    line-height: 1.2;
    padding-bottom: 15px;
}

.learning-elements-wrap .tab-element-content .tabTitleH3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 41px;
    height: 3px;
    background: #46AADC;
}

.learning-elements-wrap .tab-element-content p {
    padding: 0 15px;
}

.learning-elements-wrap .my-paroller {
    position: absolute;
    left: -50px;
    bottom: 0;
    z-index: -1;
}

@media (max-width: 1199px) {
    .learning-elements-wrap {
        max-width: 450px;
    }

    .learning-elements-wrap::after {
        top: 3%;
        left: 3%;
        width: 95%;
        height: 95%;
    }

    .learning-elements-wrap .circle-container .learning-item {
        margin-left: -50px;
        margin-top: -50px;
        width: 100px;
        height: 100px;
    }

    .learning-elements-wrap .for-tab h3 {
        margin-bottom: 0;
    }

    .learning-elements-wrap .for-tab p {
        display: none;
    }
}

@media (max-width: 991px) {
    .learning-elements-wrap .for-tab h3 {
        margin-bottom: 20px;
    }

    .learning-elements-wrap .for-tab p {
        display: block;
    }
}

@media (max-width: 767px) {
    .learning-elements-wrap .my-paroller {
        opacity: .5;
    }
}

@media (max-width: 480px) {
    .learning-elements-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .learning-elements-wrap::after {
        top: 6%;
        left: 6%;
        width: 88%;
        height: 88%;
        border: 5px solid #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .learning-elements-wrap .circle-container .learning-item {
        margin-left: -30px;
        margin-top: -30px;
        width: 60px;
        height: 60px;
    }

    .learning-elements-wrap .circle-container .learning-item img {
        margin-bottom: 0;
    }

    .learning-elements-wrap .circle-container .learning-item p {
        display: none;
    }

    .learning-elements-wrap .for-tab h3 {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .learning-elements-wrap .for-tab p {
        display: none;
        font-size: 11px;
    }
}

/*===> End learning-elements-wrap <===*/

.processSection_25 {
    padding: 15px;
    border: 1px solid #dbe5ea;
    border-radius: 12px;
    background: #fff;
}