header .header {
    padding: 20px 0;
    background: #fff;
    position: relative;
}

.headerContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hbcne, .hgchd {
    display: none !important;
}

.headerContent .headerLogo {
    display: flex;
    align-items: center;
    grid-column-gap: 15px;
}

.headerContent .headerLogo a {
    display: inline-block;
}

.headerContent .headerLogo img {
    width: 150px;
}

.headerMenu .menuBar li:hover a, .headerMenu .menuBar li.active a {
    box-shadow: inset 0 3px 0 0 var(--generalColor);
    color: #fff;
}

.headerContent .headerLogo span a {
    display: flex;
    align-items: center;
    grid-column-gap: 7px;
    border-left: 1px solid #a7a7a7;
    padding: 10px 0;
    padding-left: 15px;
    font-weight: 500;
}

.headerContent .headerLogo span i {
    font-size: 23px;
}

.headerContent .rightButton ul {
    display: flex;
    border-radius: 50px;
    grid-column-gap: 7px;
}

.headerContent .rightButton li a {
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
    border-radius: 6px;
    padding: 4px;
    font-size: 14px;
    font-weight: 500;
    padding-right: 8px;
    position: relative;
    overflow: hidden;
    background: #e2e5e8;
    color: var(--textColor);
}

.headerContent .rightButton li a i {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--generalTwoColor);
    border-radius: 4px;
    color: #fff;
}

.headerMenu {
    background: #061e3b;
}

.headerMenu .menuBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    position: relative;
}

.headerMenu .menuBar li a {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffffa3;
    font-weight: 500;
    grid-column-gap: 8px;
    font-size: 15px;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
}

.headerMenu ul {
    display: flex;
    align-items: center;
    justify-content: right;
    grid-column-gap: 8px;
}

.headerMenu .menuBar .left ul {
    grid-column-gap: 10px;
}

.headerMenu .menuBar .right li a {
    color: #fff;
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
    background: var(--generalColor);
    padding: 12px 20px;
    border-radius: 6px;
    height: auto;
    font-weight: 400;
}

.headerMenu .menuBar .right li a span.number {
    border-left: 1px solid #ffffff4f;
    padding-left: 10px;
}

.footer {
    background: #061e3b;
    padding: 50px 0;
    margin-top: 150px;
}

footer .footerMenuList {
    display: grid;
    grid-column-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

footer .footerTitle {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
}

footer .footerMenuList .footerMenu ul {
    margin-bottom: 35px;
}

footer .footerMenuList .footerMenu ul:last-child {
    margin: 0;
}

footer .footerMenu.boxCard {
    background: #051930;
    border-radius: 12px;
    text-align: center;
    overflow: hidden;
    min-width: 260px;
    height: max-content;
}

footer .footerLogo {
    margin-bottom: 30px;
    padding: 25px;
    padding-bottom: 0;
}

footer .footerLogo img {
    width: 150px;
}

footer .siteInfo li span {
    display: block;
}

footer .siteInfo li span strong {
    color: #fff;
    margin-bottom: 7px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}

footer .footerMenuList .footerMenu li {
    display: block;
    margin-bottom: 15px;
}

footer .footerMenuList .footerMenu li a {
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
}

footer .footerMenuList .footerMenu li a:hover {
    color: var(--generalColor);
}

footer .footerMenuList .footerMenu li img {
    display: block;
    margin-left: auto;
    border-radius: 4px;
}

footer .footerSocial li a:hover {
    color: #fff;
    opacity: 0.8;
}

footer .footerMenuList .footerMenu li:last-child {
    margin: 0;
}

footer .footerAlt {
    background: #0f2c4f;
    padding: 17px 0;
}

footer .footerBottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footerBottom span {
    color: #fff;
    font-size: 14px;
}

footer .footerBottom .footerMenuList {
    display: flex;
}

footer .footerBottom .logo img {
    height: 40px;
}

footer .footerBottom .copy p {
    font-size: 12px;
    color: #fff;
    opacity: 0.8;
}

footer .footerAlt .footerMenu ul {
    display: flex;
}

footer .footerSocial {
    margin-top: 30px;
    padding: 10px;
    background: #ffffff;
}

footer .footerSocial ul {
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
    justify-content: center;
}

footer .footerSocial li {
    margin: 0!important;
}

footer .footerSocial li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--generalTwoColor);
    border-radius: 6px;
    color: #fff!important;
    font-size: 16px!important;
}

footer .footerAlt .footerMenu ul {
    display: flex;
}

footer .footerAlt .footerMenu li {
    margin: 0;
}

footer .footerAlt .footerMenu li a:before {
    content: "/";
    margin: 0 8px;
    color: var(--subColor);
}

footer .footerAlt .footerMenu li:first-child a:before {
    display: none;
}

.supportContent {
    margin-top: -110px;
    background: var(--generalColor);
    padding: 40px 30px;
    border-radius: 12px;
    margin-bottom: 40px;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    box-shadow: 0px 5px 9px 0px #0000001a;
}

.supportContent:before, .supportContent:after {
    border-style: solid;
    content: "";
    top: -60px;
    position: absolute;
    left: -60px;
    width: 60px;
    height: 60px;
    border-color: transparent transparent #65a83e transparent;
    border-width: 60px 60px 60px 60px;
    z-index: -1;
}

.supportContent:after {
    right: -60px;
    left: auto;
}

.supportContent h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 10px;
}

.supportContent p {
    color: var(--generalTwoColor);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 35px;
}

.supportContent .supportList {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.supportContent .supportList .supportItem a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 9px;
    padding: 4px;
    padding-left: 20px;
    grid-column-gap: 20px;
    font-weight: 600;
    box-shadow: 0px 5px 9px 0px #00000017;
}

.supportContent .supportList .supportItem a:hover {
    background: var(--generalTwoColor);
    color: #fff;
}

.supportContent .supportList .supportItem a:hover i {
    background: #fff;
    color: var(--generalColor);
}

.supportContent .supportList .supportItem i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    background: var(--generalTwoColor);
    border-radius: 8px;
    color: #fff;
    font-weight: 400;
    transition: .3s;
}

.paymentMethod {
    background: #fff;
    padding: 22px 0;
    display: block;
}

.paymentContent {
    text-align: center;
}

.domainSection {
    padding: 30px 0;
    background: linear-gradient(to top,rgba(0,0,0,0) 0,#dbe2e9 99%,#dbe2e9 100%);
}

.domainSection .domainArea {
    display: flex;
    align-items: center;
    grid-column-gap: 25px;
}

.domainSection.domainPage .domainArea {
    flex-direction: column;
    grid-row-gap: 25px;
}

.domainSection.domainPage .form {
    max-width: 935px;
}

.domainSection .domainArea h2 {
    max-width: 330px;
    margin: 0;
    font-size: 24px;
    line-height: 40px;
    min-width: 330px;
    text-align: center;
}

.domainSection.domainPage .domainArea h2 {
    max-width: 100%;
}

.domainSection .domainArea .form {
    width: 100%;
    position: relative;
}

.domainSection .domainArea input[type="text"] {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    padding: 20px 28px!important;
    font-weight: 300;
    color: #11284b;
    margin: 0;
    font-size: 18px;
    background: #fff;
    box-shadow: 0 0 45px #a9a9a917;
    padding-right: 176px;
    border: 1px;
    max-height: initial;
}

.domainSection.domainPage .domainArea input[type="text"] {
    padding-right: 381px;
}

.domainSection .domainArea .buttonMeta {
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.domainSection .domainArea form {
    width: 100%;
    position: relative;
}

.domainSection .domainArea a.button, .domainSection .domainArea button[type="submit"] {
    border: 0px;
    border-radius: 9px;
    color: #FFFFFF;
    padding: 0px 25px;
    display: flex;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 16px;
    height: 50px;
    white-space: nowrap;
}

.sliderSection .sliderDetail.rightText {
    margin-left: auto;
    text-align: right;
}

.sliderSection .sliderDetail.centerText {
    margin: auto;
    text-align: center;
}

.sliderSection .sliderItem, .sliderSection {
    position: relative;
    background: #020c18;
}

.sliderSection .sliderDetail {
    position: relative;
    z-index: 1;
    height: 490px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 80px;
}

.sliderSection .sliderDetail .left, .sliderSection .sliderDetail .right {
    flex: 1;
    position: relative;
    width: 100%;
}

.sliderSection .sliderDetail .right img {
    height: 490px;
    object-fit: cover;
}

.sliderSection .sliderDetail .right:before, .sliderSection .sliderDetail .right:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to left,rgba(0,0,0,0) 0,#020c18 99%,#020c18 100%);
    width: 200px;
}

.sliderSection .sliderDetail .right:after {
    content: "";
    left: auto;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,#020c18 99%,#020c18 100%);
}

.sliderSection .sliderDetail h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
}

.sliderSection .sliderDetail p {
    color: #fff;
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 18px;
    opacity: 0.7;
    font-weight: 300;
}

.sliderSection .sliderItem:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgb(0 0 0); */
    /* background: linear-gradient(16deg, rgb(0 0 0) 0%, rgb(0 0 0) 100%); */
    opacity: 0.8;
}

.sliderSection .sliderItem:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAE0lEQVR4AWMAgv9AwADCYAIrBwDOZhjoRPQ1cwAAAABJRU5ErkJggg==); */
}

.servicesSection {
    padding: 40px 0;
}

.servicesMenu {
    text-align: center;
}

.servicesMenu ul {
    align-items: center;
    display: inline-flex;
    border-radius: 50px;
    grid-column-gap: 8px;
    margin-bottom: 50px;
    flex-wrap: wrap;
    grid-row-gap: 8px;
    justify-content: center;
}

.servicesMenu li a {
    background: #061e3b;
    padding: 8px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.servicesMenu li a#paketaktifbtn, .servicesMenu li a:hover {
    background: var(--generalColor);
}

.commerceContent {
    margin-top: 80px;
}

.servicesContent .servicesList {
    display: flex;
    grid-column-gap: 30px;
    margin: 0 auto;
    grid-row-gap: 30px;
    justify-content: center;
}

.servicesContent .servicesList.upgrade-products {
    margin-top: 30px;
}

.servicesContent .servicesItem {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
    width: 300px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.servicesContent .servicesItem.populerItem select {
    color: #fff!important;
    border-color: #173860;
    background: #061e3b!important;
    box-shadow: none;
}

.servicesContent .populerText {
    display: flex;
    align-items: center;
    padding-bottom: 0px;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translate(50%,-50%);
}

.servicesContent .populerText span {
    font-weight: 500;
    display: flex;
    width: max-content;
    padding: 4px 20px;
    background: var(--generalColor);
    color: #fff;
    font-size: 14px;
    /* text-transform: uppercase; */
    border-radius: 50px;
}

.servicesContent .servicesItem.populerItem {
    background: #092c56;
}

.servicesContent .servicesItem.populerItem .serviceName {
    border-color: #173860;
    padding-top: 31px;
}

.servicesContent .serviceName {
    padding: 18px;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: var(--generalTwoColor);
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.servicesContent .serviceDetail {
    padding: 20px;
    line-height: 30px;
    color: var(--subColor);
    font-size: 15px;
    text-align: left;
}

.servicesContent .serviceDetail strong, .servicesContent .serviceDetail b {
    color: var(--textColor);
}

.servicesContent .servicesItem.populerItem .serviceDetail {
    color: #ffffffba;
}

.servicesContent .serviceDetail b {
    font-weight: 500;
    color: var(--generalTwoColor);
}

.servicesContent .servicesItem.populerItem .serviceDetail b {
    color: #fff;
}

.servicesContent .servicesItem.populerItem .packagesBuy {
    border-color: #173860;
}

.servicesContent .serviceDetail ul {
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
    color: var(--subColor);
    font-size: 15px;
}

.servicesContent .serviceDetail ul li {
    line-height: 25px;
}

.servicesContent .servicesItem.populerItem .serviceDetail ul {
    color: #ffffffba;
}

.servicesContent .serviceDetail ul li strong {
    font-weight: 500;
    color: var(--generalTwoColor);
}

.servicesContent .serviceDetail ul li span {
    font-weight: 500;
    color: #67ab3e;
}

.servicesContent .servicesItem.populerItem .serviceDetail ul li strong {
    color: #fff;
}

.servicesContent .packagesBuy {
    padding: 30px 20px;
    text-align: center;
    margin-top: auto;
    border-top: 1px solid #eee;
}

.servicesContent .packagesBuy .buyArea a.button {
    width: -webkit-fill-available;
    margin-top: 20px;
}

.servicesContent .packagesBuy .priceContent span.discountPrice {
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servicesContent .packagesBuy .priceContent .discountPrice span.price {
    display: inline-block;
    text-align: center;
    color: var(--subColor);
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
    line-height: normal;
}

.servicesContent .servicesItem.populerItem .packagesBuy .priceContent .discountPrice span.price {
    color: #ffffffba;
}

.servicesContent .packagesBuy .priceContent span.discountText {
    background: var(--generalTwoColor);
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
    margin-left: 8px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 500;
}

.servicesContent .servicesItem.populerItem .packagesBuy .priceContent span.discountText {
    background: var(--generalColor);
}

.servicesContent .packagesBuy .priceContent span.price {
    font-size: 26px;
    font-weight: 600;
}

.servicesContent .packagesBuy .priceContent span.price i {
    font-style: normal;
}

.servicesContent .servicesItem.populerItem .packagesBuy .priceContent span.price {
    color: #fff;
}

.servicesContent .packagesBuy .priceContent span.monthYears {
    font-weight: 400;
    color: var(--subColor);
    font-size: 16px;
}

.servicesContent .packagesBuy .priceText p {
    text-transform: capitalize;
    font-size: 14px;
    color: #7ac24f;
    font-weight: 500;
    margin: 15px 0;
    margin-bottom: 0;
}

.domainFeatured {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0;
    grid-column-gap: 30px;
}

.domainFeatured .featuredItem {
    display: flex;
    align-items: center;
    grid-column-gap: 4px;
    color: var(--subColor);
    font-size: 15px;
}

.domainFeatured .featuredItem i {
    color: #7ac24f;
    font-size: 24px;
}

.extensionList .extensionItem {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px #e7dede24;
    border: 1px solid #00000014;
}

.extensionList .extensionName {
}

.extensionList .extensionName img {
    background: #f1f3f7;
    padding: 5px 10px;
    height: 46px;
    border-radius: 4px;
    width: auto;
}

.extensionList .extensionInfo {
    display: flex;
    justify-content: space-between;
}

.extensionList .extensionInfo span {
    color: var(--generalTwoColor);
    font-weight: 500;
    font-size: 18px;
}

.extensionList .extensionInfo a {
    color: var(--subColor);
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 400;
    grid-column-gap: 4px;
}

.extensionList .extensionMeta {
    display: flex;
    grid-column-gap: 10px;
    align-items: center;
}

.extensionList .percentDiscount {
    flex: 1;
    background: #b2e99069;
    color: #7ac24f;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 3px;
    max-width: 80px;
    min-width: 80px;
}

.extensionList .percentDiscount span {
    display: block;
    font-weight: 500;
    font-size: 14px;
}

.extensionList .discountPrice {
    color: var(--subColor);
    width: 100%;
}

.extensionList .discountPrice .newPrice span {
    color: var(--generalTwoColor);
    font-weight: 500;
    font-size: 20px;
}

.extensionList .discountPrice .oldPrice {
    display: inline-block;
    text-decoration: initial;
}

.extensionList .discountPrice .oldPrice span {
    font-size: 14px;
}

.extensionList .owl-stage-outer {
    margin: -15px;
    padding: 15px;
}

.whyUs .whyusCard {
    padding: 80px;
    background: #f1f3f7;
    border-radius: 16px;
    margin: 50px 0;
    margin-bottom: 30px;
}

.whyUs .servicesList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.whyUs .servicesItem {
    display: flex;
    grid-column-gap: 13px;
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 15px #e7dede24;
}

.whyUs .servicesItem i {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--generalColor);
    font-size: 20px;
    border-radius: 6px;
    color: #fff;
}

.whyUs .servicesInfo {
    font-size: 14px;
    color: var(--subColor);
}

.whyUs .servicesInfo h3 {
    margin-bottom: 6px;
    font-size: 20px;
    color: var(--generalTwoColor);
}

.faqList {
    display: flex;
    flex-direction: column;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 14%);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.faqList .faqItem {
    width: 100%;
    overflow: hidden;
    transition: .3s;
    border-bottom: 1px solid #e5e5e5;
}

.faqList .faqItem:last-child {
    border-bottom: 0;
}

.faqList .faqItem.faqActive h4 {
    color: var(--generalTwoColor);
    font-weight: 500;
}

.faqList .faqTitle {
    position: relative;
    padding: 17px 20px;
    cursor: pointer;
}

.faqList .faqTitle h4 {
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    transition: .3s;
    color: var(--subColor);
}

.faqList .faqContent {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.25s ease-out;
    color: #f1f1f1;
    opacity: 0;
}

.faqList .faqTitle h4:after {
    content: "\ea4c";
    font-family: 'remixicon';
    transition: .3s;
    color: #bbb;
    font-size: 20px;
    font-weight: 400;
    transition: .3s;
}

.faqList .faqItem.faqActive .faqTitle h4:after {
    color: var(--generalColor);
}

.faqList .faqActive .faqTitle h4:after {
    transform: rotate(180deg);
}

.faqList .faqActive .faqContent {
    padding: 1px 20px 20px 20px;
    opacity: 1;
    max-height: initial!important;
    color: var(--subColor);
}

.faqList .faqActive .faqContent p {
    color: var(--subColor);
    font-size: 15px;
    line-height: 30px;
    margin: 0;
    text-align: left;
}

.faqSection {
    margin: 80px 0;
}

.cd-top {
    z-index: 99999;
    height: 44px;
    border-radius: 6px;
    width: 44px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-indent: 160%;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    overflow: hidden;
    white-space: nowrap;
    background: var(--generalColor) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1
}

.cd-top.cd-fade-out {
    opacity: .5
}

.cd-top.cd-fade-out:hover {
    opacity: 1.5
}

.headingTitle {
    background-color: #092c56;
    padding-bottom: 60px;
    margin-bottom: 40px;
    background-image: url(../images/bgPattern.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.headingTitle form#SearchForm {
    width: 600px;
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
    margin-top: 29px;
}

.headingTitle.stepsTitle {
    padding: 50px 0;
    background-size: cover;
}

.headingTitle h2 {
    margin-top: 40px;
    font-size: 38px;
    color: #fff;
    margin-bottom: 0;
}

.headingTitle h2:first-child {
    padding-top: 80px;
}

.headingTitle p {
    color: #ffffff6e;
    font-size: 17px;
    font-weight: 400;
    margin-top: 15px;
}

.breadCrumb ul {
    background: #173860;
    display: flex;
    width: max-content;
    padding: 10px 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    align-items: center;
    color: #fff;
    font-size: 14px;
    display: flex;
    grid-column-gap: 8px;
}

.breadCrumb ul a {
    color: #ffffffba;
}

.breadCrumb ul a:hover {
    color: #fff;
}

.breadCrumb li:last-child a:after {
    display: none;
}

.breadCrumb li a {
    display: flex;
    align-items: center;
    grid-column-gap: 4px;
    color: #ffffffba;
    font-size: 14px;
}

.breadCrumb li a:after {
    content: "\EA6E";
    font-family: 'remixicon';
    margin-right: 4px;
}

.breadCrumb li:last-child a {
    color: #fff;
}

.pageContent {
    display: flex;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.contactContent {
    padding: 100px 0;
}

.contactContent h2 {
    margin-bottom: 46px;
}

.pageContent .left {
    width: 32.6%;
}

.pageContent .right {
    width: 100%;
}

.pageContent .pageBox, .singleContent .singleBox {
    background: #fff;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
    padding: 40px;
    border-radius: 8px;
}

.pageContent .pageBox h3, .singleContent h3 {
    font-size: 25px;
    margin-bottom: 25px;
}

.singleContent {
    display: flex;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.singleContent .left {
    max-width: 900px;
    width: 100%;
}

.singleContent .left img {
    border-radius: 8px;
    margin-bottom: 25px;
}

.singleContent .right {
    width: 100%;
    max-width: 360px;
}

.singleContent p {
    line-height: 25px;
    color: var(--subColor);
    font-size: 15px;
}

.singleContent a:hover, .singleContent a:hover strong {
    color: var(--generalColor);
}

.singleContent p strong {
    color: var(--generalTwoColor);
    transition: .3s;
}

.singleContent .singleBox ul {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    grid-row-gap: 15px;
    list-style: none;
}

.singleContent .singleBox li a {
    color: var(--generalTwoColor);
    font-weight: 500;
    display: flex;
    align-items: center;
    grid-column-gap: 6px;
}

.singleContent .singleBox li a:hover:before {
    background: var(--generalColor);
}

.singleContent .singleBox li a:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 2px solid var(--generalColor);
    border-radius: 50px;
    transition: .3s;
}

.pageMenu {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
    overflow: hidden;
}

.menuTitle h3 {
    padding: 18px 24px;
    background: var(--generalTwoColor);
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.menuTitle h3 a {
    display: flex;
    font-size: 15px;
    color: #fff;
    background: var(--generalColor);
    font-weight: 500;
    padding: 8px 24px;
    border-radius: 50px;
    align-items: center;
    grid-column-gap: 8px;
}

.pageMenu .menuList a {
    display: flex;
    grid-column-gap: 10px;
    padding: 18px 20px;
    font-weight: 500;
    font-size: 15px;
    color: var(--generalTwoColor);
    border-bottom: 1px solid #f1f3f7;
}

.pageMenu .menuList a:hover {
    color: var(--generalColor);
}

.pageMenu .menuList a:before {
    content: "";
    width: 10px;
    min-width: 10px;
    height: 10px;
    display: inline-block;
    border: 2px solid var(--generalColor);
    position: relative;
    border-radius: 50px;
    transition: .3s;
    top: 3px;
}

.domainFeaturesSection {
    margin: 120px 0;
}

.domainFeaturesSection .domainFeaturesList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
    padding: 0px 40px;
    border-radius: 24px;
    position: relative;
}

.domainFeaturesSection .domainFeaturesList:before {
    content: "";
    background: #f1f3f7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 81%;
    border-radius: 12px;
    top: 50%;
    transform: translate(0,-50%);
}

.domainFeaturesSection .featureItem {
    z-index: 9;
    background: #fff;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
    padding: 40px 25px;
    border-radius: 8px;
    height: 310px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    flex-direction: column;
    position: relative;
}

.domainFeaturesSection .featureItem i {
    transition: .3s;
    background: #f1f3f7;
    height: 58px;
    width: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 26px;
    margin-bottom: 15px;
}

.domainFeaturesSection .featureItem:hover i {
    background: var(--generalColor);
    color: #fff;
}

.domainFeaturesSection .featureItem h3 {
    font-size: 20px;
}

.domainFeaturesSection .featureItem p {
    line-height: 25px;
    color: var(--subColor);
    font-size: 15px;
}

.titleHeading {
    text-align: center;
    font-size: 38px;
    color: var(--generalTwoColor);
}

.subDesc {
    text-align: center;
    color: var(--subColor);
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 50px;
    line-height: 25px;
}

.referenceList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.softwareContent .referenceList {
    grid-template-columns: 1fr 1fr;
}

.referenceList .referenceItem {
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
    padding: 0;
    border-radius: 0.5rem;
    border: 1px solid #cfddf4a6;
    display: flex;
    flex-direction: column;
}

.referenceList .referenceItem .referenceDetail {
    padding: 1.2rem;
    text-align: center;
}

.referenceList .referenceMedia .postMedia {
    position: relative;
}

.referenceList .referenceMedia .postMedia span.catName {
    position: absolute;
    left: calc(-1 * 0.25rem);
    color: #fff;
    z-index: 9;
    background: #061d3c;
    border-radius: 0 0 0 0.375rem;
    padding: .25rem .75rem;
    font-size: .625rem;
    font-weight: 600;
    padding-left: .75rem;
    padding-right: .25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    top: .75rem;
}

.referenceList .referenceMedia .postMedia span.catName:before {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 0;
    height: 0;
    content: "";
    filter: brightness(70%);
    border: calc(0.25rem * .5) solid;
    border-color: #061d3c;
    border-top-color: transparent;
    border-left-color: transparent;
    top: auto;
    bottom: 100%;
    left: 0;
}

.referenceList .referenceMedia .postMedia span.catName:after {
    position: absolute;
    top: 0;
    right: 100%;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border: 1rem solid;
    border-color: #061d3c;
    border-left-color: transparent;
    border-left-width: 0;
    border-right-width: .5rem;
    border-right-color: transparent;
    right: 0;
    left: 100%;
}

.referenceList .referenceMedia .postMedia a {
    display: block;
    overflow: hidden;
    position: relative;
}

.referenceList .referenceMedia .postMedia a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -62%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, #fff0 0%, #ffffff4d 100%);
    transform: skewX(-25deg);
}

@keyframes shine {
    100% {
        left: 100%;
    }
}

.referenceList .referenceMedia .postMedia a:hover:before {
    animation: shine 0.75s;
}

.referenceList .referenceMedia .postMedia img {
    width: 100%;
    margin: 0;
}

.referenceList .referenceDetail h2 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.referenceList .referenceDetail .buttonArea {
    padding-top: 0.5rem;
}

.referenceList .referenceDetail h2 a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #002573;
}

.referenceList .referenceDetail h2 a:hover {
    color: var(--generalColor);
}

.referenceList .referenceDetail p {
    color: var(--subColor);
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.referenceList .referenceDetail .priceText {
    font-size: 22px;
    color: var(--generalColor);
    font-weight: 500;
}

.priceText i {
    font-style: normal;
}

.referenceList .referenceDetail a.button {
    width: 100%;
    background: #061d3c;
    padding: 4px 8px;
    height: auto;
    line-height: 1.5rem;
    border: 1px solid #061d3c;
    font-size: 14px;
}

.referenceList .referenceDetail a.button:last-child {
    background: transparent!important;
    color: #061e3b;
    border: 1px solid #061e3b;
}

.pageNav {
    margin: 35px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: max-content;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 14%);
    border-radius: 6px;
    overflow: hidden;
}

.pageNav a, .pageNav span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    color: var(--subColor);
}

.pageNav a:last-child, .pageNav span:last-child {
    border-right: none;
}

.pageNav span.active a, .pageNav a:hover {
    background: var(--generalColor);
    color: #fff;
}

.referenceMediaSlider .mediaItem {
    position: relative;
}

.referenceMediaSlider img {
    border-radius: 12px;
}

.referenceMediaSlider .mediaItem span {
    position: absolute;
    top: 0;
    left: 15px;
    background: #092c56;
    color: #fff;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 9;
}

.referenceMediaSlider {
    margin-bottom: 30px
}

.colorPattern {
    margin-top: 30px;
}

.colorPattern h4 {
    font-size: 18px;
}

.colorPattern .PatternList {
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
}

.colorPattern .patternItem {
    color: #fff;
    width: 120px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
}

.referenceMeta {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
    overflow: hidden;
    margin-bottom: 15px;
}

.metaButton {
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}

.metaButton .metaItem {
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
}

.metaButton .metaItem a {
    flex: 1;
    background: var(--generalTwoColor);
}

.referneceInfo {
    padding: 20px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 20px;
    font-size: 14px;
    color: var(--subColor);
}

.referneceInfo .referenceItem span strong {
    color: var(--generalTwoColor);
    display: block;
    margin-bottom: 11px;
    font-weight: 600;
    font-size: 15px;
}

.referneceInfo .referenceItem span a {
    color: var(--generalColor);
    font-weight: 500;
}

.workList {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    grid-row-gap: 12px;
    list-style: none;
}

#service_amounts {
    display: flex;
    grid-row-gap: 12px;
    flex-direction: column;
}

.workList li:before, #service_amounts span:before {
    content: "";
    width: 10px;
    height: 10px;
    min-width: 10px;
    display: inline-block;
    border: 2px solid var(--generalColor);
    border-radius: 50px;
    transition: .3s;
}

#service_amounts span:before {
    margin-right: 5px;
}

.workList li {
    display: flex;
    grid-column-gap: 5px;
}

.workList li strong {
    margin: 0;
}

.linkButton a.button {
    width: 100%;
}

.topBar {
    background: #e2e5e8;
    z-index: 99999;
}

.topBar .left a.active {
    opacity: 0.3;
}

.topBar .left img {
    width: 22px;
    height: 22px;
    border-radius: 50px;
}

.topBar ul, .topBar ul .left, .topBar ul .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 17px;
}

.topBar ul .right {
    display: none;
}

.topBar ul .left {
    grid-column-gap: 11px;
}

.topBar li a {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.topBar li.currency {
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding: 0 7px;
}

.topBar li.currency span {
    font-size: 14px;
    font-weight: 500;
    display: none;
    color: var(--subColor);
}

.topBar li.currency span.active {
    display: block
}

.topBar li.currency .sub-menu {
    width: 100px;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border-top: none;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    grid-row-gap: 10px;
    list-style: none;
    padding: 13px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    justify-content: left;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
    z-index: 9;
}

.topBar li.currency .sub-menu li {
    width: 100%;
}

.topBar li.currency .sub-menu li a {
    padding: 5px 20px;
    display: block;
    width: 100%;
    height: auto;
    line-height: normal;
}

.topBar li.currency:hover .sub-menu {
    opacity: 1;
    visibility: inherit;
}

.tradeContent {
    padding: 60px 0;
    background: linear-gradient(to top,rgba(0,0,0,0) 0,#dbe2e9 99%,#dbe2e9 100%);
}

.tradeContent a.button {
    background: var(--generalTwoColor);
    display: block;
    margin: 0 auto;
    width: max-content;
    line-height: 42px;
}

.tradeSection .sponsoredList {
    margin-top: 40px;
    margin-bottom: 80px;
}

.tradeSection .sponsoredList .sponsoredItem img {
    margin: 0 auto;
}

.freeTrialSection {
    padding: 30px 0;
}

.freeTrial {
    display: flex;
    grid-column-gap: 20px;
}

.freeTrial .freeDetail {
    min-width: 400px;
    max-width: 400px;
    background: var(--generalTwoColor);
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.freeTrial h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 18px;
    text-align: center;
    text-transform: capitalize;
}

.freeTrial a {
    margin-bottom: 12px;
    background: var(--generalColor);
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
}

.freeTrial span {
    text-align: center;
    color: #ffffffba;
    line-height: 25px;
}

.freeTrial .freeForm {
    width: 100%;
    background: #fff;
    padding: 50px;
    border-radius: 12px;
    box-shadow: 0 10px 50px 0 rgb(77 77 119 / 16%);
}

.freeTrial span strong {
    color: #fff;
    font-weight: 500;
}

.marketPlaceSection {
    margin-top: 80px;
    margin-bottom: 120px;
}

.marketList ul {
    display: grid;
    align-items: center;
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.marketList li {
    flex: 1;
    text-align: center;
}

.marketList li img {
    height: 48px;
}

.hostingSection {
    background: linear-gradient(to top,rgba(0,0,0,0) 0,#dbe2e9 99%,#dbe2e9 100%);
    padding: 60px 0;
}

.servicesContent .allServices {
    text-align: right;
    margin-top: 30px;
}

.servicesContent .allServices a {
    background: var(--generalTwoColor);
}

.commerceSection {
    background: #f1f3f7;
    margin: 80px 0;
    padding: 80px;
}

.servicesContent .servicesList.productsList {
    flex-wrap: wrap;
}

input[type="text"]#phone, input[type="text"]#gsm {
    padding-left: 85px!important;
}

.page404 h4 {
    color: var(--subColor);
    font-size: 17px;
    margin: 20px 0;
    font-weight: 500;
    line-height: 30px;
}

.page404 h3 {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 24px;
}

.page404 a.button {
    background: var(--redColor);
}

.ourLocations {
    background: #f8f8f8;
    padding: 30px 0;
    text-align: center;
    padding-bottom: 25px;
}

.ourLocations h2 {
    margin-bottom: 25px;
}

.ourLocations .locationList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.ourLocations .locationList .locationItem {
    border: 1px solid #000;
    padding: 50px 50px 37px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background: #ffff;
    transition: .3s;
}

.ourLocations .locationList .locationItem:hover {
    background: #f0d9c3;
}

.ourLocations .locationList .locationItem svg {
    width: 37px;
    margin-bottom: 17px;
}

.ourLocations .locationList .locationItem p {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 1rem;
}

.ourLocations .locationList .locationItem .buttonArea {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ourLocations .locationList .locationItem a {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 1rem;
}

.takeyourStep {
    padding: 100px 0;
}

.takeyourStep .container {
    max-width: 1140px;
}

.takeyourStep .stepList {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.takeyourStep .stepItem {
    display: grid;
    gap: 30px;
    align-items: center;
    justify-content: start;
    margin-bottom: 120px;
    grid-template-columns: 1fr 1fr;
}

.takeyourStep .stepItem:nth-child(even) .right {
    padding-right: 96px;
    padding-left: 0;
}

.takeyourStep .stepItem .left {
}

.takeyourStep .stepItem .left img {
    display: block;
    margin: 0 auto;
}

.takeyourStep .stepItem .right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 96px;
}

.takeyourStep .stepItem span {
    font-size: 16px;
    color: var(--generalTwoColor);
}

.takeyourStep .stepItem h3 {
    margin: 0;
    color: var(--generalTwoColor);
}

.takeyourStep .stepItem p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5rem;
    color: var(--generalTwoColor);
}

.takeyourStep .stepItem strong {
}

.takeyourStep .stepItem .maddeList {
}

.takeyourStep .stepItem .maddeList ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0;
    margin-bottom: 14px;
}

.takeyourStep .stepItem .maddeList li {
    display: flex;
    gap: 8px;
    font-size: 16px;
}

.takeyourStep .stepItem .maddeList li svg {
    fill: #7ac24f;
    width: 19px;
}

.takeyourStep .stepItem a {
    display: inline-flex;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
    background: #7ac24f;
    color: #fff;
    padding: 0px 26px;
    font-size: 15px;
    font-weight: 500;
    grid-column-gap: 8px;
    align-items: center;
    justify-content: center;
    line-height: normal;
    border: none;
    white-space: nowrap;
    text-transform: capitalize;
    padding: 19px 35px;
}

.takeyourStep .stepItem a.blueButton {
    background: var(--generalTwoColor);
}

.takeyourStep .stepItem a.blueButton:hover {
    background: var(--generalColor);
}

.takeyourStep .stepItem a:hover {
    background: var(--generalTwoColor);
}

.takeyourStep .startProject {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.takeyourStep .startProject h3 {
    margin: 0;
    color: var(--generalTwoColor);
}

.takeyourStep .startProject a {
    display: inline-flex;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
    background: #7ac24f;
    color: #fff;
    padding: 0px 26px;
    font-weight: 500;
    grid-column-gap: 8px;
    align-items: center;
    justify-content: center;
    line-height: normal;
    border: none;
    white-space: nowrap;
    text-transform: capitalize;
    padding: 19px 35px;
}

.takeyourStep .startProject a svg {
    width: 14px;
    fill: #fff;
}

.takeyourStep .startProject a:hover svg {
    /* fill: #000; */
}

.takeyourStep .startProject a:hover {
    background: var(--generalTwoColor);
}