@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);
*,
::before,
::after {
    box-sizing: border-box;
    user-select: none;
}
body {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-family: var(--nunito), sans-serif;
    line-height: 1.5em;
}
:root {
    --primary: #1d3dc6;
    --primarylt: #54a3db;
    --secondary: #f8941c;
    --brdr: 1px solid red;
    --fa: FontAwesome;
    --nunito: Nunito;
    --success: #4caf50;
    --info: #2196f3;
    --warning: #ffeb3b;
    --danger: #f44336;
}
::selection {
    color: yellow;
    background-color: red;
}
@font-face {
    font-family: "FontAwesome";
    src: url(../fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0);
    src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url(/fonts/fontawesome/fontawesome-webfont.woff2) format("woff2"), url(/fonts/fontawesome/fontawesome-webfont.woff) format("woff"),
        url(../fonts/fontawesome/fontawesome-webfont.ttf) format("truetype"), url("/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-BlackItalic.ttf) format("truetype");
    font-display: swap;
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: Demonized;
    src: url(../fonts/Demonized.ttf) format("truetype");
    font-display: swap;
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-Black.ttf) format("truetype");
    font-display: swap;
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-BoldItalic.ttf) format("truetype");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-Bold.ttf) format("truetype");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-ExtraBoldItalic.ttf) format("truetype");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-ExtraBold.ttf) format("truetype");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-ExtraLightItalic.ttf) format("truetype");
    font-display: swap;
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-ExtraLight.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-Italic.ttf) format("truetype");
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-LightItalic.ttf) format("truetype");
    font-display: swap;
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-Light.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 200;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-Regular.ttf) format("truetype");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-SemiBoldItalic.ttf) format("truetype");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-family: Nunito;
    src: url(../fonts/nunito/Nunito-SemiBold.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: airstrikebold;
    src: url(../fonts/airstrike/airstrikebold.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: oswaldbold;
    src: url(../fonts/oswald/Oswald-Bold.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: oswaldmedium;
    src: url(../fonts/oswald/Oswald-Medium.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: montserratsemiBold;
    src: url(../fonts/montserrat/Montserrat-SemiBold.otf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: Montserratextrabold;
    src: url(../fonts/montserrat/Montserrat-ExtraBold.otf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: MontserratMediumItalic;
    src: url(../fonts/montserrat/Montserrat-MediumItalic.otf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: MontserratBlack;
    src: url(/fonts/montserrat/Montserrat-Black.otf);
    font-display: swap;
}
@font-face {
    font-family: MontserratRegular;
    src: url(../fonts/montserrat/Montserrat-Regular.otf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: KGBrokenVesselsSketch;
    src: url(../fonts/KGBroken/KGBrokenVesselsSketch.ttf);
    font-display: swap;
}
@font-face {
    font-family: RalewayExtraBold;
    src: url(../fonts/Raleway/Raleway-ExtraBold.ttf) format("truetype");
    font-display: swap;
}
.danger,
.info,
.success {
    color: #fff;
}
.info {
    background-color: var(--info);
}
.success {
    background-color: var(--success);
}
a {
    text-decoration: none;
}
.pg-nav {
    background-color: #1d3dc6;
}
.pg-top-nv {
    width: 90%;
    margin: auto;
    text-align: center;
}
.pg-nav-mnu {
    background-color: #fff;
    z-index: 3;
    position: relative;
}
.pg-top-nav-login,
.pg-top-nav-phone {
    display: none;
}
.mobile-menu::after {
    content: "\f0c9";
    font-family: var(--fa);
    color: #fff;
    position: absolute;
    font-size: 1.5em;
    top: 14%;
    left: 5%;
}
.pg-top-nav-logo img {
    width: 220px;
    height: auto;
}
.pg-nav-mnu {
    background-color: #fefefe;
    text-align: left;
    box-shadow: 3px 3px #ccc;
    max-height: 0;
    transition: max-height 1s;
    overflow: hidden;
}
.pg-nav-mnu a {
    padding: 10px 10px 2px 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-bottom: 3px solid transparent;
    color: #000;
    display: block;
}
.mnu.active,
.mnu:hover {
    border-color: var(--primary);
}
.mnu-services {
    display: inline-block;
    position: relative;
    width: 98%;
}
div.banner {
    width: 100%;
}
video.banner {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.vvr-lgn,
.vvr-signup {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    position: fixed;
    z-index: 5;
    display: none;
}
.lgn-vvr-ctnr {
    width: 95%;
    margin: 100px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
}
.lgn-frm {
    width: 100%;
}
.frm-lbl {
    display: block;
    font-weight: 700;
    margin-top: 20px;
}
.frm-fld {
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.btn {
    padding: 5px 10px;
    background-color: #fefefe;
    display: inline-block;
    text-align: center;
    margin: auto 2px;
    font-style: italic;
    border-radius: 8px;
}
.btn-active,
.btn:hover {
    background-color: var(--primary);
    color: #fff;
}
.forgot-password {
    text-align: right;
}
.vvr-signup input[type="email"],
.vvr-signup input[type="password"],
.vvr-signup input[type="text"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
.terms a {
    color: red;
}
.h-sec-svc {
    padding-top: 50px;
    background-image: linear-gradient(to bottom, #f2f5fa 80%, #fff 80%);
}
.h-svc-ctnr {
    width: 95%;
    margin: auto;
    text-align: center;
    padding-bottom: 20px;
}
.h-svc-ctnr h1 {
    color: #0669a0;
}
.h-svc-ctnr p {
    width: 90%;
    margin: auto auto 20px auto;
}
.h-svc-icn-ctnr {
    padding-bottom: 20px;
}
.h-svc-icn-ctnr img {
    width: 60px;
    height: auto;
    margin: 10px;
}
.h-svc-desc-ctnr {
    width: 90%;
    background-color: #fff;
    margin: auto;
    text-align: center;
    box-shadow: 5px 5px 5px #ccc, -5px -5px 5px #ccc;
    border-radius: 8px;
    display: none;
}
.cntr {
    text-align: center;
    margin: auto;
}
.h-svc-img {
    padding: 20px;
    text-align: center;
}
.w50x {
    width: 50px;
}
hr.w50x {
    margin: -15px auto auto auto;
    border-top: 2px solid #5997e0;
}
.h-svc-desc {
    text-align: left;
    padding: 20px;
}
.h-svc-desc h2 {
    text-align: center;
}
.h-svc-lnk {
    margin: 20px auto;
    text-align: center;
}
.h-svc-lnk a {
    text-transform: uppercase;
    font-size: 0.8em;
}
.h-sec-rst {
    padding-top: 50px;
    background-color: #fff;
}
.h-reasons {
    width: 80%;
    margin: auto;
}
.h-reasons div {
    margin: 10px;
    border-radius: 8px;
    text-align: center;
}
.h-reasons-txt {
    font-size: 1.5em;
    padding-top: 50px;
}
.h-reasons-technology {
    background-color: #8fc6fc;
}
.h-reasons-teamwork {
    background-color: #c3e95e;
}
.h-reasons-innovation {
    background-color: #fbb958;
}
.h-reasons-innovation img {
    width: 130px;
}
.h-reasons-teamwork img,
.h-reasons-technology img {
    width: 130px;
}
.h-reasons-innovation div,
.h-reasons-teamwork div,
.h-reasons-technology div {
    font-weight: 700;
    font-size: 1.2em;
    margin-top: -10px;
    margin-bottom: 20px;
}
.h-boost-site {
    text-align: center;
    margin-top: 50px;
}
.h-boost-site h1 {
    font-size: 2.5em;
    color: #f75553;
    line-height: 1em;
}
.h-boost-site-dsc {
    text-align: center;
}
.h-who-we-are {
    padding-top: 50px;
    text-align: center;
}
.h-who-we-are h2 {
    font-size: 1.8em;
}
.h-who-we-are p {
    width: 90%;
    margin: auto;
}
.h-who-we-are-img {
    text-align: right;
    padding-right: 50px;
}
.h-who-we-are-img img {
    width: 70%;
    height: auto;
}
.h-who-we-are-hr {
    width: 50px;
    border-top: 2px solid #5997e0;
    margin: 50px auto auto auto;
}
.h-who-we-are-readmore {
    margin-top: 20px;
}
.h-who-we-are-readmore a {
    text-transform: uppercase;
    font-size: 0.8em;
}
.h-working-process {
    margin: 50px auto auto auto;
    width: 90%;
}
.h-working-process h2 {
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 700;
    background-color: #ddeafa;
    width: 250px;
    margin: auto;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
}
.h-working-process p {
    width: 80%;
    margin: 30px auto auto;
    text-align: center;
    line-height: 1.5em;
}
.h-working-process-ctnr {
    width: 80%;
    margin: 50px auto;
}
#hwp_development,
#hwp_optimization,
#hwp_research,
#hwp_strategy {
    width: 95%;
    text-align: center;
    border-top: 50px solid #fff;
    border-bottom: 40px solid #fff;
    border-radius: 25px;
    background-color: #f7f7f7;
}
#hwp_development2,
#hwp_optimization2,
#hwp_research2,
#hwp_strategy2 {
    width: 95%;
    text-align: center;
    border-top: 50px solid #fff;
    border-bottom: 40px solid #fff;
    border-radius: 25px;
    background-color: #fff;
    padding: 20px;
}
#hwp_development img,
#hwp_optimization img,
#hwp_research img,
#hwp_strategy img {
    margin-top: 60px;
}
#hwp_development span,
#hwp_optimization span,
#hwp_research span,
#hwp_strategy span {
    display: block;
    font-weight: 700;
    padding-bottom: 60px;
    padding-top: 10px;
}
#hwp_development2,
#hwp_optimization2,
#hwp_research2,
#hwp_strategy2 {
    border-color: #41a8f3;
    display: none;
}
.hwp-icn {
    width: 70px;
    height: 70px;
    padding: 10px;
    margin: -55px auto auto auto;
    border-radius: 50%;
    background-color: #41a8f3;
}
.hwp-icn img {
    width: 50px;
    height: 50px;
}
.hwp-hdr {
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 10px;
}
.hwp-desc {
    font-size: 0.8em;
    padding-top: 10px;
    line-height: 1.5em;
}
.fcts {
    width: 80%;
    margin: 50px auto;
}
.fcts > div {
    width: 90%;
    margin: 20px auto;
}
.fcts-hdr {
    color: #3399ca;
    font-size: 4em;
    text-align: center;
    font-weight: 700;
    line-height: 1em;
}
.fcts-txt {
    margin-top: 30px;
    text-align: center;
    font-size: 1.5em;
    line-height: 1em;
}
.h-popup-btn {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    right: 0;
    border-radius: 5px 0 0 5px;
}
.h-popup-btn::after {
    content: "\f05a";
    font-family: var(--fa);
    font-size: 3em;
    cursor: pointer;
    color: var(--secondary);
}
@keyframes animatezoom {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
.h-contact-vvr {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    display: none;
    z-index: 5;
}
.h-contact-bx {
    width: 90%;
    height: auto;
    margin: 50px auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    animation: animatezoom 0.6s;
}
.h-vvr-close-btn {
    position: relative;
}
.h-vvr-close-btn::after {
    content: "\f00d";
    font-family: var(--fa);
    font-size: 2em;
    color: red;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.h-c-frm-hdr {
    font-size: 2em;
    color: #194a96;
    font-weight: 700;
}
.h-c-fc {
    width: 49%;
    margin-right: 10px;
}
.h-c-sc {
    width: 49%;
    margin-left: 10px;
}
.h-c-lbl {
    margin-top: 20px;
}
.h-c-frm-fld {
    width: 100%;
    background-color: #f1f1f1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1.2em;
}
.h-c-sbmt {
    margin-top: 20px;
}
.h-c-sbmt button {
    padding: 10px 20px;
    background-color: #123752;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    border-radius: 8px;
}
.h-c-sbmt button::after {
    content: "\f178";
    font-family: var(--fa);
    padding-left: 20px;
    font-size: 1.2em;
}
.h-c-frm-iv {
    display: none;
}
footer {
    background-color: #1d3dc6;
}
.ftr-logo {
    text-align: center;
    padding-top: 40px;
}
.ftr-contact-ctnr {
    width: 100%;
    margin: 40px auto auto;
    text-align: center;
}
.ftr-contact,
.ftr-location {
    color: #fff;
}
.ftr-location-ico {
    padding-right: 10px;
}
.ftr-contact-ico {
    padding-right: 10px;
}
.ftr-contact-ico img {
    width: 40px;
    height: auto;
}
.ftr-location-ico img {
    width: 40px;
    height: auto;
}
.ftr-contact a {
    color: #fff;
}
.ftr-newsletter {
    width: 90%;
    margin: 20px auto auto;
}
#nl_name {
    display: none;
}
.ftr-nl-fld {
    background-color: #123752;
    color: #50a1bc;
    width: 75%;
    padding: 10px;
    border: 0;
    border-radius: 8px 0 0 8px;
}
.ftr-nl-sbmt {
    width: 25%;
    padding: 10px;
    background-color: #f98e00;
    color: #fff;
    border: 0;
    border-radius: 8px;
    margin-left: -8px;
}
.ftr-copy-lnk-social {
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #fff;
}
.ftr-cprt a {
    color: #fff;
}
.ftr-lnks {
    color: #000;
    margin-bottom: 7px;
}
.kepler-abt p {
    text-align: left;
}
.ftr-lnks a {
    padding-right: 5px;
    padding-left: 5px;
}
.ftr-social {
    font-family: var(--fa);
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}
.ftr-social.twitter::after {
    content: "\f099";
    font-size: 32px;
}
.ftr-social.fb::after {
    content: "\f230";
    font-size: 32px;
}
.ftr-social.instagram::after {
    content: "\f16d";
    font-size: 32px;
}
.ftr-social.pinterest::after {
    content: "\f0d2";
    font-size: 32px;
}
.au-banner {
    background-image: url(/img/common/banner-bg.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #f2f5fa;
}
.au-banner-ctnr {
    width: 90%;
    margin: auto;
    padding-bottom: 30px;
}
.cu-banner {
    background-image: url(/img/common/banner-bg.svg);
    background-position: top right;
    background-size: auto;
    background-repeat: no-repeat;
}
.cu-banner-ctnr {
    width: 90%;
    margin: auto;
    padding-bottom: 10px;
}
.au-banner-cntnt,
.cu-banner-cntnt {
    padding: 20px;
}
.cu-banner-img {
    width: 55%;
    text-align: center;
    padding-top: 80px;
}
.au-banner-img {
    width: 80%;
    height: auto;
    margin-top: -60px;
}
.cu-banner-img img {
    width: 90%;
    height: auto;
}
.au-banner-cntnt h1,
.cu-banner-cntnt h1 {
    color: var(--primary);
    font-weight: 700;
}
.au-banner-cntnt h2,
.cu-banner-cntnt h2 {
    color: #071a42;
    font-size: 3em;
    margin-top: 30px;
    line-height: 1em;
}
.au-banner-cntnt li,
.cu-banner-cntnt p {
    line-height: 1.8em;
    padding-right: 20px;
}
.au-sec-about-ctnr {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 50px;
}
.au-sec-about h1 span {
    color: #1a4a92;
}
.au-rm-btn {
    text-transform: uppercase;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1.3em;
}
.au-rm-btn-ctnr {
    margin-bottom: 50px;
}
.au-more {
    display: none;
}
.au-process {
    background-image: linear-gradient(to right, #565656 50%, #fff 50%);
    background-repeat: repeat-x;
    background-size: 5px 1px;
    background-position: left center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.au-process div {
    background-color: #fff;
    width: 49%;
    text-align: center;
    margin: auto;
}
.au-process div img {
    width: 50%;
}
.au-process div span {
    display: block;
    font-weight: 700;
    font-size: 1.2em;
    color: #051b42;
}
.au-process-details {
    width: 90%;
    margin: auto;
    font-size: 1.2em;
    padding-top: 30px;
    line-height: 1.6em;
}
.au-principle {
    padding-top: 50px;
}
.au-principle h2 span:first-child {
    color: #041b44;
}
.au-principle h2 span:last-child {
    color: #194a96;
}
.au-principle-ctnr {
    padding-top: 30px;
}
.au-principle-innovation,
.au-principle-teamwork,
.au-principle-technology {
    width: 90%;
    margin: auto;
    text-align: center;
}
.au-principle-innovation-img img,
.au-principle-teamwork-img img,
.au-principle-technology-img img {
    width: 60%;
    height: auto;
}
.au-principle-innovation-img,
.au-principle-teamwork-img {
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.au-principle-technology-img {
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #8fc6fc;
}
.au-principle-teamwork-img {
    background-color: #c3e95e;
}
.au-principle-innovation-img {
    background-color: #fbb958;
}
.au-principle-slgn {
    color: #373737;
    font-size: 0.9em;
    padding-top: 20px;
}
.au-principle-hdr {
    font-size: 1.5em;
    color: #2e3235;
    font-weight: 700;
    padding-top: 10px;
}
.au-principle-dsc {
    font-size: 0.9em;
    padding-top: 10px;
    color: #616161;
    line-height: 1.3em;
    margin-bottom: 50px;
}
.au-fcts {
    background-color: #f1f6fa;
    padding: 50px 100px 20px 100px;
}
.au-fcts > div {
    width: 90%;
    margin: 20px;
}
.s-hdr-ctnr {
    background-image: url(/img/common/banner-bg.svg);
    background-size: auto;
    background-position: right top;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
}
.s-services {
    width: 80%;
    margin: auto;
}
.s-services h1 {
    font-size: 3em;
}
.s-svc-ctnr,
.s-svc-ctnr-rev {
    width: 80%;
    margin: auto;
}
.s-svc-desc {
    width: 90%;
    text-align: center;
}
.s-svc-img {
    width: 90%;
    text-align: center;
    text-align: center;
    margin-top: -20px;
}
.s-svc-img img {
    width: 75%;
    height: auto;
}
.s-svc-desc h2 {
    color: #1b4996;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
}
.s-read-more {
    padding-bottom: 20px;
}
.s-read-more a {
    background-color: #070bce;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
}
.s-read-more a::after {
    content: "\f105";
    font-family: var(--fa);
    padding-left: 10px;
    font-weight: 700;
}
.sp-banner-ctnr {
    width: 100%;
}
.sp-banner {
    display: flex;
    flex-direction: column-reverse;
    width: 90%;
    margin: auto auto 0 auto;
    padding: 20px 20px 0 20px;
}
.sp-svc-desc {
    width: 90%;
}
.sp-img {
    width: 90%;
    text-align: right;
}
.sp-img img {
    width: 80%;
    height: auto;
}
.sp-svc-hdr {
    margin-top: 20px;
    font-size: 1.2em;
    color: var(--primary);
    font-weight: 700;
}
.sp-svc-desc h1 {
    font-size: 3.2em;
    line-height: 1em;
}
span.tick {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
span.tick::before {
    content: "\f00c";
    font-family: var(--fa);
    padding-right: 20px;
}
.mt50 {
    margin-top: 50px;
}
.sp-sec-option {
    background-color: #f1f6f9;
    padding: 50px 20px;
}
.sp-sec-option-ctnr {
    width: 95%;
    margin: auto;
}
.sp-option {
    width: 95%;
    margin: 20px;
}
.sp-option::after {
    content: "";
    clear: both;
    display: table;
}
.sp-option-icn {
    width: 80px;
    height: auto;
}
.sp-option h2 {
    line-height: 1.2em;
}
.sp-sec-details {
    padding: 50px;
}
.sp-sec-details-ctnr {
    width: 95%;
    margin: auto;
    font-size: 1.1em;
}
.sp-sec-details-ctnr h2 span {
    display: block;
    text-align: center;
}
.sp-sec-details-ctnr h2 span:first-child {
    font-size: 1em;
    padding-bottom: 20px;
}
.sp-sec-details-ctnr h2 span:last-child {
    font-size: 1.5em;
    line-height: 1em;
}
.sp-first-para {
    padding-top: 50px;
}
.sp-svc-details {
    padding-top: 50px;
    display: none;
}
.sp-blockquote {
    background-color: #f1f6f9;
    color: #0331cd;
    font-family: "Times New Roman", serif;
    padding: 10px;
    font-size: 1.2em;
    font-style: italic;
    width: 100%;
    margin: auto auto 50px 0;
    border-left: 5px solid #ff7000;
}
.c-primary {
    color: var(--primary);
}
.sp-read-more a {
    color: #fc1a1c;
}
.sp-sec-benefits {
    background-image: url(/img/common/sh-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 30px 50px 0 50px;
}
.sp-benefits-details {
    width: 98%;
}
.sp-benefits-img {
    width: 98%;
    text-align: center;
}
.sp-benefits-img img {
    width: 90%;
    height: auto;
}
.sp-benefits-details {
    padding-left: 10px;
    font-size: 1.2em;
}
.sp-benefits-details p {
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: underline;
}
.sp-benefits-details li {
    line-height: 2em;
    margin-left: -20px;
}
.sp-sec-features {
    text-align: center;
}
.sp-features-ctnr {
    padding-bottom: 50px;
    width: 90%;
    margin: auto;
}
.sp-features-title h2 {
    padding-top: 50px;
    font-size: 2em;
    line-height: 1em;
    color: #0d65e3;
}
.sp-features-desc {
    font-size: 0.9em;
    color: #3c3c3c;
}
.sp-feature-img img {
    width: 100px;
    height: auto;
}
.sp-feature-txt {
    font-size: 0.9em;
    padding-left: 8px;
    padding-right: 8px;
}
.sp-sec-we-known-for {
    padding-top: 50px;
    padding-bottom: 50px;
}
.sp-wwkf-ctnr {
    width: 80%;
    margin: auto;
}
.sp-wwkf-ctnr h2 {
    color: #0d65e3;
    text-align: center;
    font-size: 2em;
}
.sp-wwkf-ctnr p {
    text-align: center;
}
.sp-pop-ctnr {
    border-bottom: 1px solid #575757;
}
.sp-pop-first {
    border-top: 1px solid #575757;
}
.sp-pop,
.sp-pop-active {
    line-height: 4em;
    position: relative;
    font-weight: 700;
    cursor: pointer;
}
.sp-pop::after {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 2em;
}
.sp-pop-active::after {
    content: "-";
    position: absolute;
    right: 0;
    font-size: 2em;
}
.sp-pop-txt {
    display: none;
    padding-bottom: 10px;
}
.sp-svc-nav {
    background-color: #f1f6f9;
    padding-top: 20px;
    padding-bottom: 20px;
}
.sp-svc-nav-ctnr {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
}
.next-svc,
.prev-svc {
    text-transform: uppercase;
    font-size: 0.8em;
}
.next-svc::before {
    content: "\f178";
    text-align: right;
    font-family: var(--fa);
    display: block;
    font-size: 2em;
}
.prev-svc::before {
    font-family: var(--fa);
    display: block;
    font-size: 2em;
    content: "\f177";
}
.cu-sec-frm {
    padding-top: 50px;
}
.cu-frm-ctnr {
    width: 90%;
    display: flex;
    margin: auto;
    flex-direction: column;
}
.cu-gmap {
    width: 98%;
    height: 250px;
}
.cu-address {
    background-image: url(/img/contact-us/address-icon.svg);
    padding-bottom: 30px;
}
.cu-contact {
    background-image: url(/img/contact-us/contact-us.svg);
}
.cu-address {
    background-repeat: no-repeat;
    background-size: 50px auto;
    padding-left: 70px;
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 30px;
}
.cu-contact {
    background-repeat: no-repeat;
    background-size: 50px auto;
    padding-left: 70px;
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 30px;
}
.cu-contact span {
    display: block;
}
.cu-contact span:first-child a {
    color: #fd2b34;
}
.cu-contact span:last-child a {
    color: #383838;
}
.cu-address {
    color: #383838;
}
.cu-frm-hdr {
    font-size: 2em;
    color: #194a96;
    font-weight: 700;
}
.row {
    display: flex;
    justify-content: space-between;
}
.cu-fc {
    width: 49%;
    margin-right: 10px;
}
.cu-sc {
    width: 49%;
    margin-left: 10px;
}
.cu-lbl {
    margin-top: 30px;
}
.cu-frm-fld {
    width: 100%;
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1.2em;
}
.cu-sbmt {
    margin-top: 20px;
    margin-bottom: 50px;
}
.cu-sbmt button {
    padding: 10px 20px;
    background-color: #123752;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    border-radius: 8px;
}
.cu-sbmt button::after {
    content: "\f178";
    font-family: var(--fa);
    padding-left: 20px;
    font-size: 1.2em;
}
.cu-frm-iv {
    display: none;
}
.sh-sec-banner {
    background-image: url(/img/hosting/shared-hosting-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sh-hdr {
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.sh-hdr h1 {
    font-size: 3em;
    font-weight: 700;
    line-height: 1em;
}
.sh-hdr p {
    font-size: 1.5em;
}
.d-band,
.sh-band {
    text-align: center;
    background-color: #111;
    color: #fff;
    font-size: 1.5em;
    padding: 20px;
}
.sh-sec-pkgs {
    background-color: #f2f5fa;
    padding-top: 30px;
}
.sh-sec-pkgs h1 {
    color: #3e80e0;
    font-size: 2.5em;
    text-align: center;
    font-family: var(--nunito);
    font-weight: 900;
    line-height: 1em;
}
.sh-sec-pkgs p {
    width: 90%;
    margin: auto;
    text-align: center;
    font-family: var(--nunito);
}
.sh-pkgs-ctnr {
    width: 85%;
    margin: auto;
}
.sh-pkgs-bx {
    box-shadow: 2px 2px 2px #dadde2, -2px -2px 2px #dadde2;
    margin-top: 50px;
    border-radius: 5px;
    padding: 20px 0 0;
    text-align: center;
    background-color: #f5f9f8;
}
.sh-pkgs-name {
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: 700;
    font-size: 1.5em;
    color: #f8183a;
}
.sh-pkgs-hr {
    border-top: 2px solid #0e0a0b;
    width: 50%;
    margin-top: 1px;
}
.sh-pkgs-img img {
    width: 25%;
    height: auto;
    padding-top: 5px;
}
.sh-pkgs-currency {
    color: #3e80e0;
    margin-top: 10px;
}
.sh-pkgs-currency span:first-child {
    font-size: 1.5em;
    font-family: var(--nunito);
}
.sh-pkgs-currency span:nth-child(2) {
    font-size: 2em;
    font-family: var(--nunito);
    font-weight: 900;
}
.sh-pkgs-currency span:last-child {
    font-size: 1.5em;
    font-family: var(--nunito);
}
.sh-pkgs-orig-price {
    font-size: 0.8em;
    font-style: italic;
    border-radius: 12px;
    border: 1px solid #e32042;
    color: #312f30;
    width: 75%;
    margin: 20px auto auto auto;
}
.sh-pkgs-orig-price span {
    text-decoration: line-through;
    text-decoration-color: #e32042;
}
.sh-pkgs-gst-note {
    font-size: 0.8em;
    margin-top: 10px;
    color: #818584;
}
.sh-pkgs-gst-note span {
    font-size: 0.7em;
    vertical-align: text-bottom;
}
.sh-pkgs-initial-term {
    font-size: 0.8em;
    color: #818584;
    margin-top: -5px;
}
.sh-pkgs-select-btn {
    margin-top: 20px;
}
.sh-pkgs-select-btn a {
    display: inline-block;
    background-color: #9dc608;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 1.1em;
}
.sh-pkgs-first {
    margin-top: 20px;
}
.sh-pkgs-even {
    padding: 5px;
    font-size: 0.8em;
}
.sh-pkgs-odd {
    padding: 5px;
    font-size: 0.8em;
}
.sh-pkgs-odd span:first-child {
    font-weight: 700;
}
.sh-pkgs-even span:first-child {
    font-weight: 700;
}
.sh-pkgs-odd {
    background-color: #e8f1f8;
}
.sh-pkgs-office-mailbox {
    background-color: #3e80e0;
    color: #fff;
    font-size: 0.8em;
    border-radius: 0 0 5px 5px;
}
.sh-pkgs-note {
    margin: 30px auto auto auto;
    font-size: 0.8em;
    text-align: center;
    padding-bottom: 50px;
    width: 90%;
}
.sh-sec-benefits {
    padding-top: 50px;
}
.sh-sec-benefits h1 {
    text-align: center;
    font-size: 2em;
    line-height: 1em;
}
.sh-benefits-ctnr {
    width: 95%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.sh-benefit-bx {
    padding: 10px;
    margin: 20px;
}
.sh-benefit-bx img {
    width: 75px;
    height: auto;
    float: left;
}
.sh-benefit-desc,
.sh-benefit-hdr {
    margin-left: 90px;
}
.sh-benefit-bx::after {
    content: "";
    clear: both;
    display: table;
}
.sh-benefit-hdr {
    color: #147dbe;
    font-size: 1.5em;
    font-weight: 700;
    font-style: italic;
}
.sh-benefit-desc {
    font-size: 0.8em;
    color: #0f0f0f;
    padding-top: 10px;
}
.sh-sec-advanced-plans {
    background-color: #f2f5fa;
}
.sh-sec-advanced-plans h1 {
    text-align: center;
    padding-top: 50px;
    font-size: 2em;
    line-height: 1em;
}
.sh-adv-plans-ctnr {
    width: 90%;
    margin: auto;
}
.sh-adv-plans-bx {
    width: 100%;
    padding: 10px;
    margin: 10px;
}
.sh-adv-plans-bx::after {
    content: "";
    clear: both;
    display: table;
}
.sh-adv-plans-bx img {
    float: left;
    width: 70px;
    height: auto;
}
.sh-adv-pln-desc {
    margin-left: 80px;
}
.sh-adv-pln-hdr {
    margin-left: 80px;
    color: #157cbe;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 700;
}
.sh-adv-pln-desc {
    font-size: 0.8em;
    color: #0f1316;
}
#sh_adv_more {
    display: none;
}
.sh-adv-btn-ctnr {
    text-align: center;
    padding-bottom: 50px;
}
.sh-adv-btn-ctnr a {
    width: 200px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    border: 2px solid #0c4db5;
    margin: 10px;
    border-radius: 5px;
    color: var(--secondary);
}
.sh-adv-btn-ctnr a:hover {
    background-color: #0d4fb0;
    color: #fff;
}
.sh-sec-wish {
    background-color: var(--primary);
}
.sh-wish-desc {
    width: 95%;
}
.sh-wish-img {
    width: 95%;
    text-align: center;
    padding-top: 20px;
}
.sh-wish-img img {
    width: 60%;
    height: auto;
}
.sh-wish-desc {
    padding: 20px;
    color: #fff;
}
.sh-wish-desc h1 {
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
}
.sh-wish-desc a {
    padding: 8px 30px;
    background-color: #fafafa;
    border-radius: 3px;
    margin-top: 20px;
    display: inline-block;
}
.sh-sec-bfm {
    background-color: var(--primary);
    display: flex;
    flex-direction: column-reverse;
}
.sh-bfm-desc {
    width: 95%;
}
.sh-bfm-img {
    width: 95%;
    text-align: center;
}
.sh-bfm-img img {
    width: 60%;
    height: auto;
}
.sh-bfm-desc {
    padding: 20px;
    color: #fff;
}
.sh-bfm-desc h1 {
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 2em;
    text-align: center;
    line-height: 1em;
}
.sh-bfm-desc a {
    padding: 8px 30px;
    background-color: #fafafa;
    border-radius: 3px;
    margin-top: 20px;
    display: inline-block;
}
.sh-sec-ays {
    background-color: #f2f5fa;
    text-align: center;
    padding-top: 50px;
}
.sh-sec-ays h1 {
    font-size: 2em;
    font-family: var(--nunito);
    font-weight: 900;
    color: #383838;
}
.sh-sec-ays p {
    font-size: 1.2em;
    width: 60%;
    margin: auto;
    padding-bottom: 50px;
}
.sh-get-live {
    background-color: #070bce;
    color: #fff;
    padding: 30px;
}
.sh-get-live div:first-child {
    font-size: 2.5em;
    font-family: "Times New Roman", serif;
    border-radius: 3px;
    text-align: center;
    line-height: 1em;
}
.sh-get-live div:last-child {
    text-align: center;
    padding: 20px;
}
.sh-get-live div:last-child a {
    font-size: 1.2em;
    padding: 8px 30px;
    background-color: #f2f5fa;
}
.sh-sec-faq {
    background-color: #f2f5fa;
    padding-top: 50px;
    padding-bottom: 50px;
}
.sh-sec-faq h1 {
    text-align: center;
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 2em;
    color: #383838;
    width: 80%;
    margin: auto;
    line-height: 1em;
}
.sh-faq-ctnr {
    width: 80%;
    margin: auto;
}
.sh-qa {
    border-bottom: 2px solid #383838;
}
.sh-qc,
.sh-qe {
    font-size: 1.5em;
    font-family: var(--nunito);
    font-style: italic;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
}
.sh-qc::after {
    content: "+";
}
.sh-qe::after {
    content: "-";
}
.sh-qc::after,
.sh-qe::after {
    font-size: 1.5em;
    position: absolute;
    right: 0;
}
.sh-a {
    font-size: 1.2em;
    font-family: var(--nunito);
    padding: 10px 20px 10px 0;
    display: none;
}
.sh-247 {
    color: #fff;
    background-color: #111;
    text-align: center;
    padding: 20px;
}
.sh-247 div {
    width: 95%;
}
.sh-247 div:first-child {
    font-size: 2em;
    font-family: var(--nunito);
    color: #fbfbfb;
    line-height: 1em;
}
.sh-247 div:first-child span {
    color: #fff;
    font-family: "Times New Roman", serif;
    font-style: italic;
}
.sh-247 a {
    background-color: #92d202;
    padding: 20px 50px;
    border-radius: 3px;
    color: #fff;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.d-sec-banner {
    background-image: url(/img/domain/domain-banner-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.d-hdr {
    color: #fff;
    padding: 20px;
    width: 90%;
    margin: auto;
}
.d-hdr h1 {
    font-size: 2em;
    font-weight: 700;
}
.d-hdr p {
    font-size: 1.5em;
    font-family: var(--nunito);
    font-weight: 900;
    line-height: 1em;
}
.d-frm-fld {
    padding: 10px;
    font-size: 1.2em;
    border: 0;
    width: 90%;
    margin: 5px;
}
.d-frm-btn {
    padding: 10px;
    font-size: 1.2em;
    background-color: #9fc905;
    border: 0;
    color: #fff;
    width: 90%;
    margin: 5px;
}
.d-hdr div:last-child {
    margin-top: 30px;
    font-size: 2.1em;
    font-family: "Times New Roman", serif;
}
.d-hdr div:last-child span {
    display: inline-block;
    margin: 20px;
}
.d-sec-details {
    padding-top: 50px;
    padding-bottom: 30px;
    background-image: url(/img/domain/3.svg);
    background-position: top right;
    background-size: 60% auto;
    background-repeat: no-repeat;
}
.d-dtl-ctnr {
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
}
.d-dtl-lf,
.d-dtl-rt {
    width: 95%;
}
.d-dtl-img {
    width: 95%;
    text-align: center;
}
.d-dtl-img img {
    width: 90%;
    height: auto;
}
.d-cgd-text h1 {
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.2em;
}
.d-dtl-lf h1 {
    font-family: var(--nunito);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2em;
}
.d-dtl-lf h1 span:first-child {
    display: block;
}
.d-dtl-lf h1 span:nth-child(2) {
    color: #ff6e00;
}
.d-dtl-lf hr {
    border-top: 3px solid #90b3ed;
    width: 75%;
    margin: -20px auto auto 0;
}
.d-dtl-lf h2 {
    color: #3267cd;
}
.d-cgd-text h1 {
    color: #3267cd;
}
.d-desc span {
    margin-left: 10px;
    display: block;
    padding-left: 5px;
}
.d-desc span::before {
    content: "-";
    display: inline-block;
    padding-right: 5px;
    margin-left: -10px;
}
.d-more-btn-ctnr {
    padding-top: 20px;
    text-align: center;
}
.d-more-btn {
    background-color: #ff6e00;
    color: #fff;
    padding: 10px 30px;
}
.d-sec-choose-good-domain {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.d-cgd-img,
.d-cgd-text {
    width: 95%;
    margin: auto;
}
.d-cgd-img {
    text-align: center;
}
.d-cgd-img img {
    width: 50%;
    height: auto;
    margin-top: 100px;
}
.d-cgd-text {
    padding: 10px;
}
.d-cgd-text h1 {
    width: 98%;
    margin: auto;
}
.d-cgd-text p {
    padding-left: 20px;
    font-size: 1.2em;
}
.d-sec-benefits {
    padding-top: 50px;
    padding-bottom: 50px;
}
.d-benefit-ctnr {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: auto;
    flex-direction: column;
}
.d-benefits {
    width: 95%;
    margin: auto;
}
.d-benefits h1 {
    border-bottom: 4px solid #d3d3d3;
    padding-bottom: 20px;
}
.d-benefits h1 span:first-child {
    display: block;
}
.d-benefits h1 span:nth-child(2) {
    color: #2c6edf;
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 2em;
    line-height: 1em;
}
.d-benefits h1 span:last-child {
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 2em;
    line-height: 1em;
    color: #45a4de;
}
.d-benefits hr {
    border-top: 10px solid #45a4de;
    width: 20%;
    margin: -30px auto auto 0;
}
.d-benefits-dsc {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.d-benefits-dsc-hdr {
    width: 80%;
    margin: auto;
}
.d-benefits-dsc-txt {
    width: 95%;
    margin: auto;
}
.d-benefits-dsc-hdr h2 {
    color: #2c6edf;
    font-size: 1em;
    padding: 5px 5px 5px 25px;
    cursor: pointer;
}
.d-benefits-dsc-hdr h2::before {
    content: "\f00c";
    font-family: var(--fa);
    color: var(--secondary);
    margin-left: -22px;
    padding-right: 5px;
}
.d-benefits-dsc-hdr h2.active {
    background-color: #2c6edf;
    color: #fff;
    border-radius: 5px;
}
.d-benefits-dsc-hdr h2.active::before {
    color: #fff;
}
#d_befo,
#d_ebrc,
#d_hser {
    display: none;
}
#d_befo p,
#d_cwya p,
#d_ebrc p,
#d_hser p {
    color: #7c7c7c;
    font-size: 1em;
}
.d-benefit-options {
    width: 98%;
    background-color: #152fff;
    color: #fff;
    padding: 20px;
    margin: auto;
}
.d-benefit-options h1 {
    border-bottom: 4px solid #d3d3d3;
    padding-bottom: 20px;
}
.d-benefit-options h1 span:first-child {
    display: block;
    font-size: 0.9em;
}
.d-benefit-options h1 span:last-child {
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 1.5em;
    line-height: 1em;
}
.d-benefit-options h1 span:nth-child(2) {
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 1.5em;
    line-height: 1em;
    color: #fff325;
}
.d-benefit-options h1 span:last-child {
    color: #f3f3f3;
}
.d-benefit-options hr {
    border-top: 10px solid #f3f3f3;
    width: 20%;
    margin: -30px auto auto 0;
}
.d-options {
    display: flex;
    justify-content: space-around;
    padding-top: 40px;
    text-align: center;
    flex-direction: column;
}
.d-option {
    width: 100px;
    height: 100px;
    background-image: url(/img/domain/option.png);
    background-size: 100% 100%;
    margin: auto;
}
.d-option + div {
    font-weight: 700;
    padding-top: 20px;
    line-height: 1em;
}
.d-sec-features {
    background-image: url(/img/domain/6.svg);
    background-size: 50% auto;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
}
.d-features-ctnr {
    width: 98%;
    margin: auto;
}
.d-features-rt {
    width: 100%;
}
.d-feature-ctnr {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.d-features-dsc-hdr h2 {
    text-align: center;
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 1.8em;
    width: 50%;
    margin: 30px auto 50px;
    padding-bottom: 10px;
    border-bottom: 4px solid #90b3ed;
}
.d-features-dsc-hdr h2 span:nth-child(2) {
    color: #ff6e00;
}
.d-feature-dsc,
.d-feature-hdr {
    text-align: center;
}
.d-feature-icn {
    text-align: center;
    margin-bottom: 20px;
}
.d-feature-icn img {
    width: 50px;
    height: auto;
}
.d-feature-hdr {
    font-weight: 700;
    border-bottom: 1px solid #121212;
    width: 70%;
    margin: auto auto 15px auto;
}
.d-feature-dsc {
    font-size: 0.8em;
    width: 75%;
    line-height: 1em;
    margin: auto;
    color: #161616;
}
.d-sec-reg {
    padding-top: 50px;
    background-image: url(/img/domain/11.png);
    background-position: top right;
    background-size: 30% auto;
    background-repeat: no-repeat;
}
.d-reg-ctnr {
    display: flex;
    width: 95%;
    margin: auto;
    flex-direction: column;
}
.d-reg-ctnr > div {
    width: 95%;
    margin: auto;
}
.d-reg-img {
    text-align: center;
}
.d-reg-img img {
    width: 80%;
    height: auto;
}
.d-reg-txt h1 {
    color: #3e80e0;
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 2em;
    line-height: 1em;
}
.d-reg-txt p {
    font-family: var(--nunito);
}
.d-faq-ctnr {
    width: 95%;
    margin: auto;
    padding-top: 50px;
}
.d-faq-ctnr h2 {
    text-align: center;
    font-size: 2em;
}
.d-faq-bx {
    border-bottom: 1px solid #555958;
    padding: 30px 0;
}
.d-faq-bx.active {
    border-top: 4px solid #ff7000;
    background-color: #e5e9e8;
    padding: 30px;
}
.d-faq-bx.active .d-faq-q {
    font-size: 1.5em;
    color: #3e80e0;
    font-family: var(--nunito);
    font-weight: 700;
}
.d-faq-first {
    border-top: 1px solid #555958;
}
.d-faq-q {
    position: relative;
    cursor: pointer;
    font-size: 1.5em;
}
.d-faq-q::after {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 1.5em;
}
.d-faq-bx.active .d-faq-q::after {
    content: "-";
    position: absolute;
    right: -20px;
    color: #000;
    font-size: 1em;
}
.d-faq-a {
    display: none;
}
.d-faq-bx.active .d-faq-a {
    display: block;
}
.vps-sec-banner {
    background-image: url(/img/vps-hosting/vps-hosting-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.vps-band {
    text-align: center;
    background-color: #111;
    color: #fff;
    font-size: 1.5em;
    padding: 20px;
}
.vps-sec-packages {
    background-color: #f2f5fa;
    padding-top: 50px;
}
.vps-sec-packages h1 {
    text-align: center;
    color: #0d65e3;
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 2em;
    line-height: 1em;
}
.vps-sec-packages p {
    text-align: center;
    font-size: 1.2em;
}
.vps-pkgs-ctnr {
    width: 95%;
    padding-top: 30px;
    margin: auto;
}
.vps-pkg-bx,
.vps-pkg-lbls {
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 2px 2px 2px #ccc, -2px -2px 2px #ccc;
}
.pc,
.vps-pkg-lbls {
    display: none;
}
.vps-pkg-lbl-hdr {
    font-size: 2.5em;
    font-weight: 700;
    padding: 20px;
    line-height: 1em;
    margin-bottom: 10px;
}
.vps-pkg-bx {
    padding: 0;
    border-radius: 20px;
    text-align: center;
}
.vps-color-power {
    background-color: #81a601;
}
.vps-color-pristige {
    background-color: #f83351;
}
.vps-color-pinnicle {
    background-color: #027fff;
}
.vps-pkg-name {
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 2em;
    padding-top: 30px;
    width: 85%;
    margin: -30px auto auto auto;
    border-radius: 20px 20px 0 0;
    color: #fff;
}
.vps-pkg-price {
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 2.5em;
    line-height: 1.5em;
    width: 85%;
    margin: auto;
    color: #fff;
}
.vps-pkg-price span:last-child {
    font-size: 0.6em;
    font-family: "Times New Roman", serif;
    vertical-align: super;
    font-weight: 700;
}
.vps-pkg-orig-price {
    border-radius: 0 0 50% 50%;
    width: 85%;
    padding: 20px;
    margin: auto;
    color: #fff;
    font-size: 0.9em;
    font-weight: 700;
}
.vps-itm-lbl {
    width: 90%;
}
.vps-pkg-spec {
    width: 70%;
    color: #161616;
    margin: auto;
    font-size: 1.2em;
    font-weight: 700;
    border-bottom: 1px solid #a7a7a7;
    padding-top: 20px;
    padding-bottom: 20px;
}
.vps-itm-lbl {
    margin: auto;
    font-size: 1.2em;
    font-weight: 700;
    border-bottom: 1px solid #a7a7a7;
    padding-top: 20px;
    padding-bottom: 20px;
}
.vps-pkg-order {
    padding-bottom: 20px;
    margin: auto;
    font-size: 1.2em;
    font-weight: 700;
    padding-top: 20px;
}
.vps-pkg-order a {
    background-color: #a19b9d;
    display: inline-block;
    color: #fff;
    padding: 8px 25px;
    border-radius: 20px;
}
.vps-pkg-order a:hover {
    background-color: #027fff;
}
.vps-pkg-brdr {
    border-radius: 0 0 20px 20px;
}
.vps-hg-ctnr {
    width: 90%;
    text-align: center;
    margin: auto;
}
.vps-hg-ctnr > div {
    font-size: 1.2em;
    color: #afafaf;
    text-align: center;
    padding: 10px;
    margin-top: 30px;
    font-weight: 700;
}
.vps-hg-ctnr > div:hover {
    color: #027fff;
}
.vps-wcv-ctnr {
    width: 80%;
    margin: auto;
    padding-top: 30px;
}
.vps-wcv-ctnr h1,
.vps-wcv-ctnr p {
    text-align: center;
}
.vps-wcv-ctnr h1 {
    color: #0d65e3;
    font-size: 2.3em;
    font-family: var(--nunito);
    font-weight: 700;
    line-height: 1em;
}
.vps-wcv-ctnr p {
    color: #3c4145;
    font-size: 1.2em;
}
.vps-wcv-rsns {
    margin-top: 50px;
}
.vps-wcv-rsns-img {
    float: left;
}
.vps-wcv-rsns-img img {
    width: 80px;
    height: auto;
}
.vps-wcv-rsns h2,
.vps-wcv-rsns p {
    margin-left: 90px;
    text-align: left;
}
.vps-wcv-rsns h2 {
    color: #147dbe;
    font-style: italic;
}
.vps-wcv-rsns p {
    font-size: 0.8em;
    line-height: 1.5em;
}
.vps-sec-fastest {
    background-color: #f2f5fa;
    padding-top: 50px;
}
.vps-sec-fastest-ctnr {
    width: 80%;
    margin: auto;
}
.vps-sec-fastest-ctnr h1 {
    font-size: 1.8em;
    font-family: var(--nunito);
    font-weight: 700;
    line-height: 1em;
}
.vps-sec-fastest-ctnr p {
    font-family: var(--nunito);
}
.vps-fast-cpanel-ctnr {
    text-align: center;
    margin-top: 50px;
}
.vps-fcc-img img {
    width: 20%;
}
.vps-fcc-txt {
    font-size: 0.8em;
}
.vps-band3 {
    background-color: #1427cb;
    color: #fff;
}
.vps-band3-ctnr {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.vps-band3-ctnr div:first-child {
    font-size: 1.5em;
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
}
.vps-band3-ctnr div:last-child {
    text-align: center;
}
.vps-band3-ctnr a {
    background-color: #fff;
    color: #3c82de;
    padding: 10px 30px;
    border-radius: 10px;
}
.vps-sec-experience-us {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.vps-sec-fastest-desc {
    font-family: var(--nunito);
}
.vps-sec-experience-us h1 {
    color: #0d65e3;
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 2.2em;
    line-height: 1em;
}
.vps-exp-ctnr {
    width: 80%;
    margin: auto;
}
.vps-exp-ctnr > div {
    padding: 0;
}
.vps-exp-ctnr img {
    width: 30%;
    height: auto;
}
.vps-exp-ctnr h2 {
    font-size: 1.3em;
}
.vps-exp-ctnr p {
    font-size: 0.8em;
    line-height: 1.5em;
}
.vps-sec-developer-friendly {
    background-color: #f2f5fa;
    padding-top: 50px;
    padding-bottom: 50px;
}
.vps-dev-ctnr {
    width: 80%;
    margin: auto;
}
.vps-dev-ctnr h1 {
    text-align: center;
}
.vps-dev-desc {
    text-align: center;
}
.vps-dev-ctnr h1 {
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 2.2em;
    color: #383838;
}
.vps-dev-ctnr p {
    font-family: var(--nunito);
}
.vps-dev-fs-ctnr {
    padding-top: 30px;
}
.vps-dev-fs-bx {
    border-bottom: 2px solid #ccc;
}
.vps-dev-fs-first {
    border-top: 2px solid #ccc;
}
.vps-dev-fs-bx.active {
    background-color: #fff;
    padding: 0 20px;
    border: 2px solid #ccc;
}
.vps-dev-hdr {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.5em;
    font-family: var(--nunito);
    font-style: italic;
    position: relative;
    cursor: pointer;
}
.vps-dev-hdr::after {
    content: "+";
    position: absolute;
    right: 0;
    font-family: var(--nunito);
    font-size: 1.1em;
}
.vps-dev-fs-bx.active .vps-dev-hdr::after {
    content: "-";
}
.vps-dev-a {
    display: none;
}
.vps-dev-fs-bx.active .vps-dev-a {
    display: block;
}
.vps-band2 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.vps-band2-ctnr {
    width: 80%;
    margin: auto;
}
.vps-band2-ctnr div {
    border: 2px solid #ccc;
    position: relative;
    padding: 20px;
    font-size: 1.5em;
    font-family: var(--nunito);
    border-radius: 5px;
}
.vps-band2-ctnr div::after {
    content: "+";
    position: absolute;
    right: 20px;
    font-family: var(--nunito);
}
.svc-anim-ctnr {
    width: 100%;
    height: 70vh;
}
.svc-services-ctnr {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.svc-svc1,
.svc-svc10,
.svc-svc11,
.svc-svc12,
.svc-svc2,
.svc-svc3,
.svc-svc4,
.svc-svc5,
.svc-svc6,
.svc-svc7,
.svc-svc8,
.svc-svc9 {
    position: absolute;
}
.svc-svc1 {
    width: 100%;
    height: 100%;
}
.svc-svc1 img {
    width: 100%;
    height: 100%;
}
.svc-svc2 {
    height: 50%;
    width: auto;
    right: 0;
    bottom: -60px;
    animation: svcanim2 1s ease-in-out;
}
.svc-svc2 img {
    height: 100%;
    width: auto;
}
.svc-svc3 {
    right: 600px;
    top: 100px;
    animation: svcanim3 1s ease-in-out;
}
.svc-svc3 img {
    width: 120px;
    height: auto;
}
.svc-svc4 {
    right: 630px;
    top: 230px;
    animation: svcanim4 1s ease-in-out;
}
.svc-svc4 img {
    width: 120px;
    height: auto;
}
.svc-svc5 {
    top: 230px;
    right: 500px;
    animation: svcanim5 1s ease-in-out;
}
.svc-svc5 img {
    width: 120px;
    height: auto;
}
.svc-svc6 {
    top: 180px;
    right: 580px;
    animation: svcanim6 1s ease-in-out;
}
.svc-svc6 img {
    width: 100px;
    height: auto;
}
.svc-svc7 {
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: svcanim7 1s ease-in-out;
}
.svc-svc7 img {
    width: 150px;
    height: auto;
}
.svc-svc8 {
    top: 190px;
    right: 460px;
    animation: svcanim8 1s ease-in-out;
}
.svc-svc8 img {
    width: 80px;
    height: auto;
}
.svc-svc9 {
    bottom: 0;
    right: 35%;
    animation: svcanim9 1s ease-in-out;
}
.svc-svc9 img {
    width: 50%;
    height: auto;
}
.svc-svc10 {
    bottom: 10%;
    right: 50%;
    animation: svcanim10 1s ease-in-out;
}
.svc-svc10 img {
    width: 100px;
    height: auto;
}
.svc-svc11,
.svc-svc12 {
    color: #fff;
}
.svc-svc11 {
    left: 0;
    width: 100%;
    text-align: center;
    top: 10px;
    animation: svcanim11 1s ease-in-out;
}
.svc-svc11 h1 {
    font-size: 2.5em;
    font-family: var(--nunito);
    font-weight: 700;
    line-height: 1.2em;
}
.svc-svc12 {
    left: 0;
    top: 80px;
    width: 100%;
    text-align: center;
    animation: svcanim12 1s ease-in-out;
}
.svc-svc12 p {
    font-size: 1.2em;
}
@keyframes svcanim2 {
    0% {
        right: -100px;
        bottom: -200px;
    }
    100% {
        right: 0;
        bottom: -60px;
    }
}
@keyframes svcanim3 {
    0% {
        right: 100%;
    }
    100% {
        right: 600px;
    }
}
@keyframes svcanim4 {
    0% {
        right: 0;
        top: 0;
    }
    100% {
        right: 630px;
        top: 230px;
    }
}
@keyframes svcanim5 {
    0% {
        top: 100%;
    }
    100% {
        top: 230px;
        right: 500px;
    }
}
@keyframes svcanim6 {
    0% {
        top: 0;
    }
    100% {
        top: 180px;
        right: 580px;
    }
}
@keyframes svcanim7 {
    0% {
        left: 100%;
    }
    100% {
        bottom: 0;
        left: 0;
    }
}
@keyframes svcanim8 {
    0% {
        top: 100%;
        right: 100%;
    }
    100% {
        top: 190px;
        right: 460px;
    }
}
@keyframes svcanim9 {
    0% {
        bottom: 100%;
        right: 600px;
    }
    100% {
        bottom: 0;
        right: 35%;
    }
}
@keyframes svcanim10 {
    0% {
        bottom: 100%;
        right: 350px;
    }
    100% {
        bottom: 10%;
        right: 50%;
    }
}
@keyframes svcanim11 {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
        top: 10px;
    }
}
@keyframes svcanim12 {
    0% {
        width: 100%;
        left: 0;
        top: 100%;
    }
    100% {
        left: 0;
        top: 80px;
    }
}
.au-anim-ctnr {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.au-anim1,
.au-anim2,
.au-anim3,
.au-anim4,
.au-anim5,
.au-anim6,
.au-anim7,
.au-anim8 {
    position: absolute;
    overflow: hidden;
}
.au-anim1 {
    width: 100%;
    height: 100%;
}
.au-anim1 img {
    width: 100%;
    height: 100%;
}
.au-anim2 {
    right: 30%;
    bottom: -10px;
    animation: auanim2 1s ease-in-out;
}
.au-anim2 img {
    width: 150px;
    height: auto;
}
.au-anim3,
.au-anim4,
.au-anim5 {
    display: none;
}
.au-anim6 {
    font-size: 3.2em;
    font-family: var(--nunito);
    font-weight: 700;
    line-height: 1.2em;
    color: #fff;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    animation: auanim6 1s ease-in-out;
}
.au-anim7 {
    font-size: 1.2em;
    top: 50px;
    left: 0;
    width: 95%;
    text-align: center;
    margin: auto;
    color: #fff;
    padding-top: 20px;
    animation: auanim7 1s ease-in-out;
}
@keyframes auanim2 {
    0% {
        right: -200px;
    }
    100% {
        right: 30%;
        bottom: -10px;
    }
}
@keyframes auanim6 {
    0% {
        top: -250px;
    }
    100% {
        left: 0;
        top: 10px;
    }
}
@keyframes auanim7 {
    0% {
        top: 100%;
        left: -500px;
    }
    100% {
        top: 50px;
        left: 0;
    }
}
.terms {
    width: 90%;
    margin: auto;
}
.terms h1 {
    text-align: center;
}
ol.top-level {
    counter-reset: top-item;
}
ol.second-level {
    counter-reset: child-item;
}
ol.second-level > li {
    display: block;
    position: relative;
}
ol.top-level > li {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 1.2em;
}
ol.top-level > li:before {
    content: counters(top-item, ".") ".";
    counter-increment: top-item;
}
ol.top-level > li::before {
    position: absolute;
    margin-right: 100%;
    right: 10px;
}
ol.second-level > li::before {
    position: absolute;
    margin-right: 100%;
    right: 10px;
    content: counters(top-item, ".") "." counters(child-item, ".") ".";
    counter-increment: child-item;
}
ol.third-level {
    list-style-type: lower-alpha;
}
ol.forth-level {
    list-style-type: lower-roman;
}
.gh-bdy {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
}
.gh-left-pan {
    padding: 20px;
}
.gh-cust-details-bx,
.gh-pkg-bx {
    border: 1px solid #a3a3a3;
    border-radius: 12px;
    padding: 20px;
}
.gh-pkg-name {
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1em;
}
.gh-pkg-details,
.gh-pkgs-totals {
    font-size: 1.2em;
}
.gh-pkg-gst,
.gh-pkg-subtotal,
.gh-pkg-total {
    display: flex;
    justify-content: space-between;
}
.gh-pkg-gst > div:last-child,
.gh-pkg-subtotal > div:last-child {
    text-align: right;
}
.gh-pkg-total {
    font-size: 1.5em;
    font-weight: 700;
}
.gh-pkg-total > div:last-child {
    text-align: right;
}
.gh-change-plan-ctnr {
    text-align: center;
    padding-top: 20px;
}
.gh-change-plan-ctnr a {
    background-color: var(--primary);
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    padding: 5px 20px;
    border-radius: 8px;
}
#k_checkout_button {
    font-size: 1.2em;
    padding: 10px 20px;
    color: #fff;
    background-color: var(--primary);
    margin-top: 10px;
    border-radius: 5px;
    border: 0;
}
#k_checkout_button::after {
    content: "\f101";
    font-family: var(--fa);
    padding-left: 15px;
}
#k_checkout_button span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    background-image: url(/img/loading.png);
    background-size: 100% 100%;
    background-position: 0 0;
    animation: animRotate 1s linear infinite;
}
.gh-right-pan {
    padding: 20px;
}
.gh-rw {
    display: flex;
    justify-content: space-between;
}
.gh-rw > div {
    width: 49%;
}
.m10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.gh-cust-details-bx input[type="email"],
.gh-cust-details-bx input[type="text"] {
    width: 100%;
    font-size: 1.2em;
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
}
.gh-cust-details-bx select {
    width: 100%;
    font-size: 1.2em;
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    appearance: initial;
    background-color: #fff;
}
.btn-next-ctnr {
    padding-top: 20px;
    text-align: right;
}
.btn-next-ctnr > a,
.btn-next-ctnr > button {
    padding: 5px 20px;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    font-size: 1.2em;
}
.gh-cust-payment-ctnr {
    display: none;
}
.securepay-ui-iframe {
    border: none !important;
}
.chp-ctnr {
    padding: 50px;
    width: 50%;
    margin: auto;
}
.chp-ctnr .row > div:first-child {
    width: 20%;
}
.chp-ctnr .row > div:last-child {
    width: 80%;
}
.chp-ctnr .row > div:last-child input {
    width: 100%;
}
.ty-ctnr {
    width: 90%;
    margin: auto;
}
.welcome-info {
    text-align: center;
    margin-bottom: 20px;
}
.welcome-info > div {
    background-color: #ccc;
    padding: 10px;
}
.ty-form .row div:first-child {
    width: 95%;
}
.ty-form .row div:last-child {
    width: 95%;
}
.ty-form .row div:last-child input,
.ty-form .row div:last-child select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px dotted #ccc;
    background-color: inherit;
}
.ty-form .btn-active {
    padding: 10px 30px;
    border: 0;
    margin-bottom: 50px;
}
@keyframes animRotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.rh-sec-banner {
    background-image: url(/img/resellers/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 80px;
}
.rh-hdr {
    padding-top: 80px;
    text-align: center;
    color: #fff;
}
.rh-hdr h1 {
    font-family: var(--nunito);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 4em;
    line-height: 1em;
}
.rh-hdr p {
    font-size: 1.3em;
}
.home-slider {
    display: none;
}
.mob-slider {
    overflow: hidden;
    position: relative;
    height: 550px;
}
.mob-slider > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    transition: left 2s;
}
.mob-slider > div:first-child {
    left: 0;
}
.mob-slider > div img {
    width: 100%;
    height: 100%;
}
.home-quote-section {
    background-image: url(../img/home/quote-bg.webp);
    background-position: center 3%;
    background-size: 92% auto;
    background-repeat: no-repeat;
    background-color: var(--primary);
    padding: 20px;
    color: #fff;
}
.quote-form {
    width: 100%;
    padding-top: 266px;
}
.quote-form .quote-rw {
    justify-content: space-between;
    display: flex;
    padding: 5px 0;
}
.quote-form .quote-rw > div {
    width: 49%;
}
.quote-form h2 {
    font-size: 2.5em;
    text-align: center;
    font-family: var(--nunito);
    font-weight: 900;
}
.quote-form h5 {
    font-size: 2.5em;
    text-align: center;
    font-family: var(--nunito);
    font-weight: 900;
    margin: 40px 0;
}
.quote-form input,
.quote-form textarea {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    outline: 0;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}
.quote-form input::placeholder,
.quote-form textarea::placeholder {
    color: #ccc;
}
.quote-form .quote-form-txt {
    font-weight: 700;
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 30px;
}
.quote-form .sec-quote-hr {
    width: 50%;
    margin: -20px auto 10px;
    border: 0;
    border-top: 3px solid var(--secondary);
}
.quote-form button {
    background-color: #ff4e00;
    border-radius: 20px;
    color: #fff;
    padding: 5px 20px;
    font-weight: 700;
    font-size: 1.2em;
    border: 0;
}
.center {
    text-align: center;
}
.digi-mr {
    background: #d7e9fb;
    background-size: auto;
    background-position: center;
    padding-top: 23px;
    padding-bottom: 23px;
}
.digi-cm {
    align-items: center;
}
.digi-cm-lft {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}
.digi-cnt h3 {
    font-family: var(--nunito);
    font-weight: 900;
    color: #ff4e00;
}
.digi-cm-lft .rd-m a {
    background: #1e3ec7;
    color: #fff;
    padding: 5px 23px;
    border-radius: 4px;
    border-bottom: 4px solid #067ff0;
}
.digi-img-sec img {
    width: 100%;
}
.digi-cm-ryts {
    text-align: right;
}
.digi-hed {
    align-items: center;
    justify-content: flex-end;
}
.digi-hed > div:nth-child(1) {
    margin-right: auto;
    margin-bottom: 13px;
}
.digi-hed > div:nth-child(2) {
    margin-bottom: 13px;
    text-align: center;
}
.digi-hed > div:nth-child(2) a {
    background-color: #f33729;
    padding: 6px 20px;
    color: #fff;
    border-radius: 27px;
    font-size: 23px;
    font-family: var(--nunito);
    font-weight: 900;
}
.new-digi {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    position: fixed;
    z-index: 5;
    display: none;
}
.digitl {
    width: 90%;
    margin: 100px auto;
    padding: 20px;
    background-color: #fff;
    position: relative;
}
.digi-hed > div img,
.digi-banner img {
    width: 100%;
}
.digi-ne-hed h2 {
    font-family: var(--nunito);
    font-weight: 900;
}
.digi-bnr {
    background-color: #240391;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 20px;
    padding-bottom: 10px;
}
.digi-mn {
    align-items: center;
    width: 100%;
    margin: auto;
}
.digi-mn-lft {
    width: 100%;
}
.digi-mn-lft img {
    width: 100%;
}
.digi-mrt {
    margin: auto;
    align-items: center;
}
.digi-lfts {
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
}
.digi-lfts img {
    width: 100%;
}
.digi-flow {
    background: #240391;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 20px;
}
.digi-flw {
    align-items: center;
    width: 100%;
    margin: auto;
    color: #fff;
    padding-top: 12px;
}
.digi-flw-lft {
    width: 100%;
    margin-right: 10px;
}
.digi-flw-lft img {
    width: 90%;
}
.web-new {
    width: 90%;
    margin: auto;
    background-color: #fff;
}
.web-des-lft {
    width: 100%;
}
.web-des-lft h2 {
    font-family: var(--nunito);
    font-weight: 900;
    font-size: 28px;
}
.web-des-lft ul {
    padding-left: 2px;
}
.web-des-lft ul li {
    list-style: none;
}
.web-des-lft img {
    width: 70%;
}
.web-dev {
    background-color: #240391;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 20px;
}
.web-lft {
    width: 100%;
}
.web-lft h2 {
    font-family: var(--nunito);
    font-weight: 900;
}
.web-lft img {
    width: 70%;
}
.web-ds img {
    width: 100%;
}
.wrd-prs {
    align-items: center;
}
.wrd-p-lft {
    width: 100%;
}
.wrd-p-lft h2 {
    font-family: var(--nunito);
    font-weight: 900;
}
.wrd-p-lft img {
    width: 100%;
}
.web-adr {
    background-color: #240391;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 20px;
}
.web-add-lft {
    width: 100%;
}
.web-mob-img {
    width: 90%;
    margin: auto;
    text-align: center;
}
.web-mob-img img {
    width: 80%;
    margin: auto;
}
.web-mob {
    margin-top: 12px;
}
.web-mob-img h2 {
    font-family: var(--nunito);
    font-weight: 900;
}
.web-new {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    position: fixed;
    z-index: 5;
    display: none;
}
.close-btns {
    position: absolute;
    top: -18px;
    width: 35px;
    right: 0;
    background: #fff7f7;
    border-radius: 40px;
    border: 1px solid #000;
    padding: 3px;
}
.close-btns:after {
    content: "\f00d";
    font-family: var(--fa);
    font-size: 24px;
    color: #000;
    cursor: pointer;
}
.web-add-lft ul {
    padding-left: 2px;
}
.web-add-lft ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 2px;
    margin-right: 5px;
}
.web-lft ul {
    padding-left: 2px;
}
.web-add-lft ul li {
    list-style: none;
}
.web-lft ul li {
    list-style: none;
}
.web-lft ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 2px;
    margin-right: 5px;
}
.ftr-social.linkedin::after {
    content: "\f08c";
}
.ftr-social.youtube::after {
    content: "\f167";
}
.ftr-social.blogspot::after {
    content: "\f37c";
}
.ftr-social.linkedin::after {
    content: "\f08c";
    font-size: 28px;
}
.ftr-social.youtube::after {
    content: "\f167";
    font-size: 28px;
}
.ftr-social.blogspot::after {
    content: "\f37c";
}
.ftr-lnks a i {
    font-size: 32px;
}
.blog-p a {
    color: blue;
    font-weight: bolder;
}
.blog-ctnr {
    padding: 20px;
}
.kepler-flx {
    width: 100%;
    margin-left: 6px;
    margin-right: 6px;
    color: #fff;
}
.kepler-flx a {
    color: #fff;
}
.kepler-flx b {
    font-size: 23px;
}
.kepler-ftr-tilte {
    position: relative;
    padding-bottom: 6px;
}
.kepler-ftr-tilte::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.kepler-ftr-tilte::after {
    content: "";
    position: absolute;
    top: 98%;
    left: 0;
    width: 63%;
    background: #fff;
    height: 3px;
}
.keper-nw-for {
    padding: 10px;
}
.kep-f-uls {
    padding-left: 0;
}
.kep-f-uls li {
    padding-left: 25px;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}
.kep-f-uls .kep-f-ul li {
    margin-bottom: 10px;
    list-style: none;
}
.kep-f-ul {
    padding-left: 0;
}
.kep-f-uls li i {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 15px;
    color: #fff;
}
.kep-f-ul li {
    list-style: none;
    margin-bottom: 10px;
}
.ftr-cprts {
    text-align: center;
    background-color: #333;
    color: #fff;
    padding: 6px;
}
.ftr-cprts a {
    color: #fff;
}
.portfolio {
    background-image: url(../img/portfolio/bn-mob.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 23px;
    padding-bottom: 23px;
    overflow: hidden;
    height: 500px;
}
.port-mr {
    width: 90%;
    margin: auto;
}
.port-left {
    width: 100%;
    position: relative;
}
.port-img img {
    width: 100%;
}
.au-anim44 {
    position: absolute;
    overflow: hidden;
    left: 10px;
    animation: auanim44 2s ease-in-out;
}
@keyframes auanim44 {
    0% {
        left: -100px;
    }
    100% {
        left: 10px;
    }
}
.port-txt {
    position: absolute;
    overflow: hidden;
    right: 10px;
    animation: txtsw 4s ease-in-out;
    text-align: left;
}
@keyframes txtsw {
    0% {
        right: -300px;
    }
    100% {
        right: 10px;
    }
}
.port-txt h4 {
    margin: 0;
    color: #fff;
    font-size: 23px;
}
.port-txt h1 {
    font-size: 45px;
    color: #fff;
    line-height: 56px;
    margin: 0;
}
.port-ryt {
    width: 100%;
    position: relative;
    text-align: center;
}
.portfolio-nw {
    background-image: url(../img/portfolio/bg-01.svg);
    background-size: cover;
    background-position: center;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-bottom: 53px;
}
.p-wave h3 {
    font-size: 43px;
    margin: 0;
}
.p-wave p {
    margin-top: 20px;
}
.buyer-flx,
.port-green {
    align-items: center;
}
.buyer-cnt h3,
.port-grn-cnt h3 {
    color: #fe330a;
    font-size: 35px;
    line-height: 45px;
    margin: 0;
}
.buyer-lft,
.port-grn-lft {
    width: 100%;
    position: relative;
    margin-top: 19px;
}
.buyer-blu img {
    width: 100%;
}
.buyer-blu-img {
    position: absolute;
    top: 60px;
    text-align: center;
}
.buyer-blu-img img {
    width: 90%;
    margin: auto;
}
.port-bg {
    background-color: #dee6ff;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
.port-grn-lfts {
    position: relative;
    margin-top: 10px;
}
.buyer-blu-imgs {
    position: absolute;
    top: 60px;
    text-align: center;
}
.buyer-blu-imgs img {
    width: 90%;
    margin: auto;
}
.port-grn-ryt {
    width: 90%;
    margin: auto;
}
.port-bgs {
    overflow: hidden;
    padding-bottom: 20px;
}
.yes-local img {
    width: 80%;
}
.yes-local {
    text-align: right;
    display: none;
}
.port-ezy {
    background-color: #dee6ff;
    overflow: hidden;
}
.ezy-lft {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
.ezy-lft img {
    width: 100%;
}
.ezy-nw-cnt {
    width: 100%;
}
.ezy-nw-cnt h3 {
    color: #fe330a;
    font-size: 35px;
    line-height: 45px;
    margin: 0;
}
.prt-btn a {
    position: relative;
    padding: 10px 20px;
    border: none;
    background: none;
    cursor: pointer;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    background-color: #4240e1;
    box-shadow: 2px 2px 12px 2px #a1a1a1;
    border-radius: 4px;
    z-index: 0;
    overflow: hidden;
}
.prt-btn a:focus {
    outline-color: transparent;
    box-shadow: 2px 2px 12px 2px #333;
}
.right::after,
.prt-btn a::after {
    display: block;
    position: absolute;
    white-space: nowrap;
    padding: 40px 40px;
    pointer-events: none;
}
.prt-btn a::after {
    font-weight: 200;
    top: -30px;
    left: -20px;
}
.right,
.left {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.left {
    right: 66%;
}
.prt-btn a:hover .right::after {
    transform: translate(0, -47%) rotate(0deg);
}
.prt-btn a .right:hover::after {
    transform: translate(0, -50%) rotate(-7deg);
}
.prt-btn a .left:hover ~ .right::after {
    transform: translate(0, -50%) rotate(7deg);
}
.prt-btn a::before {
    content: "";
    pointer-events: none;
    opacity: 0.9;
    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #3baade 3px, #3baade 4px, transparent 4px), radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #3baade 3px, #3baade 4px, transparent 4px),
        radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #3baade 3px, #3baade 4px, transparent 4px), radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #3baade 3px, #3baade 4px, transparent 4px),
        radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #3baade 3px, #3baade 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #3baade 3px, #3baade 4px, transparent 4px),
        radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #3baade 5px, #3baade 6px, transparent 6px);
    width: 100%;
    height: 100%;
    top: 19px;
    left: 0;
    position: absolute;
    animation: bubbles 5s linear infinite both;
}
@keyframes bubbles {
    from {
        transform: translate();
    }
    to {
        transform: translate(0, -66.666%);
    }
}
.port-nw h1,
.port-nw h4 {
    margin: 0;
    margin-top: 7px;
    color: #fff;
}
.port-nw h4 {
    font-size: 20px;
}
.port-nw h1 {
    line-height: 50px;
    font-size: 37px;
}
.f-bl img {
    width: 100%;
}
.port-car-buyer {
    overflow: hidden;
}
.ezy-flx {
    padding: 20px;
}
.port-green {
    display: flex;
    flex-direction: column-reverse;
}
.n-grn {
    display: inline-block;
}
.buyer-mb {
    display: flex;
    flex-direction: column-reverse;
}
.port-dlx {
    margin-top: 83px;
}
.in-clr {
    background-color: #3840f7;
    padding-top: 22px;
    padding-bottom: 72px;
    overflow: hidden;
}
.in-hed {
    text-align: center;
    color: #fff;
    line-height: 39px;
}
.in-hed h1 {
    font-weight: 100;
    text-transform: uppercase;
}
.in-hed b {
    color: #fdf53f;
}
.in-clr-nw {
    background-color: #dceafe;
    padding-top: 19px;
    overflow: hidden;
    padding-bottom: 19px;
}
.in-serv {
    width: 80%;
    margin: auto;
}
.in-ser-lf {
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 13px;
    box-shadow: 2px 2px 12px 3px #d4d4d4;
    position: relative;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    margin-bottom: 52px;
}
.in-ser-lf p {
    margin: 3px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
.in-imgs img {
    width: 64%;
}
.in-flx {
    margin-top: 53px;
}
.in-flxs {
    margin-top: 50px;
}
.web-dev-flx {
    align-items: center;
    background-color: #4471e8;
    margin-top: 10px;
    border-radius: 9px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 10px;
}
.web-dev-f {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.web-dev-f img {
    width: 70%;
}
.web-devp-cnt {
    width: 100%;
    text-align: center;
}
.web-devp-cnt h2 {
    font-weight: 100;
}
.web-devp-cnt b {
    color: #fdf53f;
}
.web-hf a {
    background-color: #fff;
    padding: 4px 23px;
    border-radius: 16px;
}
.who-flx {
    align-items: center;
}
.who-lft {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
}
.who-cnt-sec h3 {
    background: -webkit-linear-gradient(#3fbef5, #4471e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    margin: 3px;
    text-transform: uppercase;
}
.read-btn a {
    background-color: #333;
    color: #fff;
    padding: 5px 23px;
    border-radius: 23px;
}
.who-we-are {
    margin-top: 20px;
    overflow: hidden;
}
.who-ryt {
    width: 100%;
}
.who-ryt img {
    width: 100%;
}
.web-devp-cnts {
    text-align: center;
    width: 100%;
}
.web-devp-cnts h2 {
    font-weight: 100;
}
.web-devp-cnts b {
    color: #ffe600;
}
.nw-flx {
    align-items: center;
}
.nw-lft-sec {
    width: 100%;
    margin-top: 10px;
}
.nw-lft-sec img {
    width: 100%;
}
.nw-ryt-sec {
    width: 90%;
    margin: auto;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
}
.nw-ryt-cnts h3 {
    background: -webkit-linear-gradient(#3fbef5, #4471e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    margin: 3px;
    text-transform: uppercase;
    line-height: 34px;
}
.nw-ul div ul li {
    list-style: none;
    position: relative;
    margin-bottom: 6px;
}
.nw-ul div {
    margin-top: 10px;
}
.nw-ul div ul {
    margin-top: 0;
    margin-bottom: 0;
}
.nw-ul div ul li:before {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/home-nw/arw.png);
    background-size: cover;
    position: absolute;
    left: -24px;
    top: 5px;
}
.web-devp-cntts {
    text-align: center;
    width: 100%;
}
.web-devp-cntts h2 {
    font-weight: 100;
}
.web-devp-cntts b {
    color: #ffe600;
}
.exper-lft {
    width: 100%;
}
.exper-div {
    display: flex;
    cursor: pointer;
    align-items: center;
    margin-top: 9px;
    margin-bottom: 9px;
    background-color: #fff;
    box-shadow: 2px 2px 12px 2px #ccc8c8;
    padding: 3px;
    border-radius: 8px;
}
.exper-div div:nth-child(1) {
    width: 30%;
    text-align: center;
}
.exper-div div:nth-child(1) img {
    width: 60%;
}
.exper-div:hover {
    background-color: #4471e8;
}
.exper-div:hover .exp-cnt {
    color: #fff;
}
.exper-cntr {
    width: 100%;
}
.ecpr-nw-cnts {
    width: 99%;
    margin: auto;
    height: 354px;
    margin-top: 36px;
    overflow: auto;
    padding: 9px;
    background: #fff;
    border: 12px solid #000;
    border-radius: 12px;
    padding: 10px;
    position: relative;
    z-index: 1;
}
.expr-cntr {
    position: relative;
}
.expr-cntr:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    border: 2px solid #a09c9c;
    border-radius: 12px;
}
.ecpr-nw-cnts {
    text-align: left;
}
.ecpr-nw-cnts h3 {
    font-size: 20px;
    line-height: 33px;
    margin: 0;
    color: #4471e8;
    text-transform: uppercase;
    text-align: center;
}
.ecpr-nw-cnts p {
    margin-top: 4px;
}
.w-expr {
    background-image: linear-gradient(to bottom, #dceafe 30%, #4471e8 30%);
    background-position: 10% center, center center;
    background-size: 50% auto, 100% 100%;
    padding-bottom: 30px;
}
.hm-prjct {
    background-color: #333;
    padding: 43px;
}
.prjct-in {
    width: 100%;
    text-align: center;
    margin-top: 22px;
}
.prjct-in p {
    margin: 0;
    color: #fff;
    margin-bottom: 13px;
    font-size: 35px;
}
.prjct-in span {
    background-color: #fff;
    padding: 4px 23px;
    font-size: 18px;
    border-radius: 23px;
}
.hw-wrk-sec {
    background-color: #003698;
    padding-top: 23px;
    padding-bottom: 83px;
    overflow: hidden;
}
.hw-hed-wrk {
    text-align: center;
    width: 100%;
    margin: auto;
}
.hw-hed-wrk h3 {
    background-image: linear-gradient(to bottom, #003698 45%, #fca311 19%);
    margin: 0;
    font-size: 43px;
    padding: 9px;
    color: #fff;
    line-height: 43px;
    text-transform: uppercase;
}
.hw-wrks {
    width: 80%;
    color: #fff;
    margin: auto;
    text-align: center;
}
.hm-nw-wrk {
    align-items: center;
}
.hm-wrk-lft,
.hm-wrk-ryt {
    width: 100%;
}
.hm-wrk-img img {
    width: 100%;
}
.hm-wrk-cnts-sc p {
    margin-top: 7px;
    color: #fff;
}
.whr {
    background-color: #fff;
    height: 3px;
    width: 20%;
    margin-bottom: 7px;
    margin-top: 17px;
}
.wrk-nr {
    font-size: 96px;
    opacity: 0.1;
    color: #fff;
    position: relative;
    top: 30px;
    font-weight: 800;
}
.wrk-nrs {
    font-size: 96px;
    opacity: 0.1;
    color: #fff;
    position: relative;
    top: 30px;
    display: flex;
    justify-content: flex-end;
    font-weight: 800;
}
.hm-b {
    background-position: 11% center, center center;
    background-size: 90% auto, 94% 105%;
    background-repeat: no-repeat, no-repeat;
}
.lead-nw {
    align-items: center;
}
.lead-lft h3 {
    margin: 0;
    text-transform: uppercase;
}
.lead-nw p {
    margin-top: 0;
    margin-bottom: 0;
}
.lead-sec {
    width: 90%;
    margin: auto;
    background-color: #fff;
    box-shadow: 2px 2px 12px 2px #a1a1a1;
    margin-bottom: 9px;
    padding: 20px;
    border-radius: 10px;
}
.lead-ryt {
    width: 100%;
}
.lead-ryt img {
    width: 100%;
}
.lead-btn {
    margin-top: 9px;
}
.lead-btn a {
    background-color: #4471e8;
    border-radius: 40px;
    padding: 3px 23px;
    color: #fff;
}
.lead-lft b {
    color: #00d1ff;
}
.lead-lft h3 {
    font-weight: 500;
    font-size: 23px;
}
.cnt-flx {
    background-color: #322b9f;
    padding: 20px;
    border-radius: 9px;
    align-items: center;
}
.cnts-lft {
    width: 100%;
    margin-right: 10px;
}
.cnts-lft img {
    width: 100%;
}
.cnt-new-up {
    text-align: center;
}
.cnt-new-up b {
    font-size: 23px;
    text-transform: uppercase;
}
.cnts {
    background-color: #dceafe;
    padding-bottom: 20px;
    overflow: hidden;
}
.cnts-fomr {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}
.cnts-n-fm {
    display: flex;
    margin-top: 10px;
}
.cnts-n-fm input {
    width: 49%;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #333;
}
.cnts-n-fms {
    margin-top: 10px;
}
.cnts-n-fms input,
.cnts-n-fms textarea {
    width: 100%;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #333;
}
.cnts-n-fm input:nth-child(2) {
    margin-left: 9px;
}
.lead-ner {
    background-image: linear-gradient(to bottom, #003698 40%, #dceafe 30%);
    padding-bottom: 12px;
    overflow: hidden;
}
.cnt-new-up b,
.cnt-new-up p {
    color: #fff;
}
.cnts-n-sb {
    text-align: center;
}
.cnts-n-sb input {
    background-color: #322b9f !important;
    padding: 6px 43px;
    color: #fff;
    border-radius: 23px;
    cursor: pointer;
    border: 5px solid #322b9f;
}
.lead-lft {
    width: 100%;
}
.web-devp {
    margin-top: 22px;
    overflow: scroll;
}
.exper-div:hover {
    animation: flipV 1s linear;
}
@keyframes flipV {
    50% {
        transform: rotateX(180deg);
    }
    to {
        transform: rotateX(360deg);
    }
}
@keyframes flipH {
    50% {
        transform: rotateY(180deg);
    }
    to {
        transform: rotateY(360deg);
    }
}
.nw-objt {
    overflow: hidden;
}
.nw-b h2 {
    margin-bottom: 8px;
}
.nw-b b {
    font-size: 23px;
}
.web-hf {
    margin-top: 12px;
}
.exp-headr {
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
}
.exp-headr b {
    font-size: 33px;
    background: -webkit-linear-gradient(#3fbef5, #4471e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}
.exp-cnt p {
    font-weight: 600;
    width: 83%;
}
.lead-lft strong {
    background: -webkit-linear-gradient(#3fbef5, #4471e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nw-strs,
.kep-st {
    display: flex;
    flex-direction: column-reverse;
}
.in-ser-cm {
    position: relative;
    top: -28px;
}
.ecpr-nw-cnts ul li {
    list-style: none;
    color: #000;
}
.ecpr-nw-cnts ul {
    padding-left: 20px;
    position: relative;
}
.ftr-social.ch::before {
    content: "\f058";
    font-size: 15px;
    position: absolute;
    left: 1px;
    color: #2ecd2b;
    margin-top: -2px;
    border-radius: 50px;
    padding: 2px;
}
.kep-uls {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.kep-button button {
    background-color: #333;
    cursor: pointer;
    border: 0;
    color: #fff;
    padding: 6px 23px;
    border-radius: 23px;
}
.exper-lft {
    display: none;
}
.tab-mob {
    position: relative;
}
.tab-mob::after {
    content: "\f107";
    font-family: var(--fa);
    color: #0071bc;
    position: absolute;
    font-size: 1.5em;
    top: 1.8%;
    left: 0%;
    border: 2px solid #0071bc;
    border-radius: 34px;
    padding: 2px 7px;
    font-weight: 700;
}
.mobile-sec {
    display: flex;
    align-items: center;
    position: relative;
}
.mobile-sec > div:nth-child(2) {
    position: absolute;
    right: 43px;
    top: 37px;
}
.mobile-sec > div:nth-child(1) {
    width: 100%;
}
.mobile-view {
    width: 95%;
    margin: auto;
}
.web-bnr .mobile-web-img {
    width: 100%;
}
.web-bnr .pc-web-img {
    display: none;
}
.web-circ {
    text-align: center;
    background-color: #1b1464;
    border-bottom: 12px solid #a4ceea;
    color: #fff;
    padding: 20px;
    margin-bottom: 10px;
}
.web-circ p {
    margin: 3px;
}
.web-circ b {
    font-size: 33px;
}
.design-exp-lft {
    width: 100%;
}
.desin-lft-hed {
    background-image: linear-gradient(to left, #f18624, #f15a24);
    padding: 4px 7px;
    color: #fff;
    border-radius: 22px;
    position: relative;
}
.desin-lft-hed b {
    margin-left: 20px;
}
.desin-lft-hed b::after {
    content: "";
    background-image: url(../img/web-design/arw.svg);
    width: 48px;
    height: 22px;
    position: absolute;
    display: inline-block;
    background-size: cover;
    right: 15px;
}
.desin-lft-hed h3 {
    margin-left: 20px;
}
.desin-lft-hed h3::after {
    content: "";
    background-image: url(../img/web-design/arw.svg);
    width: 48px;
    height: 22px;
    position: absolute;
    display: inline-block;
    background-size: cover;
    right: 15px;
}
.des-nw h1,
.des-nw b {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 900;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#f16024, #f18424);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.des-nw b {
    background: -webkit-linear-gradient(#333, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.des-nw strong {
    font-size: 17px;
}
.web-btn {
    margin-bottom: 9px;
}
.web-btn a {
    background-color: #0071bc;
    border-radius: 4px;
    padding: 6px 23px;
    color: #fff;
}
.design-exp-lft img {
    width: 100%;
    margin: auto;
}
.design-img {
    text-align: center;
}
.web-prc {
    background-color: #2b256f;
    background-position: center;
    padding-top: 10px;
    padding-bottom: 100px;
    background-size: cover;
}
.web-resch {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.web-sech-lft,
.web-sech-nw {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
.web-resch-h2 h2 {
    margin-top: 13px;
    margin-bottom: 4px;
    color: #fff;
    font-weight: 900;
    font-size: 33px;
    text-transform: uppercase;
}
.web-resch-h2 b {
    color: #00a4ff;
}
.web-resch-h2 strong {
    color: #fff;
    font-size: 23px;
}
.web-sech-nw img {
    width: 100%;
}
.web-sech-lft p {
    margin-top: 4px;
    color: #fff;
}
.web-sec-des {
    background-color: #0071bc;
    border-radius: 5px;
    align-items: center;
    position: relative;
    top: -40px;
}
.web-de-left {
    width: 100%;
}
.web-de-left img {
    width: 100%;
    margin-top: 10px;
}
.web-de-cntr {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 34px;
}
.web-de-cntr h3 {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 29px;
}
.web-btns {
    margin-top: 12px;
}
.web-btns a {
    background-color: #fff;
    padding: 5px 33px;
    font-weight: 700;
    border-radius: 23px;
}
.web-de-cntr b {
    font-size: 20px;
    font-weight: 200;
}
.web-imgs-sec {
    background-image: url(../img/web-design/we-img.png);
    background-size: cover;
    background-position: center;
    padding-bottom: 22px;
}
.web-img-nw {
    width: 100%;
}
.web-img-nw img {
    width: 100%;
}
.web-vw a {
    background-color: #f15a24;
    padding: 6px 23px;
    border-radius: 23px;
    font-weight: 700;
    color: #fff;
}
.web-vw {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.website-sec {
    display: flex;
}
.webiste-left,
.webiste-right {
    width: 100%;
    position: relative;
}
.webiste-left img {
    width: 100%;
    bottom: 0;
}
.web-lst-sec {
    background-color: #c0e3ff;
    background-size: cover;
    background-position: center;
    border-top: 28px solid #cfe5f7;
}
.web-best {
    background-color: #1b1464;
    padding: 20px;
    border-radius: 23px;
    margin-bottom: 20px;
}
.web-h-lft {
    color: #fff;
}
.web-h-lft h3 {
    margin-bottom: 8px;
}
.web-h-lft ul {
    margin-top: 9px;
    position: relative;
}
.web-h-lft ul li {
    list-style: none;
}
.web-h-lft h3 {
    font-size: 33px;
    line-height: 43px;
    text-transform: uppercase;
}
.web-h-lft b {
    color: #00a4ff;
}
.web-develop {
    background-color: #d0e6fc;
    background-size: cover;
    background-position: center;
    padding-top: 23px;
    padding-bottom: 13px;
    margin-bottom: 10px;
}
.web-deve {
    text-align: center;
    width: 90%;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 10px;
}
.web-deve b {
    font-size: 29px;
    text-transform: uppercase;
    font-weight: 900;
    color: #f15a24;
}
.web-devlop-hd h1 {
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 9px;
    font-size: 35px;
    line-height: 39px;
}
.web-devlop-hd b {
    font-weight: 900;
    color: #f15a24;
}
.web-develop-sec {
    align-items: center;
}
.web-develop-lefts,
.web-deve-ryts {
    width: 100%;
}
.web-deve-ryts img {
    max-width: 100%;
}
.web-hed {
    text-align: center;
}
.web-hed b {
    background-image: linear-gradient(to bottom, #fff 45%, #fca311 19%);
    margin: 0;
    font-size: 33px;
    padding: 9px 23px;
    color: #000;
    font-weight: 900;
}
.web-serv {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
}
.web-serv-imgs {
    text-align: center;
}
.web-serv-imgs img {
    width: 70%;
}
.web-cnts {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.web-cnts b {
    background-color: #f15a24;
    padding: 4px 29px;
    border-radius: 22px;
    color: #fff;
}
.cnt-w b {
    background-color: #1b1464;
}
.cnt-w {
    display: flex;
    flex-direction: column-reverse;
}
.web-dev-procs {
    padding-top: 40px;
}
.web-dev-drv {
    margin-bottom: 30px;
    background-image: url(../img/web-development/g-web.png);
    background-size: cover;
    background-position: center;
    padding: 20px;
    margin-top: 40px;
    box-shadow: 2px 2px 12px 2px #464444;
    border-radius: 10px;
    position: relative;
    z-index: 22;
}
.web-blu {
    background-image: url(../img/web-development/devp.png);
    background-size: cover;
    background-position: center;
    padding-top: 90px;
    padding-bottom: 90px;
    margin-top: -90px;
}
.web-dr-develop {
    width: 100%;
    margin: auto;
    color: #fff;
}
.web-devp ul {
    display: flex;
    margin: 0;
    margin: auto;
    padding-left: 0;
}
.web-devp ul li {
    list-style: none;
    margin-left: 10px;
}
.web-devp ul li button {
    background-color: #ed1c24;
    color: #fff;
    padding: 5px 23px;
    border-radius: 20px;
    border: 0;
    font-size: 17 px;
    cursor: pointer;
}
.web-div-nw {
    width: 100%;
    text-align: center;
}
.web-cmp-dtls {
    background-color: #dcecff;
    border: 7px solid #009ffd;
    border-radius: 19px;
    margin-top: 10px;
}
.web-div-nw p {
    color: #000;
    margin: 7px;
    font-weight: 900;
}
.web-div-nw img {
    width: 23%;
    border-radius: 9px;
    background-color: #fff;
}
.web-new-hed {
    text-align: center;
}
.web-new-hed b {
    background-image: linear-gradient(to bottom, transparent 45%, #fca311 19%);
    margin: 0;
    font-size: 43px;
    padding: 3px 13px;
    color: #fff;
}
.web-devlop-fx {
    background-image: linear-gradient(to bottom, #009ffd, #2a2a72);
    border-radius: 10px;
    align-items: center;
}
.web-devlop-fx p,
.web-devlop-fx b {
    margin: 3px;
    color: #fff;
}
.web-dev-lefts {
    width: 100%;
    padding: 20px;
}
.web-dev-imgs {
    width: 100%;
    text-align: center;
}
.web-dev-imgs img {
    width: 80%;
}
.web-dev-lefts b {
    font-size: 23px;
    font-weight: 900;
}
.web-dev-lefts h2 {
    font-size: 23px;
    font-weight: 900;
    color: #fff;
    margin: 10px 0;
}
.web-dev-btn a {
    background-color: #fff;
    padding: 3px 23px;
    font-weight: 700;
    border-radius: 12px;
}
.web-dev-btn {
    margin-top: 10px;
}
#additionals {
    color: #000;
    padding: 10px;
}
.web-developmnt-sec {
    margin-top: -70px;
    position: relative;
    z-index: 1;
}
.why-devep-mr {
    align-items: center;
    margin-top: 20px;
}
.why-deve-lft {
    width: 90%;
    margin: auto;
}
.why-deve-ryt {
    width: 100%;
    text-align: right;
}
.why-deve-ryt img {
    width: 90%;
    margin: auto;
}
.why-img-sv {
    text-align: center;
}
.why-dev-s b {
    background-image: linear-gradient(to bottom, transparent 45%, #fca311 19%);
    margin: 0;
    font-size: 25px;
    padding: 9px;
    font-weight: 900;
}
.why-dev-s h3 {
    background-image: linear-gradient(to bottom, transparent 45%, #fca311 19%);
    margin: 0;
    font-size: 25px;
    padding: 9px;
    font-weight: 900;
    width: fit-content;
}
.w-ul-nw div ul {
    margin-top: 0;
    position: relative;
    padding-left: 19px;
}
.w-ul-nw div ul li {
    margin-bottom: 9px;
    list-style: none;
}
.w-ul-nw div ul li p {
    margin: 0;
}
.chc::before {
    content: "\f058";
    font-size: 19px;
    position: absolute;
    left: -7px;
    color: #0071bc;
    margin-top: -2px;
    border-radius: 50px;
    padding: 1px;
}
.w-ul-nw div {
    width: 100%;
}
.why-devep {
    background-color: #dcecff;
    padding-top: 120px;
    margin-top: -123px;
}
.web-desc {
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column-reverse;
}
.web-des-left {
    width: 100%;
    margin-right: 10px;
}
.web-des-left-img img {
    width: 100%;
}
.web-des-ryt {
    width: 90%;
    margin: auto;
}
.web-cnt-desc p {
    margin-top: 5px;
}
.web-lft-lt {
    margin-top: 9px;
}
.web-lft-lt h2 b {
    color: #f15a24;
    font-weight: 900;
}
.web-lft-lt h2 {
    font-weight: 900;
    font-size: 29px;
}
.web-lft-lt strong {
    color: #f15a24;
    font-weight: 900;
}
.web-de-p a {
    background-color: #0071bc;
    padding: 8px 23px;
    color: #fff;
    border-radius: 23px;
    font-weight: 900;
}
.web-de-p {
    margin-top: 10px;
}
.c-web-develop {
    background-color: #d0e6fc;
    background-size: cover;
    background-position: center;
    padding-top: 13px;
    margin-bottom: 13px;
}
.design-com-s {
    margin-top: 19px;
}
.design-com-s b {
    font-size: 34px;
    font-weight: 900;
}
.design-com-s strong {
    color: #f15a24;
}
.c-web-left {
    width: 100%;
}
.c-web-left p {
    margin-top: 0;
}
.c-cm {
    margin-top: 9px;
    margin-bottom: 29px;
}
.c-cm a {
    background-color: #0071bc;
    padding: 6px 23px;
    color: #fff;
    border-radius: 23px;
}
.c-web-img img {
    width: 100%;
}
.c-web-flx {
    width: 90%;
    margin: auto;
}
.c-web-ryt {
    width: 100%;
}
.e-commer-flx {
    text-align: center;
    margin-bottom: 10px;
}
.e-commer-flx b {
    font-size: 34px;
    font-weight: 900;
    background-image: linear-gradient(to bottom, transparent 45%, #fca311 19%);
    line-height: 42px;
}
.e-com-flx {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    align-items: center;
    border: 9px solid #009ffd;
    border-radius: 70px;
    padding: 10px;
    width: 100%;
}
.e-com-flx div:nth-child(1) {
    width: 70px;
    height: 70px;
}
.e-com-flx div:nth-child(1) img {
    width: 100%;
    height: 100%;
    border-radius: 43px;
}
.e-com-flx div:nth-child(2) {
    font-weight: 900;
    margin-left: 20px;
    font-size: 20px;
    width: 73%;
}
.e-com {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}
.e-com-flx div:nth-child(2) p {
    margin: 4px;
}
.e-com-new {
    background-image: url(../img/e-commerce/bg.svg);
    background-size: cover;
    background-position: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.e-comp {
    align-items: center;
    background-image: linear-gradient(to bottom, #009ffd, #4d4db7);
    padding: 20px;
    border-radius: 30px;
    color: #fff;
}
.e-comp-heds {
    width: 100%;
}
.e-com-img {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.e-com-img img {
    width: 70%;
}
.e-comp-heds b {
    font-size: 34px;
}
.e-comp-heds p {
    margin-top: 5px;
    margin-bottom: 5px;
}
.e-btn {
    margin-top: 15px;
}
.e-btn a {
    background-color: #fff;
    padding: 4px 33px;
    font-weight: 700;
    border-radius: 13px;
}
.e-commer-tabs ul {
    display: flex;
    width: 194vh;
    padding-left: 2px;
}
.e-commer-tabs ul li {
    list-style: none;
    margin-left: 20px;
    background-color: #b0bdec;
    padding: 5px 13px;
    border-radius: 23px;
}
.e-commerce-tb {
    padding-top: 173px;
    padding-bottom: 13px;
    margin-top: -163px;
    background: #243c87;
    border-bottom: 10px solid #c6c4d8;
}
.e-com-ow-lft {
    width: 100%;
}
.e-com-ow-lft p {
    margin-top: 2px;
    color: #fff;
}
.e-com-heds {
    margin-top: 20px;
    color: #fff;
}
.e-com-heds b {
    font-size: 30px;
    font-weight: 900;
}
.e-com-heds strong {
    color: #009eff;
    font-weight: 900;
}
.e-com-ow-ryt {
    width: 100%;
}
.e-com-ow-ryt img {
    width: 100%;
}
.e-commerce-ds {
    position: relative;
    z-index: 1;
}
.e-comp-des {
    align-items: center;
}
.e-com-lefts {
    width: 100%;
}
.e-com-flx-imgs img {
    width: 100%;
    display: flex;
}
.desin-lft-heds {
    background-image: linear-gradient(to left, #f18624, #f15a24);
    padding: 4px 7px;
    color: #fff;
    border-radius: 22px;
    width: 100%;
    position: relative;
}
.desin-lft-heds b::after {
    content: "";
    background-image: url(../img/web-design/arw.svg);
    width: 48px;
    height: 22px;
    position: absolute;
    display: inline-block;
    background-size: cover;
    right: 15px;
    display: none;
}
.desin-lft-heds b {
    font-size: 20px;
    padding-left: 5px;
}
.desin-ds {
    margin-top: 17px;
}
.desin-ds b {
    font-size: 32px;
    font-weight: 900;
}
.desin-ds strong {
    color: #f18624;
}
.e-com-ryts {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.e-com-btn a {
    background-color: #0071bc;
    padding: 5px 23px;
    color: #fff;
    border-radius: 23px;
}
.port-mrs {
    width: 90%;
    margin: auto;
}
.web-mb {
    display: flex;
    flex-direction: column-reverse;
}
.we-ne {
    background-color: #f15a24;
    padding: 4px 29px;
    border-radius: 33px;
}
.e-commer-tabs {
    overflow: auto;
}
.e-commer-tabs ul .active {
    background-color: #fff !important;
}
.web-devp ul li .active {
    background-color: #000 !important;
    color: red;
}
.web-uls ul li {
    list-style: none;
    margin-left: 5px;
    padding: 5px 13px;
    border-radius: 23px;
    background-color: red;
}
.web-uls ul li a {
    color: #fff;
}
.web-uls ul .active {
    background-color: #fff !important;
}
.web-uls ul .active a {
    color: #333;
}
.mobile-tabs {
    text-align: center;
    margin-top: 20px;
}
.mobile-tabs select {
    width: 80%;
    padding: 9px;
    outline: none;
    border-radius: 5px;
}
#colorselector option[value="web-design-and-development"] {
    background-image: url(../img/home-nw/ux-1.png);
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}
.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-results__option span {
    display: flex;
    align-items: center;
}
.select2-results__option img {
    width: 23px;
    margin-right: 10px;
}
.web-dev-flx-nw {
    align-items: center;
    margin-top: 10px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.web-d-img {
    margin-top: 10px;
}
.web-dev-flx-n,
.web-dev-flxx {
    background-color: #4471e8;
    border-radius: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
}
.web-new-hedf {
    text-align: center;
}
.web-new-hedf h2 {
    position: relative;
    color: #fff;
}
.web-new-hedf b,
.web-dev-flxe b {
    color: #ffd600;
}
.web-dev-fl {
    align-items: center;
}
.web-dev-flxe h2 {
    margin: 0;
    text-transform: uppercase;
}
.web-dev-flxe {
    text-align: center;
    width: 90%;
    margin: auto;
    color: #fff;
}
.web-devp-cnts p {
    color: #fff;
}
.web-new-hedff {
    text-align: center;
}
.web-new-hedff h2 {
    color: #fff;
    text-transform: uppercase;
}
.web-new-hedff b {
    color: #ffd600;
}
.hm-wrk-cnts-sc h3 {
    color: #fca311;
    font-size: 23px;
    text-transform: uppercase;
    margin: 0;
}
.mobile-tabs {
    position: relative;
}
.select2 {
    font-family: var(--fa);
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}
.select2-selection__rendered {
    font-family: Nunito;
}
.select2::before {
    content: "\f078";
    font-size: 15px;
    position: absolute;
    right: 11px;
    color: #000;
    margin-top: -2px;
    border-radius: 50px;
    padding: 2px;
    top: 2px;
}
.web-imgs {
    text-align: center;
}
.web-develp {
    margin-top: 10px;
}
.web-blus {
    background-image: url(../img/web-development/code-bn.png);
    background-size: cover;
    background-position: center;
    padding-top: 120px;
    padding-bottom: 90px;
    margin-top: -1px;
}
.desin-lft-ext,
.web-dev-des {
    text-align: center;
}
.desin-lft-ext b {
    background-image: linear-gradient(to bottom, transparent 55%, #fca311 19%);
    margin: 0;
    font-size: 23px;
    padding: 9px;
    color: #000;
    text-transform: uppercase;
}
.des-web-wh {
    margin-top: 29px;
}
.des-web-wh p {
    text-align: left;
}
.web-develops {
    text-align: center;
}
.web-develops {
    width: 48%;
    margin: auto;
}
.web-develops img {
    width: 100%;
}
.web-dev-nws {
    background-color: #dcecff;
    border-radius: 8px;
    padding: 10px;
    padding-top: 20px;
}
.web-dev-nw {
    text-align: center;
}
.web-dev-cnts b {
    color: #000;
}
.web-develops:nth-child(1) {
    margin-right: auto;
}
.web-dev-imgs-s {
    margin-right: 10px;
    text-align: left;
}
.web-imgs-s {
    text-align: center;
}
.web-imgs-s img {
    width: 100%;
}
.port-fl a {
    background-color: #0071bc;
    padding: 5px 23px;
    color: #fff;
    border-radius: 23px;
}
.web-imgs {
    margin-top: 10px;
}
.hed-ch b::after {
    content: "";
    background-image: url(../img/web-design/arw.svg);
    width: 31px;
    height: 14px;
    position: absolute;
    display: inline-block;
    background-size: cover;
    right: 15px;
}
.hed-ch b {
    margin-left: 0;
}
.web-design-image {
    background-image: url(../img/web-design/web-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
}
.web-heading h1 {
    font-size: 42px;
    background: -webkit-linear-gradient(282deg, #ff8168, #4d67fe, #b364de, #ff8168, #4d67fe, #b364de);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 45px;
}
.web-design-cntr {
    text-align: center;
    margin: auto;
}
.web-desin-img img {
    width: 100%;
}
.port-mr2 {
    background: #1b1464;
    padding: 20px 0;
    color: #fff;
}
.port-mr2-inr {
    width: 90%;
    margin: auto;
}
.port-mr2-inr h3 {
    margin: 10px 0;
}
.port-mr2-inr p {
    margin: 10px 0;
}
.web-optj {
    background-image: url(../img/web-design/blue-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 200px;
    color: #fff;
    padding-bottom: 23px;
    margin-top: -80px;
}
.web-opt-ryt,
.web-opt-lft {
    width: 100%;
}
.web-design-img img {
    width: 100%;
}
.w-cnt a {
    background-color: #0071bc;
    color: #fff;
    padding: 6px 23px;
    border-radius: 5px;
}
.web-opt-hed b {
    color: #f15a24;
    font-weight: 900;
}
.web-opt-hed h2,
.web-opt-hed h3 {
    font-size: 33px;
    line-height: 37px;
    margin: 5px;
    font-weight: 900;
}
.web-design-nws {
    background-image: url(../img/web-design/shape-nw.svg);
    background-repeat: no-repeat;
    padding-top: 40px !important;
    padding: 20px;
    overflow: hidden;
    background-size: cover;
}
.web-hed-des {
    text-align: center;
    color: #fff;
}
.web-hed-des h2 {
    font-size: 40px;
    margin: 0;
    background: -webkit-linear-gradient(282deg, #fc7b92, #fcd04e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 56px;
}
.web-hed-des h3 {
    font-size: 40px;
    margin: 0;
    line-height: 53px;
}
.web-image img {
    width: 100%;
    margin: auto;
}
.web-image {
    text-align: center;
    margin-top: 10px;
}
.web-new-s-lft,
.web-new-s-ryt {
    width: 100%;
}
.web-opt-imgs img {
    width: 100%;
}
.web-nw-heds h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 900;
}
.web-nw-heds h3 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 900;
}
.web-nw-heds b {
    color: #f15a24;
    font-weight: 900;
}
.web-design-dw {
    background-image: url(../img/web-design/nw-bl.svg);
    background-size: cover;
    overflow: hidden;
}
.web-design-form {
    background-image: url(../img/web-design/form.png);
    background-size: cover;
    padding: 10px;
    overflow: hidden;
}
.web-design-fm {
    margin: auto;
    text-align: center;
}
.web-rows input {
    width: 48%;
    padding: 9px;
    margin-bottom: 8px;
    border-radius: 5px;
    outline: none;
}
.web-rows textarea {
    width: 96%;
    padding: 9px;
    border-radius: 5px;
}
.web-inp {
    text-align: center;
    margin-top: 8px;
}
.web-inp input {
    background-color: #ff4e00;
    padding: 9px 23px;
    border-radius: 23px;
    color: #fff;
    font-size: 16px;
    border: 0;
    cursor: pointer;
}
.web-hed-nw h3 {
    margin: 0;
    font-size: 30px;
    color: #fff;
}
.web-hed-nw h5 {
    margin: 0;
    font-size: 30px;
    color: #fff;
}
.web-hed-nw p {
    color: #fff;
    margin: 0;
    margin-top: 9px;
    margin-bottom: 9px;
    text-align: center;
}
.e-comer-hed {
    text-align: center;
    width: 100%;
    margin: auto;
}
.e-comer-hed h1 {
    width: auto;
    background-image: url(../img/e-commerce/trns.svg), linear-gradient(to right, #ff4e00 30%, #ff4e00 30%);
    width: 100%;
    margin: auto;
    color: #fff;
    padding: 4px 23px;
    border-radius: 34px;
    background-size: cover;
    font-size: 23px;
}
.e-comer-hed h3 {
    width: auto;
    background-image: url(../img/e-commerce/trns.svg), linear-gradient(to right, #ff4e00 30%, #ff4e00 30%);
    width: 100%;
    margin: auto;
    color: #fff;
    padding: 4px 23px;
    border-radius: 34px;
    background-size: cover;
}
.e-comer-hed h5 {
    font-family: airstrikebold;
    margin-top: 7px;
    font-size: 37px;
    margin-bottom: 7px;
    line-height: 31px;
    background-image: linear-gradient(to top, #be0917 40%, #f20f20 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 100;
    font-style: normal;
}
.e-commerce {
    background-image: url(../img/e-commerce/e-com.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
}
.e-comm-img {
    width: 100%;
    margin: auto;
}
.e-comm-img img {
    width: 100%;
}
.e-comer-flx {
    align-items: center;
}
.e-comer-left,
.e-comer-ryt {
    width: 100%;
}
.e-com-hedds h3 {
    font-size: 34px;
    line-height: 34px;
    font-weight: 900;
    color: #fff;
    margin: auto;
}
.e-com-hedds h2 {
    font-size: 34px;
    line-height: 34px;
    font-weight: 900;
    color: #fff;
    margin: auto;
}
.e-com-hedds b {
    color: #f15a24;
    font-weight: 900;
}
.e-com-cus {
    background-color: #023396;
    border-bottom-right-radius: 73px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}
.e-comer-left p {
    color: #fff;
    margin-top: 7px;
}
.e-comm-imgs img {
    width: 100%;
}
.e-commerce-lp {
    background-image: url(../img/e-commerce/e-key.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}
.e-comp-img img {
    width: 100%;
}
.e-commerce-st {
    background-color: #023396;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pc-diplay {
    display: none !important;
}
.mob-diplay {
    width: 100%;
}
.e-comp-mr {
    padding-top: 23px;
    padding-bottom: 23px;
    overflow: hidden;
}
.e-comm-imgs {
    margin-top: 20px;
}
.e-mb-flx {
    display: flex;
    flex-direction: column-reverse;
}
.web-heading h3 {
    font-size: 29px;
    margin-bottom: 12px;
}
.web-desin-img {
    margin-top: 10px;
}
.web-design-nw {
    padding: 20px;
}
.web-opt-imgs {
    margin-top: 20px;
}
.nw-mobs {
    display: flex;
    flex-direction: column-reverse;
}
.e-comp-mr {
    padding-top: 23px;
    padding-bottom: 23px;
}
.web-heading h3 {
    font-size: 29px;
    margin-bottom: 12px;
}
.web-heading p {
    margin: 2px;
}
.web-opt-hed p {
    margin-top: 8px;
}
.more {
    display: none;
    transition: max-height 1s;
}
.web-read,
.nw-brisbane-cnt,
.wh-cnt {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.wh-cnt ul {
    margin-top: 0;
}
.web-opts {
    margin-top: 20px;
}
.web-opts p {
    margin: 3px;
}
.web-opts h2 {
    line-height: 37px;
    margin: 5px;
}
.web-hed-des {
    margin: auto;
}
.web-nw-heds h4 {
    font-size: 29px;
    margin: 5px;
}
ul.wb-ul-cls {
    margin-bottom: 0;
}
.graphic-design {
    padding: 40px 0 79px 0;
    background-color: #1b1464;
    overflow: hidden;
    position: relative;
}
.graphic-design:before {
    content: "";
    height: 66px;
    width: 100%;
    background-image: url(../img/graphic-design/wave.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    filter: drop-shadow(0 -12px 0 rgba(145, 144, 158, 2));
}
.graphic-designs {
    display: flex;
    flex-direction: column-reverse;
}
.graphic-design-lft {
    width: 100%;
}
.graphic-designs-img img {
    width: 100%;
}
.graphic-heding h2,
.graphic-heding h1,
.graphic-heding h3 {
    font-family: oswaldbold;
    color: #fff;
    text-shadow: 0 5px 1px #f15a24;
    margin: 0;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
}
.heding-in {
    background-image: linear-gradient(to right, #f15a24, #1b1464);
    padding: 5px 10px;
    margin-top: 30px;
    border-radius: 4px;
}
.heding-in h2 {
    margin: 0;
    font-family: montserratsemiBold;
    color: #fff;
}
.graphic-design-lft p {
    color: #fff;
}
.graphic-design-ser {
    width: 100%;
}
.graphic-design-ser img {
    width: 100%;
}
.service-inner {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.service-graphic {
    width: 100%;
    display: flex;
    background-image: linear-gradient(to right, #072b8f, #275fb3);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    align-items: center;
    box-shadow: 2px 2px 9px 2px #a1a1a1;
}
.service-graphic div:nth-child(1) {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 10px;
    background-color: #fff;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 13px;
    text-align: center;
    display: flex;
    align-items: center;
}
.service-grphic div img {
    width: 100%;
}
.service-graphic div:nth-child(2) {
    color: #fff;
    width: 80%;
}
.service-graphic div:nth-child(2) h3 {
    margin: 0;
}
.service-inner > div:nth-child(2) {
    margin-left: 40px;
}
.service-graphic-cntr > div > div {
    display: inline-block;
    width: 100%;
}
.service-graphic-cntr > div > div p {
    font-size: 14px;
    line-height: 20px;
}
.service-graphic img {
    width: 80%;
    margin: auto;
}
.graphic-design-wave {
    background-image: url(../img/graphic-design/wave-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 25px;
    padding-bottom: 70px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.graphic-design-cntr {
    text-align: center;
}
.graphic-design-cntr img {
    width: 90%;
}
.graphic-design-hedings {
    text-align: center;
}
.graphic-design-hedings > div h3 {
    margin: 0;
}
.graphic-design-hedings > div {
    background-image: linear-gradient(to left, #003c86, #fff);
    width: 100%;
    margin: auto;
    padding: 4px;
    border-radius: 5px;
    color: #fff;
}
.graphic-design-hedings h2,
.graphic-design-hedings h3 {
    font-family: oswaldbold;
    color: #fff;
    text-shadow: 0 5px 1px #f15a24;
    margin: 0;
    font-size: 30px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.graphic-ul {
    width: 100%;
    margin: auto;
}
.graphic-ul > div {
    width: 100%;
}
.graphic-ul > div ul {
    margin-top: 0;
    margin-bottom: 0;
}
.graphic-ul > div ul li {
    color: #fff;
    list-style: none;
    position: relative;
    margin-bottom: 6px;
}
.graphic-ul > div ul li:after {
    content: "";
    height: 23px;
    width: 23px;
    background-image: url(../img/graphic-design/dot.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -29px;
    bottom: 0;
}
.graphic-design-color {
    background-image: url(../img/graphic-design/colored.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-top: -70px;
    position: relative;
    overflow: hidden;
}
.graphic-design-service {
    align-items: center;
    overflow: hidden;
}
.service-graphic-feat {
    width: 100%;
}
.service-imgs > div {
    position: relative;
}
.shape {
    background-color: #0073ff;
    width: 220px;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 9px;
}
.shape span {
    position: relative;
    padding: 0 4px 0 10px;
    text-align: center;
}
.service-imgs img {
    width: 100%;
    display: flex;
}
.graphic-hed h2 {
    font-family: oswaldbold;
    color: #fff;
    text-shadow: 0 5px 1px #000;
    margin: 0;
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
}
.graphic-hed {
    background-image: url(../img/graphic-design/gradient.png);
    border-radius: 14px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4px;
}
.concept {
    margin-left: auto;
}
.concepts img {
    margin-left: 1px;
    margin-right: auto;
}
.graphic-design-scnd {
    justify-content: flex-end;
    width: 89%;
    margin: auto;
}
.graphic-scnd {
    width: 100%;
    margin-bottom: 20px;
}
.graphic-third {
    width: 100%;
    margin: auto;
}
.graphic-third > div {
    width: 100%;
}
.cnters {
    margin: auto;
}
.cnterrs {
    text-align: center;
}
.cnterrs img {
    margin: auto;
}
.graphic-design-scnd div:nth-child(1) {
    margin-right: auto;
}
.graphic-build {
    background-color: #1b1464;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.pc-feature {
    display: none;
}
.graphic-design-read {
    background-color: #1b1464;
    padding: 2px;
    color: #fff;
}
.graph-more {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.read-more a {
    background: #fff;
    padding: 7px 23px;
    border-radius: 4px;
    color: #000;
}
.flx-site {
    display: flex;
    flex-direction: column-reverse;
}
.software-developemnt {
    background-color: #00154f;
    background-size: cover;
    position: relative;
    margin-bottom: 70px;
    overflow: hidden;
}
.software-developemnt:after {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(../img/software-development/blue.svg);
    width: 73px;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: -60px;
    left: 38%;
}
.software-flx {
    padding: 20px;
}
.software-left {
    width: 100%;
}
.software-heading {
    color: #fff;
    line-height: 40px;
    font-weight: 700;
}
.software-heading h1 {
    font-family: Montserratextrabold;
    margin-bottom: 0;
}
.software-heading h1 b,
.software-heading-dev h2 b {
    color: #00edf9;
}
.software-left > div p {
    color: #fff;
    margin-top: 0;
}
.software-img img {
    width: 100%;
    display: flex;
}
.software-developemnts {
    background-image: linear-gradient(to top, #fff, #b8ffff);
    padding-top: 80px;
    margin-bottom: 20px;
    margin-top: -72px;
    overflow: hidden;
}
.software-develp {
    background-image: url(../img/software-development/software-dev.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
    display: flex;
    flex-direction: column-reverse;
}
.software-heading-dev {
    text-align: center;
    padding: 10px;
}
.software-heading-dev h2,
.software-choose-hed h3 {
    margin: 0;
    font-family: Montserratextrabold;
    color: #fff;
    font-size: 28px;
    line-height: 40px;
}
.software-heading-dev p {
    width: 90%;
    margin: auto;
    color: #fff;
}
.read-more-soft {
    margin-top: 20px;
}
.read-more-soft a {
    background-color: #fff;
    padding: 5px 23px;
    border-radius: 9px;
}
.software-devlop-imgs {
    display: flex;
    align-items: baseline;
    position: relative;
    top: 40px;
}
.software-devlop-imgs > div:nth-child(1) {
    width: 27%;
    margin-left: 10px;
    margin-right: 10px;
}
.software-devlop-imgs > div:nth-child(2) {
    width: 52%;
    margin-left: 10px;
    margin-right: 10px;
}
.software-devlop-imgs > div:nth-child(3) {
    width: 27%;
    margin-left: 10px;
    margin-right: 10px;
}
.soft-fst img {
    width: 100%;
    position: relative;
    right: 0;
}
.soft-third img {
    width: 80%;
    position: relative;
    left: 0;
}
.soft-third {
    text-align: right;
}
.software-developemnt-choose {
    background-image: url(../img/software-development/why-choose-us.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1px;
    padding-top: 20px;
    overflow: hidden;
}
.software-developemnt-process {
    background-image: linear-gradient(to top, white 10%, #006ee5 10%);
    background-position: 10% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    padding-top: 40px;
    overflow: hidden;
}
.software-choose-hed {
    text-align: center;
    width: 100%;
    margin: auto;
    margin-top: 30px;
}
.software-choose-hed h3 {
    color: #00edf9;
}
.software-choose-hed p {
    color: #fff;
}
.software-sec {
    align-items: baseline;
    position: relative;
    top: 0;
    z-index: 1;
}
.software-sec-left {
    width: 100%;
}
.software-sec-left img {
    width: 100%;
}
.software-process h3 {
    color: #fff;
}
.software-process h3 b {
    color: #00edf9;
}
.software-process h3 {
    font-family: Montserratextrabold;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    margin: 0;
}
.software-process p {
    margin: 0;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 6px;
}
.inner-img img {
    width: 100%;
}
.software-modren {
    background-image: linear-gradient(to bottom, transparent 85%, #fff 85%), url(../img/software-development/software-developments.png);
    background-position: 100% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    position: relative;
    padding-top: 16px;
    overflow: hidden;
}
.software-modren:after {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(../img/software-development/blue.svg);
    width: 73px;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    top: -60px;
    right: 28%;
    transform: rotate(180deg);
}
.software-modrens {
    display: flex;
    flex-direction: column-reverse;
}
.software-left-sec {
    width: 100%;
}
.software-pc {
    display: none;
}
.software-mob img {
    width: 100%;
}
.software-new-pc {
    display: none;
}
.new-picture img {
    width: 100%;
}
.new-picture {
    text-align: center;
}
.software-m-flx {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
}
.software-m-flx .software-heading,
.software-m-flx p {
    padding: 20px;
}
.software-process h4 {
    margin: 0;
    font-family: Montserratextrabold;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
}
.software-process h4 b {
    color: #00edf9;
}
.software-process h3 {
    margin: 0;
    font-family: Montserratextrabold;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
}
.software-process h3 b {
    color: #00edf9;
}
.software-cnts h4 {
    font-family: Montserratextrabold;
    font-size: 34px;
    margin: 0;
    color: #000;
}
.soft-more h4 {
    font-family: Montserratextrabold;
    font-size: 32px;
    margin: 0;
    color: #000;
}
.soft-more {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.soft-read a {
    background-color: #061748;
    color: #fff;
    padding: 4px 23px;
    border-radius: 4px;
    cursor: pointer;
}
.soft-read {
    margin-bottom: 20px;
}
.software-process h5 {
    margin: 0;
    font-family: Montserratextrabold;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
}
.software-process ul li {
    color: #fff;
    margin-left: 0;
}
.software-process ul {
    padding-left: 10px;
    margin-top: 0;
}
.digital-marketing {
    background-image: linear-gradient(to bottom, transparent 100%, #fff 46%), url(../img/digital-marketing/digital-marketing.png);
    background-position: 100% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    margin-bottom: 40px;
    padding-top: 30px;
}
.digital-marketing-hed h1 {
    font-family: oswaldbold;
    margin: 0;
    line-height: 40px;
    color: #fff;
    font-size: 30px;
}
.digital-marketing-hed {
    text-align: center;
    width: 100%;
    margin: auto;
    color: #fff;
}
.digital-marketing-hed h1 b {
    color: #d9e021;
}
.digital-heding {
    align-items: baseline;
}
.digital-imgs {
    width: 27%;
    margin-left: 10px;
    margin-right: 10px;
}
.digital-imgs img {
    width: 100%;
}
.digital-heding div:nth-child(2) {
    width: 100%;
    position: relative;
    z-index: 999;
}
.digital-marketing-left {
    width: 100%;
}
.digital-marketing-help {
    background-image: url(../img/digital-marketing/digital-marketing-help.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 30px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}
.digital-marketing-left h2 {
    font-family: oswaldbold;
    margin: 0;
    line-height: 48px;
    color: #fff;
    font-size: 40px;
}
.digital-marketing-left h2 b {
    color: #d9e021;
}
.digital-left-heading {
    color: #fff;
}
.digital-marketings {
    background-image: linear-gradient(to left, #004ba0, #0087bc);
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}
.digital-mark {
    background-color: #fff;
    padding: 20px;
    border-radius: 23px;
    position: relative;
    padding-bottom: 123px;
}
.digital-marketing-left img {
    width: 100%;
    position: relative;
    z-index: 9;
}
.digital-headings {
    background-color: #fdc92a;
    padding: 10px;
    text-align: center;
    width: 90%;
    margin: auto;
    border-radius: 5px;
    margin-top: 33px;
}
.digital-headings h2 {
    font-family: oswaldbold;
    margin: 0;
    padding: 4px;
    line-height: 40px;
    font-size: 35px;
}
.digital-headings h2 b {
    font-size: 25px;
}
.digital-mark p {
    text-align: center;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.digital-services {
    text-align: center;
    position: relative;
}
.digital-services img {
    width: 100%;
    margin: auto;
}
.digital-marketings:before {
    content: "";
    height: 201px;
    width: 194px;
    background-image: url(../img/digital-marketing/social-media.png);
    background-size: 92% auto, 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 16%;
    bottom: -14px;
    filter: drop-shadow(0 -12px 0 rgba(145, 144, 158, 2));
    z-index: 9;
}
.digital-marketings:after {
    content: "";
    height: 69px;
    width: 106px;
    background-image: url(../img/digital-marketing/services.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 30;
    top: 38px;
    filter: drop-shadow(0 -12px 0 rgba(145, 144, 158, 2));
    z-index: 9;
}
.social-heading {
    color: #fff;
}
.social-heading h2 {
    font-family: oswaldbold;
    margin: 0;
    padding: 4px;
    line-height: 40px;
    font-size: 35px;
}
.h-ul-hed {
    font-family: oswaldbold;
    font-size: 25px;
    color: #fcee21;
    margin: 10px 0;
}
.social-heading h1 {
    font-family: oswaldbold;
    margin: 0;
    padding: 4px;
    line-height: 40px;
    font-size: 35px;
}
.social-heading h3 {
    font-family: oswaldbold;
    margin: 0;
    padding: 4px;
    line-height: 40px;
    font-size: 35px;
}
.social-heading b {
    color: #fcee21;
}
.social-media {
    background-image: linear-gradient(to top, white 10%, #1b1464 10%);
    padding-top: 43px;
    color: #fff;
    overflow: hidden;
}
.social-media-branding {
    padding: 20px;
    display: flex;
    flex-direction: column-reverse;
}
.social-media-branding-lft {
    width: 100%;
}
.seo-ralated-content-lft img,
.social-media-branding-lft img {
    width: 100%;
    display: flex;
}
.seo-ralated-content {
    background-image: linear-gradient(to bottom, transparent 85%, #fff 85%), url(../img/digital-marketing/seo-content.png);
    background-position: 100% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    align-items: center;
    padding: 20px;
    border-radius: 37px;
}
.seo-ralated-content-lft {
    width: 100%;
}
.seo-ralated-content p,
.digital-business-left p {
    color: #fff;
}
.digital-business {
    align-items: center;
    padding: 20px;
    display: flex;
    flex-direction: column-reverse;
}
.digital-business-left {
    width: 100%;
}
.digital-seo {
    background-image: linear-gradient(to top, white 10%, #1b1464 10%);
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}
.digital-left-img img {
    width: 100%;
}
.benfits-heading {
    background-color: #fdc92a;
    padding: 5px;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    margin: auto;
}
.benfits-heading h3 {
    font-family: oswaldbold;
    margin: 0;
    line-height: 40px;
    padding: 5px;
    font-size: 30px;
}
.benfits-heading-nw {
    background-image: linear-gradient(to left, #003da0, #0087bc);
    text-align: center;
    padding: 20px;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 40px;
}
.benfites-new img {
    width: 80%;
}
.features-of-digitaa-marketing {
    background-image: linear-gradient(to bottom, transparent 85%, #fff 85%), url(../img/digital-marketing/feature.png);
    background-position: 100% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    padding-top: 30px;
}
.features-marketing {
    display: flex;
    align-items: end;
    flex-direction: column-reverse;
}
.features-marketing-lft {
    width: 100%;
}
.features-img img {
    width: 100%;
}
.benfits-marketing {
    background-image: url(../img/digital-marketing/benfits-marketing.png);
    background-image: url(../img/digital-marketing/benfits-marketing.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}
.digital-heding {
    position: relative;
}
.digital-heding .digital-imgs {
    width: auto;
}
.digital-heding div:nth-child(1) {
    position: absolute;
    left: -41px;
    width: 182px;
    top: -31px;
}
.digital-heding div:nth-child(3) {
    position: absolute;
    right: -24px;
    width: 182px;
    top: -20px;
}
.social-heading h2,
.social-heading h3,
.social-heading h4,
.social-heading h5,
.social-heading h6 {
    font-family: oswaldbold;
    margin: 0;
    line-height: 48px;
    color: #fff;
    font-size: 30px;
}
.digital-headings h3 {
    font-family: oswaldbold;
    margin: 0;
    padding: 4px;
    line-height: 40px;
    font-size: 35px;
}
.digital-headings h2 {
    font-family: oswaldbold;
    margin: 0;
    padding: 4px;
    line-height: 40px;
    font-size: 35px;
}
.pc-app-img {
    display: none;
}
.mob-app-img {
    width: 100%;
}
.pc-img {
    display: none;
}
.app-dev-body {
    overflow: hidden;
}
.bst-ap-cmpl {
    background: url(../img/app-development/android-development-compay-mob-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 58px 0 0 0;
}
.bst-ap-flxx {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.bst-lft-box {
    width: 100%;
    padding: 0 19px 20px;
}
.b-lft-box-hedds {
    margin: 10px 0;
}
.b-lft-box-hedds h1 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-family: Montserratextrabold;
}
.b-lft-box-hedds b {
    color: #ffd119;
}
.b-lft-box-p p {
    color: #fff;
    font-size: 18px;
}
.bst-rgt-box {
    width: 100%;
}
.bst-rgt-box img {
    width: 100%;
}
.why-innr-cmplt {
    width: 100%;
}
.why-inr-bgr-blu {
    background: url(../img/app-development/why-choose-us-inner-blu.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px 0;
    background-position: center;
}
.why-inr-flxx {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
}
.why-inr-lft-sec {
    width: 100%;
}
.why-inr-lft-sec img {
    width: 100%;
}
.why-inr-rgt-sec {
    width: 100%;
}
.why-rgt-box-hedds {
    margin: 10px 0;
}
.why-rgt-box-hedds h2 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-family: Montserratextrabold;
}
.why-rgt-box-hedds b {
    color: #ffd119;
}
.why-rgt-box-p p {
    color: #fff;
}
.why-rgt-box-img img {
    width: 100%;
}
.a-link-aps {
    color: #fff;
}
.a-link-yl {
    color: #ffd119;
}
.a-link-blu {
    color: blue;
}
.bst-ios-cmpl {
    background: url(../img/app-development/ios-app-development-company-mob-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px 0;
}
.bst-ios-flxx {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.bst-ios-lft-box {
    width: 100%;
}
.ios-lft-box-hedds {
    margin: 10px 0;
}
.ios-lft-box-hedds h2 {
    color: #1b1464;
    font-size: 35px;
    font-family: Montserratextrabold;
    line-height: 40px;
}
.ios-lft-box-hedds b {
    color: #0071bc;
}
.ios-lft-box-p p {
    color: #000;
    font-size: 18px;
}
.bst-ios-rgt-box {
    width: 100%;
    text-align: center;
}
.bst-ios-rgt-box img {
    width: 100%;
}
.bnts-sect-cmplt {
    background: url(../img/app-development/benefits-of-app-mob-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 37px 0 70px 0;
}
.bnts-sec-hedds {
    text-align: center;
}
.bnts-sec-hedds h3 {
    color: #fff;
    font-size: 35px;
    font-family: Montserratextrabold;
    margin: 0;
    line-height: 40px;
}
.bnts-sec-hedds b {
    color: #1dc5ff;
    font-family: Montserratextrabold;
}
.bnts-inr-flxx {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.bnt-inc-lft {
    width: 100%;
}
.bns-lfts img {
    width: 80%;
}
.bns-inc-center {
    width: 100%;
}
.bns-inc-center img {
    width: 100%;
}
.bnt-inc-rgt {
    display: none;
}
.bst-cros-plt-cmpl {
    background: url(../img/app-development/cross-platform-app-dev-company-australia.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px 0;
    background-position: center;
}
.bst-cros-flxx {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.bst-cros-lft-box {
    width: 100%;
}
.cros-lft-box-hedds {
    margin: 10px 0;
}
.cros-lft-box-hedds h2 {
    color: #000;
    font-size: 35px;
    font-family: Montserratextrabold;
    line-height: 40px;
}
.cros-lft-box-hedds b {
    color: #0071bc;
}
.cros-lft-box-p p {
    color: #000;
    font-size: 18px;
}
.bst-cros-rgt-box {
    width: 100%;
}
.bst-cros-rgt-box img {
    width: 90%;
}
.cntrr-btn {
    text-align: center;
}
.w-cnt a {
    background-color: #0071bc;
    color: #fff;
    padding: 6px 23px;
    border-radius: 5px;
    cursor: pointer;
}
.rd-mr-itlcs {
    font-family: MontserratMediumItalic;
}
.cntt-rd-this-appdev {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
    width: 90.5%;
    margin: auto;
}
h2.rd-mre-apdev {
    font-weight: 900;
    color: #f15a24;
}
.cntt-rd-this-app {
    color: #fff;
    width: 90.5%;
    margin: auto;
}
.cntt-rd-this-shred {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.shred-btm-rd {
    margin-top: 15px;
}
.cntt-rd-this-app2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.cntt-app2 p {
    margin-bottom: 10px;
    text-align: center;
}
.cntt-app2 {
    width: 85%;
    margin: auto;
    padding: 40px 0;
}
.cntt-app2 h3 {
    display: block;
    margin: 10px 0;
    font-size: 25px;
    color: #1b1464;
    font-family: Montserratextrabold;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
}
.cntt-rd-this-app3 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
    width: 90.5%;
    margin: auto;
}
.cntt-rd-this-app4 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
    width: 90.5%;
    margin: auto;
}
.cntt-rd-this-app p,
.cntt-rd-this-app2 p,
.cntt-rd-this-app3 p,
.cntt-rd-this-app4 p {
    margin: 0 0 10px 0;
}
.cntt-rd-this-app h5 {
    color: #fff;
    font-size: 25px;
    font-family: Montserratextrabold;
    margin: 10px 0;
}
.cntt-rd-this-app h2 {
    color: #fff;
    font-size: 25px;
    font-family: Montserratextrabold;
    margin: 10px 0;
}
.cntt-rd-this-app .h3-rd {
    color: #fff;
    font-size: 25px;
    font-family: Montserratextrabold;
    margin: 10px 0;
}
.cntt-rd-this-app b {
    color: #ffd119;
}
.rd-mr-itlcs {
    font-family: MontserratMediumItalic;
    color: #ffd119;
    margin: 10px 0;
}
.cntt-rd-this-app4 h4 {
    color: #000;
    font-size: 25px;
    font-family: "MontserratBlack";
    margin: 12px 0;
    display: block;
}
.cntt-rd-this-app4 h4 b {
    color: #0071bc;
}
.software-new-section {
    background-image: linear-gradient(to left, #b8ffff, #3cb4e5);
    padding: 10px;
    overflow: hidden;
}
.software-blue-bg {
    background-color: #00154f;
    padding: 23px;
    border-radius: 20px;
}
.cntt-rd-this-eco2 p {
    color: #fff;
}
.cntt-rd-this-eco,
.cntt-rd-this-eco3 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
    margin: auto;
}
.cntt-rd-this-eco p {
    color: #fff;
}
.cntt-rd-this-eco2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.rh-sec-banner {
    background-image: url(/img/resellers/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 80px;
}
.rh-hdr {
    padding-top: 80px;
    text-align: center;
    color: #fff;
}
.rh-hdr h1 {
    font-family: var(--nunito);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 4em;
}
.rh-hdr p {
    font-size: 1.3em;
}
.digi-cnt p {
    font-size: 17px;
}
.h-reasons-txts {
    font-size: 1.5em;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
@media screen and (min-width: 1900px) {
    .rh-bdy {
        width: 90%;
        margin: auto;
    }
}
.resell-pkg-ctnr {
    width: 95%;
    margin: 50px auto auto;
    justify-content: space-between;
}
.r-pkg-bx {
    width: 100%;
    background-color: #eef2fe;
    text-align: center;
    border: 0;
    padding-bottom: 20px;
    box-shadow: -10px 10px 10px #c7c7c7;
    border-radius: 20px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 60px;
}
.rp-ctnr {
    padding-bottom: 20px;
}
.rp-ctnr div {
    padding: 5px;
}
.rp-name {
    background-color: #f15a25;
    margin: -15px auto auto;
    border-radius: 20px;
    width: 50%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    font-size: 1.1em;
}
.rp-price {
    font-size: 2.5em;
    padding-top: 50px !important;
    font-weight: 700;
}
.rp-term {
    font-weight: 700;
}
.rp-get-it {
    position: absolute;
    bottom: -20px;
    width: 100%;
    left: 0;
    text-align: center;
}
.getit-btn {
    background-color: #0071bd;
    color: #fff;
    padding: 10px 30px;
    border: 0;
    border-radius: 10px;
    font-weight: 700;
    font-size: 1.2em;
}
.rh-yj-sep {
    margin-top: 50px;
}
.rh-info {
    padding-top: 50px;
}
.rh-info-ctnr {
    background-color: #1d3dc6;
    display: flex;
}
.rh-info-ctnr > div {
    width: 50%;
    max-width: 50%;
}
.rh-info-ctnr > div:first-child {
    padding: 20px;
    text-align: center;
}
.rh-info-ctnr > div:first-child img {
    width: 60%;
    height: auto;
}
.rh-info-ctnr > div:last-child {
    color: #fff;
    padding: 20px 50px;
}
.rh-info-ctnr > div:last-child h2 {
    font-size: 2em;
}
.rh-info-ctnr > div:last-child p {
    font-size: 1.1em;
}
.rh-readmore-info-btn a {
    background-color: #f15a25;
    color: #fff;
    padding: 5px 20px;
    font-weight: 700;
    border-radius: 3px;
}
.rh-sec-whyjoinreseller {
    text-align: center;
}
.rh-sec-whyjoinreseller h2 {
    font-size: 2.5em;
    color: #1d3dc6;
}
.sh-advantage-ctnr {
    justify-content: space-between;
    width: 95%;
    margin: auto;
}
.sh-advantage-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e6e6e6;
    padding: 10px;
    width: 100%;
    box-shadow: 5px 5px 5px #ccc;
    border-radius: 8px;
    margin-bottom: 30px;
}
.sh-advantage-bx > div:first-child {
    width: 30%;
}
.sh-advantage-bx > div:first-child img {
    width: 98%;
    height: auto;
}
.sh-advantage-bx > div:last-child {
    width: 70%;
    text-align: left;
}
.sh-advantage-bx > div:last-child h3 {
    font-size: 1.8em;
}
.rh-tech-spec-hr {
    margin-top: 50px;
}
.rh-sec-tech-specs {
    padding: 10px 30px;
}
.rh-sec-tech-specs > h2 {
    text-align: center;
    font-size: 2.5em;
    color: #1d3dc6;
}
.rh-sec-tech-specs > p {
    text-align: center;
}
.rh-spec-ctnr {
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
}
.rh-spec-ctnr > div {
    width: 100%;
}
.rh-spec-bx {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.rh-spec-bx > div:first-child {
    width: 25%;
}
.rh-spec-bx > div:first-child img {
    width: 80%;
    height: auto;
}
.rh-spec-bx > div:last-child {
    width: 75%;
}
.rh-spec-bx > div:last-child > div {
    font-size: 0.9em;
    line-height: 1em;
    padding-right: 20px;
}
.rh-faq-ctnr {
    width: 90%;
    margin: auto;
}
.rh-faq-ctnr > div:first-child {
    width: 100%;
}
.rh-faq-ctnr > div:last-child {
    width: 100%;
    text-align: right;
}
.rh-faq-ctnr > div:last-child img {
    width: 80%;
    height: auto;
}
.rh-sec-faq {
    padding-top: 50px;
    padding-bottom: 50px;
}
.rh-sec-faq h2 {
    text-align: center;
    font-family: var(--nunito);
    font-weight: 700;
    font-size: 2.2em;
    color: #fff;
    padding: 15px;
    line-height: 1em;
    background-color: #1d3dc6;
}
.rh-qa {
    border: 1px solid #3c3c3c;
    background-color: #f2f2f2;
    margin-top: 5px;
    width: 100%;
}
.rh-qc,
.rh-qe {
    font-size: 1.5em;
    font-family: var(--nunito);
    font-weight: 700;
    font-style: italic;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
}
.rh-qc::after {
    content: "\f107";
    font-family: var(--fa);
}
.rh-qe::after {
    content: "\f106";
    font-family: var(--fa);
}
.rh-qc::after,
.rh-qe::after {
    font-size: 1.5em;
    position: absolute;
    right: 10px;
}
.rh-a {
    font-size: 1.2em;
    font-family: var(--nunito);
    padding: 10px 20px 10px 0;
    display: none;
}
.kp-bnr-abt .mob-abt-kplr {
    width: 100%;
}
.kp-bnr-abt .pc-abt-kplr {
    display: none;
}
.abot-body {
    overflow: hidden;
}
.abt-kplrs-cmplt {
    width: 80%;
    margin: auto;
    text-align: center;
    padding: 50px 0;
}
.abt-kplr-hedds {
    padding: 20px 10px;
}
.abt-kplr-hedds h1 {
    font-family: KGBrokenVesselsSketch;
    color: #f15a24;
    font-size: 33px;
    font-weight: 500;
}
.abt-kplr-read-mr-btn {
    margin: 10px 0 0 0;
}
.abt-kplr-read-mr-btn a {
    text-decoration: none;
    color: #000;
    background: #1ebad9;
    padding: 13px 28px;
    font-size: 20px;
    border-radius: 29px;
    cursor: pointer;
}
.abt-our-proc {
    background: url(../img/about-us/about-our-process-mob-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}
.abt-our-proc-flxx {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    padding: 149px 0 27px 0;
}
.lft-proc {
    width: 100%;
    text-align: center;
}
.lft-proc img {
    width: 70%;
}
.rgt-proc {
    width: 100%;
    text-align: center;
}
.rgt-proc img {
    width: 86%;
}
.abt-our-pnc {
    background: url(../img/about-us/abt-our-pnc-bg.png);
    background: url(../img/about-us/abt-our-pnc-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 95%;
    margin: 30px auto;
    padding: 59px 0;
    border-radius: 81px 0 81px 81px;
}
.abt-or-pnc-flxx {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.abt-tec-col {
    width: 90%;
    text-align: center;
    margin: 0 0 63px 0;
}
.abt-or-pnc-hedd {
    text-align: center;
    padding: 20px;
}
.abt-or-pnc-hedd h2 {
    font-family: KGBrokenVesselsSketch;
    font-size: 33px;
    color: #fff;
    font-weight: 500;
}
.abt-tec-hd b {
    color: #fff;
    background: #f15a24;
    padding: 3px 10px;
    border-radius: 19px;
}
.abt-tec-hd h3 {
    font-size: 30px;
    padding: 10px 0;
    color: #fff;
    font-family: KGBrokenVesselsSketch;
    font-weight: 500;
}
.abt-tec-p {
    width: 80%;
    color: #fff;
    margin: auto;
}
.abt-tec-img img {
    width: 58%;
    padding: 10px;
}
.cntt-rd-this-secnd {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.content-marketing {
    background-image: url(../img/content-marketing/content-writing-services-australia.png);
    background-image: url(../img/content-marketing/content-writing-services-australia.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 10px;
    padding-bottom: 95px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.content-marketing-service {
    align-items: center;
}
.content-marketing-left {
    width: 100%;
}
.content-marketing-left img {
    width: 100%;
    position: relative;
    top: 54px;
}
.content-marketing-left p {
    color: #fff;
}
.social-heading {
    text-transform: uppercase;
}
.content-services {
    background-image: url(../img/content-marketing/content-services.png);
    background-image: url(../img/content-marketing/content-services.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 25px;
    margin-top: -110px;
    overflow: hidden;
}
.content-services-flx {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}
.content-services-left {
    width: 100%;
}
.content-imgs img {
    width: 100%;
}
.content-services-cnts {
    background-color: #2e3192;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 100%;
}
.content-services-lefts {
    width: 100%;
}
.content-services-cnts p {
    color: #fff;
}
.content-writer-partner {
    background-image: linear-gradient(to left, #ffd02e, #c7017c);
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
.content-marketing-heading h2,
.content-marketing-headings h2 {
    margin: 0;
}
.content-marketing-heading {
    background-color: #4f74e8;
    padding: 20px;
    text-align: center;
}
.content-marketing-heading h2,
.content-marketing-headings h2,
.content-marketing-heading h3 {
    color: #ff0;
    font-size: 28px;
    font-family: oswaldbold;
    line-height: 40px;
}
.content-marketing-heading h2 b,
.content-marketing-headings h2 b,
.content-marketing-heading h3 b {
    color: #fff;
}
.content-marketing-heading > div {
    position: relative;
    width: 75%;
    margin: auto;
}
.content-marketing-heading > div:before,
.content-marketing-headings > div:before {
    content: "";
    height: 60px;
    width: 60px;
    background-image: url(../img/content-marketing/stop.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: -60px;
    top: 18px;
    z-index: 9;
}
.content-marketing-heading > div:after,
.content-marketing-headings > div:after {
    content: "";
    height: 60px;
    width: 60px;
    background-image: url(../img/content-marketing/stop-2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -60px;
    top: 18px;
    z-index: 9;
}
.content-service-blue {
    background-color: #2e3192;
    padding: 20px;
}
.content-inner-flx {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}
.content-inner-flx-in {
    width: 100%;
}
.content-inner-flx-in p {
    color: #fff;
}
.content-image img {
    width: 100%;
}
.content-bg {
    background-image: linear-gradient(to top, #a5ffff, #fff);
    margin-top: 10px;
    padding-bottom: 10px;
}
.content-process {
    background-color: #2e3192;
    padding: 10px;
    border-radius: 20px;
    align-items: center;
}
.content-process-left {
    width: 100%;
}
.content-process-left p {
    color: #fff;
}
.content-process-left img {
    width: 100%;
}
.benefits-writer {
    background-image: url(../img/content-marketing/content-process-services.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
}
.content-marketing-headings > div {
    width: 50%;
    position: relative;
    text-align: center;
    margin: auto;
}
.content-marketing-headings {
    text-align: center;
}
.benefits-flx {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}
.benefits-flx > div:nth-child(1) {
    width: 100%;
}
.benefits-flx > div:nth-child(2) {
    width: 100%;
}
.benefits-flx img {
    width: 100%;
}
.content-choose {
    background-image: linear-gradient(to top, #a5ffff, #fff);
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
.content-choose-flx {
    align-items: end;
}
.content-choose-lft {
    width: 100%;
}
.bdt {
    background-color: #2e3192;
    padding: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.content-cntts p {
    color: #fff;
}
.content-choose-lfts {
    width: 100%;
}
.content-cntt img {
    width: 100%;
}
.content-cntt {
    text-align: center;
}
.type-cnts p {
    margin: 0;
    color: #fff;
    margin-top: 10px;
}
.type-cnts h4 {
    margin: 10px 0;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
}
.ul-cnt,
.cnts-ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.ul-cnt ul,
.cnts-ul ul {
    color: #fff;
}
.graph-more,
.digital-reads {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.graphic-design-read {
    background-color: #1b1464;
    padding: 2px;
    color: #fff;
}
.graph-more h4 {
    margin: 10px 0;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
}
.graph-more p {
    margin-top: 6px;
    margin-bottom: 6px;
}
.read-more {
    margin-top: 10px;
    margin-bottom: 10px;
}
.digital-reads p {
    margin: 0;
}
.feature-ds {
    text-align: center;
}
.pc-seo-img {
    display: none;
}
.mob-seo-img {
    width: 100%;
}
.pc-img {
    display: none;
}
.seo-body {
    overflow: hidden;
}
.bst-seo-loc-au-complt {
    background: url(../img/seo/best-local-seo-company-in-australia-mob-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 32px 0;
}
.b-seo-loc-cntnr {
    text-align: center;
}
.b-seo-cntr-hedng h1 {
    color: #fff;
    font-size: 35px;
    font-family: Montserratextrabold;
    line-height: 40px;
    margin: 0;
}
.b-seo-cntr-hedng b {
    color: #ffd119;
}
.b-seo-cntr-p {
    color: #fff;
    width: 100%;
    padding: 6px 10px;
    text-align: center;
}
.btn-seo a {
    text-decoration: none;
    color: #fff;
    background: #008cff;
    border-radius: 22px;
    padding: 8px 12px;
    cursor: pointer;
}
.btn-seo-cntr {
    text-align: center;
}
.cntt-rd-this-seo {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
    color: #fff;
}
.b-seo-loc-cont-flxx {
    display: none;
}
.seo-loc-cont-lft {
    width: 45%;
    text-align: center;
}
.seo-loc-cont-lft img {
    width: 83%;
}
.seo-loc-cont-rgt {
    width: 48%;
    text-align: right;
}
.seo-loc-cont-rgt img {
    width: 53%;
}
.seo-loc-cont-rgt-mob img {
    width: 75%;
}
.seo-loc-cont-lft-mob {
    text-align: center;
}
.seo-loc-cont-lft-mob img {
    width: 75%;
}
.b-seo-loc-botm-cmplt {
    background: url(../img/seo/key-things-seo.png);
    background: url(../img/seo/key-things-seo.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 38px;
    width: 98%;
    margin: auto;
    padding: 40px 10px 0;
    text-align: center;
    background-position: center;
    position: relative;
    top: 77px;
}
.b-ky-flexx {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.b-ky-lft {
    width: 100%;
    text-align: center;
}
.b-ky-hedng h2 {
    line-height: 40px;
    color: #ffd119;
    font-size: 30px;
    font-family: Montserratextrabold;
}
.b-ky-hedng h2 b {
    color: #fff;
}
.b-ky-hedng h3 {
    line-height: 40px;
    color: #ffd119;
    font-size: 30px;
    font-family: Montserratextrabold;
}
.b-ky-hedng h3 b {
    color: #fff;
}
.b-ky-p p {
    color: #fff;
}
.b-ky-rgt {
    width: 100%;
    text-align: center;
}
.b-ky-rgt img {
    width: 58%;
}
.build-site-seo-cmplt {
    background: linear-gradient(25deg, #241b70 20%, #b8d7fa 19%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 76%;
}
.build-site-seo-cntnr {
    padding: 30px 12px 0 12px;
}
.build-site-seo-flxx {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}
.b-site-left {
    width: 100%;
    z-index: 1;
    text-align: center;
}
.b-site-hedng h2 {
    margin: 0;
    line-height: 40px;
    color: #000;
    font-size: 30px;
    font-family: Montserratextrabold;
}
.b-site-hedng h2 b {
    color: #ff4e00;
}
.b-site-left img {
    width: 66%;
    transform: scale(1.2);
}
.b-site-rgt {
    width: 100%;
    padding: 40px 10px;
    text-align: center;
}
.buid-seo-mrr {
    text-align: center;
    background: linear-gradient(232deg, #8fc0f5, #ffffff);
}
.buid-seo-mrr p {
    width: 100%;
    padding: 40px 10px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}
.key-fct-sec-cmplt {
    background: url(../img/seo/key-factors-of-seo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 34px 0 0;
}
.key-fct-cntnr {
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 97%;
    margin: auto;
    padding: 4px 20px;
    border-radius: 30px;
    box-shadow: 0 0 16px 1px grey;
    position: relative;
}
.key-fact-flexx {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.key-fact-lft {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.key-fact-hedng h3 {
    color: #1b1464;
    font-size: 30px;
    font-family: Montserratextrabold;
    line-height: 40px;
    margin: 0;
}
.key-fact-hedng h3 b {
    color: #ff4e00;
}
.key-fact-rgt {
    width: 100%;
    text-align: center;
}
.key-fact-rgt img {
    width: 100%;
}
.arr-mob-show {
    text-align: center;
}
.arr-mob-show img {
    width: 50%;
}
.cntt-seo-2 {
    width: 90%;
    margin: auto;
    padding: 46px 6px 0;
}
.cntt-seo-2 p {
    margin: 0 0 15px 0;
    color: #fff;
}
.cntt-seo-2 h4 {
    font-size: 25px;
    color: #ffb020;
    font-family: Montserratextrabold;
    text-transform: uppercase;
    display: block;
    width: fit-content;
    margin: 0 0 8px 0;
}
.cntt-rd-this-seo2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.wt-seo-inc-cmplt {
    background: url(../img/seo/seo-includes.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 20px;
}
.wt-seo-inc-flxx {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}
.seo-inc-left {
    width: 100%;
    text-align: center;
}
.seo-inc-left img {
    width: 80%;
    transform: scale(1.2);
}
.seo-inc-rgt {
    width: 100%;
    padding: 40px 10px;
    text-align: center;
}
.seo-inc-hedng h5 {
    color: #000;
    font-size: 30px;
    font-family: Montserratextrabold;
    margin: 0;
    line-height: 40px;
}
.seo-inc-hedng h5 b {
    color: #ff4e00;
}
.seo-pg-ul {
    list-style: none;
    padding-left: 0;
}
.seo-pg-ul li {
    margin: 10px 0;
}
.seo-pg-ul b {
    font-size: 23px;
    color: #1b65a5;
    font-family: Montserratextrabold;
    text-transform: uppercase;
}
.cntt-seo-3 {
    background: linear-gradient(-173deg, #8fc0f5, #ffffff);
    text-align: center;
}
.cntt-seo-3 ul {
    width: 100%;
    padding: 40px 10px;
    text-align: center;
    margin-top: 0;
}
.onln-seo-rep-cmplt {
    background: url(../img/online-reputation-managenent/online-seo-reputation-management-marketing-service-aus.svg), #eaf3fd;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 60px 12px;
    text-align: center;
}
.onln-seo-rep-flxx {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.onln-seo-rep-left {
    width: 100%;
}
.on-seo-rep-hedng h1 {
    font-size: 40px;
    line-height: 42px;
    color: #ffd119;
    font-family: RalewayExtraBold;
}
.on-seo-rep-hedng b {
    font-size: 26px;
    color: #fff;
}
.on-seo-rep-p {
    color: #fff;
}
.onln-seo-rep-right {
    width: 100%;
}
.thngs-cn-lev-cmplt {
    background: linear-gradient(0deg, #8bbbee 80%, transparent 105%);
    border-radius: 0 0 90px 90px;
    padding: 20px 0;
}
.thngs-cn-lev-innr {
    background: url(../img/online-reputation-managenent/things-can-leave-mob-bg.svg), white;
    background-repeat: no-repeat;
    background-size: cover;
    width: 90%;
    margin: auto;
    border-radius: 44px;
    padding: 44px 20px;
    box-shadow: 0 10px 17px 0 #4c617a;
    position: relative;
    text-align: center;
}
.thngs-cn-lev-innr-flxx {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.thngs-cn-lev-left {
    width: 100%;
}
.thngs-cn-lev-left img {
    width: 100%;
}
.thngs-cn-lev-right {
    width: 100%;
}
.thngs-cn-lev-hedng h2 {
    line-height: 40px;
    line-height: 42px;
    color: #100f55;
    font-family: RalewayExtraBold;
}
.mst-reliable-cmplt {
    background: url(../img/online-reputation-managenent/most-reliable-company-mob-bg.svg), #eaf3fd;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 146px 12px 41px;
    margin-top: -150px;
    text-align: center;
}
.mst-reliable-flxx {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mst-reliable-left {
    width: 100%;
}
.mst-reliable-hedng h3 {
    font-size: 40px;
    line-height: 42px;
    color: #fff;
    font-family: RalewayExtraBold;
}
.mst-reliable-p {
    color: #fff;
}
.mst-reliable-right {
    width: 100%;
}
.mst-reliable-right img {
    width: 80%;
}
.al-gt-benft-cmplt {
    background: linear-gradient(0deg, #8bbbee 80%, transparent 105%);
    padding: 20px 0 100px;
    z-index: 1;
    position: relative;
}
.al-gt-benft-innr {
    background: url(../img/online-reputation-managenent/things-you-can-leave-on.svg), white;
    background-repeat: no-repeat;
    background-size: cover;
    width: 90%;
    padding: 44px 20px;
    margin: auto;
    border-radius: 44px;
    box-shadow: 0 10px 17px 0 #4c617a;
    position: relative;
    text-align: center;
}
.al-gt-benft-cmplt::before {
    content: "";
    background-image: url(../img/online-reputation-managenent/orm-left.svg);
    width: 100px;
    height: 200px;
    position: absolute;
    bottom: 33px;
    display: inline-block;
    background-size: cover;
    left: 18px;
    z-index: 1;
}
.al-gt-benft-innr-flxx {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.al-gt-benft-left {
    width: 100%;
}
.al-gt-benft-left img {
    width: 90%;
}
.al-gt-benft-right {
    width: 100%;
}
.al-gt-benft-right img {
    width: 80%;
}
.al-gt-benft-hedng h4 {
    line-height: 40px;
    line-height: 42px;
    color: #100f55;
    font-family: RalewayExtraBold;
}
.pc-on-rep-img {
    display: none;
}
.mob-on-rep-img {
    width: 100%;
}
.onln-rep-body {
    overflow: hidden;
}
.web-portal {
    background-image: linear-gradient(to right, #2b2382, #180d51);
    padding-top: 20px;
    overflow: hidden;
}
.web-portal-flx {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    padding: 20px;
}
.web-portal-left {
    width: 100%;
}
.web-portal-hed h1,
.web-portal-hed h2,
.web-portal-hed h3 {
    font-family: Montserratextrabold;
    margin: 0;
    line-height: 35px;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    margin-top: 10px;
}
.web-portal-hed h1 b,
.web-portal-hed h2 b,
.web-portal-hed h3 b {
    color: #ffc200;
}
.web-portal-left p {
    color: #fff;
}
.web-portal-left-img img {
    width: 100%;
}
.web-prt {
    background-image: linear-gradient(to top, white 6%, #8fc0f5 14%, white 72%);
    padding-top: 60px;
    padding-bottom: 30px;
    border-top-right-radius: 90px;
    margin-top: -54px;
}
.web-portal-flxs {
    display: flex;
    background-image: url(../img/web-portal/web-develop.png);
    background-image: url(../img/web-portal/web-develop.webp);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    border-top-right-radius: 110px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    flex-direction: column-reverse;
}
.web-flxs-left {
    width: 100%;
}
.web-img-portal img {
    width: 100%;
    display: flex;
}
.web-new-imgs img {
    width: 90%;
    margin: auto;
}
.web-new-imgs {
    text-align: center;
}
.web-img-portal .web-portal-hed {
    padding-top: 50px;
    padding: 5px;
}
.web-portal-headings {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}
.web-portal-headings h2 {
    font-family: Montserratextrabold;
    margin: 0;
    line-height: 40px;
    color: #1c1162;
}
.web-portal-headings h2 b {
    background-color: #ffc200;
    padding: 2px 12px;
    font-weight: 100;
    font-family: montserratsemiBold;
    color: #fff;
}
.web-portal-sevtion p {
    margin: 0;
}
.web-headings p {
    text-align: center;
}
.web-images div img {
    width: 100%;
}
.web-portal-types {
    align-items: center;
}
.web-type-lft {
    width: 100%;
    padding: 10px;
}
.web-portal-type {
    background-image: linear-gradient(to left, #2b237c, #180d5b);
    padding-top: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 122px;
}
.web-type-lft p {
    color: #fff;
}
.web-type-lfts {
    width: 100%;
}
.web-type-lfts img {
    width: 100%;
    display: flex;
}
.artificial-intelligence-and-big-data {
    background-image: linear-gradient(to left, #001c53, #09bef3);
    padding-top: 20px;
}
.artificial-intelligence {
    align-items: center;
}
.artificial-intelligence-lft {
    width: 100%;
}
.social-headingnw h1,
.social-headingnw h2 {
    font-family: Montserratextrabold;
    color: #fff;
    line-height: 40px;
    text-transform: uppercase;
    margin: 0;
    font-size: 24px;
}
.social-headingnw h1 b,
.social-headingnw h2 b {
    color: #fcee21;
}
.artificial-cnts p {
    color: #fff;
    margin: 0;
}
.manage-heading {
    text-align: center;
}
.manage-heading h2 {
    font-family: Montserratextrabold;
    margin: 0;
    color: #1b1464;
    font-size: 24px;
    line-height: 40px;
}
.manage-heading h2 b {
    color: #0a9de8;
    font-size: 30px;
}
.manage-intelligence {
    background-image: url(../img/artificial-intelligence-and-big-data/artificial-intellegences.png);
    background-image: url(../img/artificial-intelligence-and-big-data/artificial-intellegences.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    padding-bottom: 70px;
}
.manage-intelligence-flx {
    background-image: linear-gradient(to bottom, transparent 85%, transparent 85%), url(../img/artificial-intelligence-and-big-data/artf.png);
    background-position: 100% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    color: #fff;
}
.artificial-intelligence-data {
    background-image: linear-gradient(to top, #000036, #00286e, #000036);
    padding-top: 20px;
    padding-bottom: 20px;
}
.data-step {
    background-image: url(../img/artificial-intelligence-and-big-data/data-type.png);
    background-image: url(../img/artificial-intelligence-and-big-data/data-type.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}
.data-types {
    background-color: #e9f9ff;
    padding: 20px;
    border-radius: 20px;
}
.data-types:before {
    content: "";
    height: 188px;
    width: 191px;
    background-image: url(../img/artificial-intelligence-and-big-data/artificial.png);
    background-image: url(../img/artificial-intelligence-and-big-data/artificial.webp);
    background-size: 79% auto, 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 20%;
    top: 296px;
    filter: drop-shadow(0 -12px 0 rgba(145, 144, 158, 2));
    z-index: 9;
}
.data-types:after {
    content: "";
    height: 211px;
    width: 221px;
    background-image: url(../img/artificial-intelligence-and-big-data/artificial-robots.png);
    background-image: url(../img/artificial-intelligence-and-big-data/artificial-robots.webp);
    background-size: 79% auto, 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 30%;
    bottom: -118px;
    filter: drop-shadow(0 -12px 0 rgba(145, 144, 158, 2));
    z-index: 9;
}
.technology-sec img {
    width: 80%;
    margin: auto;
    margin-top: 20px;
}
.technology-sec {
    text-align: center;
}
.artificial-intelligences {
    background-image: url(../img/artificial-intelligence-and-big-data/artificial-intellegences.png);
    background-size: cover;
    background-repeat: no-repeat, no-repeat;
    padding: 10px;
    position: relative;
    padding-bottom: 123px;
}
.manage-heading strong {
    font-size: 25px;
}
.art-images img {
    width: 100%;
}
.art-images {
    text-align: center;
}
.artificial-intelligences:after {
    content: "";
    height: 153px;
    width: 150px;
    background-image: url(../img/artificial-intelligence-and-big-data/art-human.png);
    background-image: url(../img/artificial-intelligence-and-big-data/art-human.webp);
    background-size: 79% auto, 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    filter: drop-shadow(0 -12px 0 rgba(145, 144, 158, 2));
    z-index: 9;
}
.artificial-intelligences:before {
    content: "";
    height: 153px;
    width: 132px;
    background-image: url(../img/artificial-intelligence-and-big-data/art-hand.png);
    background-image: url(../img/artificial-intelligence-and-big-data/art-hand.webp);
    background-size: 79% auto, 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    filter: drop-shadow(0 -12px 0 rgba(145, 144, 158, 2));
    z-index: 9;
}
.manage-image img {
    position: relative;
    top: 60px;
    width: 100%;
}
.manage-more,
.custom-web {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.manage-more-a a {
    background-image: linear-gradient(to bottom, #09bef3, #001c91);
    padding: 4px 23px;
    border-radius: 23px;
    color: #fff;
    cursor: pointer;
}
.manage-more-a {
    text-align: center;
    margin-top: 9px;
}
.artificial-cnts ul {
    color: #fff;
}
.web-type-lft ul {
    color: #fff;
}
.web-desvlop {
    position: relative;
}
.web-desvlop img {
    width: 100%;
    position: relative;
    top: 20px;
}
.left-img {
    text-align: center;
}
.left-img img {
    position: relative;
    top: -9px;
}
.web-portal-lefts {
    margin-left: 20px;
}
.data-types .manage-heading {
    margin-bottom: 123px;
}
.artificial-mb {
    padding-top: 120px;
}
@media screen and (min-width: 375px) {
    .data-types:before {
        top: 256px;
    }
}
.shr-host-body {
    overflow: hidden;
}
.kp-shr-hos-bnrs .pc-shr-hos-img {
    width: 100%;
}
.mob-shr-hos-img {
    display: none;
}
.shr-hos-pln-cmpl {
    padding: 20px 0 60px 0;
    background: linear-gradient(0deg, #8fc0f5, #ffffff);
}
.shr-hos-pln-heddng {
    padding: 20px 0 0;
    width: 98%;
    margin: auto;
}
.shr-hos-pln-heddng h1 {
    line-height: 42px;
    text-align: center;
    font-size: 35px;
    margin: 0;
    padding: 18px 10px;
    color: #fff;
    background: #001137;
    width: fit-content;
    margin: auto;
    border-radius: 40px 0 40px 0;
    font-family: oswaldbold;
}
.shr-hos-pln-heddng b {
    color: #00a4ff;
}
.shr-pln-flxx {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.shr-pl-main {
    width: 90%;
    margin: 10px 0;
}
.shr-pl-main-bfore {
    width: 200px;
    height: 20px;
    background: #338dff;
    box-shadow: 0 0 20px #e4e4ec;
    border-radius: 10px 10px 0 0;
    margin: auto;
}
.shr-pl-main-aftr {
    width: 200px;
    height: 20px;
    background: #338dff;
    box-shadow: 0 11px 20px 4px #e4e4ec;
    border-radius: 0 0 10px 10px;
    margin: auto;
}
.shr-pl-main-inr {
    box-shadow: 0 0 3px 2px #e8d8d8;
    text-align: center;
    background: #fff;
    padding: 20px 0;
}
.shr-pl-amnts {
    background: #3359ff;
    width: 90%;
    margin: auto;
    border-radius: 28px;
    color: #fff;
    padding: 3px 0;
    box-shadow: 0 0 20px 2px #aaaac0;
}
.shr-pl-amnts span {
    font-weight: 900;
}
.shr-pl-amnts sup,
.shr-pl-amnts sub,
.shr-pl-nrm small {
    font-size: 14px;
}
.shr-plns-pkg span {
    font-size: 14px;
    font-weight: 600;
}
.shr-evn-pkg {
    background: linear-gradient(102deg, #98c5f6, transparent);
}
.shr-pl-nrm small {
    background: #f15a24;
    color: #fff;
    padding: 5px 10px;
    border-radius: 14px;
}
.shr-pkg-select-btn {
    margin: 10px 0;
}
.shr-pkg-select-btn button {
    background: #f15a24;
    color: #fff;
    border: transparent;
    font-weight: 900;
    padding: 15px 0;
    font-size: 20px;
    width: 93%;
    text-transform: uppercase;
    border-radius: 30px;
}
.shr-whts-cmplt {
    background-image: url(../img/shared-hosting/wht-shre-bg.png);
    background-image: url(../img/shared-hosting/wht-shre-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0;
    z-index: 1;
    position: relative;
}
.shr-whts-innr {
    background: linear-gradient(0deg, #7dc3ea 1%, white 63%);
    border-radius: 44px;
    transform: scale(0.9);
    box-shadow: 0 10px 17px 0 #4c617a;
    position: relative;
    padding: 50px 0;
}
.shr-whts-cmplt::before {
    content: "";
    background-image: url(../img/shared-hosting/wht-shre-before.svg);
    width: 307px;
    height: 219px;
    margin: auto;
    position: absolute;
    top: -88px;
    display: inline-block;
    background-size: cover;
    left: 0;
    right: 0;
    z-index: 1;
}
.shr-whts-innr-flxx {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shr-whts-left {
    width: 100%;
    text-align: center;
    padding: 0 20px;
}
.shr-whts-right {
    width: 100%;
    text-align: center;
}
.shr-whts-right img {
    width: 84%;
    transform: scale(1.25);
}
.shr-whts-hedng h3 {
    font-size: 50px;
    line-height: 52px;
    color: #000;
    font-family: oswaldbold;
    margin-bottom: 0;
}
.shr-whts-hedng h2 b {
    color: #00a4ff;
}
.nw-sht-fetr-t2-h h3 {
    font-family: oswaldbold;
    color: #1b1464;
    font-size: 28px;
    line-height: 34px;
}
.nw-shre-host-fetr-t2 h5 {
    margin: 20px 0 0 0;
    color: #1b1464;
    font-size: 22px;
}
.nw-sht-fetr-t2-h p {
    margin: 0;
}
.shre-tch-fet-adds {
    width: 90%;
    margin: auto;
    padding: 13px 0;
}
.shre-tch-fet-adds h4 {
    margin: 20px auto 10px;
    color: #fff;
    font-size: 22px;
    background: #001137;
    width: fit-content;
    border-radius: 28px 0 28px 0;
    padding: 5px 20px;
}
.shre-tch-fet-adds p {
    margin: 0;
}
.shre-host-fetr-cmplt {
    padding: 20px 0 0;
    position: relative;
    border-radius: 0 0 44px 44px;
    box-shadow: 0 10px 17px 0 #4c617a;
    background: linear-gradient(0deg, #7dc3ea 1%, white 63%);
    text-align: center;
}
.shre-host-fetr-innr img {
    width: 80%;
}
.shre-host-fetr-heddng {
    padding: 20px 0 0;
    width: 98%;
    margin: auto;
}
.shre-host-fetr-heddng h3 {
    line-height: 42px;
    text-align: center;
    font-size: 35px;
    margin: 0;
    padding: 18px 10px;
    color: #fff;
    background: #001137;
    width: fit-content;
    margin: auto;
    border-radius: 40px 0 40px 0;
    font-family: oswaldbold;
}
.shre-host-fetr-heddng b {
    color: #00a4ff;
}
.shre-build-cmplt {
    background: url(../img/shared-hosting/shre-build-mob-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0 41px;
    margin-top: -76px;
}
.shre-build-innr {
    background: linear-gradient(-90deg, #7dc3ea 1%, white 63%);
    border-radius: 44px;
    transform: scale(0.9);
    box-shadow: 0 10px 17px 0 #4c617a;
    position: relative;
    padding: 20px 11px 0;
}
.shre-build-innr-flxx {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shre-build-left {
    width: 100%;
    text-align: center;
}
.shre-build-right {
    width: 100%;
    position: relative;
    text-align: center;
}
.shre-build-left img {
    width: 100%;
}
.shre-build-hedng h4 {
    font-size: 60px;
    line-height: 60px;
    color: #000;
    font-family: oswaldbold;
    margin: 10px 0;
}
.shre-build-hedng h4 b {
    color: #00a4ff;
}
.shre-build-img {
    text-align: center;
    width: 100%;
}
.shre-build-img img {
    width: 95%;
    transform: scale(1.07);
}
.shre-custm-sp-cmplt {
    z-index: 1;
    background: #ddecfc;
    position: relative;
}
.shre-custm-heddng {
    text-align: center;
}
.shre-custm-heddng h5 {
    font-size: 40px;
    line-height: 42px;
    color: #000;
    padding: 28px 0 0;
    margin: 0;
    font-family: oswaldbold;
}
.shre-custm-heddng h5 b {
    color: #00a4ff;
}
.shre-custm-p {
    width: 100%;
    text-align: center;
    padding: 0 20px;
}
.shre-faq-cmplt {
    width: 95%;
    margin: auto;
    padding: 26px 0 60px;
}
.faq-acc {
    margin: 4px 0;
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 6px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
    font-family: oswaldmedium;
}
.faq-acc h3 {
    margin: 0;
}
.shre-faq-active,
.faq-acc:hover {
    background-color: #001137;
    color: #fff;
}
.faq-acc:after {
    content: "\002B";
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 25px;
    padding: 9px 20px;
    background: #3372ff;
    border-radius: 7px;
}
.shre-faq-active:after {
    content: "\2212";
}
.faq-pan {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.shre-custm-sp-botm-cmplt {
    background: url(../img/shared-hosting/shre-custm-sp-botm-mob-bg.svg);
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}
.shre-custm-sp-botm-heddng {
    color: #fff;
    font-family: oswaldbold;
    margin: 13px 0;
    font-size: 28px;
    line-height: 39px;
    transform: scale(1.1);
}
.shre-custm-sp-get-strt {
    text-align: center;
}
.shre-custm-sp-get-strt a {
    text-decoration: none;
    padding: 5px 14px;
    color: #000;
    background: #fff;
    border-radius: 10px;
}
.shre-custm-sp-botm-flexx {
    display: flex;
    align-items: flex-end;
}
.shre-custm-sp-botm-left {
    width: 30%;
    display: flex;
}
.shre-custm-sp-botm-centrr {
    width: 40%;
    margin: 120px 0 40px;
}
.shre-custm-sp-botm-right {
    width: 30%;
    display: flex;
}
.shre-custm-sp-botm-centrr img {
    display: none;
}
.shre-custm-sp-botm-cmplt::before {
    content: "";
    background-image: url(../img/shared-hosting/shre-custm-sp-botm-imgs.png);
    width: 250px;
    height: 178px;
    margin: auto;
    position: absolute;
    top: -88px;
    display: inline-block;
    background-size: cover;
    left: 0;
    right: 0;
    z-index: 1;
}
.pc-abt-kplr {
    display: none;
}
.kp-shr-hos-bnrs img {
    width: 100%;
}
.res-host-body {
    overflow: hidden;
}
.kp-res-hos-bnrs .mob-res-hos-img {
    width: 100%;
}
.pc-res-hos-img {
    display: none;
}
.res-hos-pln-cmpl {
    background: url(../img/reseller-hosting/reseller-hosting-plan-mob-bg.svg), #f4f9fd;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0 25px 0;
    background-position: bottom;
}
.res-pln-flxx {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.res-pl-main {
    width: 90%;
    margin: 10px 0;
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 0 0 25px;
}
.res-uls {
    width: 87%;
    margin-left: auto;
    margin-right: 10px;
}
.res-plns-pkg > div ul li {
    list-style: none;
    position: relative;
    margin-bottom: 6px;
    font-size: 18px;
}
.res-plns-pkg > div ul li:after {
    content: "";
    height: 20px;
    width: 20px;
    background-image: url(../img/reseller-hosting/check.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -29px;
    bottom: 5px;
}
.res-pl-des {
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
}
.res-hos-pln-heddng h1 {
    font-size: 35px;
    text-align: center;
    color: #fff;
    font-family: montserratBlack;
    line-height: 40px;
}
.res-hos-pln-heddng b {
    color: #ffc200;
}
.res-hos-pln-p p {
    width: 80%;
    margin: 0 auto 20px;
    color: #fff;
    text-align: center;
}
.res-pl-type {
    background: linear-gradient(-96.0975deg, #32a5fc, #2e3192);
    color: #fff;
    padding: 30px 0 58px 0;
    font-family: "montserratBlack";
    font-size: 30px;
    border-radius: 10px;
    text-align: center;
}
.res-pl-amnts {
    padding: 18px;
    display: flex;
    margin-top: -38px;
    flex-direction: column;
    background: linear-gradient(-96.0975deg, #2b2382, #180d51);
    color: #fff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    border-radius: 18px;
    align-items: center;
}
.res-pl-amnts img {
    width: 165px;
}
.res-pl-amnts b {
    margin-bottom: 6px;
    font-size: 50px;
}
.res-pl-amnts small {
    font-size: 12px;
}
.res-pkg-select-btn {
    text-align: center;
    margin: 10px 0;
}
.res-pkg-select-btn button {
    background: linear-gradient(-96.0975deg, #32a5fc, #2e3192);
    color: #fff;
    border: transparent;
    font-weight: 900;
    padding: 15px 0;
    font-size: 20px;
    width: 86%;
    text-transform: uppercase;
    border-radius: 16px;
}
.res-why-ch-cmplt {
    background: url(../img/reseller-hosting/why-choose-for-reseller-hosting-mob.svg), #dcebfb;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0 120px 0;
    background-position: center;
    margin-bottom: 30px;
    text-align: center;
}
.res-why-inr-flx {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.res-why-inr-lft {
    width: 100%;
}
.res-why-inr-heddng h2 {
    font-size: 28px;
    background-image: linear-gradient(to bottom, transparent 74%, #fca311 11%);
    width: fit-content;
    margin: auto;
    line-height: 42px;
    font-family: montserratBlack;
}
.res-why-inr-p {
    padding: 0 12px;
}
.res-why-inr-p p {
    margin: 0 0 10px 0;
}
.res-why-inr-imgs img {
    width: 100%;
}
.res-why-inr-rgt {
    width: 100%;
}
.res-why-inr-rgt img {
    width: 100%;
}
.wt-res-hos-cmplt {
    background: url(../img/reseller-hosting/wht-is-reseller-hosting-bg-mob.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}
.wt-res-hos-inr-flx {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.wt-res-hos-inr-left {
    width: 100%;
}
.wt-res-hos-inr-left img {
    position: relative;
    top: 42px;
    z-index: 1;
    transform: scaleY(1.08);
}
.wt-res-hos-inr-right {
    width: 100%;
    padding: 70px 0;
}
.wt-res-hos-cmplt::before {
    content: "";
    background-image: url(../img/reseller-hosting/wht-is-resler-before.svg);
    width: 294px;
    height: 228px;
    position: absolute;
    top: -170px;
    right: 21px;
    display: inline-block;
    background-size: cover;
    z-index: 1;
}
.wt-res-hos-inr-heddng h3 {
    font-size: 35px;
    line-height: 42px;
    color: #fff;
    font-family: montserratBlack;
}
.wt-res-hos-inr-heddng b {
    color: #fca311;
}
.wt-res-hos-inr-p {
    color: #fff;
    padding: 0 12px;
}
.res-tech-cmplt {
    background: url(../img/reseller-hosting/technical-features-bg-mob.svg);
    padding-bottom: 100px;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    z-index: -1;
}
.res-tech-heddngs p {
    text-align: center;
    width: 90%;
    margin: 12px auto;
}
.res-tech-heddngs {
    padding: 70px 0 11px;
    text-align: center;
}
.res-tech-heddngs h3 {
    font-size: 40px;
    margin: 0;
    background-image: linear-gradient(to bottom, transparent 81%, #fca311 19%);
    width: fit-content;
    margin: auto;
    line-height: 42px;
    font-family: montserratBlack;
}
.res-tech-imgs {
    text-align: center;
}
.res-tech-imgs img {
    width: 80%;
}
.rest-tch-fet-adds-inr {
    width: 90%;
    margin: auto;
    padding: 20px 0;
}
.rest-tch-fet-adds {
    background: linear-gradient(360deg, #1d1360 100%, transparent);
    color: #fff;
}
.rest-tch-fet-adds h4 {
    margin: 20px 0 0 0;
    color: #fca311;
    font-size: 22px;
}
.rest-tch-fet-adds p {
    margin: 0;
}
.res-faq-sec {
    position: relative;
    background: linear-gradient(0deg, #edf5fd 54%, transparent);
}
.res-faq-inr {
    width: 95%;
    margin: auto;
    padding: 26px 0 60px;
}
.res-faq-mob-img {
    width: 100%;
    text-align: center;
    text-align: center;
}
.res-faq-mob-img img {
    width: 70%;
}
.res-faq-heddng {
    text-align: center;
    padding: 20px 0;
}
.res-faq-heddng h5 {
    font-size: 50px;
    margin: 0;
    color: #1b1464;
    font-family: oswaldbold;
}
.res-faq-p {
    text-align: center;
    width: 80%;
    margin: auto;
}
.res-faq-acc {
    margin: 4px 0;
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 6px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
    font-family: oswaldmedium;
}
.res-faq-acc h3 {
    margin: 0;
}
.res-faq-active,
.res-faq-acc:hover {
    background-color: #001137;
    color: #fff;
}
.res-faq-acc:after {
    content: "\002B";
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 25px;
    padding: 9px 20px;
    background: #3372ff;
    border-radius: 7px;
}
.res-faq-active:after {
    content: "\2212";
}
.res-faq-pan {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.dom-serv-body {
    overflow: hidden;
}
.dom-serv-bnrs .mob-dom-serv-img {
    width: 100%;
}
.pc-dom-serv-img {
    display: none;
}
.dom-serv-bnrs {
    position: relative;
}
.dom-serv-bnrs-srch {
    position: absolute;
    top: 36%;
    left: 0%;
    right: 0%;
    width: 96%;
    margin: auto;
}
.dom-serv-bnrs-srch form {
    display: flex;
    align-items: stretch;
}
.dom-serv-bnrs-srch .dom-sv-inp-fld {
    width: 90%;
    border-radius: 10px 0 0 10px;
    border: none;
    outline: none;
}
.dom-sv-frm-btn {
    width: 10%;
    border-radius: 0 10px 10px 0;
    border: none;
    background: #f15a24;
    color: #fff;
    outline: none;
}
.dom-serv-bnrs-srch form input[type="search"] {
    padding: 8px 17px;
    font-size: 14px;
    text-align: center;
}
.dom-sec-cmplt {
    background: url(../img/domain-service/domain-pvt-and-secure-bg.png);
    background: url(../img/domain-service/domain-pvt-and-secure-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-align: center;
    padding: 0 12px;
}
.dom-sec-inr-flx {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.dom-sec-inr-lft {
    width: 100%;
}
.dom-sec-inr-heddng h1 {
    font-size: 40px;
    color: orange;
    line-height: 42px;
    margin-bottom: 10px;
    font-family: RalewayExtraBold;
}
.dom-sec-inr-heddng b {
    font-size: 32px;
    color: #fff;
}
.dom-sec-inr-heddng h2 {
    margin: 0;
    color: #fff;
}
.dom-sec-inr-heddng h2 b {
    color: orange;
}
.dom-sec-inr-heddng h4 {
    margin: 10px 0;
    color: #fff;
    font-size: 20px;
}
.dom-sec-inr-p {
    color: #fff;
}
.dom-sec-inr-rgt {
    width: 100%;
}
.dom-sec-inr-rgt img {
    max-width: 100%;
}
.dom-ben-cmplt {
    padding: 20px 0 0;
    position: relative;
    box-shadow: 0 10px 17px 0 #4c617a;
    background: linear-gradient(0deg, #7dc3ea 1%, white 63%);
    text-align: center;
}
.dom-ben-heddng h3 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    font-family: RalewayExtraBold;
}
.dom-ben-heddng h3 b {
    color: red;
}
.dom-ben-hedng-b h4 {
    color: red;
    font-size: 25px;
    margin: 18px 0;
    font-family: RalewayExtraBold;
}
.dom-ben-heddng-p p {
    text-align: center;
}
.dom-ben-innr {
    background: #fff;
    border-radius: 44px;
    transform: scale(0.9);
    box-shadow: 0 10px 17px 0 #4c617a;
    position: relative;
    padding: 20px 11px 0;
    z-index: 1;
}
.dom-ben-tabs {
    display: flex;
    flex-direction: column;
}
.dom-ben-tabs button {
    background-color: #007ddb;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 18px;
    border-radius: 11px;
    width: 90%;
    margin: 10px auto;
}
.dom-ben-tabs button:hover {
    background-color: #f40c15;
}
.dom-ben-tabs button.active {
    background-color: #f40c15;
}
.dom-ben-tab-content {
    display: none;
}
.dom-ben-innr-flxx {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.dom-ben-left {
    width: 100%;
}
.dom-ben-left img {
    width: 80%;
}
.dom-ben-right {
    width: 100%;
}
.dom-bn-hd-img {
    text-align: center;
}
.dom-bn-hd-img img {
    width: 70%;
}
.dom-sel-cmplt {
    background: url(../img/domain-service/choose-good-domain-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 62px 12px 0;
    margin-top: -111px;
    text-align: center;
    z-index: 0;
    position: relative;
}
.dom-sel-inr-imgs {
    text-align: center;
}
.dom-sel-inr-imgs img {
    width: 90%;
}
.dom-sel-inr-flx {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.dom-sel-inr-lft {
    width: 100%;
}
.dom-sel-inr-heddng h3 {
    font-size: 35px;
    color: #fff;
    line-height: 42px;
    font-family: RalewayExtraBold;
}
.dom-sel-inr-heddng h3 b {
    color: yellow;
}
.dom-sel-inr-p {
    color: #fff;
}
.dom-sel-inr-rgt {
    width: 100%;
}
.dom-sel-inr-rgt img {
    width: 100%;
}
.dom-fetr-cmplt {
    padding: 20px 0 40px;
    position: relative;
    box-shadow: 0 10px 17px 0 #4c617a;
    background: #d8e7f4;
}
.dom-fetr-cntnr {
    background: url(../img/domain-service/domain-feature-bg-inr.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 44px;
    transform: scale(0.9);
    box-shadow: 0 10px 17px 0 #4c617a;
    position: relative;
    padding: 20px 0 0;
}
.dom-fetr-mob-imgs {
    text-align: center;
}
.dom-fetr-mob-imgs img {
    width: 80%;
}
.dom-fetr-innr-hddng h4 {
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 0;
    font-family: RalewayExtraBold;
}
.dom-fetr-innr-hddng h4 b {
    color: red;
}
.dom-fetr-inner-p p {
    text-align: center;
    font-size: 25px;
}
.dom-fetr-inr-img {
    text-align: center;
    display: flex;
    flex-direction: column;
}
.dom-fetr-inr-img img {
    width: 100%;
}
.dom-reg-cmplt {
    background: url(../img/domain-service/domain-reg-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10px 12px;
    text-align: center;
    margin-bottom: 70px;
}
.dom-reg-inr-flx {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dom-reg-inr-lft {
    width: 100%;
}
.dom-reg-inr-heddng h3 {
    font-size: 35px;
    color: #fff;
    line-height: 42px;
    margin-bottom: 0;
    font-family: RalewayExtraBold;
}
.dom-reg-inr-heddng h3 b {
    color: yellow;
}
.dom-reg-inr-p {
    color: #fff;
}
.dom-reg-inr-rgt {
    width: 100%;
    position: relative;
    top: 100px;
}
.dom-reg-inr-rgt img {
    width: 100%;
}
.dom-servc-btn a {
    background-color: #f15a24;
    color: #fff;
    padding: 6px 23px;
    border-radius: 20px;
    cursor: pointer;
}
.cntt-rd-this-dom {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.cntt-rd-this-dom2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.cntt-dom {
    width: 100%;
    margin: auto;
    color: #fff;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
}
.cntt-dom ul {
    text-align: left;
}
.cntt-dom h3 {
    font-size: 30px;
    color: orange;
}
.cntt-dom p {
    margin: 10px 0;
}
.website-maintenance {
    background-image: linear-gradient(to top, #2e3192 20%, #2e3192 20%);
    background-position: 10% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    padding: 10px;
    color: #fff;
}
.website-left {
    width: 100%;
}
.website-heding > div h2,
.website-heding > div h1 {
    background-color: #ff5e19;
    text-align: center;
    padding: 6px;
    border-radius: 6px;
    width: 100%;
    margin: 0;
    font-family: MontserratBlack;
}
.website-ul {
    display: flex;
}
.website-ul > ul li {
    list-style: none;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
}
.website-imgs img {
    width: 100%;
    display: flex;
}
.website-imgs {
    text-align: center;
}
.website-ul > ul li {
    position: relative;
    margin-bottom: 16px;
}
.website-ul > ul li:before {
    font-family: FontAwesome;
    content: "\f005";
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border-radius: 27px;
    position: absolute;
    left: -31px;
    border: 1px solid #fff;
    padding: 0 5px;
    line-height: 20px;
}
.website-cnt {
    background-color: #dee6ff;
    margin-top: -109px;
}
.website-update {
    background-image: url(../img/website-maintenance/blue.png);
    background-position: top left;
    background-size: 20% auto, 100% 100%;
    background-repeat: no-repeat;
}
.website-flx-se {
    display: flex;
    justify-content: space-between;
}
.website-lefts {
    width: 100%;
}
.website-hed-cnt h2,
.website-hed-cnt h3,
.website-hed-cnt h4 {
    color: #ff5e19;
    text-transform: uppercase;
    font-family: MontserratBlack;
    margin: 0;
}
.website-hed-cnt h2 b,
.website-hed-cnt h3 b,
.website-hed-cnt h4 b {
    color: #2e3192;
}
.website-updates {
    background-image: url(../img/website-maintenance/update.png);
    background-position: bottom;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat;
}
.website-update-up {
    background-image: url(../img/website-maintenance/content-update-blue.png);
    background-position: right bottom;
    background-size: 10% auto, 100% 100%;
    background-repeat: no-repeat;
}
.kepler-start-today {
    background-image: url(../img/website-maintenance/start-today.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
}
.kepler-today {
    width: 100%;
    margin: auto;
    text-align: center;
}
.kepler-today h2,
.kepler-today h3,
.kepler-today h4 {
    color: #00bdff;
    font-size: 34px;
    font-family: MontserratBlack;
    line-height: 34px;
}
.kepler-today p {
    margin: 4px;
    color: #fff;
}
.kep-a {
    margin-top: 15px;
    margin-bottom: 15px;
}
.kep-a a {
    border: 2px solid #fff;
    padding: 6px 24px;
    text-decoration: none;
    color: #fff;
    border-radius: 20px;
}
.flx-se {
    align-items: center;
    margin-bottom: 20px;
}
.flex-se {
    padding-top: 103px;
    flex-direction: column-reverse;
    margin-bottom: 20px;
}
.flx-ses {
    display: inline-block;
}
.web-flex {
    flex-direction: column-reverse;
    margin-top: 20px;
}
.all-b {
    overflow: hidden;
}
.hide,
.hides,
.hide-s,
.hide-lst {
    overflow: hidden;
    max-height: 0;
    transition: max-height 2s;
}
.m-mr a {
    background-image: linear-gradient(45deg, #3399ca 30%, #1d3dc6 20%);
    color: #fff;
    padding: 4px;
}
.web-bnr {
    position: relative;
}
.php-banner {
    position: absolute;
    top: 3%;
    left: 2%;
    background-color: rgba(255, 255, 255, 0.8);
    width: 95%;
    padding: 10px;
    border-radius: 10px;
    text-align: left;
}
.php-banner h1 {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 34px;
    margin: 0;
}
.php-banner hr {
    height: 4px;
    border: 0;
    background-color: #ff7a00;
    width: 40%;
    margin: 0;
}
.php-devlop {
    background-image: linear-gradient(to top, white 90%, #22399f 90%);
    background-position: 100% center, center center;
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    padding: 10px;
}
.php-left {
    width: 100%;
}
.php-heding {
    color: #fff;
}
.php-heding b {
    color: #ffb039;
}
.php-image img {
    width: 100%;
}
.php-nw-delop {
    background-image: url(../img/php-web-development/php-feature.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 20px;
    position: relative;
}
.php-heading {
    text-align: center;
}
.php-heading h4 {
    background-image: url(../img/php/dot-line.png);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat, no-repeat;
    padding: 10px 39px;
    text-align: center;
    width: fit-content;
    margin: auto;
    font-size: 13px;
    margin: 0;
    line-height: 15px;
    color: #fff;
}
.php-heading h4 b {
    color: #ffb039;
}
.php-nw-delops {
    margin-top: 10px;
}
.php-nw-delops > div {
    width: 100%;
}
.php-nw-delops > div ul {
    color: #fff;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}
.php-nw-delops > div ul li {
    list-style: none;
    position: relative;
}
.php-nw-delops > div ul li:before {
    font-family: var(--fa);
    content: "\f058";
    color: #fa7a32;
    margin-right: 6px;
    position: absolute;
    left: -26px;
}
.php-dev {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}
.php-dev img {
    width: 100%;
    margin: auto;
}
.php-bg {
    background-image: linear-gradient(to bottom, #686666, #070707);
    padding: 25px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.php-heding hr {
    border: 0;
    height: 3px;
    background-color: #fff;
    width: 80%;
    margin: 0;
}
.error {
    text-align: center;
    margin: 67px auto;
}
.error h1 {
    font-size: 123px;
}
.error {
    margin: 43px auto;
    text-align: center;
}
.error h1 {
    font-size: 134px;
    margin: 6px;
    line-height: normal;
}
.error a {
    background-color: #1d3dc6;
    padding: 6px 12px;
    color: #fff;
    text-transform: capitalize;
}
.plus:after {
    content: "\f067";
    font-family: var(--fa);
}
.mnu-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub-mnu {
    display: none;
}
.sub-active {
    display: block;
}
.sub-mnu a {
    font-size: 13px;
    margin-bottom: 0;
    margin-left: 20px;
    padding-top: 6px;
}
.mobile-mb {
    background-color: #e3e8f4;
    text-align: center;
    padding: 9px;
    font-size: 23px;
}
.mobile-mb a {
    color: #fff;
    font-family: Demonized;
    font-size: 22px;
}
.sticky {
    position: fixed;
    z-index: 9999999;
    top: 0;
    box-shadow: 2px 2px 12px #a1a1a1;
    width: 100%;
}
.p-img {
    width: 58px;
    position: relative;
    left: 17px;
    top: 2px;
}
.mobile-mb .spage {
    background-image: linear-gradient(to top, blue, #515ccd);
    padding: 13px 22px 13px 30px;
    border-radius: 2px 32px 31px 1px;
}
.l-flx {
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-img img {
    width: 59px;
}
.blog-ctnr h3,
.blog-ctnr h4,
.blog-ctnr h5,
.blog-ctnr h6 {
    font-size: 27px;
    margin: 10px 0;
    line-height: 36px;
}
.blog-ctnr a {
    color: #000;
    font-weight: 700;
}
.mobile-menu{
    position: absolute;
    /* width: 100%; */
    left: 0px;
    top: 10px;
}
.pg-top-nav-logo{
    position: relative;
}