@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Aclonica&display=swap);

a,
p {
    font-size: 14px;
    color: var(--dark-color);
    font-family: var(--poppins)
}

p{
    padding: 0;
}

#back2Top,
a,
a:hover {
    text-decoration: none
}



.book-technician::before,
.global-btn::before {
    transform: translateY(100%);
    z-index: -1;
    content: ""
}

@font-face {
    font-family: nexa;
    src: url("fonts/NexaSlabBlackItalic.otf") format("opentype")
}

:root {
    --primary-color: #1c8fef;
    --secondary-color: #808080;
    --dark-color: #5a5a5a;
    --roboto: 'roboto', sans-serif;
    --nexa: 'nexa';
    --poppins: 'Poppins', sans-serif
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}



li {
    list-style: none !important
}

#back2Top {
    width: 42px;
    height: 38px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999991;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 38px;
    right: 0;
    background: var(--secondary-color);
    color: #fff !important;
    text-align: center;
    font-size: 30px
}

#back2Top:hover {
    background: #ccc
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    background: #fff
}

.border-none {
    border: none !important
}

.mr-auto {
    margin: 0 auto
}

.error {
    color: red
}

.section-heading {
    text-align: center;
    margin-bottom: 40px
}

.section-heading h3 {
    font-size: 36px;
    font-weight: 100;
    color: #262626
}

.pricecat-item h4 span,
.section-heading h3 span {
    font-weight: 400
}

.section-heading-border {
    width: 180px;
    height: 2px;
    background: var(--primary-color);
    text-align: center;
    margin: 10px auto 0;
    position: relative
}

.section-heading-border span {
    background: #1c8fef;
    width: 10px;
    height: 10px;
    z-index: 9;
    position: absolute;
    top: -4px
}

.section-heading-border .border-point-01 {
    left: 0;
    right: 40px;
    margin: 0 auto
}

.section-heading-border .border-point-03 {
    right: 0;
    left: 40px;
    margin: 0 auto
}

.section-heading-border span.border-point-02 {
    width: 15px;
    height: 15px;
    top: -7px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.global-btn::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0072d2;
    opacity: 0;
    transition: .25s;
    top: 0;
    left: 0;
    border-radius: 20px
}

.global-btn:hover::before {
    transform: translateY(0);
    opacity: 1
}

.super-top-header-wrap {
    background: #1c8fef;
    padding: 7px 15px
}

.covid-updates {
    color: #fff;
    text-align: left
}

.covid-updates span {
    font-size: 14px !important;
    font-weight: 900
}

.covid-updates p,
.youtube-footer a {
    color: #fff !important;
    font-size: 12px !important
}

.header-social-menu {
    text-align: right;
    padding-right: 10px
}

.header-social-menu ul li {
    display: inline-block;
    margin: 0 5px
}

.header-social-menu ul li a {
    color: #fff;
    font-size: 14px !important;
    transition: .25s
}

.header-social-menu ul li i {
    transition: .35s
}

.header-social-menu ul li i:hover {
    transform: translateY(-3px);
    color: #fff !important
}

.header-social-menu .youtube {
    background: #fff;
    padding: 1px 3px;
    position: relative;
    top: 4px
}

.header-social-menu .youtube:hover {
    background: #f5f5f5
}

.header-social-menu .youtube a {
    display: flex;
    width: 80px;
    align-items: center
}

.header-social-menu .youtube i {
    color: red;
    font-size: 20px;
    transition: initial !important;
    margin: 1px 0 0
}

.header-social-menu .youtube i:hover {
    transform: none !important;
    color: red !important
}

.header-social-menu .youtube span {
    color: red;
    font-weight: 600;
    font-size: 12px;
    padding-left: 5px
}

.book-technician,
.book-technician::before,
.book-technician:hover,
.booking-technician-secton-content a:hover,
.customize-plan-section a:hover,
.home-about-btn a:hover,
.home-product-action-btn .home-buy-btn:hover,
.navigation-wrap .navigation-item .shop-menu:hover,
.our-servies-action-btn a:hover,
.our-shop-item-content .our-shop-item-shop-btn:hover,
.our-sub-item-action a:hover,
.ourpricing-tabwrap .nav-pills .nav-link.active:hover,
.package-action:hover,
.selectplan-btn:hover,
.service-inner-banner-btn:hover,
.shop-breadcrumb ul li,
.thankyou a:hover {
    color: #fff !important
}

.super-top-header {
    background: var(--primary-color);
    padding: 12px 15px;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.super-top-header-left {
    align-self: center
}

.super-top-header-left p {
    color: #fff;
    align-self: center
}

.top-partner-logo img {
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .4);
    margin: 0 7px;
    height: 40px
}

.top-header {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-bottom: 1px solid silver;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.top-header-left {
    padding: 7px 0 7px 15px
}

.top-contact-details ul li {
    display: inline-block;
    margin: 0 7px 0 0;
    position: relative;
    padding: 0 7px 0 0
}

.top-contact-details ul li::before {
    content: "|";
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: silver
}

.copy2::before,
.home-about-para-show,
.navigation-wrap .nav-dropdown-menu:hover .dropdown-wrap .dropdown-wrap-close-mobile,
.our-sub-service-item:hover .our-sub-item-img,
.our-sub-service-item:hover .our-sub-service-item-overlay::before,
.tech-form-tab-02,
.top-contact-details ul li:last-child::before {
    display: none
}

.top-contact-details ul li a {
    color: var(--dark-color);
    position: relative
}

.become-technician-form-modal .two-col-form-control,
.by-cheque,
.footer-tollfree-wrap,
.form-phone-group,
.header-digit-item-wrapper-desk-hide,
.tech-form-next-back-wrap,
.top-header-right {
    display: flex
}

.book-technician {
    background: var(--secondary-color);
    display: block;
    padding: 9px 15px;
    text-transform: uppercase;
    transition: .25s;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.book-technician::before {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s;
    background: var(--dark-color);
    display: block
}

.book-technician:hover::before {
    transform: translateY(0);
    color: #fff !important
}

.become-technician {
    background: #1c8fef00;
    color: #1c8fef !important;
    font-weight: 700
}

.main-navigation {
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.navigation-wrap .navigation-item {
    display: inline-block;
    padding: 0 1px
}

.navigation-wrap .navigation-item .navigation-link {
    font-size: 14px;
    font-family: var(--poppins);
    position: relative;
    color: var(--dark-color);
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 8px 10px;
    transition: .5s
}

.navigation-wrap .nav-dropdown-menu .navigation-link {
    padding: 8px 18px 8px 10px !important
}

.navigation-wrap .nav-dropdown-menu.active-dropdown .navigation-link,
.navigation-wrap .navigation-item .shop-menu {
    background: var(--primary-color) !important;
    color: #fff !important
}

.navigation-wrap .nav-dropdown-menu .dropdown-wrap .dropdown-item .dropdown-link:hover,
.navigation-wrap .navigation-item .navigation-link:hover {
    color: #fff !important;
    background: var(--primary-color)
}

.navigation-wrap .navigation-item .navigation-item-active {
    position: relative;
    color: #fff !important;
    background: var(--primary-color)
}

.navigation-wrap .navigation-item .navigation-item-active::before {
    content: "";
    width: 100% !important;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1 !important;
    transition: .5s;
    background: var(--primary-color)
}

.banner-wrapper-right-container,
.faq-help-btn,
.form-group-resume,
.header-trustpilot,
.navigation-wrap .nav-dropdown-menu,
.service-inner-banner-section,
.service-vector-wrap,
.testimonial-slider .item {
    position: relative
}

.navigation-wrap .nav-dropdown-menu::before {
    content: "\f0dd";
    position: absolute;
    right: 6px;
    top: -2px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--dark-color) !important;
    z-index: 10
}

.navigation-wrap .nav-dropdown-menu.active-dropdown::before {
    content: "\f0de";
    color: #fff !important;
    top: 5px
}

.navigation-wrap .nav-dropdown-menu .dropdown-wrap {
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    position: absolute;
    padding: 10px 0;
    display: none;
    top: 31px;
    z-index: 101
}

.navigation-wrap .nav-dropdown-menu.active-dropdown .dropdown-wrap {
    display: block
}

.book-technician-modal .modal-body,
.copyright-footer-links .p-0,
.navigation-wrap .nav-dropdown-menu .dropdown-wrap .dropdown-item {
    padding: 0 !important
}

.navigation-wrap .nav-dropdown-menu .dropdown-wrap .dropdown-item .dropdown-link {
    font-size: 14px;
    font-family: var(--poppins);
    color: var(--dark-color);
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding: 7px 15px
}

.dropdown-item:active,
.navigation-wrap .nav-dropdown-menu .dropdown-wrap .dropdown-item.active {
    background: #f5f5f5 !important;
    color: var(--dark-color) !important
}

.responsive-nav-toggle {
    cursor: pointer;
    position: relative;
    display: none
}

.toggle-bar-one,
.toggle-bar-three,
.toggle-bar-two {
    height: 2px;
    width: 22px;
    background: var(--dark-color);
    margin: 3px 0;
    transition: .5s
}

.responsive-close-toggle .toggle-bar-one {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(0, 6px)
}

.responsive-close-toggle .toggle-bar-two {
    opacity: 0
}

.responsive-close-toggle .toggle-bar-three {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-1px, -7px)
}

.banner-wrapper {
    background: url('../images/girl.jpg') center/cover no-repeat;
    width: 100%;
    min-height: 520px;
    position: relative
}

section.banner-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #1c8fef40;
    width: 100%;
    height: 100%
}

.big-radius-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 450px;
    height: 150px;
    background: rgba(28, 143, 239, .95);
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%)
}

.big-radius-content-wrap {
    position: absolute;
    bottom: 7px;
    left: 15px;
    width: 386px
}

.big-radius-content .big-radius-content-wrap-heading {
    font-family: var(--roboto);
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 29px;
    margin: 0 0 10px !important;
    letter-spacing: 1px
}

.big-radius-content-wrap p {
    color: #fff
}

.small-radius-content {
    position: absolute;
    width: 217px;
    height: 268px;
    top: 510px;
    left: 297px;
    background: url(../images/call-free-shape.png) 0 0/100% 100% no-repeat
}

.small-radius-content-wrap {
    text-align: center;
    padding-top: 48px !important
}

.small-radius-content-wrap h5 {
    font-weight: 200;
    font-family: var(--roboto);
    color: #fff;
    text-transform: uppercase;
    font-size: 14px
}

.small-radius-content .no-card {
    border-top: 1px solid #fff;
    margin: 0 15px !important;
    padding: 8px 0;
    font-size: 12px;
    text-transform: capitalize
}

.small-radius-content-wrap h4 {
    font-weight: 900;
    font-family: var(--roboto);
    color: #fff;
    text-transform: uppercase;
    font-size: 57px;
    line-height: 33px;
    letter-spacing: 3px
}

.small-radius-content-wrap .diagnosis {
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 0 7px
}

.banner-wrapper-right {
    background: #f5f5f5;
    width: 100%;
    min-height: 529px;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
    position: relative;
    top: -9px;
    padding: 30px 0;
    height: calc(100% + 10px)
}

.banner-wrapper-right-corner {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -10px;
    left: calc(25% - 10px);
    background: var(--dark-color);
    clip-path: polygon(100% 0, 0% 100%, 83% 100%)
}

.header-trustpilot p {
    position: absolute;
    bottom: 4px;
    left: 16px;
    font-size: 24px;
    color: #131313;
    font-weight: 600;
    font-family: var(--roboto);
    letter-spacing: 1px
}

.banner-wrapper-right-desc-heading,
.click-to-verify-heading,
.header-digit-item-inner h4 {
    color: var(--dark-color);
    font-family: var(--roboto)
}

.header-digit-item-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 0;
    padding-left: 80px
}

.header-digit-item {
    background: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width: 110px;
    height: 124px;
    text-align: center;
    margin: -10px 4px
}

.header-digit-item-inner {
    position: relative;
    top: calc(50% - 40px);
    padding: 0 7px
}

.header-digit-item-inner h4 {
    font-weight: 900;
    font-size: 36px
}

.header-digit-item-inner p {
    line-height: 12px;
    font-size: 13px !important
}

.click-to-verify-heading {
    font-size: 18px;
    text-align: center;
    margin-left: 120px !important;
    margin-bottom: 10px !important;
    font-weight: 900;
    text-transform: capitalize
}

.bcertified-partner-logo-item-top {
    margin: 0 auto;
    width: 27%;
    position: relative;
    top: 5px
}

.bcertified-partner-logo {
    width: 75%;
    margin: 0 auto;
    display: flex;
    position: relative;
    left: 60px;
    justify-content: center
}

.bcertified-partner-logo-item {
    margin: 10px 5px;
    background: #fff;
    padding: 7px;
    width: 250px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .5)
}

.bcertified-partner-logo-item img,
.price-iw-left {
    width: 100%
}

.banner-wrapper-right-desc {
    text-align: center;
    padding: 25px 0 0 65px;
    max-width: 500px;
    margin: 0 auto
}

.banner-wrapper-right-desc-heading {
    font-size: 26px;
    padding: 0 0 7px;
    font-weight: 900;
    text-transform: capitalize
}

.banner-wrapper-right-desc p {
    font-size: 16px !important
}

.banner-wrapper-right-reviews {
    text-align: center;
    padding-top: 25px;
    padding-left: 90px;
    display: flex;
    align-items: center
}

.banner-wrapper-right-reviews img {
    margin: 0 10px
}

.banner-wrapper-right-sild {
    text-align: center;
    padding-top: 25px;
    padding-left: 60px
}

.banner-wrapper-right-sild img {
    width: 120px
}

.banner-wrapper-right-tollfree {
    display: flex;
    justify-content: center;
    padding-top: 25px;
    padding-left: 40px
}

.banner-wrapper-right-tollfree-left {
    background: var(--primary-color);
    height: 50px;
    text-align: center;
    padding: 0 10px;
    border-radius: 30px 0 0 30px
}

.for-inner-toll,
.our-sub-item-action a::before,
.service-inner-banner-btn::before {
    background: #262626 !important
}

.banner-wrapper-right-tollfree-left h6 {
    line-height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff
}

.banner-wrapper-right-tollfree-right h6,
.featured-usp-item h4 {
    font-size: 20px;
    color: var(--dark-color);
    font-family: var(--roboto)
}

.banner-wrapper-right-tollfree-left h6 i {
    background: #fff;
    border-radius: 50%;
    color: var(--primary-color);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    margin: 0 7px 0 0
}

.for-inner-toll h6 i {
    color: #262626
}

.banner-wrapper-right-tollfree-right {
    background: #fff;
    border-radius: 0 30px 30px 0;
    padding: 0 20px;
    height: 50px;
    border: 1px solid var(--primary-color)
}

.featured-usp-item-wrap,
.home-about-top-wrap {
    border-right: 1px solid #c5c5c5
}

.banner-wrapper-right-tollfree-right h6 {
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 900
}

.featured-usp-section,
.footer-add,
.review-progress {
    padding: 15px 0
}

.featured-usp-item,
.franchise-content-footer {
    text-align: center;
    padding: 15px 0
}

.featured-usp-item img,
.reviews-title-cover img {
    width: 64px
}

.featured-usp-item h4 {
    padding: 7px 0 !important;
    font-weight: 400
}

.featured-usp-item h4 span {
    font-weight: 700;
    color: var(--primary-color)
}

.about-support-work,
.our-shop-section,
.our-sub-service-section-include {
    padding: 40px 0;
    background: #f5f5f5
}

.our-shop-item-wrap {
    margin-bottom: 30px !important
}

.our-shop-item {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0
}

.shop-printer {
    background: url('../images/shop-printer.webp') center/cover;
    height: 100%
}

.shop-laptop {
    background: url('../images/shop-laptop.webp') center/cover
}

.shop-antivirus {
    background: url('../images/shop-antivirus.webp') center/cover
}

.shop-desktop {
    background: url('../images/shop-desktop.webp') center/cover
}

.our-shop-item-content {
    text-align: left;
    float: right;
    padding: 20px 30px 21px 0
}

.franchises-section,
.our-certified-partner,
.our-sub-service-section,
.privacy-policy-body,
.service-inner-about,
footer {
    padding: 40px 0
}

.our-shop-item-content h3 {
    font-size: 24px;
    color: #fff;
    font-family: var(--roboto);
    font-weight: 100;
    text-transform: uppercase
}

.our-shop-item-content h4 {
    font-weight: 400;
    font-family: var(--roboto);
    color: #fff;
    font-size: 20px
}

.our-shop-item-content .our-shop-item-shop-btn {
    background: #fff;
    padding: 5px 15px;
    color: #262626;
    border-radius: 20px;
    text-transform: uppercase;
    top: 7px;
    transition: .25s;
    overflow: hidden;
    position: relative;
    z-index: 0;
    display: block;
    width: 70px;
    text-align: center
}

.about-support-work .serviceBox .description,
.booking-technician-secton-content,
.our-shop-item-desc,
.subcribe-news-latter-content,
.tech-we-used ul {
    text-align: center
}

.client-reviews-section,
.home-about-with-products {
    background: #f5f5f5;
    padding: 40px 0
}

.shop-product-section {
    background: #fff
}

.home-about-top-wrap {
    padding: 0 30px 0 15px
}

.home-about-wrap-heading {
    font-size: 30px;
    font-family: var(--roboto);
    color: #262626;
    font-weight: 300
}

.home-about-wrap-heading span {
    color: var(--primary-color);
    font-weight: 900
}

.home-about-wrap-heading-border {
    width: 150px;
    height: 2px;
    background: var(--primary-color);
    margin-top: 7px
}

.home-about-wrap-desc,
.payment-form-section {
    padding: 40px 0 0
}

.faq-section .card .card-body p,
.home-about-wrap-desc p {
    margin-bottom: 15px !important
}

.customer-name a,
.dsiclaimer-links,
.faq-section .card .card-header .btn-header-link:hover,
.first-para-franchise,
.home-about-wrap-desc a,
.home-product-item:hover h4,
.ourpricing-tabwrap .nav-link i,
.price-iw-right span {
    color: var(--primary-color)
}

.home-about-key-point-item {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .4);
    min-height: 200px;
    margin-bottom: 15px
}

.home-about-key-point-item-inner {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.home-about-key-point-item-inner img {
    width: 60px;
    height: 60px;
    border: 1px dashed var(--dark-color);
    padding: 4px
}

.home-about-btn a,
.home-product-action-btn a {
    position: relative;
    z-index: 0;
    border-radius: 20px;
    display: block;
    overflow: hidden
}

.home-about-key-point-item-inner h4 {
    margin-left: 7px !important;
    color: var(--dark-color);
    font-family: var(--roboto);
    font-weight: 400;
    font-size: 20px
}

.home-about-btn a {
    width: 100px;
    padding: 7px 12px;
    background: var(--primary-color);
    color: #fff;
    text-align: center
}

.home-product-wrap {
    padding: 0 15px
}

.home-product-wrap .owl-carousel .owl-stage-outer {
    padding-bottom: 0
}

.home-product-item {
    background: #fff;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .4);
    padding: 20px 15px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    transition: .5s
}

.shop-item {
    min-height: 390px;
    margin-bottom: 30px;
    background: #f5f5f5
}

.home-product-item:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

.home-product-featured-img {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.home-product-featured-img img {
    width: 200px !important;
    margin: 0 auto
}

.home-product-title h4 {
    font-size: 20px;
    font-family: var(--roboto);
    color: var(--dark-color);
    padding: 15px 0 0 !important;
    text-align: center
}

.home-product-desc p {
    text-align: center;
    font-size: 12px !important
}

.home-product-price {
    text-align: center;
    padding: 5px 0 !important
}

.home-product-price p {
    color: var(--primary-color) !important
}

.home-product-action-btn {
    text-align: center;
    display: flex;
    justify-content: center
}

.home-product-action-btn a {
    padding: 7px;
    transition: .25s;
    width: 90px;
    margin: 0 5px;
    font-size: 13px
}

.home-product-action-btn .home-cart-btn {
    border: 1px solid var(--dark-color);
    color: var(--dark-color)
}

.home-product-action-btn .home-cart-btn:hover {
    color: #fff !important;
    border: 1px solid var(--primary-color)
}

.home-product-action-btn .home-buy-btn {
    background: var(--primary-color);
    color: #fff
}

.home-product-instock {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--primary-color);
    width: 100px;
    height: 100px;
    clip-path: circle(64.1% at 100% -9%)
}

.home-product-instock span {
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    padding: 10px 5px
}

.home-product-wrap .owl-carousel.owl-drag .owl-item {
    padding: 7px 15px
}

.home-product-wrap .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: 35%;
    width: 100%;
    left: 0;
    right: 0
}

.home-product-wrap .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    margin: 0 !important
}

.home-product-wrap .owl-theme .owl-nav button {
    background: #797979;
    padding: 0 6px !important;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

.home-product-wrap .owl-theme .owl-nav button:hover,
.our-servies-action-btn a {
    background: var(--primary-color)
}

.home-product-wrap .owl-theme .owl-nav button:focus {
    outline: 0 !important
}

.home-product-wrap .owl-prev {
    left: 15px;
    border-radius: 0 2px 2px 0 !important
}

.home-product-wrap .owl-next {
    right: 15px;
    border-radius: 2px 0 0 2px !important
}

.repairman {
    position: absolute;
    right: 331px;
    bottom: -71px;
    z-index: 99
}

.women-calling {
    position: absolute;
    left: 0;
    bottom: -124px;
    width: 230px;
    height: 230px
}

.expert-section,
.home-services-section {
    padding: 30px 0
}

.our-services-item {
    background: #f5f5f5;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .4);
    overflow: hidden;
    margin-bottom: 30px
}

.our-services-featured-img {
    width: 100%;
    background: url('../images/shape.png') center/100% 100%;
    height: 115px;
    text-align: center;
    line-height: 115px;
    transition: .25s
}

.our-services-featured-img img {
    transition: .5s;
    border: none
}

.our-services-item:hover .our-services-featured-img img {
    border: 2px solid #fff;
    width: 64px;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--primary-color);
    padding: 2px;
    transform: translateY(-10px)
}

.booking-technician-secton-content a,
.our-servies-action-btn a {
    display: block;
    transition: .25s;
    z-index: 0;
    border-radius: 20px;
    margin: 0 auto;
    overflow: hidden
}

.our-services-item-body {
    padding: 0 15px 15px;
    text-align: center;
    min-height: 242px;
    position: relative
}

.our-services-title h4 {
    color: var(--primary-color);
    font-family: var(--roboto);
    font-weight: 600;
    font-size: 20px;
    padding: 7px !important
}

.our-servies-action-btn a {
    position: absolute;
    width: 110px;
    padding: 7px 10px;
    color: #fff;
    bottom: 15px;
    right: 0;
    left: 0
}

.our-services-desc {
    padding: 0 0 7px
}

.booking-technician-section {
    background: linear-gradient(90deg, #1c8fef, #0f71c1);
    padding: 100px 0;
    position: relative
}

.blue-section-big-circle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 400px;
    background: rgba(255, 255, 255, .12);
    clip-path: circle(50% at 50% 98%)
}

.blue-section-small-left-circle,
.blue-section-top-right-circle {
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, .12)
}

.blue-section-small-left-circle {
    bottom: 109px;
    left: 252px;
    border-radius: 50%
}

.blue-section-top-right-circle {
    top: 0;
    right: 0;
    clip-path: circle(50% at 49% 0)
}

.booking-technician-secton-content h3 {
    color: #fff;
    font-family: var(--roboto);
    font-size: 30px;
    font-weight: 400
}

.booking-technician-secton-content p {
    color: #fff;
    padding: 7px 0 15px !important
}

.booking-technician-secton-content a {
    width: 200px;
    position: relative;
    background: #fff;
    color: var(--dark-color);
    padding: 10px;
    font-size: 16px !important
}

.booking-technician-secton-content a::before {
    content: "";
    background: #262626 !important
}

.youtube-main-wrap {
    background: linear-gradient(90deg, #1c8fef, #0f71c1);
    padding: 25px 0;
    position: relative
}

.subcribe-news-latter-content h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    font-family: var(--roboto)
}

.get-a-quote h4,
.home-youtube-wrap h4 {
    font-size: 20px;
    margin-bottom: 15px !important;
    font-family: var(--roboto);
    text-transform: capitalize
}

.subcribe-news-latter-content p {
    padding: 10px 0 !important;
    color: #fff !important
}

.subcribe-news-latter-content .form-group {
    width: 60%;
    margin: 0 auto;
    display: flex
}

.subcribe-news-latter-content .form-group .form-control {
    border-radius: 20px 0 0 20px !important
}

.subcribe-news-latter-content .form-group button {
    background: #262626;
    outline: 0;
    border: none;
    color: #fff;
    border-radius: 0 20px 20px 0;
    padding-left: 18px;
    padding-right: 18px
}

.home-youtube-wrap h4 {
    color: #fff;
    font-weight: 400
}

.home-youtube-wrap .iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0
}

.home-youtube-wrap .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contact-page-form .form-group-field i,
.get-quote-form .form-control,
.tech-form-personal-details .form-group-field i {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.get-a-quote h4 {
    color: #fff;
    font-weight: 400;
    text-align: center
}

.get-quote-form .form-control {
    display: block;
    width: 75% !important;
    line-height: 1.5;
    color: #fff;
    background-color: #fff0 !important;
    border-radius: .25rem;
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
    margin: 0 auto
}

.get-quote-form input::placeholder {
    color: #fff
}

.get-quote-form textarea::placeholder {
    color: #fff
}

.get-quote-form textarea {
    resize: none;
    height: 100px !important
}

.get-quote-form .get-quote-btn {
    margin: 0 auto;
    border: none;
    background: #fff;
    padding: 5px 20px;
    color: var(--dark-color);
    font-family: var(--poppins);
    font-size: 14px;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 20px
}

.tformlogo {
    position: absolute;
    width: 80px;
    top: 10px;
    left: 10px
}

.book-technician-modal .modal-header,
.testimonial-slider:last-child {
    border: none
}

.book-technician-modal .modal-content {
    width: 100%;
    min-height: 450px
}

.book-technician-modal button.close {
    position: absolute;
    right: 7px;
    top: 3px;
    z-index: 10
}

.tech-book-form-right {
    padding: 0 !important;
    position: initial !important
}

.tech-book-form-right-inner {
    height: 100%;
    padding: 30px
}

.tech-book-form-left {
    width: 100%;
    overflow: hidden
}

.tech-book-form-left .tech-form-picture {
    position: absolute;
    right: 0;
    bottom: -5px;
    height: auto
}

.tech-form-tab-01 {
    padding-top: 110px
}

.tech-form-heading-wrap {
    margin-bottom: 30px;
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0
}

.tech-form-heading-wrap-usp-icon {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    flex-wrap: wrap
}

.how-it-works-item {
    display: flex;
    align-items: center;
    margin: 0 0 0 20px
}

.how-it-works-item img,
.our-sub-service-item-overlay .our-sub-item-img {
    width: 40px;
    height: 40px
}

.how-it-works-item h5 {
    padding-left: 10px !important;
    font-size: 16px;
    font-family: var(--roboto);
    color: var(--dark-color)
}

.schedule-time h4,
.tech-form-heading {
    font-size: 16px;
    font-family: var(--poppins)
}

.tech-form-heading {
    padding: 0 !important;
    color: #464646;
    text-align: center
}

.we-hear {
    font-size: 30px;
    color: #1b73ba;
    font-weight: 900
}

.select2-container {
    width: 100% !important
}

.select2-search__field {
    width: 100% !important;
    cursor: pointer;
    font-size: 15px !important
}

.select2-search__field::placeholder {
    font-family: var(--poppins);
    color: var(--secondary-color)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    color: #fff !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple {
    cursor: pointer !important;
    padding: 7px 0 !important;
    background: #f0f8ff !important;
    border: none !important;
    border-bottom: 1px solid #1c75bc !important
}

.select2-container--default .select2-selection--multiple::before {
    content: "\f03a";
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 11;
    color: var(--primary-color);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 5px !important;
    width: calc(100% - 15px) !important
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 3px
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: var(--primary-color)
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background: silver
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #bce1ff !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
    color: #fff
}

.select2-results__option {
    border-bottom: 1px solid #f0f0f0;
    font-family: var(--poppins) !important;
    font-size: 14px !important
}

.schedule-time {
    padding-top: 25px
}

.schedule-time h4 {
    font-weight: 900;
    padding-bottom: 10px !important
}

.custom-pricing-field,
.timing-element {
    display: flex;
    justify-content: space-between
}

.pricing-option label {
    font-size: 14px !important;
    font-family: var(--poppins) !important;
    color: var(--dark-color) !important;
    margin: 0 !important;
    cursor: pointer
}

.price-timing {
    padding-left: 150px;
    align-self: center;
    position: relative;
    margin: 4px 10px 0
}

.price-timing::before {
    content: "";
    position: absolute;
    right: 0;
    border-bottom: 1px dashed silver;
    top: 9px;
    width: 75%;
    align-self: center;
    margin-right: 47px;
    left: 0
}

.custom-pricing-field .form-group {
    width: 48%;
    position: relative
}

.custom-pricing-field .form-group .form-control:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.custom-pricing-field label {
    font-size: 13px;
    font-family: var(--poppins);
    position: absolute;
    top: 8px;
    padding: 0 7px;
    left: 10px;
    transition: .5s;
    color: var(--dark-color);
    cursor: text
}

.tech-form-description-note p {
    font-size: 11px;
    padding-top: 10px !important
}

.tech-form-next {
    background: var(--primary-color);
    border: none !important;
    color: #fff !important;
    font-size: 14px;
    min-width: 50px;
    text-align: center
}

.tech-form-back,
.tform-booking-summary-problem ul li {
    margin-right: 5px;
    background: var(--secondary-color);
    font-size: 14px
}

.tech-form-back:focus,
.tech-form-next:focus {
    outline: 0 !important;
    border: none !important
}

.tech-form-back {
    border: none !important;
    color: #fff !important;
    width: 50px;
    text-align: center
}

.tech-form-personal-details-heading h4,
.tech-form-summary-note-heading h4 {
    font-size: 16px;
    font-family: var(--poppins);
    font-weight: 900
}

.form-group-wrap {
    display: flex;
    margin: 10px 0 !important;
    justify-content: space-between
}

.form-group-wrap .custom-form-group {
    margin: 0 !important;
    width: 49% !important
}

.contact-page-form .form-group,
.tech-form-personal-details .form-group {
    display: block;
    margin: 10px 1px;
    position: relative;
    outline: 0;
    width: 100%
}

.contact-page-form .form-group-field i,
.tech-form-personal-details .form-group-field i {
    width: 40px;
    color: var(--secondary-color);
    border-radius: .25rem 0 0 .25rem;
    line-height: calc(1.5em + .12rem);
    position: absolute;
    top: 0;
    left: 0
}

.tech-form-personal-details .form-control {
    border-radius: .25rem !important;
    padding: .375rem .75rem .375rem 35px !important
}

.contact-page-form input:focus,
.contact-page-form textarea:focus,
.tech-form-personal-details input:focus,
.tech-form-personal-details textarea:focus {
    box-shadow: none !important;
    background: #fff !important
}

.contact-page-form textarea,
.tech-form-personal-details textarea {
    height: 75px;
    resize: none
}

.contact-page-form .textarea-icon,
.tech-form-personal-details .textarea-icon {
    height: 75px !important
}

.contact-page-form label,
.tech-form-personal-details label {
    font-size: 13px;
    font-family: var(--poppins);
    position: absolute;
    top: 8px;
    padding: 0 7px;
    left: 40px;
    transition: .5s;
    color: var(--dark-color);
    cursor: text
}

.footer-connect-with-us span,
footer {
    background: #f5f5f5;
    position: relative
}

.tech-form-tab-03 {
    padding: 31px 0;
    display: none
}

.testimonial-slider-body,
.tform-booking-summary-contact,
.tform-booking-summary-problem,
.tform-booking-summary-time {
    padding: 15px 0 0
}

.booking-summary-heading {
    font-size: 14px;
    font-family: var(--poppins);
    font-weight: 900;
    color: var(--dark-color);
    margin-bottom: 5px !important
}

.tform-booking-summary-problem ul {
    margin-top: 10px !important
}

.tform-booking-summary-problem ul li {
    display: inline-block;
    padding: 3px 7px !important;
    color: #fff;
    margin-bottom: 8px
}

.tform-booking-summary-price {
    padding: 15px 0 0;
    display: flex
}

.tform-booking-summary-price p {
    padding-left: 10px !important
}

footer a,
footer p {
    font-size: 13px !important;
    color: var(--secondary-color) !important
}

.footer-sealed-section {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
    padding: 0 0 40px
}

.footer-sealed-section ul li {
    display: inline-block;
    margin-left: 15px !important
}

.footer-sealed-section ul li img {
    height: 50px
}

.footer-sealed-section .authorize-img {
    height: 70px
}

.footer-about {
    padding: 10px 0 15px
}

.footer-connect-with-us {
    width: 100%;
    height: 1px;
    background: #c5c5c5;
    text-align: center
}

.footer-connect-with-us span {
    padding: 5px 10px;
    font-size: 11px;
    font-family: var(--poppins);
    font-weight: 100;
    bottom: 15px;
    color: var(--secondary-color)
}

.footer-add h6,
.footer-email h6 {
    color: var(--secondary-color);
    font-size: 15px
}

.footer-email {
    padding: 0x 0 15px
}

.footer-email ul li {
    display: inline-block;
    color: var(--secondary-color)
}

.footer-social-media {
    padding: 15px 0 20px
}

.footer-social-media ul li {
    display: inline-block;
    margin-left: 7px
}

.youtube-footer {
    background: red;
    padding: 0 4px
}

.youtube-footer a i {
    margin-right: 3px
}

.footer-partners-logo {
    display: flex;
    align-items: center;
    padding: 10px 0
}

.footer-partners-logo img {
    width: 60px;
    margin-right: 10px
}

.footer-tollfree-left {
    background: var(--primary-color);
    border-radius: 20px 0 0 20px;
    padding: 10px
}

.footer-tollfree-left h6 {
    color: #fff;
    font-size: 14px
}

.footer-tollfree-left h6 i {
    background: #fff;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: var(--primary-color);
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    margin-right: 5px
}

.footer-tollfree-right {
    border: 1px solid var(--primary-color);
    border-radius: 0 20px 20px 0;
    align-self: center;
    padding: 11px
}

.footer-tollfree-right h6 {
    font-size: 14px;
    font-family: var(--roboto);
    font-weight: 600
}

.footer-col-title,
.privacy-policy-body p {
    padding-bottom: 15px !important
}

.footer-col-title h4 {
    font-size: 18px;
    color: var(--dark-color);
    font-weight: 400;
    font-family: var(--roboto)
}

.customize-plan-section h4,
.service-inner-about h4,
.service-inner-banner-heading {
    font-size: 30px;
    font-family: var(--roboto)
}

.copyright-footer-links {
    padding: 20px 0 0
}

.copyright-footer-links ul {
    padding: 15px 0 !important
}

.copyright-footer-links ul li {
    display: inline-block;
    margin-right: 15px
}

.copyright-footer-links ul li a {
    font-weight: 600
}

.copyright-footer-links p {
    padding: 0 0 15px !important
}

.disclaimer-footer a,
.faq-section .card .card-body a {
    text-decoration: underline !important
}

.footer-sticky-img {
    position: fixed;
    left: 0;
    width: 200px;
    height: 212px;
    background: #d5ecff6e;
    clip-path: circle(50% at 28% 74%);
    bottom: 0;
    z-index: 999
}

.customize-plan-section a,
.service-inner-banner-btn {
    overflow: hidden;
    transition: .25s;
    border-radius: 20px;
    z-index: 0
}

.footer-sticky-img img {
    width: 90px;
    position: relative;
    left: 25px;
    top: 93px
}

.close-sticky-img {
    position: relative;
    left: 131px;
    bottom: 3px
}

.service-inner-banner-wrap {
    width: 66%;
    height: 400px
}

.printer-solution-banner {
    background: url('../images/printer-solution.jpg') center/cover
}

.software-solution-banner {
    background: url('../images/software-solution.jpg') center/cover
}

.pc-solution-banner {
    background: url('../images/pc-solution.jpg') center/cover
}

.browser-solution-banner {
    background: url('../images/browser-solution.jpg') center/cover
}

.email-solution-banner {
    background: url('../images/email-solution.jpg') center/cover
}

.new-system-solution-banner {
    background: url('../images/new-system-solution.jpg') center/cover
}

.digital-solution-banner {
    background: url('../images/digital-marketing-solution.jpg') center/cover
}

.adward-solution-banner {
    background: url('../images/adword-solution.jpg') center/cover
}

.about-us-banner {
    background: url('../images/about-us-banner.jpg') center/cover
}

.contact-us-banner {
    background: url('../images/contact-us-banner.jpg') center/cover
}

.reviews-banner {
    background: url('../images/geekstudio-reviews.jpg') center/cover
}

.experts-banner {
    background: url('../images/geekstudio-experts.jpg') center/cover
}

.testimonial-banner {
    background: url('../images/testimonial-bg.jpg') center/cover
}

.website-development-banner {
    background: url('../images/website-development.jpg') center/cover
}

.seo-banner {
    background: url('../images/seo-banner.jpg') center/cover
}

.email-marketing-banner {
    background: url('../images/email-marketing-banner.jpg') center/cover
}

.smm-banner {
    background: url('../images/smm-banner.jpg') center/cover
}

.content-banner {
    background: url('../images/content-writing-banner.jpg') center/cover
}

.smo-banner {
    background: url('../images/smo-banner.jpg') center/cover
}

.orm-banner {
    background: url('../images/orm-banner.jpg') center/cover
}

.service-inner-banner-content-wrap {
    background: var(--primary-color);
    height: 400px;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.customize-plan-section,
.customize-plan-section a,
.our-sub-service-item,
.service-inner-banner-btn {
    text-align: center;
    position: relative
}

.service-inner-banner-content-inner-wrap {
    max-width: 450px;
    margin-left: 70px;
    text-align: center
}

.service-inner-banner-heading {
    color: #fff;
    font-weight: 900
}

.customize-plan-section p,
.service-inner-banner-content-inner-wrap p {
    color: #fff;
    padding: 10px 0 !important
}

.service-inner-banner-btn {
    background: #fff;
    color: var(--dark-color);
    padding: 10px 0;
    display: block;
    width: 200px;
    margin: 10px auto
}

.all-breadcrumb {
    background: #f5f5f5;
    padding: 10px 15px
}

.breadcrumb-active span,
.shop-breadcrumb {
    background: var(--primary-color)
}

.shop-breadcrumb img {
    filter: brightness(.5)
}

.breadcrumb-active span {
    color: #fff;
    padding: 2px 15px
}

.all-breadcrumb ul li {
    display: inline-block;
    color: var(--dark-color);
    font-size: 14px;
    font-family: var(--poppins)
}

.service-vector-img img {
    max-width: 100%
}

.service-inner-about h4 {
    color: #262626;
    font-weight: 300;
    text-transform: capitalize
}

.service-inner-about span {
    color: var(--primary-color);
    font-weight: 600
}

.service-inner-about .tagline {
    font-size: 18px;
    font-family: var(--roboto);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    color: var(--dark-color)
}

.service-inner-about p {
    margin-top: 15px !important
}

.customize-plan-section {
    background: linear-gradient(90deg, #1c8fef, #0f71c1);
    padding: 100px 0
}

.customize-plan-section h4 {
    color: #fff;
    font-weight: 600
}

.customize-plan-section a {
    display: block;
    max-width: 220px;
    margin: 0 auto;
    color: var(--dark-color);
    background: #fff;
    padding: 10px 0
}

.customize-plan-section a::before,
.include-services-item {
    background: #262626
}

.our-sub-service-item {
    background: #cae7ff;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    padding: 15px 25px;
    flex-direction: column
}

.our-sub-service-item h4 {
    font-size: 16px;
    font-family: var(--roboto);
    font-weight: 600;
    color: #262626;
    margin-top: 36px !important
}

.our-sub-service-item h4 span {
    font-size: 12px;
    font-weight: 400
}

.our-sub-service-item-overlay {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #87c4f7;
    top: 5px;
    left: 0;
    clip-path: circle(100% at 0 0);
    transition: .8s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    text-align: left;
    padding: 7px;
    z-index: 1
}

.our-sub-item-action a,
.sub-item-action-book-mobile {
    width: 130px;
    margin: 5px auto;
    border-radius: 20px;
    z-index: 0;
    text-align: center;
    padding: 7px 0;
    overflow: hidden
}

.our-sub-service-item-overlay::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1c8fef;
    clip-path: circle(100% at 0 0);
    top: -5px;
    left: 0;
    z-index: -1
}

.our-sub-item-action {
    opacity: 0;
    transition: .25s cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-delay: .25s;
    visibility: hidden;
    top: 50%;
    position: relative;
    transform: translateY(-50%)
}

.our-sub-item-action a {
    display: block;
    position: relative;
    color: var(--dark-color);
    background: #fff
}

.sub-item-action-book-mobile {
    position: relative;
    color: #fff;
    background: var(--primary-color);
    display: none
}

.sub-item-action-call {
    background: #fff;
    color: var(--dark-color) !important;
    border: 1px solid #fff
}

.our-sub-service-item:hover .our-sub-service-item-overlay {
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 0 0);
    text-align: center;
    left: 0;
    top: 0;
    background: var(--primary-color)
}

.our-sub-service-item:hover .our-sub-item-action {
    opacity: 1;
    visibility: visible
}

.include-services-item h4,
.ourpricing-tabwrap .nav-pills .nav-link.active i,
.ourpricing-tabwrap .nav-pills .show > .nav-link i {
    color: #fff
}

.service-bottom-banner {
    background: url(../images/service-bottom-banner.jpg) center/100% no-repeat;
    width: 100%;
    height: 330px
}

.about-support-work .serviceBox {
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    padding: 30px 9px 0;
    position: relative
}

.about-support-work .serviceBox:after,
.about-support-work .serviceBox:before {
    content: "";
    background: var(--primary-color);
    width: 25px;
    height: 15px;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    transition: .3s
}

.about-support-work .serviceBox:hover:before {
    opacity: 1;
    top: 151px
}

.about-support-work .serviceBox:hover:after {
    opacity: 1;
    top: 160px
}

.about-support-work .serviceBox .service-icon {
    color: #fff;
    background: var(--primary-color);
    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto 50px;
    border-radius: 50%;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, .2);
    position: relative;
    transition: .3s
}

.about-support-work .serviceBox .service-icon:after,
.about-support-work .serviceBox .service-icon:before {
    content: "";
    border: 2px solid var(--primary-color);
    border-left: 2px dashed var(--primary-color);
    border-right: 2px dashed var(--primary-color);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    transition: .3s
}

.about-support-work .serviceBox .service-icon:after {
    transform: rotate(-45deg);
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px
}

.about-support-work .serviceBox:hover .service-icon:before {
    transform: rotate(-40deg)
}

.about-support-work .serviceBox:hover .service-icon:after {
    transform: rotate(40deg)
}

.about-support-work .serviceBox .service-icon i.fa {
    transition: .3s
}

.about-support-work .serviceBox:hover .service-icon i.fa {
    transform: rotateX(360deg)
}

.about-support-work .serviceBox .title {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 5px !important;
    font-family: var(--roboto)
}

.contact-reach-us-section {
    padding: 40px 0 20px
}

.contact-reach-us-item-wrap {
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.contact-reach-us-item {
    padding: 25px 0 15px;
    border-bottom: 1px solid #ececec;
    max-width: 33.33%;
    width: 100%
}

.contact-reach-us-item h4 {
    color: var(--dark-color);
    font-family: var(--roboto);
    font-size: 12px;
    font-weight: 600;
    position: relative;
    bottom: 31px;
    background: #fff
}

.contact-reach-us-inner h6,
.contact-reach-us-inner-heading-small a {
    bottom: 13px;
    position: relative
}

.contact-reach-us-inner {
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
    padding: 15px;
    height: 230px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px
}

.contact-reach-us-inner h6 {
    font-size: 14px;
    font-family: var(--roboto);
    color: var(--dark-color);
    background: #fff;
    width: 80px;
    margin: 0 auto !important;
    z-index: 1;
    font-weight: 900
}

.contact-reach-us-inner .for-customer-support {
    width: 145px !important
}

.contact-reach-us-inner-heading {
    width: 100%;
    height: 75px;
    border: 1px dashed #c5c5c5;
    margin: 15px auto !important;
    z-index: 0;
    padding: 5px 15px
}

.contact-reachus-icon,
.contact-reachus-icon i {
    margin: 0 auto;
    background: #fff;
    text-align: center
}

.contact-reach-us-inner-heading-small {
    height: 40px !important
}

.contact-reachus-icon {
    border: 2px solid var(--primary-color);
    width: 80px;
    height: 60px;
    line-height: 60px
}

.contact-reachus-icon i {
    font-size: 20px;
    color: var(--primary-color);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    bottom: 27px;
    line-height: 31px;
    border: 2px solid var(--primary-color)
}

.onsite-reach .contact-reach-us-inner {
    height: 160px
}

.onsite-reach .contact-reach-us-inner-heading {
    height: 90px;
    border: 0
}

.contact-page-form-wrap h4 {
    text-align: center;
    font-family: var(--poppins);
    font-size: 16px;
    font-weight: 400;
    color: var(--dark-color);
    margin-bottom: 15px !important
}

.contact-page-form {
    padding: 15px;
    margin-bottom: 20px
}

.contact-page-form .form-control:focus {
    background: 0 0 !important
}

.icon-weight {
    font-weight: 900 !important
}

.focused-input {
    box-shadow: none !important;
    background: #fff !important;
    display: block;
    width: 100%;
    padding: .375rem .75rem .375rem 35px !important
}

.contact-page-form .form-control {
    border-radius: .25rem !important;
    padding: .375rem .75rem .375rem 35px !important;
    border: none !important;
    border-bottom: 1px solid #c5c5c5 !important;
    background: 0 0 !important
}

.contact-page-form .form-group.focused label {
    transition: .2s linear;
    top: -8px;
    background: 0 0;
    font-size: 11px
}

.form-group.focused label {
    transition: .2s linear;
    top: -8px;
    background: #fff;
    font-size: 11px
}

.form-group.focused .form-control {
    border-color: #80bdff !important
}

.contact-page-form button {
    border: none;
    background: var(--primary-color);
    color: #fff;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 0;
    transition: .25s;
    padding: 7px 0;
    text-align: center;
    font-size: 14px;
    font-family: var(--poppins)
}

.by-cheque-dec h6,
.faq-col-title,
.payment-form-section h4,
.privacy-policy h1,
.privacy-policy-body h4,
.thankyou h1 {
    font-family: var(--roboto)
}

.contact-page-form button::before {
    border-radius: 0
}

.thankyou {
    background: #f5f5f5;
    padding: 150px 0;
    text-align: center;
    border-bottom: 1px solid #c5c5c5
}

.thankyou h1 {
    font-size: 60px;
    font-weight: 400;
    color: var(--primary-color);
    text-transform: capitalize;
    letter-spacing: 2px
}

.thankyou p {
    font-size: 18px !important
}

.thankyou a {
    background: var(--primary-color);
    color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
    margin-top: 15px !important;
    display: block;
    width: 150px;
    overflow: hidden;
    position: relative;
    transition: .25s;
    z-index: 0;
    text-align: center;
    margin: 0 auto
}

.privacy-policy {
    background: var(--primary-color);
    padding: 60px 0
}

.privacy-policy h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600
}

.privacy-policy-body h4,
.privacy-policy-body ul li {
    color: var(--dark-color);
    margin-bottom: 10px !important
}

.privacy-policy-body h4 {
    font-size: 18px;
    font-weight: 600
}

.leader-content p,
.privacy-policy-body p b {
    font-size: 20px
}

.privacy-policy-body ul {
    margin-left: 30px !important
}

.privacy-policy-body ul li {
    list-style: initial !important;
    font-size: 14px;
    font-family: var(--poppins)
}

.payment-form-section h4 {
    font-size: 20px;
    color: grey;
    margin-bottom: 10px !important
}

.payment-form-element {
    background: #d1eaff;
    padding: 15px
}

.payment-authorize-partner {
    height: 80px;
    display: flex;
    align-items: center
}

.by-cheque-dec {
    margin-left: 7px
}

.by-cheque-dec h6 {
    font-size: 12px;
    color: var(--dark-color);
    font-weight: 600
}

.by-cheque-dec p {
    font-size: 12px
}

.payment-form-element form .form-control {
    margin-bottom: 10px !important;
    resize: none !important
}

.payment-form-element form .form-control::placeholder {
    font-size: 14px !important;
    font-family: var(--poppins) !important;
    color: var(--secondary-color) !important
}

.payment-partners-logo {
    width: 200px;
    margin-top: 15px
}

.payment-partner-logo-paypal {
    display: flex;
    justify-content: center;
    align-items: center
}

.payment-partners-logo-child-wrap {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    height: 80px;
    width: 160px;
    margin: 15px 10px
}

.payment-partners-logo-child {
    width: 150px;
    margin: 5px 7px !important
}

.payment-form-element form button {
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
    background: var(--primary-color);
    padding: 7px 10px;
    width: 100%;
    border-radius: 3px;
    z-index: 0;
    color: #fff;
    font-size: 14px;
    font-family: var(--poppins);
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 7px
}

.payment-form-element form .global-btn::before {
    border-radius: 3px !important
}

.become-technician-form-modal form {
    position: relative;
    z-index: 1
}

.become-technician-form-modal {
    padding: 15px
}

.become-technician-form-modal h4 {
    text-align: center;
    font-size: 36px;
    font-weight: 100;
    color: #262626
}

.become-technician-form-modal p {
    text-align: center;
    width: 50%;
    margin: 5px auto 10px !important
}

.become-technician-form-modal .form-group {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 10px
}

.become-technician-form-modal .form-group i {
    color: #fff;
    background: var(--primary-color);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 13px
}

.become-technician-form-modal .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.become-technician-form-modal .form-group .form-control {
    border: none;
    border-bottom: 1px solid #c5c5cc;
    padding-left: 38px;
    border-radius: 0;
    margin: 0 0 20px
}

.become-technician-form-modal .work-col-input .experience-input {
    width: 50%
}

.become-technician-form-modal .resume-input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 1
}

.become-technician-form-modal .resume-label {
    background: #d3ebff;
    text-align: center;
    width: 100%;
    padding: 7px;
    border: 1px dashed var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.become-technician-form-modal .resume-label a {
    padding: 8px 15px;
    background: 0 0;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.become-technician-form-modal button {
    background: var(--primary-color);
    padding: 8px 34px;
    color: #fff;
    border: none;
    margin: 17px auto 0;
    display: block;
    border-radius: 38px;
    z-index: 1;
    position: relative
}

.become-top-border {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.become-bottom-border {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0
}

.franchise-leftsidebar-item {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    padding: 15px;
    margin: 0 0 20px
}

.franchise-leftsidebar-item h4 {
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 15px !important
}

.franchise-leftsidebar-item ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
    padding: 7px 0
}

.franchise-content-area {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    padding: 15px
}

.franchise-content-area h4 {
    color: var(--primary-color);
    border-top: 1px solid silver;
    margin: 20px 0 10px !important;
    padding-top: 15px
}

.franchise-content-area ul {
    margin-left: 20px !important
}

.franchise-content-area ul li {
    list-style: disc !important;
    padding: 5px 0 !important
}

.faq-section .card .card-body ul li,
.reviews-item ol li {
    list-style: decimal !important;
    font-size: 14px;
    font-family: var(--poppins)
}

.franchise-content-footer h6,
.franchise-content-footer p {
    padding: 0 0 10px !important
}

.faq-section,
.testimonial-sec {
    padding: 60px 0
}

.faq-section .card {
    margin-bottom: 10px;
    border: 0
}

.faq-section .card .card-header {
    border-bottom: 2px solid #e8e8e8;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5);
    border-radius: 2px;
    padding: 0
}

.faq-section .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #fff;
    color: var(--primary-color);
    font-family: var(--poppins);
    padding: 7px;
    font-size: 16px;
    font-weight: 600
}

.faq-section .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right
}

.faq-section .card .card-header .btn-header-link.collapsed {
    background: #fff;
    color: var(--dark-color)
}

.faq-section .card .card-header .btn-header-link.collapsed:after {
    content: "\f106"
}

.faq-section .card .collapsing {
    background: #fff;
    line-height: 30px
}

.faq-section .card .collapse {
    border: 0
}

.faq-section .card .collapse.show {
    background: #fff;
    color: #222
}

.faq-section .card .card-body .global-btn {
    text-decoration: none !important
}

.faq-section .card .card-body ul li {
    color: var(--dark-color);
    line-height: 20px;
    margin-bottom: 10px
}

.faq-col-title {
    font-size: 22px;
    color: #464646;
    font-weight: 600;
    border-bottom: 1px solid #666;
    padding-bottom: 7px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important
}

.openform-title,
.reviews-item ol li {
    color: var(--dark-color)
}

.faq-help-btn a,
.openform button {
    display: block;
    overflow: hidden;
    width: 100px;
    padding: 7px 12px;
    background: var(--primary-color);
    color: #fff;
    z-index: 0;
    border-radius: 5px;
    text-align: center;
    position: relative
}

.faq-help-btn input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 100px;
    height: 100%;
    left: 0;
    top: 0
}

.chooseValue:read-only {
    background: #f4fbff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color) !important
}

.chooseValue:focus {
    border-color: #ced4da
}

.openform .form-control {
    margin: 0 0 15px;
    font-size: 14px;
    height: calc(2.5em + .75rem + 2px) !important
}

.openform .form-control::placeholder {
    font-size: 14px
}

.openform .form-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.openform .form-group .form-control {
    width: 49%
}

.form-phone-group label {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    height: calc(2.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border-radius: .25rem 0 0 .25rem;
    background: #f7f7f7;
    color: #495057;
    font-size: 14px
}

.certified-check,
.customer-name,
.expert-profile,
.reviews-title-cover {
    align-items: center;
    display: flex
}

.form-phone-group .form-control {
    border-radius: 0 .25rem .25rem 0
}

.of-form-icon {
    width: 20px;
    margin-right: 5px
}

.openform textarea.form-control {
    height: 80px !important
}

.openform button::before {
    border-radius: 5px !important
}

.reviews-section {
    margin: 60px 0
}

.reviews-item {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 30%);
    margin: 0 0 60px
}

.reviews-title-cover {
    margin: 0 0 15px
}

.reviews-item h3 {
    margin: 0 !important;
    font-size: 50px;
    color: #333
}

.review-progress .progress,
.reviews-item p {
    margin: 0 0 15px !important
}

.reviews-item ol li {
    margin: 0 0 7px !important
}

.inner-testimonial-item {
    background: #fff;
    padding: 24px 24px 15px;
    position: relative;
    z-index: 1;
    margin: 0;
    transition: .25s
}

.customer-name img {
    width: 40px !important
}

.customer-name h5 {
    margin-left: 7px !important;
    color: var(--primary-color);
    font-size: 18px
}

.testimonial-tagline h6 {
    color: var(--strong-dark);
    padding: 7px 0 0 !important
}

.testimonial-feed p {
    color: var(--dark-color);
    font-size: 13px;
    padding: 7px 0 !important;
    margin: 0 !important
}

.testimonial-source-img img {
    width: 160px !important
}

.reviews-right-sec {
    border-left: 1px solid #ccc;
    height: 100% !important;
    padding: 0 0 15px 15px
}

.reviews-company-info {
    margin-top: -40px !important;
    border-bottom: 1px solid #ccc;
    padding: 0 0 7px;
    display: flex;
    align-items: center
}

.reviews-geek-title {
    font-size: 26px;
    color: #262626;
    text-transform: uppercase;
    font-weight: 200
}

.reviews-company-info img {
    width: 40px;
    background: #f5f5f5;
    border-radius: 50%;
    padding: 7px;
    border: 1px solid #ccc;
    margin-left: 10px
}

.reviews-right-sec .reviews-trustpiot {
    max-width: 240px !important
}

.review-progress .progress .rating-5 {
    background-color: #00b67a !important
}

.review-progress .progress .rating-4 {
    background-color: #73cf11 !important
}

.review-progress .progress .rating-3 {
    background-color: #ffce00 !important
}

.review-progress h6 {
    margin: 0 0 4px !important
}

.expert-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.exper-item {
    margin: 0 10px 10px 0
}

.expert-item-copy {
    margin: 0 40px 30px
}

.expert-card {
    background: #f5f5f5;
    padding: 10px;
    max-width: 350px;
    border-radius: 5px
}

.expert-figure img,
.profiency-item ul li {
    border: 1px solid #ccc
}

.expert-second-card img {
    width: 100%;
    position: relative;
    transition: .5s
}

.expert-second-card img:hover {
    transform: translateY(-20px)
}

.expert-figure {
    padding-right: 20px
}

.expert-name h4 {
    font-size: 18px
}

.expert-name h5 {
    font-size: 14px;
    font-weight: 400 !important;
    color: var(--dark-color)
}

.expert-name h5 span,
.expert-name h6 span {
    font-weight: 600 !important;
    color: #262626
}

.expert-name h6 {
    font-weight: 400 !important;
    font-size: 13px !important;
    color: var(--dark-color)
}

.expert-rating {
    margin-bottom: 5px
}

.expert-rating img {
    width: 84px;
    margin-top: -6px
}

.certified-check img {
    width: 22px
}

.expert-profiency {
    padding: 15px 0 0;
    border-top: 1px solid #ccc;
    margin-top: 15px
}

.profiency-item ul li {
    background: #ececec;
    border-radius: 20px;
    padding: 7px 12px;
    display: inline-block !important;
    font-size: 12px;
    color: var(--dark-color);
    font-family: var(--poppins);
    margin: 0 0 7px
}

.expert-second-card h5 {
    font-size: 14px
}

.leader-content {
    max-width: 360px;
    padding: 100px 0 0;
    display: flex;
    align-items: flex-start
}

.leader-content img {
    width: 32px;
    margin-right: 7px
}

.testimonial-wrap {
    border: 1px solid var(--primary-color);
    border-radius: 20px;
    width: 100%;
    min-height: 500px;
    padding: 0 10px
}

.testimonial-wrap h2 {
    font-family: var(--poppins);
    font-size: 18px;
    color: #1c8fef;
    text-align: center;
    background: #fff;
    width: 126px;
    margin: -18px auto 0 !important;
    border: 1px solid #1c8fef;
    border-radius: 20px;
    padding: 7px
}

.testimonial-slider {
    border-bottom: 1px solid #ccc;
    padding: 15px 0
}

.testimonial-slider-content {
    padding: 7px 0 0
}

.testimonial-header img {
    border-radius: 7px
}

.testimonial-slider-body img {
    width: 12px !important;
    margin-top: 11px
}

.testimonial-slider-body h6 {
    padding: 5px 0 0
}

.testimonial-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    top: 210px
}

.testimonial-slider .owl-dots span {
    margin: 5px 3px !important
}

.testimonial-slider .owl-dots button:focus {
    outline: 0
}

.testimonial-item {
    margin: 0 0 55px;
    position: relative
}

.testimonial-inner {
    border-radius: 10px;
    padding: 15px 15px 34px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 14%)
}

.testimonial-inner .quote {
    background: #fff;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    margin-top: -48px;
    text-align: center;
    line-height: 64px;
    margin-left: -10px
}

.testimonial-inner .quote img {
    width: 48px
}

.testimonial-name {
    border: 1px solid #dfdfdf;
    border-radius: 32px;
    padding: 7px 30px;
    position: absolute;
    right: 34px;
    bottom: -15px;
    z-index: 0;
    background: #fff
}

.dswss-item {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
    position: relative;
    border-radius: 10px;
    margin: 0 0 30px
}

.dswss-item h4 {
    font-size: 20px;
    color: #fff;
    font-family: var(--roboto);
    padding-bottom: 7px
}

.dswss-item-header {
    background: var(--primary-color);
    padding: 33px 15px;
    border-radius: 10px 10px 0 0;
    border-bottom: 3px solid #004e8f
}

.dswss-item-side {
    background: #004e8f;
    position: absolute;
    right: 0;
    top: 7px;
    width: 170px;
    height: 181px;
    clip-path: polygon(100% 0, 54% 50%, 100% 100%)
}

.dswss-item-side img {
    position: absolute;
    z-index: 111;
    top: 50%;
    right: 10px;
    width: 36px;
    transform: translateY(-50%)
}

.dswss-body {
    padding: 15px;
    min-height: 275px
}

.dswss-body ul li {
    font-size: 14px;
    color: var(--dark-color);
    font-family: var(--poppins);
    padding: 0 0 3px
}

.dswss-left-col {
    background: url(../images/web-design-team.jpg) 0 0/cover;
    height: calc(100% - 30px);
    width: 100%;
    position: relative;
    border-radius: 10px;
    margin: 0 0 30px
}

.copy2 {
    background: url(../images/we-design-dreams.jpg) 0 0/cover
}

.package-action,
.selectplan-btn {
    background: var(--primary-color);
    color: #fff;
    text-align: center
}

.dswss-left-col.seo {
    background: url(../images/seo-service-featured-01.png) 0 0/cover
}

.copy2.seo {
    background: url(../images/seo-service-featured-02.png) 0 0/cover
}

.dswss-left-col.email {
    background: url(../images/email-marketing-featured-1.jpg) 0 0/cover
}

.copy2.email {
    background: url(../images/email-marketing-featured-2.jpg) 0 0/cover
}

.dswss-left-col.smm {
    background: url(../images/smm-featured-01.jpg) 0 0/cover
}

.copy2.smm {
    background: url(../images/smm-featured-02.jpg) 0 0/cover
}

.dswss-left-col.smo {
    background: url(../images/smo-featured-01.jpg) 0 0/cover
}

.copy2.smo {
    background: url(../images/smo-featured-02.jpg) 0 0/cover
}

.dswss-left-col.content {
    background: url(../images/content-writing-featured-01.jpg) 0 0/cover
}

.copy2.content {
    background: url(../images/content-writing-featured-02.jpg) 0 0/cover
}

.dswss-left-col.orm {
    background: url(../images/orm-featured-01.jpg) 0 0/cover
}

.copy2.orm {
    background: url(../images/orm-featured-02.jpg) 0 0/cover
}

.dswss-left-col.ppc {
    background: url(../images/google-adwords-feature-01.jpg) 0 0/cover
}

.copy2.ppc {
    background: url(../images/google-adwords-feature-02.jpg) 0 0/cover
}

.tech-we-used ul li {
    display: inline-block;
    padding: 0 21px;
    margin-bottom: 30px
}

.seo-tools img {
    height: 55px
}

.package-item {
    border: 1px solid #ccc;
    margin: 0 0 15px
}

.package-item .package-header {
    text-align: center;
    padding: 30px 0 0
}

.package-name {
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 10px
}

.package-name i {
    color: #e5ad06
}

.package-price {
    font-size: 36px;
    font-weight: 900;
    font-family: fantasy;
    letter-spacing: 1px
}

.package-action {
    padding: 12px;
    margin: 15px 0 !important;
    display: block;
    font-size: 20px;
    text-transform: uppercase
}

.selectplan-btn {
    border-radius: 30px;
    padding: 10px 14px;
    display: inline-block
}

.package-body {
    padding: 0 15px 15px
}

.package-body ul li {
    line-height: 2
}

img.disable {
    filter: grayscale(1)
}

.package-action.standard {
    background: #00a445
}

.crose-price {
    padding: 0 0 15px
}

.package-item .accordion {
    cursor: pointer;
    padding: 7px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    transition: .4s;
    background: #e1e1e1;
    margin: 7px 0
}

.package-item .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

.package-item .active:after {
    content: "\2212"
}

.package-item .panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.ourpricecat {
    padding: 0 0 40px
}

.ourpricing-tabwrap .nav-pills .nav-link.active,
.ourpricing-tabwrap .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--primary-color)
}

.pricecat-item {
    margin-top: 40px
}

.pricecat-item h4 {
    font-size: 22px;
    font-weight: 100;
    color: #262626;
    position: relative
}

.pricecat-item h4::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50%;
    height: 1px;
    background: #7e7e7e
}

.pricecat-item h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 30%;
    height: 3px;
    background: var(--primary-color)
}

.pricecat-item-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 7px
}

.price-iw-center {
    border: 1px dashed #b3b3b3;
    height: 1px;
    text-align: center;
    max-width: calc(100% - 20%);
    margin: 0 15px;
    width: 100%;
    border-top-width: 0
}

@media (min-width:576px) {
    .book-technician-modal .modal-dialog {
        max-width: 800px
    }

    .modal-dialog-centered {
        min-height: calc(100% - 500px) !important
    }
}

@media (max-width:1199px) {
    .our-shop-item-content {
        padding: 10px 30px 18px 0
    }

    .our-shop-item-content h3 {
        font-size: 20px
    }

    .our-shop-item-content h4 {
        font-size: 18px
    }
}

@media (max-width:991px) {
    .navigation-wrap {
        width: 100%;
        transition: .5s;
        position: fixed;
        top: 157px;
        left: 0;
        z-index: 999;
        height: 0%;
        background: rgba(0, 0, 0, .95);
        opacity: 0;
        visibility: hidden
    }

    .navigation-wrap-open {
        height: 100%;
        opacity: 1;
        visibility: visible;
        overflow: scroll
    }

    .navigation-wrap .navigation-item {
        display: block;
        padding: 10px 15px
    }

    .navigation-wrap .navigation-item .navigation-link {
        color: var(--secondary-color) !important;
        display: block;
        width: 100%;
        background: 0 0
    }

    .navigation-wrap .nav-dropdown-menu::before {
        right: 20px;
        top: 12px;
        color: #fff !important
    }

    .navigation-wrap .nav-dropdown-menu.active-dropdown::before {
        top: 15px;
        color: #fff !important
    }

    .blue-section-small-left-circle,
    .navigation-wrap .navigation-item .navigation-item-active::before,
    .navigation-wrap .navigation-item .navigation-link::before,
    .our-sub-service-item:hover .our-sub-item-action,
    .repairman,
    .tech-book-form-left,
    .women-calling {
        display: none
    }

    .become-technician-form-modal .two-col-form-control,
    .our-sub-service-item:hover .our-sub-item-img,
    .responsive-nav-toggle,
    .sub-item-action-book-mobile {
        display: block
    }

    .fixedPosition {
        position: fixed;
        width: 100%;
        overflow: hidden
    }

    .navigation-wrap .nav-dropdown-menu .dropdown-wrap {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: relative;
        z-index: 101;
        background: #00426b !important
    }

    .navigation-wrap .nav-dropdown-menu .dropdown-wrap .dropdown-item .dropdown-link {
        color: #fff !important;
        padding: 7px 0
    }

    .dropdown-wrap-close-in-mobile {
        width: 0% !important;
        opacity: 0 !important;
        visibility: hidden !important
    }

    .navigation-wrap .nav-dropdown-menu:hover .dropdown-wrap .dropdown-wrap-close-mobile {
        display: block;
        position: fixed;
        right: 15px;
        background: #7ac142;
        z-index: 11111111;
        bottom: 15px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px
    }

    .navigation-wrap .nav-dropdown-menu:hover .dropdown-wrap .dropdown-wrap-close-mobile a {
        color: #fff
    }

    .navigation-wrap .nav-dropdown-menu .dropdown-wrap .dropdown-item {
        padding: 5px 10px !important
    }

    .navigation-wrap .navigation-item .shop-menu {
        color: #fff !important
    }

    .become-technician-form-modal .work-col-input .experience-input,
    .service-inner-banner-wrap,
    .top-header-right {
        width: 100%
    }

    .book-technician {
        width: 100%;
        text-align: center
    }

    .banner-wrapper {
        background: center/cover;
        width: 100%;
        min-height: 520px
    }

    .banner-wrapper-left {
        background: url(../images/girl-02.webp) 42px -142px no-repeat;
        width: 100%;
        height: 500px
    }

    .big-radius-content-wrap {
        position: absolute;
        bottom: 28px;
        left: 0;
        width: 100%;
        padding: 15px
    }

    .big-radius-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background: rgba(0, 67, 123, .95);
        clip-path: none
    }

    .banner-wrapper-right-container {
        position: relative;
        background: #1c8fef
    }

    .small-radius-content {
        position: absolute;
        width: 175px;
        height: 110px;
        top: 239px;
        left: initial;
        background: #1c8fef;
        right: 0
    }

    .small-radius-content-wrap {
        padding-top: 28px !important
    }

    .small-radius-content-wrap h5 {
        font-weight: 600;
        font-size: 11px
    }

    .small-radius-content-wrap .diagnosis {
        letter-spacing: 2px;
        font-size: 14px;
        margin-top: 5px !important;
        padding: 5px 0
    }

    .small-radius-content-wrap h4 {
        font-weight: 900;
        font-size: 30px !important;
        line-height: 16px;
        letter-spacing: 3px
    }

    .banner-wrapper-right-corner {
        left: calc(25% - 10px);
        background: #00315c
    }

    .featured-usp-item-wrap {
        border: none
    }

    .select2-container {
        position: relative;
        left: 0 !important
    }

    .select2-dropdown {
        left: 0 !important;
        right: 0;
        margin: 0 auto
    }

    .home-about-top-wrap {
        padding: 15px;
        border-right: none;
        border-bottom: 1px solid #c5c5c5
    }

    .home-product-wrap {
        padding: 15px
    }

    .our-shop-item-content {
        padding: 40px 60px 40px 0
    }

    .footer-col-title {
        padding-bottom: 15px !important;
        padding-top: 15px
    }

    .service-inner-banner-content-wrap {
        background: rgb(28, 143, 239, .7);
        width: 100%;
        clip-path: none
    }

    .service-inner-banner-content-inner-wrap {
        margin-left: 0
    }

    .our-sub-service-item {
        height: 200px
    }

    .our-sub-service-item:hover .our-sub-service-item-overlay {
        position: absolute;
        width: 70px;
        height: 70px;
        top: 5px;
        clip-path: circle(100% at 0 0);
        -moz-transition: .25s;
        -webkit-transition: .25s;
        text-align: left;
        display: block;
        background: #87c4f7
    }

    .our-sub-service-item:hover .our-sub-service-item-overlay::before {
        top: -5px;
        display: block
    }

    .service-bottom-banner {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 325px;
        background-repeat: no-repeat
    }

    .about-support-work .serviceBox {
        margin: 0 0 30px
    }

    .contact-reach-us-item {
        width: 100%;
        max-width: 50%
    }

    .payment-form-element {
        margin-bottom: 30px
    }

    .bcertified-partner-logo {
        width: 50%
    }

    .bcertified-partner-logo-item-top {
        width: 18%
    }

    .bbb-img {
        width: 250px
    }

    .banner-wrapper-right-reviews {
        flex-wrap: wrap
    }

    .reviews-right-sec {
        border: none;
        padding: 0
    }

    .reviews-col-order {
        order: 1
    }
}

@media (max-width:767px) {

 

    .section-heading h3 {
        font-size: 26px
    }

    .section-heading-border span {
        width: 6px;
        height: 6px;
        top: -2px
    }

    .section-heading-border .border-point-01 {
        right: 28px
    }

    .section-heading-border span.border-point-02 {
        width: 10px;
        height: 10px;
        top: -4px
    }

    .section-heading-border .border-point-03 {
        left: 28px
    }

    .copyright-footer-links ul li,
    .super-top-header {
        display: block
    }

    .top-partner-logo img {
        height: 24px
    }

    .mobile-hide {
        display: none !important
    }

    .dswss-left-col,
    .printer-service-img,
    .tformlogo,
    .top-contact-details ul li::before {
        display: none
    }

    .book-technician {
        padding: 10px 7px
    }

    .logo-img {
        height: 25px
    }

    .featured-usp-item {
        text-align: center;
        border-right: none;
        border-bottom: 1px solid #c5c5c5;
        padding: 15px
    }

    .featured-usp-item img {
        width: 50px
    }

    .booking-technician-section {
        padding: 80px 0
    }

    .booking-technician-secton-content h3,
    .subcribe-news-latter-content h3 {
        font-size: 20px !important
    }

    .subcribe-news-latter-content .form-group {
        width: 90%
    }

    .become-technician-form-modal p,
    .top-header-left {
        width: 100%
    }

    .service-inner-about .tagline {
        font-size: 13px
    }

    .service-bottom-banner {
        height: 210px
    }

    .about-support-work .serviceBox .title,
    .leader-content p {
        font-size: 16px
    }

    .contact-reach-us-item {
        width: 100%;
        max-width: 100%
    }

    .bcertified-partner-logo {
        width: 75%
    }

    .bcertified-partner-logo-item img {
        width: 100px
    }

    .bbb-img {
        width: 190px
    }

    .banner-wrapper-right-desc p {
        font-size: 12px !important
    }

    .banner-wrapper-right-sild img {
        width: 80px
    }

    footer {
        padding: 40px 0 15px
    }

    .get-quote-form .form-control {
        width: 100% !important
    }

    .faq-section {
        padding: 30px 0
    }

    .faq-section .card .card-header .btn-header-link {
        font-size: 14px
    }

    .testimonial-wrap {
        margin-bottom: 50px
    }

    .testimonial-slider .owl-dots {
        top: 200px
    }

    .leader-content {
        padding: 0 0 30px
    }

    .package-item {
        height: initial !important
    }
}

@media (max-width:575px) {
    .big-radius-content {
        width: 100%
    }

    .big-radius-content-wrap {
        width: 100%;
        left: 0;
        padding: 15px;
        bottom: 24px
    }

    .big-radius-content .big-radius-content-wrap-heading {
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 5px !important;
        border-bottom: 1px solid #fff;
        padding-bottom: 7px
    }

    .price-timing {
        padding-left: 0
    }

    .price-timing::before,
    .top-header-left {
        display: none
    }

    .our-shop-item-content {
        text-align: left;
        float: right;
        padding: 17px 20px 17px 0
    }

    .our-shop-item-content h3 {
        font-size: 16px
    }

    .our-shop-item-content h4 {
        font-size: 13px !important
    }

    .our-shop-item-content .our-shop-item-shop-btn {
        padding: 0;
        top: 3px;
        width: 50px
    }

    .blue-section-big-circle {
        width: 300px;
        height: 300px
    }

    .our-services-item-body {
        min-height: 200px
    }

    .top-partner-logo img {
        height: 20px;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .4);
        margin: 0 3px
    }

    .super-top-header-left p,
    .top-partner-logo {
        text-align: center
    }

    .service-vector-img-bottom-cover {
        width: 250px;
        height: 250px
    }

    .service-bottom-banner {
        height: 175px
    }

    .thankyou h1 {
        font-size: 36px
    }

    .thankyou p {
        font-size: 14px !important
    }

    .footer-sealed-section ul li {
        margin-left: 5px !important
    }

    .ourpricecat .nav-item {
        width: 50%
    }
}

@media (max-width:480px) {
    .banner-wrapper-right {
        padding: 30px 10px
    }

    .header-digit-item-wrapper {
        flex-wrap: wrap
    }

    .header-digit-item-wrapper-mobile {
        display: none
    }

    .header-digit-item-inner h4 {
        font-size: 24px
    }

    .header-digit-item {
        width: 100px;
        height: 114px;
        margin: -10px 4px
    }

    .header-digit-item-inner {
        top: calc(50% - 33px)
    }

    .header-digit-item-inner p {
        font-size: 12px !important
    }

    .banner-wrapper-right-desc-heading {
        font-size: 18px;
        font-weight: 400
    }

    .banner-wrapper-right-reviews {
        padding-left: 70px
    }

    .banner-wrapper-right-reviews img {
        width: 180px;
        margin: 10px 5px
    }

    .banner-wrapper-right-sild {
        text-align: left;
        padding-top: 0
    }

    .banner-wrapper-right-tollfree-left,
    .banner-wrapper-right-tollfree-right {
        height: 40px
    }

    .banner-wrapper-right-tollfree-left h6 {
        line-height: 4;
        font-size: 10px
    }

    .banner-wrapper-right-tollfree-left h6 i {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 8px
    }

    .banner-wrapper-right-tollfree-right h6 {
        line-height: 3;
        font-size: 14px;
        font-weight: 600
    }

    .tech-form-tab-01 {
        padding-top: 200px
    }

    .tech-form-heading-wrap {
        left: 30px
    }

    .tech-form-heading-wrap-usp-icon {
        display: block
    }

    .how-it-works-item {
        justify-content: flex-start;
        margin: 15px 0 0
    }

    .tech-form-heading {
        text-align: left
    }

    .service-bottom-banner {
        height: 153px
    }

    .bcertified-partner-logo {
        left: 35px
    }

    .click-to-verify-heading {
        font-size: 16px !important;
        font-weight: 400;
        width: 66%;
        margin: 0 auto !important;
        position: relative;
        left: 45px
    }

    .bcertified-partner-logo-item {
        height: 50px
    }

    .bbb-img {
        width: 150px
    }
}

@media (max-width:420px) {
    .service-vector-img-bottom-cover {
        width: 200px;
        height: 200px
    }

    .service-bottom-banner {
        height: 153px
    }
}

@media (max-width:380px) {
    .service-bottom-banner {
        height: 117px
    }

    .bcertified-partner-logo {
        left: 26px
    }

    .bcertified-partner-logo-item img {
        width: 90px
    }
}