@font-face {
    font-family: "Manrope-Bold";
    src: local("Manrope-Bold"),
    local("Manrope-Bold"),
    url(../fonts/Manrope/static/Manrope-Bold.ttf);
    font-display:swap
}
@font-face {
    font-family: "Manrope-ExtraBold";
    src: local("Manrope-ExtraBold"),
    local("Manrope-ExtraBold"),
    url(../fonts/Manrope/static/Manrope-ExtraBold.ttf);
    font-display:swap
}
@font-face {
    font-family: "Manrope-Light";
    src: local("Manrope-Light"),
    local("Manrope-Light"),
    url(../fonts/Manrope/static/Manrope-Light.ttf);
    font-display:swap
}
@font-face {
    font-family: "Manrope-Regular";
    src: local("Manrope-Regular"),
    local("Manrope-Regular"),
    url(../fonts/Manrope/static/Manrope-Regular.ttf);
    font-display:swap
}
@font-face {
    font-family: "Manrope-Medium";
    src: local("Manrope-Medium"),
    local("Manrope-Medium"),
    url(../fonts/Manrope/static/Manrope-Medium.ttf);
    font-display:swap
}
#c2mWidgetToggle_0 {
    width: 50px!important;
    height: 50px!important;
    bottom: 47px!important;
    right: 22px!important;
}
#mybutton3 a:before {
    top:9px;
    position:absolute;
    left:10px;
    content:url(../images/close-envelope.png);
}
#mybutton3 {
    background-image: -webkit-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -moz-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -ms-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -o-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: linear-gradient(to right,#ed6033,#ec2f8b);
    color: transparent;
    position: fixed;
    bottom: 160px;
    right: 25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 35%);
    z-index: 9;
}
#mybutton2 a:before {
    top:9px;
    position:absolute;
    left:10px;
    content:url(../images/whatsapp.png);
}
#mybutton2:hover {
    border: 1px solid #fff;
    box-shadow: 0 3px 15px 0 transparent;
}
#mybutton2 {
    background-image: -webkit-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -moz-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -ms-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -o-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: linear-gradient(to right,#ed6033,#ec2f8b);
    color: transparent;
    position: fixed;
    top: 150px;
    right: 9px;
    width: 50px;
    height: 50px;
    border-radius: 81px;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 35%);
    z-index: 99;
}
#mybutton {
    background-image: -webkit-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -moz-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -ms-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: -o-linear-gradient(right,#ed6033,#ec2f8b);
    background-image: linear-gradient(to right,#ed6033,#ec2f8b);
    position: fixed;
    top: 90px;
    right: 9px;
    width: 50px;
    height: 50px;
    border-radius: 81px;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 35%);
    z-index: 9999;
}
#mybutton a:before {
    top: 9px;
    position: absolute;
    left: 10px;
    content: url(../images/call_icon.png);
}
@media (min-width: 768px){
    #mybutton2 {
        bottom: 105px;
        right: 23px;
        top: unset;
    }
    #mybutton {
        display: none;
    }
}
@media (max-width: 767px){
    #mybutton3 {
        bottom: 100px;
        right: 9px;
    }
    #c2mWidgetToggle_0{
        right: 9px!important;
    }
}

@media (min-width: 320px) and (max-width: 767px){
    #c2mWidgetToggle_0 {
        width: 40px !important;
        height: 40px !important;
        top: calc(100% - 50px);
        border-radius: 0px !important;
        background-color: rgb(240, 73, 55) !important;
        left: 88%;
        bottom: 47px !important;
        right: 22px !important;
        border-radius: 6px !important;
    }
    #mybutton3 {
        bottom: 10px;
        right: 25px;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        left: 75%;
        background: #1199e8;
    }
    #mybutton3 a:before {
        top: 3px;
        left: 5px;
        padding: 0px;
    }
    #mybutton2 {
        width: 40px;
        height: 40px;
        bottom: 0px;
        top: calc(100% - 50px);
        border-radius: 5px;
        left: 62%;
        background: #25d366;
    }
    #mybutton2 a:before {
        top: 2px;
        left: 4px;
    }
    #mybutton {
        position: fixed;
        z-index: 99;
        width: 40px;
        height: 40px;
        bottom: 0px;
        top: calc(100% - 50px);
        border-radius: 5px;
        left: 49%;
        background: #8BC34A;
        box-shadow: 0 3px 7px 0 rgb(0 0 0 / 35%);

    }
    #mybutton a:before {
        top: 5px;
        left: 4px;
    }
}


.Manrope-Bold{
    font-family: "Manrope-Bold";
}
.font-size-14{
    font-size: 14px;
}
*{
    margin: 0;
    border: none;
}
body{
    background: #FEFEFE;
    font-weight:400;
    overflow-x: hidden;
    color: #333333;
    font-family: "Manrope-Regular";
}
select option[disabled] {
    background-color: #e94f2c;
    color: #fff;
}
select {
    color: #7c7c7c!important;
}
.padding-div{
    padding-left: 15px;
    padding-right: 15px;
}
.feedback-section.error {
    background-color: #e74a3b	;
}

.feedback-section.success {
    background-color: #1e7e34;
}

.feedback-section span:nth-child(1) {
    line-height: 70px;
    font-size: 17px;
}
.feedback-section, .confirmation-section {
    height: 0;
    position: fixed;
    bottom: 0 !important;
    background-color: #e74a3b	;
    color: #ffffff;
    text-align: center;
    width: 100%;
    left: 0;
    z-index: 9999;
}
@media screen and (max-width:1199px){
    .case_studies_container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
}
@media (min-width:576px){.case_studies_container{max-width:540px}}
@media (min-width:768px){.case_studies_container{max-width:720px}}
@media (min-width:992px){.case_studies_container{max-width:960px}}
@media (min-width:1200px){.case_studies_container{max-width:1140px}}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);
}
@media (min-width:1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}
}
.btn:focus{
    box-shadow: none;
}
.textarea-form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9e9e9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.textarea-form-control:focus{
    outline: none;
}
.form-control:focus{
    border-color:#e9e9e9;
}
input.form-control, select{
    border: 1px solid #e9e9e9;
    height: 42px;
}
.main-container{
    padding-top: 86px !important;
}
.main_nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background-color: #ffffff;
    align-items: center;
    box-shadow: 0 4px 5px rgb(0 0 0 / 5%);
}
.dropdown-toggle::after {
    color: #3A80EE !important;
}
.dropdown-item{
    font-size: 13px;
}
.navbar-nav .nav-link{
    color: black !important;
    font-size: 14px;
}
.header_contact_btn{
    padding: 8px 38px;
    border-radius: 24px;
    font-weight: bolder;
    color: #ffffff !important;
    cursor: pointer;
    background-image: linear-gradient(to right, #345FE9, #3876ED, #409BF5, #48BFFB, #48BFFB, #409BF5, #3876ED, #345FE9);
    background-size: 200% 100%;
    transition: all .4s ease-in-out;
}
.header_contact_btn:hover {
    background-position: 100% 0;
    transition: all .4s ease-in-out;
}
.header_contact_btn:focus{
    outline: none;
}
/* banner_section */
.slick-list {
    overflow: hidden;
}
.label_gradient{
    font-family: "Manrope-Light";
    line-height: 1.2;
    font-weight: 100;
    background: linear-gradient(to right, #3460EB, #3A82F0, #45B2F8, #48BFF9);
    color: transparent;
    -webkit-background-clip: text;
}
.banner_section{
    background-image: url(../images/gc_bg.jpg);
    background-size: cover;
    overflow: hidden;
}
.top_contact_form{
    background: #F2F3F8;
    padding: 35px 40px 25px 30px;
    border-radius: 12px;
}
.request_btn{
    color: white;
    background-color: #262F3E;
}
.request_btn:hover{
    color: white;
}
.request_btn:focus{
    box-shadow: none;
}
.form-control:focus{
    box-shadow: none;
    border-color: #ced4da;
}
.dm_solutions{
    font-family: "Manrope-Light";
}
.banner-section{
    position: relative;
}
.banner-design{
    position: absolute;
    left: -20px;
    top: -52px;
    z-index: 0;
}
.banner-image{
    z-index: 2;
    border-radius: 75px;
}
.services_select{
    position: relative;
}
.services_select::after{
    position: absolute;
    right: 8px;
    top: 19px;
    margin-left: 0.255em;
    content: "";
    color: #3A80EE !important;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}


    /* font-size: 15px;
    font-family: 'ionicons';
    width: 23px;
    height: 22px;
    cursor: pointer;
    font-size: 16px; */

@media screen and (max-width: 1399px){
    .banner-image-1400{
        display: inline !important;
        z-index: 2;
        border-radius: 75px;
    }
}
@media screen and (min-width: 1200px){
    .dm_solutions{
        font-size: 44px;
    }
    .label_gradient{
        font-size: 57px;
    }
    .top_contact_form{
        width: 85%;
    }
}
@media screen and (min-width: 1400px){
    .banner-image{
        display: inline !important;
    }
    .label_gradient{
        font-size: 66px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .dm_solutions{
        font-size: 38px;
    }
    .label_gradient{
        font-size: 47px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .dm_solutions{
        font-size: 32px;
    }
    .label_gradient{
        font-size: 56px;
    }
    .top_contact_form{
        width: 85%;
    }
    .banner-design{
        width: 40%;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .dm_solutions{
        font-size: 32px;
    }
    .label_gradient{
        font-size: 44px;
    }
}
@media screen and (min-width:434px) and (max-width: 575px){
    .dm_solutions{
        font-size: 28px;
    }
    .label_gradient{
        font-size: 35px;
    }
}
@media screen and (max-width: 433px){
    .dm_solutions{
        font-size: 28px;
    }
    .label_gradient{
        font-size: 25px;
    }
}

/* our_services */
.our_services{
    background-color: #1D1F2B;
}
.services_label{
    color: #F52586;
    font-size: 14px;
    letter-spacing: 1.5px;
}
.interested_in_head{
    color: white;
    font-size: 35px;
    line-height: 1;
}
.interested_in_label{
    font-family: "Manrope-Light";
    line-height: 1.2;
    font-size: 50px;
    font-weight: 100;
    background: linear-gradient(to right, #4AD6DF, #886FEF,#D33EF9,#E60FFF);
    color: transparent;
    -webkit-background-clip: text;
}
.list_numbers{
    margin-top: 2px;
    width: 22px;
    color: #F52586;
}
.services_lists{
    font-size: 20px;
}
.services-list{
    font-family: "Manrope-Regular";
    padding: 8px 0;
}
.list_items {
    position: relative;
    text-decoration: none;
    z-index: 9;
    padding: 0 4px;
    transition: 1s ease-out;
    font-family: "Manrope-Light";
    font-size: 1.6rem;
}
.list_items::before {
    background: #F52586;
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease-in-out;
    z-index: -1;
}
.list_items:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}
@media screen and (max-width: 575px){
    .interested_in_head{
        font-size: 28px;
    }
    .interested_in_label{
        font-size: 42px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .interested_in_label{
        font-size: 43px;
    }
}
/* procedure_section */
.we_work_label{
    color: #F52586;
    font-size: 14px;
    letter-spacing: 2px;
}
.procedure_qoute{
    font-family: "Manrope-Light";
    font-size: 60px;
    line-height: 1.2;
}
.procedure_div{
    margin: 8px;
    background-color: #FAF9FF;
    padding: 50px 11px;
    border-radius: 45px;
}
.procedure_border{
    border: 2px solid #FAF9FF;
    border-radius: 52px;
}
.procedure_SN{
    color: #F52586;
}
.procedure_heading{
    font-size: 24px;
    color: #6f6bf1;
}
.procedure_text{
    font-family: "Manrope-Regular";
    font-size: 18px;
    line-height: 1.2;
}
.procedure_section .container{
    position: relative;
}
.procedure_image{
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (min-width: 1400px) {
    .procedure_div{
        height: 320px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .procedure_div{
        height: 301px;
        padding: 30px 11px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .procedure_div{
        height: 255px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .procedure_div{
        height: 288px;
        padding: 34px 11px;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .procedure_div{
        height: 324px;
        padding: 20px 11px;
    }
}
@media screen and (max-width: 575px){
    .procedure_div{
        padding: 18px 11px;
    }
}

/* Why Choose Us */
.Why_Choose_section{
    background-color: #FBE597;
}
.why_Choose_label{
    color: #F52586;
    font-size: 14px;
    letter-spacing: 2px;
}
.Why_Choose_qoute{
    font-family: "Manrope-Light";
    font-size: 60px;
    line-height: 1.2;
}
.Why_Choose_heading{
    font-family: "Manrope-Medium";
    font-size: 21px;
}
.Why_Choose_text{
    font-family: "Manrope-Regular";
    font-size: 18px;
    line-height: 1.2;
}
/* business_outcomes */
.outcomes_label{
    color: #F52586;
    font-size: 14px;
    letter-spacing: 2px;
}
.outcomes_qoute1, .outcomes_qoute2{
    font-family: "Manrope-Light";
    font-size: 60px;
    line-height: 1.2;
}
.outcomes_qoute2{
    color: #36B284;
}
.outcomes_heading{
    font-family: "Manrope-Medium";
    font-size: 21px;
}
.outcomes_text{
    font-family: "Manrope-Regular";
    font-size: 18px;
    line-height: 1.2;
}
/* free quote */
.enhance_business{
    background-color: #F1F1F1;
}
.free_qoute_heading{
    font-size: 24px;
}
.free_quote_text{
    font-size: 20px;
}
.quote_btn{
    background-color: #C12A2C;
    color: white;
    font-family: "Manrope-ExtraBold";
    padding: 16px 32px;
    border-radius: 28px;
    font-size: 15px;
}
.quote_btn:hover{
    color: #ffffff;
}
/* Creating_work */
.Creating_work_section{
    background-color: #1D1F2B;
    display: flex;
    justify-content: right;
}
.caseStudies_label{
    color: #F52586;
    font-size: 14px;
    letter-spacing: 2px;
}
.creating{
    font-size: 40px;
    color: white;
    align-items: center;
}
.great_work_label{
    font-family: "Manrope-Light";
    line-height: 1.2;
    font-size: 60px;
    font-weight: 100;
    background: linear-gradient(to right, #4AD6DF, #6092EB,#AB50F3,#E60FFF);
    color: transparent;
    -webkit-background-clip: text;
}
.caseStudies_quote{
    font-size: 24px;
    color: #A5A7B4;
}
.works_image{
    padding: 25px 40px;
    background-color: #292B37;
}
.works_body{
    padding: 20px 40px;
    background-color: #343740;
}
.works_logo_text{
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 1px;
    background: linear-gradient(to right, #4AD6DF, #6092EB,#AB50F3,#E60FFF);
    color: transparent;
    -webkit-background-clip: text;
}
.works_text{
    margin-top: 12px;
    font-family: "Manrope-Regular";
    color: #ffffffc4;
}
#case_studies .owl-nav{
    text-align: center;
    margin-top: 24px;
    padding-bottom: 24px;
}
#case_studies .owl-prev {
    transform: rotate(180deg);
}
#case_studies .owl-prev, #case_studies .owl-next {
    background: url(../images/arrow-right-long-solid_white.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    margin: 0 12px;
    width: 42px;
    height: 42px;
    border: 1px solid #3a3b3c;
    border-radius: 50%;
}
#case_studies .owl-prev:focus, #case_studies .owl-next:focus{outline: none;}
#case_studies .owl-prev span, #case_studies .owl-next span {
    display: none;
}
.owl-carousel .owl-item .logo{
    width: auto;
}
.owl-carousel .owl-item .pixelloid-img{
    width: 130%;
    height: auto;
}
@media screen and (min-width: 1600px){
    .case_studies_container{
        max-width: 1500px;
    }
    .caseStudies_quote{
        width: 75%;
    }
    .works_image{
        min-height: 450px;
    }
    .works_body{
        min-height: 275px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1600px){
    .case_studies_container{
        max-width: 1380px;
    }
    .caseStudies_quote{
        width: 80%;
    }
    .works_image{
        min-height: 410px;
    }
    .works_body{
        min-height: 298px;
    }
}
@media screen and (min-width: 1200px) and (max-width:1399px){
    .case_studies_container{
        max-width: 1190px;
    }
    .works_image{
        min-height: 430px;
    }
    .works_body{
        min-height: 275px;
    }
}
@media screen and (min-width: 768px) and (max-width:1199px){
    .works_image{
        min-height: 430px;
    }
    .works_body{
        min-height: 292px;
    }
}
/* clients_section */
.clients_love_label{
    color: #F52586;
    font-size: 14px;
    letter-spacing: 2px;
}
.clients_qoute{
    font-family: "Manrope-Light";
    font-size: 56px;
    line-height: 1.1;
}
.clients_card{
    border-radius: 8px;
    padding: 20px 12px;
    box-shadow: 0px 0px 2px 2px #dbdbdb94;
}
.clients_heading{
    font-family: "Manrope-Bold";
    font-size: 20px;
}
.clients_text{
    line-height: 1.2;
    color: #53575a;
}
.clients_section{
    background-color: #fff;
}
.clients_section .container{
    position: relative;
}
.clients_section_image{
    position: absolute;
    top: 0;
    right: 0;
}
.rating_images img{
    width: 18px !important;
}
.owl-dot:focus{
    outline: none;
}
.Company_logo{
    width: auto !important;
}
@media screen and (min-width: 1400px){
    .clients_qoute{
        width: 75%;
    }
    .clients_card{
        height: 348px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .clients_card{
        height: 368px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .clients_card{
        height: 327px;
    }
}
@media screen and (min-width: 768px) and (max-width:991px){
    .clients_qoute{
        width: 75%;
    }
    .clients_card{
        height: 385px;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .clients_card{
        height: 291px;
    }
}

/* partners_section */
.partners_section{
    background-color: #F1F1F1;
}
.partners_label{
    font-size: 12px;
}
.partners_quote{
    font-family: "Manrope-Light";
    font-size: 46px;
    line-height: 1.2;
}
.read_more_btn{
    padding: 10px 28px;
    border-radius: 24px;
    font-size: 14px;
    color: #ffffff !important;
    background-image: linear-gradient(to right, #F18E26, #e43603, #fa7199, #e85a19);
    background-size: 300% 100%;
    transition: all .4s ease-in-out;
}
.read_more_btn:hover {
    background-position: 100% 0;
    transition: all .4s ease-in-out;
}
.read_more_btn:focus{
    outline: none;
}
.company-logo{
    /* mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
    padding: 4px 5px;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-left: 15px;
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .partners_quote{
        font-size: 35px;
    }
}

@media screen and (min-width: 1200px){
    .procedure_qoute, .Why_Choose_qoute, .outcomes_qoute1, .outcomes_qoute2{
        font-size: 56px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .procedure_qoute, .Why_Choose_qoute, .outcomes_qoute1, .outcomes_qoute2, .clients_qoute{
        font-size: 48px;
    }
}
@media screen and (min-width: 576px) and (max-width: 991px){
    .procedure_qoute, .Why_Choose_qoute, .outcomes_qoute1, .outcomes_qoute2, .clients_qoute{
        font-size: 35px;
    }
}
@media screen and (max-width: 575px){
    .procedure_qoute, .Why_Choose_qoute, .outcomes_qoute1, .outcomes_qoute2, .clients_qoute, .partners_quote{
        font-size: 28px;
    }
}
/* get_started */
.get_started{
    background-color: #1D1F2B;
}
.whats_next{
    color: #F52586;
    font-size: 14px;
    letter-spacing: 2px;
}
.lets_work{
    font-family: "Manrope-Light";
    line-height: 1.2;
    font-size: 60px;
    font-weight: 100;
    background: linear-gradient(to right, #4AD6DF, #6092EB,#AB50F3,#E60FFF);
    color: transparent;
    -webkit-background-clip: text;
}
.where_to_start{
    font-family: "Manrope-Light";
    font-size: 28px;
    color: white;
}
.form-input, .textarea-input {
    background-color: #1D1F2B;
    border: 1px solid #4F5259;
    padding: 8px 15px;
    color: #ffffffc9;
}
.form-input:focus,.textarea-input:focus{
    outline: none;
}
.get_started_btn{
    padding: 8px 32px;
    border: none;
    border-radius: 1px;
    color: #ffffff;
    background-image: linear-gradient(to right, #345EE9, #49C0FD, #345EE9, #04befe);
    background-size: 300% 100%;
    transition: all .4s ease-in-out;
}
.get_started_btn:hover {
    background-position: 100% 0;
    transition: all .4s ease-in-out;
}
.get_started_btn:hover{
    color: white;
}
.get_started_btn:focus{
    box-shadow: none;
}
.lets_talk{
    font-size: 35px;
    background: linear-gradient(to right, #E8A7A5,#C3BFBC, #6CBAE1,#ADA5D9,#7FB8D3);
    color: transparent;
    -webkit-background-clip: text;
}
.get_started .contact_numbers,.get_started .email-id{
    font-size: 20px;
    margin-bottom: 6px;
}
@media screen and (max-width: 575px){
    .great_work_label, .lets_work{
        font-size: 42px;
    }
}
@media screen and (min-width: 576px) and (max-width: 991px){
    .great_work_label, .lets_work{
        font-size: 52px;
    }
}
/* footer */
.footer{
    background: #fff;
    position: relative;
}
.footer_text{
    font-family: Nunito-Regular;
}
.footer_list{
    font-weight: bold;
    letter-spacing: 2.5px;
}
.get-in-touch{
    font-size: 22px;
    font-weight: bolder;
    background: linear-gradient(to right, #ED6032, #EA2F8A);
    color: transparent;
    -webkit-background-clip: text;
}
.footer-right .image{
    width: 41px;
    display: flex;
    justify-content: end;
}
.footer_list div{
    font-family: sans-serif;
    font-size: 15px;
}
@media screen and (min-width: 768px){
    .footer-right{
        background-color: #000000;
        color: #fff;
        z-index: 1;
    }
    .footer-right a,.footer-right a:hover,.footer-right a:focus{
        color: #fff;
    }
    .footer::after {
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
        background: #000;
        width: 33.3%;
        height: 100%;
        z-index: 0;
        background-image: url(../images/right-after.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .envelope_image{
        display: none;
    }
}
@media screen and (max-width: 767px){
    .mail_image{
        display: none;
    }
    .footer-right a{
        color: #333;
    }
}

/* Service Pages */
.services_page_label_sub{
    font-family: "Manrope-Bold";
    font-size: 24px;
    line-height: 1.2;
    background: linear-gradient(to right, #3460EB, #3A82F0, #48BFF9);
    color: transparent;
    -webkit-background-clip: text;
}
.services_page_label{
    font-family: "Manrope-Bold";
    font-size: 38px;
    line-height: 1.2;
    background: linear-gradient(to right, #3460EB, #3A82F0, #48BFF9);
    color: transparent;
    -webkit-background-clip: text;
}
.service_label-slider{
    font-family: "Manrope-Light";
    display: inline-block;
    line-height: 1.2;
    font-size: 38px;
    background: linear-gradient(to right, #3460EB, #3A82F0, #48BFF9);
    color: transparent;
    -webkit-background-clip: text;
}
.you_need_help_label {
    font-family: "Manrope-Bold";
    color: #F52586;
    font-size: 18px;
    letter-spacing: 4px;
}
.service_top_contact_form{
    background: #F2F3F8;
    padding: 35px 40px 25px 30px;
    border-radius: 12px;
}
.banner_img_usa{
    background-color: #fbfbfb ;
}
.country_name{
    font-weight: 900;
}
.why_choose_usa {
    background-color: #f1e8e8;
}
.banner_img_australia{
    background-color: #ffffff ;
}
.why_choose_australia {
    background-color: #f1e8e8;
}
.banner_img_uk{
    background-color: #ffffff ;
}
.why_choose_uk {
    background-color: #f1e8e8;
}
.caption_heading {
    font-family: Manrope-Regular;
    font-size: 12px;
    color: #111;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 20px;
    font-weight: bold;
}
.banner_img_seo_audit{
    background-color: #ffffff ;
}
.seo_banner_img_real{
    background-color: #fbf0f0 ;
}
.digital_type {
    color: #00b9bc;
}
@media screen and (min-width: 992px){
    .service_Contact_form{
        padding-left: 40px;
        padding-top: 70px;
    }
}
@media screen and (max-width: 575px){
    .service_label-slider{
        font-size: 27px;
    }
}

/* services included section  */
.services_included{
    background-color: #1D1F2B;
}
.services_included_label{
    font-family: "Manrope-Light";
    line-height: 1.2;
    font-size: 54px;
    font-weight: 100;
    background: linear-gradient(to right, #4AD6DF, #4CA5E7, #A953F2,#E60FFF);
    color: transparent;
    -webkit-background-clip: text;
}
.services_card{
    padding: 20px 31px;
    border: 2px solid #383B44;
    border-radius: 12px;
    color: #ffffff;
    height: 100%;
}
.services_card h4{
    font-family: "Manrope-Medium";
    margin-bottom: 16px;
}
.services_card div{
    margin-bottom: 4px;
    display: flex;
    color: #dddddd;
}
.services_card div span{
    margin-right: 8px;
}
.srvices_card_headings{
    position: relative;
}
.card_style_image{
    position: absolute;
    left: -22px;
    top: 13px;
    background-color: #1D1F2B;
}
.card2_style_image{
    position: absolute;
    left: -36px;
    top: 16px;
    background-color: #1D1F2B;
}
.card3_style_image{
    position: absolute;
    left: -26px;
    top: 16px;
    background-color: #1D1F2B;
}
@media screen and (min-width: 1400px) {
    .services_included_column{
        padding-right: 36px !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .services_included_label{
        font-size: 50px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .services_included_label{
        font-size: 44px;
    }
}
@media screen and (min-width: 576px) and (max-width: 991px){
    .services_included_label{
        font-size: 40px;
    }
}
@media screen and (max-width: 575px){
    .services_included_label{
        font-size: 30px;
    }
}
/* @media screen and (min-width: 576px) and (max-width: 767px){
    .procedure_div{
        height: 384px;
    }
} */

/* services_how_we_work */
.how_geekschip_works,.our_services_label{
    font-family: "Manrope-Light";
    font-size: 56px;
    line-height: 1.2;
}
.geekschip_works{
    background: linear-gradient(to right, #4AD6DF, #4CA5E7, #A953F2,#E60FFF);
    color: transparent;
    -webkit-background-clip: text;
}
.banner_image{
    position: relative;
    margin-bottom: 24px;
    z-index: 1;
}
.seo_banner_img{
    border-radius: 90px;
}
.services_how_we_work{
    background-color: #1D1F2B;
    color: #dddddd;
}
.services_how_we_work .container{
    position: relative;
    overflow: hidden;
}
.circle_top {
    position: absolute;
    top: -194px;
    right: 50px;
}
.circle_bottom {
    position: absolute;
    bottom: -173px;
    left: 156px;
}
.circle_svg{
    position: absolute;
    top: -25px;
    left: 150px;
}
.service_solution_points{
    background-color: #F1F1F1;
    border-radius: 2px;
    padding: 15px;
    display: flex;
    align-items: center;
    font-size: 15px;
    height: 100%;
}
.main_social_media a {
    display:inline-block;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all .3s ease;
    color: #fff;
    font-size: 19px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-left: 5px;
    text-decoration: none;
}
.facebook, .google, .linkedin, .pinterest,.youtube,.instagram {
    height: 30px;
    width: 30px;
}
.facebook {
    background: #3B5998;
    color: #fff;
}
.twitter, .twitter:hover {
    background: #55ACEE;
    color: #fff;
    height: 30px;
    width: 30px;
}
.linkedin {
    background: #007bb5;
    color: #fff;
}
.pinterest {
    background: #bd081b;
}
.youtube {
    background: #bd081b;
}
.instagram{
    background: rgba(177, 23, 67, 0.97);
}
@media screen and (min-width: 1400px){
    .banner_image{
        padding: 0 40px 0 170px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .how_geekschip_works, .our_services_label{
        font-size: 49px;
    }
    .banner_image {
        padding: 0 40px 0 100px;
    }
    .circle_top{
        top: -195px;
    }
    .circle_svg {
        left: 76px;
    }
    .circle_bottom {
        left: 83px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .how_geekschip_works, .our_services_label{
        font-size: 40px;
    }
    .banner_image {
        padding: 0 40px 0 40px;
    }
    .circle_top{
        top: -195px;
    }
    .circle_svg {
        left: 22px;
    }
    .circle_bottom {
        left: 25px;
    }
}
@media screen and (min-width: 576px) and (max-width: 991px){
    .how_geekschip_works, .our_services_label{
        font-size: 35px;
    }
    .banner_image {
        margin-bottom: 24px;
    }
    .circle_top{
        top: -195px;
        right: 10px;
    }
    .circle_svg {
        left: -20px;
    }
}
@media screen and (min-width: 370px) and (max-width: 575px){
    .banner_image {
       width: 80%;
    }
}
@media screen and (max-width: 575px){
    .how_geekschip_works, .our_services_label{
        font-size: 28px;
    }
}

/* SMM Services */

/* reputation_management*/
.reputation_management_label{
    font-family: "Manrope-Light";
    font-size: 53px;
    line-height: 1.2;
    background: linear-gradient(to right, #4AD6DF, #4CA5E7, #A953F2,#E60FFF);
    color: transparent;
    -webkit-background-clip: text;
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .reputation_management_label{
        font-size: 45px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .reputation_management_label{
        font-size: 37px;
    }
}
@media screen and (min-width: 576px) and (max-width: 991px){
    .reputation_management_label{
        font-size: 42px;
    }
}
@media screen and (max-width: 575px){
    .reputation_management_label{
        font-size: 30px;
    }
}

/* Digital Marketing Services */

.dm_why_geekschip{
    overflow: hidden;
}
.dm_why_geekschip_label,.dm_how-do-We-do-it_label{
    font-family: "Manrope-Light";
    font-size: 53px;
    line-height: 1.2;
}
@media screen and (min-width: 1200px){
    .do_it_column_right{
        width: 73%;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .dm_why_geekschip_label,.dm_how-do-We-do-it_label{
        font-size: 45px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .do_it_column_right{
        width: 85%;
    }
}
@media screen and (min-width: 576px) and (max-width: 1199px){
    .dm_why_geekschip_label,.dm_how-do-We-do-it_label{
        font-size: 37px;
    }
}
@media screen and (max-width: 575px){
    .dm_why_geekschip_label,.dm_how-do-We-do-it_label{
        font-size: 28px;
    }
}