body {

    background: #fefefe;

	color:#030304;

}

body .bg-primary {

    background-color: #8c52ff !important;

}
.fixed-top .nav-link {
    font-size: 14px !important;
}
.card-text p {
    color: #7987a1;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif!important;
}
.card-text {
    color: #7987a1;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif!important;
}

.bg-primary-gradient {
    background: #8c52ff !important;
}
.bg-secondary-gradient {
    background: #8c52ff !important;
}
/*.avatar {
    height: 55px !important;
    width: 55px !important;
}*/

.blob-bg {
    box-shadow: none !important;
    background: #8c52ff !important;
}
.blob-bg i {
    font-size: 30px;
    color: #fff;
}

.iconhidess .icon-02 {

    display: none;

}

.iconhidess .img-icon {

    display: none;

}

/* initial state (optional) */

.menubox {

  transition: all 0.3s ease;

}

.card-body {

    padding: 1.5rem !important;

}

.sticky {

  position: fixed !important;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  z-index: 9999;

  background: #fff; /* Or any background you want */

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

}

.more {display: none;}

.btn-check:focus+.btn, .btn:focus {

    outline: 0;

    box-shadow: none;

}

.bg-info-gradient {

    background: linear-gradient(to right, #4ec2f0 0%, #4ec2f080 100%);

}



.topbar {

    background: #8c52ff;

    width: 100%;

    float: left;

    position: relative;

    padding: 10px 0px;

	z-index: 99;

}

.menubox {

    background: #fff;

}

.topbar .nav-link:focus, .topbar .nav-link:hover {

    color: #6071e1;

}

.logopart {

    padding: 20px 0px;

}

ul li {

    list-style: none;

    display: inline;

}

ul {

    margin: 0px;

    padding: 0px;

}

.topbar a {

    color: #fff ;

    text-decoration: none;

}

.menubox .nav-link {

    color: #030304;

}

.continer {

    width: 100%;

    max-width: 1170px;

    margin: auto;

    padding: 0px 15px;

}

.topbar li {

    margin-right: 40px;

	color: #fff;

	float: left;

}

.rightside li {

    margin-left: 40px;

    margin-right: 0px;

}

.rightside {

    float: right;

}

.iconboxs {

    width: 50px;

    height: 50px;

    background: rgba(255, 255, 255, .1);

    display: inline-block;

    border-radius: 50%;

    text-align: center;

    padding-top: 11px;

	box-shadow: 0px 0px 2px #ddd;

}







.submenus {

    position: absolute;

    top: 45px;

    left: 0;

    background: #fff;

    color: #000;

    border-radius: 5px;

    padding: 20px;

    display: none;

}

.submenus li a {

    color: #6b6b7e;

    display: flex;

}

.submenus li {

    width: 100%;

    margin: 0px !important;

    padding: 8px 0px;

}

.navbar li.nav-item:hover .submenus {

    display: block;

}

.submenus svg {

    margin-right: 10px;

}

.submenuflexbox {

    display: flex;

}

.bg-secondary-transparent {

    background-color: #f7832633;

    border: 1px solid #f7832680;

	height: 40px;

    width: 40px;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    padding-top: 5px;

}

.iconssty{

	height: 40px;

    width: 40px;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    padding-top: 5px;

}

.submenus li:hover .bg-secondary-transparent {

    background: #f78326 !important;

    color: #fff !important;

}

.bg-secondary-transparent svg {

    margin: 0px;

}

.submenus li a:hover {

    color: #1457e6;

}

.submenuflex h5 {

    font-size: 15px;

    font-weight: 400;

    color: #1457e6;

}

.submenuflex h5 svg {

    margin-right: 5px;

}

.rgbox {

    margin-left: 15px;

}

.submenuflex li h5{

    color: #000;

    font-weight: 600;

}

.submenuflex li p {

    color: #6b6b7e;

}

.submenuflex li:hover h5 {

    color: #1457e6;

}











/* banner section */



.opacitywhite:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background: rgba(255, 255, 255, .1);

    height: 100%;

    content: "";

}

.logopart .rightside a {

    display: flex;

    align-items: center;

}

.chatsp {

    margin-left: 10px;

}

.opacity8 {

    opacity: .6;

}

.menubox li {

    margin-right: 10px !important;

}

.orangebg {

    background: #6071e1;

    color: #fff !important;

	border: 1px solid #fff;

}

.orangebg:hover {

    background: #4e39d5;

    color: #fff;

}

.whiteborder {

    border: 1px solid #6071e1;

    color: #6071e1 !important;

}

.butnbox .btn {

    margin-left: 20px;

}





.banner-section {

    padding: 3rem 0 4rem 0;

}
.serimghh img {
    max-width: 70%;
}

.banner-1 {

    height: 100%;

    width: 100%;

    background-image: url(../image/2.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    color: #fff;

    z-index: 1;

	    position: relative;

}

.video-banner::before {

    opacity: 1;

}

.banner-1::before {

    content: "";

    background: linear-gradient(to bottom, #8c52ff 0%, #5ce1e6 100%);

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    opacity: 0.9;

}

.patterns-2 {

    inset-inline-end: 0;

    inset-block-start: -3px;

    z-index: -1;

    position: absolute;

    opacity: 0.2;

    width: 200px;

    height: 200px;

    transform: rotate(270deg);

}

.patterns-3 {

    inset-inline-start: 8%;

    inset-block-start: 18%;

    z-index: -1;

    position: absolute;

    opacity: 0.15;

    width: 80px;

    height: 80px;

}

.patterns-4 {

    inset-inline-start: 8%;

    inset-block-start: 18%;

    z-index: -1;

    position: absolute;

    opacity: 0.5;

    width: 80px;

    height: 80px;

}

.patterns-6 {

    inset-inline-end: 0;

    inset-block-start: -7%;

    z-index: -1;

    position: absolute;

    opacity: 0.2;

    width: 200px;

    height: 200px;

}

.op-2 {

    opacity: 0.2;

}

.patterns-8 {

    inset-inline-start: 0%;

    inset-block-end: 0%;

    z-index: -1;

    position: absolute;

    width: 160px;

    opacity: 0.3;

}

.video-banner .video {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    object-fit: cover;

    height: 100%;

    z-index: -2;

}

.content-1 {

    font-size: 50px;

    line-height: 1.3;

}

.content-2 {

    font-size: 1.165rem;

}

.btn-white {

    background-color: #fff;

    border-color: #fff;

    color: #4d5875;

}



/* Abou us section */





.banner-4 {

    background: linear-gradient(to bottom, #8c52ff 0%, #5ce1e6 100%);

    color: #fff;

    z-index: 1;

    position: relative;

}

.banner-4::before {

    content: "";

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 0;

    height: 100%;

    width: 100%;

    background-image: url(../image/17.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0.1;

    z-index: -1;

}

.tx-info-dark {

    color: #4e39d5;

}

.content-2 {

    font-size: 1.165rem;

}

.banner-bg.about-image {

    filter: drop-shadow(17px 26px 2px rgba(0, 0, 0, 0.08));

}

.banner-bg::before, .banner-bg .price-main, .banner-bg .reseller-img {

    transition: transform ease 0.8s;

}

.banner-bg::before, .banner-bg .price-main, .banner-bg .reseller-img {

    transition: transform ease 0.8s;

}

.banner-bg::before {

    content: "";

    height: 100%;

    width: 400px;

    position: absolute;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    fill: #fff;

    opacity: 0.1;

    z-index: -1;

    max-width: 100%;

}

.banner-4:hover .reseller-img {

    transform: translateY(-10px);

}







/* Plan section */

.bg-gray-100 {

    background-color: #f9fafb;

}

.bg-pattern-1 {

    z-index: 1;

    position: relative;

}

.bg-pattern-1::before {

    content: "";

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 0;

    height: 100%;

    width: 100%;

    background-image: url(../image/28.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0.05;

    z-index: -1;

    background-attachment: fixed;

}

.filter-invert {

    filter: invert(1);

}

.op-1 {

    opacity: 0.1;

}

.patterns-8 {

    inset-inline-start: 0%;

    inset-block-end: 0%;

    z-index: -1;

    position: absolute;

    width: 160px;

    opacity: 0.3;

}

.heading-section {

    text-align: center;

    margin-block-end: 3rem;

}

.heading-subtitle {

    position: relative;

    display: inline-block;

    margin-block-end: 0.5rem;

}



.tx-primary {

    color: #1457e6;

}

.heading-title {

    font-size: 2rem;

    margin-block-end: 0.5rem;

    font-family: "Urbanist", sans-serif;

    color: #030304 ;

    font-weight: 700;

    line-height: 1.2;

}

.heading-description {

    font-size: 1rem;

    margin-block-end: 0;

    color:#030304;

    opacity: 0.8;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    background-color: #8c52ff  !important;

    color: #fff;

}

.tab-style-1 .nav-link {

    padding: 0.75rem 2.5rem;

    font-weight: 600;

	color:#8c52ff ;

}

.nav-pills .nav-link {

    background: 0 0;

    border: 0;

    border-radius: var(--bs-nav-pills-border-radius);

}

.bg-primary {

    background-color: #8c52ff !important;

}

.pricing-card {

    transition: all ease 0.3s;

    box-shadow: none;

}

.bg-white-1 {

    background-color: rgba(255, 255, 255, 0.1) !important;

}

.pricing-icon {

    width: 50px;

    height: 50px;

    margin-block-end: 1rem;

    background-color: #1457e61a;

    border-radius: 50px;

    padding: 0.7rem;

    box-shadow: 0px 5px 10px #1457e61a;

}

.section {

    padding: 70px 0px;

}

#plans li.list-item .d-flex {

    align-items: center;

}

#plans li.list-item .d-flex svg {

    margin-right: 5px;

    color: #8c52ff;

}

#plans .bg-primary li.list-item .d-flex svg {

    margin-right: 5px;

    color: #fff;

}

#plans li.list-item.mb-3 {

    width: 100%;

    margin-bottom: 15px;

    display: inline-block;

}

.btn-primary-transparent {

    background-color: #1457e633;

    color: #8c52ff;

}

.btn-primary-transparent:hover {

    background-color: #8c52ff;

    color: #fff !important;

}

.patterns-7 {

    inset-inline-end: 0;

    inset-block-start: 0;

    z-index: -1;

    position: absolute;

    opacity: 0.1;

    width: 200px;

    height: 200px;

}

.card.pricing-card.border-top.border-light.border-5 {

    border: none;

    box-shadow: 0px 2px 5px #f6f6f6;

    border-radius: 20px;

    border-color: #dee2e6 !important;

}

.card.pricing-card.border-top.border-light.border-5:hover {

    box-shadow: 0px 5px 10px #ddd;

}





/* Building website easy section */

.banner-pd-1 {

    padding: 30px 0px;

}

.blob-bg-sec {

    background-color: #8c52ff;

    color: #fff;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.blob-bg-sec::before {

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    inset-block-start: 0;

    background-image: url(../image/7.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0.08;

    transition: transform ease 0.3s;

    z-index: -1;

}

.patterns-9.sub-pattern-1 {

    inset-block-end: -11%;

    inset-block-start: inherit;

    inset-inline-start: 32%;

    inset-inline-end: inherit;

}

.patterns-9 {

    inset-inline-end: 32%;

    inset-block-start: -11%;

    transform: rotate(45deg);

    z-index: -1;

    position: absolute;

    opacity: 0.3;

    width: 100px;

    height: 100px;

}



/* services section */



.heading-subtitle::after {

    inset-inline-end: -30px;

    inset-inline-start: inherit;

}

.heading-subtitle::before {

    content: "";

    position: absolute;

    width: 20px;

    height: 2px;

    inset-inline-start: -30px;

    background-color: #f78326;

    inset-block-start: 50%;

}

.heading-subtitle::after {

    content: "";

    position: absolute;

    width: 20px;

    height: 2px;

    inset-inline-end: -30px;

    background-color: #f78326;

    inset-block-start: 50%;

}

.card {

    margin-block-end: 1.5rem;

    border: 0px solid var(--border);

    border-radius: 0.625rem;

    box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.1);

    width: 100%;

    position: relative;

    background-color: #fff;

}

.feature-card-15 {

    transition-duration: 0.3s;

}

.card {

    margin-block-end: 1.5rem;

    border: 0px solid var(--border);

    border-radius: 0.625rem;

    box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.1);

    width: 100%;

    position: relative;

    background-color: #fff;

}

.card:hover {

    box-shadow: 0px 5px 10px #ddd !important;

}

.teamsocial i {

    font-size: 20px;

    margin-right: 10px;

    color: #8c52ff;

}

.teamsocial {

    margin-bottom: 15px;

}

.transform-rotate-45 {

    transform: rotate(45deg);

}

.br-5 {

    border-radius: 0.3125rem;

}

.feature-card-15:hover {

    box-shadow: 0px 6px 18px 4px rgba(6, 10, 48, 0.08);

    transform: translateY(10px);

}

.feature-card-15 {

    transition-duration: 0.3s;

}

.card:hover .feature-avatar, .card.hover-active .feature-avatar {

    transform: scale(1.28);

}

.transform-rotate-90 {

    transform: rotate(90deg);

}

.all-ease-03 {

    transition: all ease 0.3s;

}

.text-bg-secondary {

    background-color: #8c52ff !important;

}

.text-bg-secondary {

    color: #fff !important;

}

.tx-18 {

    font-size: 1.125rem;

}

.avatar {

    position: relative;

    height: 2.625rem;

    width: 2.625rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    line-height: 0;

}

.servicess .bg-secondary-transparent{

	width:auto;

	height:auto;

}

.bg-pattern-1.bg-image3::before {

    background-image: url(../image/10.jpg);

    opacity: 0.03;

}

.bg-pattern-1::before {

    content: "";

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 0;

    height: 100%;

    width: 100%;

    background-image: url(../image/28.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0.05;

    z-index: -1;

    background-attachment: fixed;

}

.bg-pink-transparent {

    background-color: #e34ae633;

    border: 1px solid #e34ae680;

}

.bg-pink {

    background-color: #e34ae6 !important;

}

.bg-info-transparent {

    background-color: #4ec2f033;

    border: 1px solid #4ec2f080;

}

.bg-info {

    --bs-bg-opacity: 1;

    background-color: #0dcaf0 !important;

}



/* Looking Domain section */

.custom-form-group .form-control.form-control-lg {

    min-height: calc(1.5em + 1rem + 21px);

}

.custom-form-group .form-control {

    padding-inline-end: 60px;

    padding-inline-start: 20px;

    line-height: 2.25;

}

.custom-form-group .custom-form-btn {

    position: absolute;

    inset-inline-end: 0.4rem;

}

.custom-form-group {

    position: relative;

    display: flex;

    align-items: center;

}

.form-control, .form-select {

    border: 1px solid #ddd;

    color: #6b6b7e;

    font-size: 0.875rem;

    line-height: 2;

    border-radius: 0.3125rem;

    background-color: #fff;

}

.bg-primary-gradient {

    background: linear-gradient(to right, #8c52ff 0%, #5ce1e6 100%);

}

.domain-names {

    background-color: #fff;

    border-radius: 10px;

    padding: 15px;

    position: relative;

    cursor: pointer;

    margin-block-end: 0.8rem;

    z-index: 1;

}

.ribbone {

    width: 160px;

    height: 160px;

    overflow: hidden;

    position: absolute;

    z-index: 6;

    inset-block-start: 0;

    inset-inline-start: 0;

}

.ribbone.ribbone-1 span {

    inset-inline-end: 10px;

    inset-block-start: 10px;

    padding: 1px 0;

    font-size: 10px;

}

.ribbone span {

    inset-inline-end: 0px;

    inset-block-start: 17px;

    transform: rotate(-45deg);

    position: absolute;

    display: block;

    width: 260px;

    padding: 2px 0;

    color: #fff;

    text-transform: capitalize;

    text-align: center;

    font-size: 11px;

}

.tx-primary {

    color: #8c52ff;

}

.tx-success {

    color: #17ca68;

}

.tx-secondary {

    color: #f78326;

}

.tx-info {

    color: #4ec2f0;

}

.tx-danger {

    color: #ec5f67;

}

.fw-600 {

    font-weight: 600;

}



.tx-20 {

    font-size: 1.25rem;

}

.domain-names:hover {

    background: linear-gradient(to right, #1457e6 0%, #5ce1e6 100%);

}

.domain-names:hover span, .domain-names:hover p {

    color: #fff !important;

}







/* Our Process section */

.reveal.reveal-active {

    opacity: 1;

    transform: translateY(0px);

}

.reveal {

    transform: translateY(20px);

    transition: all 0.3s ease;

}

.feature-card {

    transition: all ease 0.3s;

    border-width: 1px;

    border-style: solid;

    box-shadow: none;

    cursor: pointer;

	border: 1px solid #ddd;

}

.addons::before {

    content: "";

    position: absolute;

    inset-inline-start: 3%;

    inset-block-start: 15%;

    height: 22px;

    width: 22px;

    border-radius: 50%;

    background: rgba(20,87,230,0.1);

}

.card .filled {

    display: none;

}

.fade-in {

    animation-name: fade-in;

    animation-duration: 0.13s;

    animation-timing-function: ease-in-out;

}

.card:hover .outline, .card.hover-active .outline {

    display: none;

}

.card:hover .filled, .card.hover-active .filled {

    display: inline-block;

}

.tx-28 {

    font-size: 1.68rem;

}

.process .card-body {

    flex: 1 1 auto;

    padding: 1.5rem 1.5rem;

}



/* Why Choose us section */

.bg-pattern-2.bg-image2 {

    background: #8c52ff;

}

.bg-pattern-2 {

    z-index: 1;

    position: relative;

}





/* Blog */

.bg-secondary {

    background-color: #f78326 !important;

}

.bg-info {

    --bs-bg-opacity: 1;

    background-color: #0dcaf0 !important;

}

.bg-success {

    background-color: #17ca68 !important;

}

.tx-color-default {

    color: #03123e;

	    text-decoration: none;

}

.tx-muted {

    color: #7987a1;

}

.ltblogs .h6 {

    color: #03123e;

    text-decoration: none;

}

.bg-gray-200 {

    background-color: #f2f4f5;

}





/* Technical Support section */



.patterns-5 {

    inset-inline-start: -3%;

    inset-block-end: -7%;

    z-index: -1;

    position: absolute;

    opacity: 0.3;

    width: 200px;

    height: 200px;

}

a {

    text-decoration: none;

}





/* Reviews section  */

.feature-client-bg {

    position: relative;

}

.feature-client-bg::before {

    content: "";

    position: absolute;

    inset-inline-start: -17%;

    inset-block-end: -5%;

    height: 200px;

    width: 200px;

    border-radius: 50%;

    background: linear-gradient(to right, #1457e61a 0%, #00000000 100%);

    z-index: 0;

}

.patterns-11 {

    position: absolute;

    inset-inline-start: -6%;

    inset-block-start: 0;

    width: 100px;

    height: 100px;

}

.bg-client {

    padding: 50px 0;

}

.bg-client::before {

    content: "";

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 6%;

    height: 100%;

    width: 100%;

    background-image: url(../image/16.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0.065;

    border-radius: 5px;

}

.testimonialSwiper .swiper-slide {

    font-size: 18px;

    background: #1457e6;

    border-radius: 0.625rem;

}

.testimonialSwiper .swiper-slide .card {

    background-color: #8c52ff;

    color: #fff;

}

.avatar.avatar-lg {

    width: 3.75rem;

    height: 3.75rem;

}

.testimonialSwiper .swiper-slide img {

    display: block;

    object-fit: cover;

}

.tx-50 {

    font-size: 3rem;

}

.review-quote {

    opacity: 0.3;

    font-size: 60px;

    line-height: 0;

}



/* Footer */

.footer {

    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);

}

.payment-cards {

    background-color: rgba(255, 255, 255, 0.1);

    border-radius: 5px;

}

.footer .footer-link {

    font-size: 14px;

    color: #fff;

}

.footer-icon .list-item::before {

    content: "\f231";

    font-family: "bootstrap-icons";

    margin-inline-end: 6px;

    font-size: 8px;

    color: #fff;

    padding: 4px;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.1);

    line-height: 1;

    display: inline-block;

}

.footerset li {

    display: block;

}

.footer-btn-list .footer-btn {

    border: 0;

    color: rgba(255, 255, 255, 0.9);

    height: 37px;

    width: 37px;

    padding: 0px;

    font-size: 0.75rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}

.btn-info-dark {

    background-color: #5ce1e6;

    border-color: #5ce1e6;

    color: #fff;

}

.tx-14 {

    font-size: 14px;

}



.swiper-pagination-bullet {

    background: #8c52ff;

}





/* About Us page css */



.br-bottom-before {

    position: absolute;

    inset-inline-start: 0;

    inset-block-end: -10%;

    height: 5px;

    width: 200px;

    border-radius: 20%;

    transform: skew(10deg, 356deg);

    background: linear-gradient(to right, #5ce1e6 0%, transparent 100%);

}

.text-bg-primary {

    background-color: #1457e6 !important;

}

.text-bg-primary {

    color: #fff!important;

}

.text-bg-success {

    background-color: #17ca68 !important;

}

.feature-card-15 .feature-bg {

    position: relative;

}

.br-style1 {

    border-start-start-radius: 50%;

    border-start-end-radius: 50%;

    /* border-end-end-radius: 50%; */

    border-end-start-radius: 0;

}

.feature-card-15.primary .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #1457e633);

}

.feature-card-15 .feature-bg::before {

    content: "";

    position: absolute;

    inset-inline-start: -40%;

    inset-block-start: 22%;

    height: 47px;

    width: 47px;

    border-radius: 10%;

    z-index: 0;

}

.feature-card-15.pink .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #e34ae633 90%);

}







.feature-card-15.secondary .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, rgba(var(--secondary-rgb), 0.2) 90%);

}

.secondary-shadow {

    box-shadow: 0 0.5rem 1rem #f7832633;

}

.bg-secondary-gradient {

    background: linear-gradient(to right, #f78326 0%, #f7832680 100%);

}

.feature-card-15.secondary .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #f7832633 90%);

}

.success-shadow {

    box-shadow: 0 0.5rem 1rem #17ca6833;

}

.feature-card-15.success .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #17ca6833 90%);

}

.bg-success-gradient {

    background: linear-gradient(to right, #17ca68 0%, #17ca6880 100%);

}

.pink-shadow {

    box-shadow: 0 0.5rem 1rem #e34ae633;

}

.bg-pink-gradient {

    background: linear-gradient(to right, #e34ae6 0%, #e34ae680 100%);

}

.bg-danger-gradient {

    background: linear-gradient(to right, #ec5f67 0%, #ec5f6780 100%);

}

.danger-shadow {

    box-shadow: 0 0.5rem 1rem #ec5f6733;

}

.feature-card-15.danger .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #ec5f6733 90%);

}

.feature-card-15.teal .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #4ac9bd33 90%);

}

.teal-shadow {

    box-shadow: 0 0.5rem 1rem #4ac9bd33;

}

.bg-teal-gradient {

    background: linear-gradient(to right, #4ac9bd 0%, #4ac9bd80 100%);

}

.bg-warning-gradient {

    background: linear-gradient(to right, #f5b14b 0%, #f5b14b80 100%);

}

.feature-card-15.warning .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #f5b14b33 90%);

}

.bg-blue-gradient {

    background: linear-gradient(to right, #268fe6 0%, #268fe680 100%);

}

.feature-card-15.blue .feature-bg::before {

    background: linear-gradient(218deg, transparent 10%, #268fe633 90%);

}

.blob-bg {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 70px;

    height: 70px;

    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, #1457e6 100%);

    background-color: #1457e6;

    box-shadow: inset 10px 0 40px #1457e6cc, inset -10px 0 20px #1457e633, inset -40px 10px 100px rgba(255, 255, 255, 0.6);

    margin-block-end: 20px !important;

    margin: 0 auto;

    border-start-start-radius: 70% 60%;

    border-start-end-radius: 30% 40%;

    border-end-end-radius: 30% 60%;

    border-end-start-radius: 70% 40%;

}

.card:hover .blob-bg {

    animation: transform 3s ease-in-out infinite both alternate, movement 2s ease-in-out infinite both;

}

/* about animation */

.card:hover .blob-bg {

  animation: blobMotion 3s ease-in-out infinite alternate;

}



@keyframes blobMotion {

  0% {

    transform: translateY(-0px) scale(1);

    border-radius: 20% 50% 40% 60%;

  }

  50% {

    transform: translateY(15px) scale(1.1);

    border-radius: 40% 60% 30% 70%;

  }

  100% {

    transform: translateY(0) scale(1.2);

    border-radius: 50% 30% 60% 40%;

  }

}

/* about animation */



.blob-bg.secondary {

    border: 1px solid #f78326;

    background: radial-gradient(circle, #ffffff33 10%, #f78326 100%);

    background-color: #f78326;

    box-shadow: inset 10px 0 40px #f78326cc, inset -10px 0 20px #f7832633, inset -40px 10px 100px #ffffff99;

}

.blob-bg.success {

    border: 1px solid #17ca68;

    background: radial-gradient(circle, #ffffff33 10%, #17ca68 100%);

    background-color: #17ca68;

    box-shadow: inset 10px 0 40px #17ca68cc, inset -10px 0 20px #17ca6833, inset -40px 10px 100px #ffffff99;

}

.tx-26 {

    font-size: 26px;

}

.blob-bg.pink {

    border: 1px solid #e34ae6;

    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, #e34ae6 100%);

    background-color: #e34ae6;

    box-shadow: inset 10px 0 40px #e34ae6cc, inset -10px 0 20px #e34ae633, inset -40px 10px 100px #ffffff99;

}

.blob-bg.teal {

    border: 1px solid #4ac9bd;

    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, #4ac9bd 100%);

    background-color: #4ac9bd;

    box-shadow: inset 10px 0 40px #4ac9bdcc, inset -10px 0 20px #4ac9bd33, inset -40px 10px 100px rgba(255, 255, 255, 0.6);

}

.blob-bg.danger {

    border: 1px solid #ec5f67;

    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, #ec5f67 100%);

    background-color: #ec5f67;

    box-shadow: inset 10px 0 40px #ec5f67cc, inset -10px 0 20px #ec5f6733, inset -40px 10px 100px #ffffff99;

}

.bg-section-1::before {

    content: "";

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 0;

    height: 100%;

    width: 100%;

    background-image: url("../image/72.png");

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0.1;

    z-index: -1;

}

.bg-section-1 {

    z-index: 1;

}

section {

    position: relative;

}

.section-2 {

    background: linear-gradient(to bottom, #8c52ff 0%, #5ce1e6 100%);

    z-index: 1;

}

.serviceget h5 {

    color: #03123e;

}

.serviceget p {

    color: #6b6b7e;

}

.text-bg-danger {

    background: #dc3545;

}

.z-index-0 {

    z-index: 0;

}





/* Contact Us  */



.contactbanners {

    width: 100%;

    float: left;

}

section {

    padding: 70px 0px;

    width: 100%;

    display: inline-block;

}

.bg-purple-gradient {

    background: linear-gradient(to right, #7891ef 0%, #7891ef80 100%);

}

.br-style {

    border-start-start-radius: 50% 10%;

    border-start-end-radius: 20% 40%;

    border-end-end-radius: 50% 10%;

    border-end-start-radius: 20% 40%;

}

.patterns-8.sub-pattern-3 {

    inset-inline-end: 0;

    inset-inline-start: inherit;

    transform: rotate(90deg);

}

.bg-primary-01 {

    background-color: #1457e61a !important;

}

.contactforms li.list-item {

    width: 100%;

    float: left;

}





/* Aplication page css */





.banner-arrow-down::after {

    content: "";

    position: absolute;

    inset-inline-start: 50%;

    transform: translateX(-50%) rotate(45deg);

    height: 20px;

    width: 20px;

    background: #5ce1e6 ;

    inset-block-end: -10px;

    border-start-start-radius: 100%;

}

.feature-card-5.feature-card-5-primary::after {

    background-color: #1457e60d;

}

.feature-card-5::after {

    content: "";

    width: calc(100% + 30px);

    height: 90%;

    border-radius: 7px;

    position: absolute;

    inset-block-end: -15px;

    inset-inline-start: 50%;

    transform: translateX(-50%);

    background-color: #f2f4f5;

    transition: all ease-in-out 0.3s;

    z-index: -1;

}

.feature-card-5 {

    background-color: #fff;

    margin: 20px;

    z-index: 1;

    border-radius: 0.625rem;

}

.feature-card-5.feature-card-5-success::after {

    background-color: #17ca680d;

}

.feature-card-5.feature-card-5-secondary::after {

    background-color: #f783260d;

}

.table> :not(caption)>*>* {

    padding: 1.2rem 1.5rem;

}

.border-hidden {

    border-style: hidden;

}

.br-7 {

    border-radius: 0.4375rem;

}

.pricing-table .pricing-feature {

    color:#8c52ff  ;

    font-weight: 600;

}

.feature-card-1 {

    background-color: #6071e1;

    color: #fff;

    z-index: 1;

}

.feature-card-1::before {

    content: "$";

    position: absolute;

    font-size: 150px;

    font-weight: 600;

    color: #fff;

    inset-inline-end: 5%;

    inset-block-start: 50%;

    transform: translateY(-50%);

    opacity: 0.1;

    z-index: -1;

}

.bg-pattern-1.bg-image4::before {

    background-image: url("../image/13.jpg");

    opacity: 0.05;

}

.ms-sm--20p {

    margin-inline-start: -20%;

}

.accordion-button:not(.collapsed) {

    color: #8c52ff;

    background-color: #e7f1ff;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

}

.cardhovers .bg-primary-transparent {

    background-color: #1457e633 !important;

    border: 1px solid #1457e680;

	 height: 40px;

    width: 40px;

}

.social-icons {

    padding: 8px;

    border-radius: 50%;

    line-height: 3.3;

    display: flex;

    justify-content: center;

    align-items: center;

}

.social-icons i {

    font-size: 16px;

    border-radius: 50%;

}

.cardhovers .bg-success-transparent {

    background-color: #17ca6833;

    border: 1px solid #17ca6880;

	    height: 40px;

    width: 40px;

}

.cardhovers .bg-danger-transparent {

    background-color: #ec5f6733;

    border: 1px solid #ec5f6780;

	    height: 40px;

    width: 40px;

}

.card-body {

    padding: 1.5rem;

}

.tags>.tag:not(:last-child) {

    margin-inline-end: 0.5rem;

}

.tags>.tag {

    margin-block-end: 0.5rem;

}

.tag {

    font-size: 0.75rem;

    color: #6b6b7e;

    background-color: #f2f4f5;

    border-radius: 5px;

    padding: 0 0.5rem;

    line-height: 2em;

    display: -ms-inline-flexbox;

    display: inline-flex;

    cursor: default;

    font-weight: 400;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid var(--border);

}

.tag:hover {

    background: #4e39d5;

    color: #fff;

}

.cardhovers:hover {

    box-shadow: none !important;

}

.btn-danger-transparent {

    background-color: #ec5f6733;

    border-color: #ec5f6733;

    color: #ec5f67;

}

.btn-group-sm>.btn, .btn-sm {

    padding: .25rem .5rem;

    font-size: .875rem;

    border-radius: .2rem;

}

.border-primary {

    border-color: #6071e1 !important;

}

a {

    color: #6071e1;

    text-decoration: none;

}

.recentpost .badge {

    border: 1px solid #6071e1;

    color: #6071e1 !important;

    width: auto !important;

    height: auto !important;

    border-radius: 5px;

    background: #fff;

}

.product-label {

    padding: 0.35em 0.55em;

    font-size: 73%;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 5px;

    background: #f2f4f5;

    float: var(--float-end);

    border: 1px solid #e9e9e9;

    color: var(--default-text-color);

}

.categries-li ul li {

    display: flex;

    justify-content: space-between;

}

.feature-card-14 {

    transition: all 350ms ease-in;

    z-index: 1;

    text-align: start;

    background: linear-gradient(to right, #5ce1e6 0%, #8c52ff 100%) !important;

}

.feature-card-14::before {

    content: "";

    position: absolute;

    background-image: url(../image/16.jpg);

    inset-block-start: 0;

    height: 100%;

    width: 100%;

    background-color: #fff;

    background-size: cover;

    z-index: -1;

    opacity: 0.4;

}

.bg-pattern-2.bg-image1 {

    background: #8c52ff;

}

.bg-pattern-2::before {

    content: "";

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 0;

    height: 100%;

    width: 100%;

    background-image: url("../image/9.jpg");

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0.4;

    z-index: -1;

}

.bg-pattern-2.bg-image1::before {

    background-image: url("../image/4.jpg");

    opacity: 0.2;

}

.feature-card-16::before, .feature-card-16::after {

    content: "";

    position: absolute;

    inset-inline-end: -8%;

    inset-block-start: 0;

    height: 80px;

    width: 80px;

    border-radius: 50%;

    background-color: #1457e6;

    opacity: 0.05;

    z-index: -1;

}

.feature-card-16::before {

    inset-inline-end: 0;

    inset-block-start: -12%;

}

.feature-card-16 {

    transition: all 350ms ease-in;

    padding-block-end: 0;

    overflow: hidden;

    z-index: 1;

}

.feature-card-16.secondary::before, .feature-card-16.secondary::after {

    background-color: #f78326;

}

.feature-card-16.success::before, .feature-card-16.success::after {

    background-color: #17ca68;

}

.feature-card-16.danger::before, .feature-card-16.danger::after {

    background-color: #ec5f67;

}

.feature-card-16.info::before, .feature-card-16.info::after {

    background-color: #4ec2f0;

}

.feature-card-16.warning::before, .feature-card-16.warning::after {

    background-color: #f5b14b;

}



/* Horizontal slider start */

    .scroll-container {

      overflow-x: auto;

      overflow-y: hidden;

      white-space: nowrap;

      scroll-behavior: smooth;

      padding: 10px;

      border: 1px solid #ddd;

      border-radius: 10px;

      background: #fff;

    }



    .scroll-container::-webkit-scrollbar {

      height: 8px;

    }



    .scroll-container::-webkit-scrollbar-thumb {

      background-color: #aaa;

      border-radius: 10px;

    }



    .scroll-item {

      display: inline-block;

      width: 50%;

      margin-right: 15px;

      background-color: #8c52ff;

      border-radius: 10px;

      text-align: center;

      line-height: 120px;

      font-weight: bold;

      font-size: 1.1rem;

    }



/* Horizontal slider end */



/* FAQ css */

.banner-arrow-down::after {

    content: "";

    position: absolute;

    inset-inline-start: 50%;

    transform: translateX(-50%) rotate(45deg);

    height: 20px;

    width: 20px;

    background: #5ce1e6;

    inset-block-end: -10px;

    border-start-start-radius: 100%;

}

.faq-category-card .faq-category-icon {

    fill: #8c52ff;

}

.faq-category-card:hover {

    background: #5ce1e6 ;

}



/* Legal css */



.spec-tabs .nav-link {

    text-align: start;

    padding: 10px 12px;

    font-size: 15px;

    align-items: center;

    display: flex;

    border: 1px solid var(--border);

    margin-block-end: 1rem;

    font-weight: 600;

    color: var(--default-text-color);

}

.spec-tabs .nav-link.active span {

    background-color: #ffffff33;

    color: #fff;

}

.spec-tabs .nav-link span {

    background-color: #1457e61a;

    padding: 7px 12px;

    font-size: 20px;

    border-radius: 50px;

    margin-inline-end: 10px;

    color: #8c52ff  ;

}

.spec-tabs .nav-link {

    text-align: start;

    padding: 10px 12px;

    font-size: 15px;

    align-items: center;

    display: flex;

    border: 1px solid #e9e9e9;

    margin-block-end: 1rem;

    font-weight: 600;

    color: #030304;

}



.contactforms .card:hover {

    box-shadow: none !important;

}



/* case studies page css  */



.feature-card-4.feature-card-4-primary .icon {

    border: 1px solid #1457e6;

}

.feature-card-4.feature-card-4-primary .icon .feature-avatar {

    background-color: #1457e6;

    color: #fff;

}

.feature-card-4.feature-card-4-primary.hover:hover .avatar {

    transform: scale(1);

    background-color: #fff;

    color: #1457e6;

}

.feature-card-4 .icon {

    background-color: #fff;

}

.transform-rotate--45 {

    transform: rotate(-45deg);

}

.feature-card-4.feature-card-4-primary.hover:hover .icon {

    background-color: #1457e6;

}

.feature-card-4.feature-card-4-secondary .icon {

    border: 1px solid #f78326;

}

.feature-card-4.feature-card-4-secondary .icon .feature-avatar {

    background-color: #f78326;

    color: #fff;

}

.feature-card-4.feature-card-4-secondary.hover:hover .icon {

    background-color: #f78326;

}

.feature-card-4.feature-card-4-secondary .icon {

    border: 1px solid #f78326;

}

.feature-card-4.feature-card-4-secondary.hover:hover .avatar {

    transform: scale(1);

    background-color: #fff;

    color: #f78326;

}

.feature-card-4.feature-card-4-success .icon {

    border: 1px solid #17ca68;

}

.feature-card-4.feature-card-4-success.hover:hover .icon {

    background-color: #17ca68;

}

.feature-card-4.feature-card-4-success.hover:hover .avatar {

    transform: scale(1);

    background-color: #fff;

    color: #17ca68;

}

.feature-card-4.feature-card-4-danger .icon {

    border: 1px solid #ec5f67;

}

.feature-card-4.feature-card-4-danger .icon .feature-avatar {

    background-color: #ec5f67;

    color: #fff;

}

.feature-card-4.feature-card-4-danger.hover:hover .icon {

    background-color: #ec5f67;

}

.feature-card-4.feature-card-4-danger.hover:hover .avatar {

    transform: scale(1);

    background-color: #fff;

    color: #ec5f67;

}

.feature-card-4.feature-card-4-info .icon {

    border: 1px solid #4ec2f0;

}

.feature-card-4.feature-card-4-info .icon .feature-avatar {

    background-color: #4ec2f0;

    color: #fff;

}

.feature-card-4.feature-card-4-info.hover:hover .icon {

    background-color: #4ec2f0;

}

.feature-card-4.feature-card-4-info.hover:hover .avatar {

    transform: scale(1);

    background-color: #fff;

    color: #4ec2f0;

}

.feature-card-4.feature-card-4-warning .icon {

    border: 1px solid #f5b14b;

}

.feature-card-4.feature-card-4-warning .icon .feature-avatar {

    background-color: #f5b14b;

    color: #fff;

}





/* Blog Studies list css */

.bg-danger-transparent {

    background-color: #ec5f6733;

    border: 1px solid #ec5f6780;

}

.tx-danger {

    color: #ec5f67;

}

.bg-primary-transparent {

    background-color: #1457e633 !important;

    border: 1px solid #1457e680;

}

.bg-secondary-transparent {

    background-color: #f7832633;

    border: 1px solid #f7832680;

}


.tx-secondary {

    color: #f78326;

}

.bg-success-transparent {

    background-color: #17ca6833;

    border: 1px solid #17ca6880;

}

.tx-success {

    color: #17ca68;

}

.hhh {

    height: auto !important;

    width:  auto !important;

    border-radius: 5px;

}





/* Video Gallery */



.banner-2 {

    color: #fff;

    background-image: url(../image/2.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 1;

    position: relative;

}

.banner-2::before {

    content: "";

    position: absolute;

    inset-block-start: 0;

    inset-inline-start: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

    background: linear-gradient(to bottom, #8c52ff 0%, #5ce1e6 100%);

    opacity: 0.9;

}

.bg-white-2 {

    background-color: #ffffff33 !important;

}

.banner-2 li.list-item {

    float: left;

    width: 100%;

}

.banner-bg.banner-img1::before {

    background-image: url("../image/3.svg");

}

.banner-bg::before, .banner-bg .price-main, .banner-bg .reseller-img {

    transition: transform ease 0.8s;

}



.banner-bg.banner-img1 {

    min-height: 330px;

}

.banner-bg {

    position: relative;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1;

    transition: transform ease 0.8s;

}

.banner-2:hover .banner-bg::before {

    transform: translateY(-10px);

}

.banner-2:hover .price-main {

    transform: translateX(-20px);

}

.blog-badge {

    position: absolute;

    inset-inline-start: 20px;

    inset-block-end: -10px;

    padding: 12px !important;

    font-size: 13px !important;

}

.badge {

    line-height: 0;

    padding: 8px;

    font-size: 10px;

    font-weight: 500;

    border-radius: 50px;

}



/* download page  */



.card-columns.home {

    -moz-column-count: 3;

    column-count: 3;

}

.card-columns.home .card {

    -webkit-padding-after: 0;

    padding-block-end: 0;

    overflow: hidden;

    z-index: 1;

    position: relative;

    background: #fff url(../image/10.jpg) no-repeat scroll;

    background-size: cover;

}

.card-columns.home .card:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    background-color: #fffffff7;

    opacity: 0.99;

    z-index: -1;

}

.card-columns.home .card-body {

    padding: 30px 0px !important;

}











/* Tab css */



  @media only screen and (max-width: 991px) {

	.helpcontsct {

		display: none;

	}

.logopart ul.rightside {

    display: none;

}

nav.navbar.navbar-expand-lg {

        position: absolute;

        right: 0px;

        top: -70px;

        width: 100%;

        display: block !important;

        padding: 0px 20px;

}

.butnbox .btn {

    margin-left: 0px;

    margin-right: 20px;

}

button.navbar-toggler {

    background: #fff;

	float: right;

}

.navbar-collapse {

        flex-basis: 100%;

        flex-grow: 1;

        align-items: center;

        position: absolute;

        right: 0;

        top: 40px;

        background: #fff;

        width: 100%;

        padding: 10px 20px;

        box-sizing: border-box;

    }

.menubox {

    padding: 0;

}

 }

 

 /* Mobile css */

 

 @media only screen and (max-width: 767px) {

    .serimghh img {
    max-width: 100%;
}

    nav.navbar.navbar-expand-lg {

        right: 0px;

        top: -60px;

    }

    button.navbar-toggler {

        background: #fff;

        float: right;

        border: none !important;

        box-shadow: none !important;

        outline: none !important;

    }

  }