@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

:root {

    /* Dark Background Assets */

    --primary-green-color: #85BD41;
    --primary-dark-bg: rgb(31, 30, 29);
    --text-white: #f3f4f6;
    --btn-dark-bg: rgba(60, 58, 57, .5);


    /* Light Background Assets */

    --primary-light-bg: #FFFFFF;
    --title-text-dark: #120a00;
    --para-text-dark: #636c76;
    --btn-light-bg: #f3f4f6;
    --card-desc-para: #5f6d7e;
    --services-para: #4e565f;
    --list-color: #484848;
    --primary-black: #000000;

    --swiper-navigation-size: unset !important;

}

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

html {
    overflow-x: hidden;
    font-family: "Montserrat", sans-serif;
    font-size: 62.5%;
    /*
    position: relative;
    z-index: 9999;
*/
}

body {
    cursor: url(../images/cursor.svg), default;
}


/* Scrollbar Design  Start */

body::-webkit-scrollbar {
/*     display: none; */
}

.progress-container {
    position: fixed;
    right: 0;
    width: 5px;
    height: 100%;
    background: transparent;
    border-radius: 2px;
    margin: auto;
    z-index: 999;
}

.progress-bar {
    width: 8px;
    background: var(--primary-green-color);
    border-radius: 2px;
}

.progress-bar:before {
    height: 1%;
}



/* Scrollbar Design End */





/* Predefined CSS */

a {
    text-decoration: none;
    color: unset;

}

button {
    border: none;
    outline: none;
    background-color: unset;
}

ul {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.main-title-light {
    font-size: 6rem;
    color: var(--text-white);
    font-weight: 600;
}

.main-title-dark {
    font-size: 6rem;
    color: var(--title-text-dark);
    font-weight: 600;
    text-align: center;
}

.main-para-light {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--text-white);
    line-height: 1.7;
}

.main-para-dark {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--para-text-dark);
    line-height: 1.7;
}

.sub-title {
    font-size: 4rem;
    font-weight: 600;
    color: var(--title-text-dark);
    margin: 3rem 0;
}


.services-para {
    font-size: 2rem;
    font-weight: 400;
    color: var(--services-para);
    margin: 2.5rem 0;
    width: 80%;
    line-height: 1.5;
}

.dark-bg-btn {
    color: var(--primary-light-bg);
    font-size: 1.8rem;
    font-weight: 500;
    padding: 21px 27px 21px 22px;
    background-color: transparent;
    position: relative;
    z-index: 1;
    cursor: pointer;
}


.dark-bg-btn a{
	display: flex;
	align-items: center;
	gap: 5px;
}


button.dark-bg-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 54px;
    background: var(--btn-dark-bg);
    width: 60px;
    height: 60px;
    transition: .3s;
    z-index: -1;
}


button.dark-bg-btn:hover:before {
    width: 100%;
    background: var(--btn-dark-bg);
}




.light-bg-btn {
    color: var(--title-text-dark);
    font-size: 1.8rem;
    font-weight: 500;
    padding: 21px 27px 21px 22px;
    background-color: transparent;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

button.light-bg-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 54px;
    background: var(--btn-light-bg);
    width: 60px;
    height: 60px;
    transition: .3s;
    z-index: -1;
}


button.light-bg-btn:hover:before {
    width: 100%;
    background: var(--btn-light-bg);
}


.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 0 100px;

}



/* Header Styling Start */

header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
}





header .container{
    position: absolute;
    width: 100%;
	background:rgba(0,0,0,0.5);
    /* Initial translate state */
}


.scrolled{
    backdrop-filter: blur(6px) saturate(124%);
    -webkit-backdrop-filter: blur(6px) saturate(124%);
    background-color: rgba(0, 0, 0, 0.5);
}




.header_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
}

.logo a {
    display: inline-block
}

.menu-items {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.menu-items > a {
    color: var(--text-white);
    font-size: 1.55rem;
    text-transform: uppercase;
    font-weight: 600;
    /* position: fixed;
    right: 0%; */
    display: inline-block;
    background: var(--primary-green-color);
    padding: 1rem 2rem;
    border: 0.1rem solid var(--primary-green-color);
    position: relative;
    transition: background 0.3s ease;
}


.menu-items > a:hover {
    background: transparent;
}




nav {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100vw;
    height: 100vh;
    padding: 0 13rem;
    display: flex;
    justify-content: start;
    align-items: center;
	-webkit-clip-path: circle(0 at 100vw -50px);
    clip-path: circle(0 at 100vw -50px);
    transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
    z-index: -10;
/* 	mix-blend-mode:darken; */
}







nav.active {
    -webkit-clip-path: circle(200% at 86vw 50px);
	mix-blend-mode:darken;
}









nav ul {
    list-style: none;
    /*    transform: translateX(-37vw)*/
	margin-top:5rem;
}

nav ul li {
    font-size: 3.4rem;
    color: #242424;
    transform: translateX(-30px);
    margin: 0.8rem 0;
    font-weight: 500;
}


.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: rotate(180deg);
    display: inline-block;
/*     mix-blend-mode: difference; */

}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: var(--text-white);
    stroke-width: 5.5;
    stroke-linecap: round;
}


.ham1 .top {
    stroke-dasharray: 40 139;
}


.line.middle {
    stroke-dasharray: 20 180;
}


.ham1 .bottom {
    stroke-dasharray: 40 180;
}

.ham1.active .top {
    stroke-dashoffset: -98px;
}

.ham1.active .line.middle {
    stroke-dasharray: unset;
}



.ham1.active .bottom {
    stroke-dashoffset: -138px;
}

.ham1:not(.active):hover {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 54px;
}







/* Header Styling End */


/* Banner Section Styling Start */
#banner {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow-y: hidden !important;
}


.overlay {
    width: 100%;
    height: 100vh;
    background: #242424;
    position: absolute;
    transform: translateX(-100%);

}

.banner_content {
    padding-top: 20rem;
    position: relative;
    z-index: 5;
}

.banner_content span {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: var(--primary-green-color);
    display: inline-block;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    perspective: 800px;
}


.banner_content span svg {
    width: 4rem;
    height: 3rem;
}











.banner_content .main-title-light svg {
    width: 4rem;
}






.banner_content h1.main-title-light {
    margin: 3.5rem 0;
    font-size: 5rem;
}


.banner_content p.main-para-light {
    max-width: 50%;

}



.banner_content button.dark-bg-btn {
    display: flex;
    gap: 1rem;
    cursor: pointer !important;
    margin-top: 4rem;
    z-index: 0;
}

.banner_content button.dark-bg-btn:hover svg {
    margin-left: 0.1rem;
}


.banner_img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    /*    height: 90vh;*/
    overflow: hidden;
}




.banner_img img {
    transform: translate(217px, -470.004px) rotate(49.9997deg);
    width: 15rem;
    opacity: 0.35;
}




.patterns {
    width: 100%;
    position: relative;
}


.pattern-1 {
    position: absolute;
    left: 50%;
    bottom: -150px;
    transform: translateX(-50%);
}


.pattern-2 {
    position: absolute;
    right: 5%;
    bottom: 40%;
}


/* Start Button Styling */

.button_Start_Project {
    position: fixed;
    left: 10%;
    bottom: 8%;
    z-index: 999;
}


.button_Start_Project a {
    display: flex;
    width: 26rem;
    height: 6rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: var(--primary-green-color);
    box-shadow: 1px 7px 12px 0 rgba(35, 37, 41, .1);
    transition: .2s;
    transform: skewX(-33deg);
    border: 2px solid var(--primary-green-color);
}


.button_Start_Project a:hover {
    transform: skewX(0);
}


.button_Start_Project .startBtn {
    color: #fff4f5;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transform: skewX(33deg);
    transition: all 0.3s;
}


.button_Start_Project a:hover {
    background: rgba(0, 0, 0, 0.34);
}

.button_Start_Project a:hover span {
    color: #ffffff;
    transform: skewX(0);
}


/* Icon */
.scroll_icon {
    position: fixed;
    right: 1rem;
    bottom: 6%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    mix-blend-mode: difference;
	display:none;
}

.scroll_icon span {
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-variant: small-caps;
    letter-spacing: 0.2rem;
    font-weight: 600;
    transform: rotate(90deg);
}




.circle-1,
.circle-2 {
    animation: scroll 2s infinite linear;
    opacity: 0;
}

.circle-2 {
    animation-delay: 1s;
}

@keyframes scroll {
    0% {
        cy: 4;
        opacity: 0;
    }

    45%,
    55% {
        opacity: 1;
        cy: 9;
    }

    100% {
        cy: 14;
        opacity: 0;
    }
}



/* Banner Section Styling End */



/* About Section Styling Start */

.about {
    width: 100%;
    background: var(--primary-light-bg);
    padding: 10rem 0
}


.about_section {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 3rem;
}

.about_img {
    width: 50%;
}

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

.about_content {
    width: 45%;
    padding: 5rem 1.5rem;
}


.about_content .main-title-dark {
    padding: 2rem 0;
    text-align: unset;
    font-size: 4rem;
}

.about_content .main-para-dark {
    font-size: 2.2rem;
    font-weight: 500;
}



/* About Section Styling End */



/* Brand Partners Styling Start */
.brand {
    padding: 0 0 0 0;
    background: var(--primary-light-bg)
}


.swiper-wrapper {
    transition-timing-function: linear;
}


.swiper-slide {
    width: 31rem;
    display: flex;
    padding: 0 1rem;
    margin-left: 2rem;
}


.swiper-slide img {
    max-width: 100%;
}

/* Brand Partners Styling End */



/* Our Services Styling Start */
.our_services {
    padding: 10rem 0 5rem 0;
    background: var(--primary-light-bg)
}

.our_services .main-title-dark {
    text-align: center;
}


.services_content button.light-bg-btn {
    display: flex;
    gap: 2rem;
    cursor: pointer !important;
    margin-top: 4rem;
    z-index: 0;
}

.services_content button.light-bg-btn:hover svg {
    margin-left: 0.1rem;
}

.pin-spacer {
    background: #fff;
}

.services_section {
    display: flex;
    justify-content: space-between;
    padding: 4rem 0;
    gap: 10rem;
}


.services_section.row_reverse .services_content {
    width: 45%;
}


.row_reverse {
    flex-direction: row-reverse !important;
}

.services_content {
    width: 55%;
}

.services_content ul {
    margin: 5rem 0;
}


.services_content ul li {
    font-size: 2rem;
    margin: 3rem 0;
    color: var(--services-para);
    list-style-position: inside;
    font-weight: 500;
}


.services_card {
    width: 40%;
    position: relative;
    z-index: 99;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform-style: preserve-3d;
}

services_card_img {
    transform: translateZ(20px);
}


.services_card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    transition: all 0.4s ease;
}


.services_card:hover img {
    transform: scale(1.05);
}

/* Our Services Styling End */



/* Our Works Styling Start */

.works {
    background: var(--primary-light-bg);
	padding: 50px 0;
}

.work_section {
    padding: 10rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8rem;
}


.work_card {
    width: calc(100% / 2 - 40px);
    max-height: 760px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}


.work_card.space {
    margin-top: 8rem;
}

.work_card.space .work_card_content .tags span {
    margin: unset;
}



.work_card_img {
    width: 100%;
    position: relative;
    overflow: hidden;
    /*    background: var(--primary-green-color);*/
    background: #85bd41b0;
    padding: 2rem;
    transition: all 1s linear;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
}


.work_card_img img {
    translate: none;
    rotate: none;
    scale: none;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 3s linear 1.2s;
}




.work_card_img:hover {
    padding: unset;
}


.work_card_img:hover img {
    transform: translate(0px, -80%);
}


.work_card_content {
    padding: 2rem 0;
}

.work_card_content .tags span {
    color: red;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: var(--primary-green-color);
    font-weight: 600;
}


.work_card_content .tags span:first-child {
    margin-right: 2.5rem;
}


.work_card_content .web_title {
    font-size: 3.8rem;
    font-weight: 600;
    line-height: 7rem;
}


.work_card_content .services-para {
    margin: 0;
    font-weight: 500;
    width: 100%;
}

/* Our Works Styling End */


/* Recrecognition Styling Start */

.recognition {
    background: var(--primary-light-bg);
}





.recognition_section {
    width: -moz-fit-content;
    width: fit-content !important;
    display: flex;
    flex-wrap: nowrap;
    padding: 10rem 0!important;
}

.recognition_card {
    width: 30rem;
    margin-left: 8rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.recognition_card .recognition_card_content h4 {
    color: var(--services-para);
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
    margin: 1rem 0;
}

/* Recrecognition Styling End */




/*  Testimonial Styling Start  */

.testimonial {
    padding: 10rem 0;
    background-color: var(--primary-light-bg);
}

.testimonial .swiper-testimonial {
    width: 100%;
    height: 30rem;
    position: relative;
    overflow: hidden;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none;
}

.swiper-testimonial .swiper-slide {
    background-color: var(--primary-light-bg);
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    height: 100%;
}



.testimonial .swiper-slide-active {
    width: 70% !important;
    /* background-color: red; */
    opacity: 1;
    height: 100%;
}



.testimonial .moving {
    position: fixed;
    top: -50px;
    left: -50px;
    width: 100px;
    height: 100px;
    /* background-color: var(--btn-light-bg); */
    background-color: #85bd41;
    z-index: 99;
    visibility: hidden;
    transition: all 0.1s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
}

.testimonial .swiper-button-next,
.swiper-button-prev {
    position: unset;
    margin-top: 0;
}


.swiper-button-prev {
    display: none;
    /* text-align: center; */
}

.testimonial .swiper-button-next::after,
.testimonial .swiper-button-prev::after {
    content: '';
}


/* .swiper-button-prev{
    color: red;
  } */



.swiper-button-prev i,
.swiper-button-next i {
    font-size: 5rem;
    color: var(--btn-light-bg);
}

.show {
    display: block;
}

.hide {
    display: none;
}


.testimonial_card {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    -webkit-user-select: none !important;
    padding: 5rem;
}

.testimonial_para {
    font-size: 3.78rem;
    text-align: start;
    line-height: 1.5;
    color: #242424;
    font-weight: 500;
}

.testimonial_title {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 5rem;
    color: #242424;
}


.testimonial_name h4 {
    font-size: 2rem;
}

.testimonial_name span {
    font-size: 1.6rem;
}

.swiper-testimonial .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.4;

}


/* Testimonial Styling End */



/*  FAQ Styling Start  */

.faq {
    padding: 10rem 0;
    background-color: #1F1E1D;
}


.faq_section {
    padding: 5rem 0;
}

.faq_slide {
    max-width: 100%;
    margin-top: 2rem;
    padding-bottom: 5rem;
    cursor: pointer;
    position: relative;

}

.faq_slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #353434;
}


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


.question h3 {
    font-size: 3rem;
    font-weight: 600;
    color: var(--primary-light-bg);
}

.answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease;
}

.faq_slide.active .answer {
    max-height: 30rem;
}

.low {
    opacity: 0.6;
}




.faq_slide svg {
    transition: all 1s ease;
}

.faq_slide.active svg {
    transform: rotate(180deg);
}

.answer p {
    padding-top: 2rem;
    line-height: 1.6;
    font-size: 2rem;
    max-width: 80%;
    color: var(--primary-light-bg);
}

/* FAQ Styling End */


/* Contact Us Styling Start */

.contact {
    padding: 5rem 0;
    background: var(--primary-light-bg);
}

.contact_title {
    font-size: 5.2rem;
    margin: 4rem 0;
    text-align: center;
}


.form_container {
    /*    background: red;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.form_container form {
    width: 100rem;
    /*    background: green;*/
    /*    background: var(--primary-green-color);*/
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 5rem;
}

.form_control label {
    font-size: 2rem;
    font-weight: 500;
}


.form_control > input[type="text"] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

.form_container input[type="text"] {
    width: 43rem;
    height: 4rem;
    padding: 0.7rem;
}

.inp_wrap {
    /*    width: 100%;*/
    /*    background: green;*/
    display: flex;
    justify-content: space-between;
}


.form_check {
    /*    border: 1px solid red;*/
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}


.course_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 0;
}


.course_list .form_check {
    margin: 2rem 0;
    display: flex;
    justify-content: start;
    align-items: center;
}


.form_check input[type="checkbox"] {
    width: 3rem;
    height: 2rem;
    margin: 0 0.5rem 0 0;
}


.text_control {
    display: flex;
    flex-direction: column;
}


.text_control label {
    font-size: 2rem;
    font-weight: 500;
}


textarea {
    margin: 1.5rem 0;
    padding: 0.7rem;
}

small {
    display: block;
    font-size: 1.34rem;
}

.subBtn {
    background: #242424;
    margin: 2rem 0;
    padding: 1.5rem 5rem;
    color: #f9f9f9;
    font-size: 1.7rem;
    border-radius: 2rem;
    cursor: pointer;
}


.det h4 {
    font-size: 3rem;
    font-weight: 500;
    margin: 3rem 0;
}

.det a {
    font-size: 1.78rem;
    color: var(--primary-green-color);
}

/* Contact Us Styling End */


/* Footer Section Start */
footer {
    padding: 3rem 0;
    background: linear-gradient(var(--primary-dark-bg), #242424)
}


.top_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 6rem 0;
}

.top_footer::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #353434;
}

.footer_contact a {
    display: block;
    margin: 1.5rem 0;
    color: #fff;
    font-size: 2rem;
}



.links_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6rem 0;
}



.links_wrapper .address h5 {
    color: #f9f9f9;
    font-size: 1.7rem;
    font-weight: 500;
    margin: 1rem 0;
}


.links_wrapper .address p {
    font-size: 1.7rem;
    color: #f9f9f9;
    line-height: 1.9;
}

.links_wrapper .address svg {
    width: 30px;
    height: 30px;
    margin-right: 1rem;
    vertical-align: middle;
}


.links_wrapper .social {
    margin-top: 1rem;
}


.links_wrapper .social h5 {
    margin: 3rem 0 1.5rem 0;
}

.links_wrapper .social a {}

.links h5 {
    color: #f9f9f9;
    font-size: 1.7rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 1rem 0;
    color: var(--primary-green-color);
}

.links ul {
    list-style: none;
}

.links ul li {
    font-size: 1.78rem;
    color: #f9f9f9;
    margin: 2rem 0;
}


.links a {
    transition: all 0.3s ease;
}

.links a:hover{
	color:var(--primary-green-color);
}

.footer_contact a{
	transition: all 0.3s ease;
}

.footer_contact a:hover{
	color:var(--primary-green-color);
}


.copy_right {
    text-align: center;
    font-size: 2rem;
    color: #f9f9f9;
}

.copy_right a {
    color: var(--primary-green-color);


}

/* Footer Section End */

/* Home Page Styling End */


/* About Page Styling Start */

/* About Banner Styling Start*/

.about_page {
    background: #ffffff;
    color: #242424;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


nav.active.background_dark {
    background: #242424;
}

nav.active.background_dark li a {
    color: #f9f9f9;
}

.about_page_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.about_page_content {
    display: inline-flex;
    align-items: center;
}


.about_page_title h1 {
    font-size: 5vw;
    font-weight: 500;
}

.about_page_title svg {
    width: 5rem;
}

.about_page_title p {
    font-size: 1.8rem;
    margin-top: 5rem;
}


/* About Banner Styling End*/


/* About Company Styling Start */

.about_company {
    background: #ffffff;
}


.about_company_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.about_company_img {
    width: 100%;
}

.about_company_img img {
    width: 100%;
    height: 60rem;
    object-fit: cover;
}

.about_company_desc {
    padding: 5rem 0;
}

.green_subtitle {
    color: var(--primary-green-color);
    font-size: 1.7rem;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    /*    margin: 0.5rem 0;*/
    margin: 0;
}


.about_company_desc p:not(.green_subtitle) {
    font-size: 2.3rem;
    width: 75%;
    margin: 1.5rem auto;
    font-weight: 500;
    line-height: 1.6;
}


.customer_counter {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}


.count .number {
    font-size: 6rem;
    font-weight: 400;
    text-align: center;
}

.count .number > span {
    color: var(--primary-green-color);
}


.count .tagline {
    font-size: 2rem;
    font-weight: 600;
}

/* About Company Styling End */


/* Location Styling Start */

.location {
    padding: 8rem 0;
    background: #ffffff;
}


.location_wrapper {
    padding: 5rem 4rem;
    display: flex;
    justify-content: space-between;
}




.about_page_com_title {
    text-align: center;
    margin: 1rem 0;
    font-size: 4.5rem;
    font-weight: 400;
}


.map_wrapper {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}



.flag_wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 580px;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.flags {
    width: calc(100% / 2 - 2rem);
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 2rem;
}

.flags img {
    width: 8rem;
    object-fit: cover;
}


.flags p {
    font-size: 1.6rem;
    font-weight: 600;
    cursor: default;
    transition: all 0.1s ease;
}

/*
.flags p.active{
    color: var(--primary-green-color);
}
*/


.map_wrapper .map_content .maps img {
    display: none;
    height: 400px;
}

.map_content .maps img.active {
    display: block;
}


/* Location Styling End */


/* We Stand Styling Start */


.info_vision {
    font-size: 1.8rem;
    max-width: 630px;
    margin: 0 auto 4rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.8rem;
    color: #484848;
}

.we_stand {
    background: #ffffff;
}

.vision_img {
    height: 40rem;
    width: 100%;
}

.vision_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mission {
    padding: 5rem 0;
}

.mission_img {
    height: 40rem;
    width: 100%;
}

.mission_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.values_section {
    width: 1050px;
    margin: 0 auto;
    max-width: 90%;
}


.values_card {
    margin: 4rem 0 0 0;
}





.values_card_content {
    display: flex;
    align-items: center;
    column-gap: 2rem;
    margin: 2rem 0;
}

.values_card_content h3 {
    font-size: 3rem;
    font-weight: 500;
}

.values_card p {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

/* We Stand Styling End */

/* Industry Recognition Start */

.about_recognition {
    padding: 6rem 0;
    background: #ffffff;
}

.about_recognition_card_wrapper {
    /*    background: red;*/
    max-width: 825px;
    margin: 2rem auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    column-gap: 2rem;
}


/* Industry Recognition End */


/* Testimonial Styling Start */

.testimonial {
    padding: 3rem 0;
}

.testimonial_section {}

/* Testimonial Styling End */

/* About Company Styling End */



/**************************************************************/
/* SEO Page Styling Start  */
/**************************************************************/

.seo {
    width: 100%;
    height: 500px;
    background-image: url(../images/seo_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0%, 100% 81%, 0 100%);
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 81%, 0 100%);
}


/*
.seo::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
    border: 5rem solid rgba(133, 189, 65, 0.7);
    transform: translate(-50%,-50%);
}
*/


.seo_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.seo_section h2 {
    color: red;
    font-size: 6rem;
    margin-top: 14rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
}



.seo_section p {
    font-size: 2.56rem;
    color: var(--primary-light-bg);
    font-weight: 500;
}


.seo_services {
    padding: 5rem 0 0 0;
}

.seo_service_section h3 {
    font-size: 3rem;
    margin: 2rem 0;
    text-align: center;
    font-weight: 600;
}

.seo_service_section p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem;
    margin-top: 2rem;
}


.seo_service_section p {
    font-size: 2rem;
}

.seo_service_section p a {
    color: var(--primary-green-color);
    font-weight: 700;
}


.seo_carousel_section {
    margin: 5rem 0;
    height: 200px;
    width: 100%;
    overflow-x: hidden;
}


a.seo_btn {
    background: #85BD41;
    font-size: 2.5rem;
    text-transform: uppercase;
    padding: 1.2rem 6rem;
    color: #ffffff;
    margin: 0 0 0 5rem;
    border-radius: 5rem;
}


.seo_carousel_section .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    display: none;
}



.seo_carousel_section .swiper-slide img {
    max-width: 200px;
}

.seo_carousel_section .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    align-items: center;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}


/*
.seo_carousel_section .swiper-pagination-bullet .swiper-pagination-bullet-active{
    color: red;
}
*/


.seo_carousel_section .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--primary-green-color);
}


.seo_btsn {
    margin-top: 5rem;
}


.seo_btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.seo_btns a {
    background: #85BD41;
    padding: 1rem 3rem;
    font-size: 2rem;
    text-transform: uppercase;
    color: #ffffff;
    /* margin: auto; */
    /* display: inline-block; */
}


.seo_banner_2 {
    margin: 6rem 0;
    height: 400px;
    background-image: url(../images/seo_banner_2.jpg);
/*     background-attachment: fixed; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.3);
}


.review_seo p {
    font-size: 2rem;
    text-align: center;
    font-weight: 300;
    margin: 2rem 0;
}

/*reviewSwiper*/

.reviewSwiper2 {
    width: 100%;
    height: 500px;
}

.reviewSwiper2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reviewSwiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*


.review_seo .swiper-button-next, .swiper-button-prev{
    position: absolute;
    display: unset;
    font-size: 3rem;
    color: var(--primary-green-color);
}
*/


.reviewSwiper2 .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--primary-green-color);
}


.seo_services_works {
    padding: 5rem 0;
}


.seo_service_section h3 {
    font-size: 3rem;
    color: var(--primary-green-color)
}

.seo_service_section p {
    margin-top: 1.5rem;
    font-size: 2rem;
    font-weight: 400;
}


.seo_services_bottom_banner {
    margin: 6rem 0 3rem 0;
    height: 500px;
    background-image: url(../images/seo_banner_3.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.3);
    clip-path: polygon(0 0, 100% 0%, 100% 90%, 0 100%);
}


.seo_contect {
    margin: 6rem 0 0 0;
    padding: 5rem 0;
    text-align: center;
    background: var(--primary-green-color);
}


.seo_contect p {
    font-size: 2.2rem;
    margin: 4rem 0;
	color:#fff;
}


.seo_contact .seo_contect_btn {
    font-size: 3rem;
    background: #fff;

}



a.seo_contect_btn {
    font-size: 2rem;
    background: #242424;
    padding: 1rem 3rem;
    border-radius: 5.4rem;
    text-transform: uppercase;
    color: #fff;
	transition: all 0.3s ease;
}

a.seo_contect_btn:hover{
	background: #fff;
	color: #242424;
}


/**************************************************************/
/* SEO Page Styling End  */
/**************************************************************/


/**************************************************************/
/* Portfolio Page Styling Start  */
/**************************************************************/



.portfolio_compliance {
    height: 100vh;
    background-image: url(../images/portfolio_img_1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.portfolio_compliance_wrapper,
.portfolio_communication_technology_wrapper,
.portfolio_ecommerce_web_wrapper,
.portfolio_data_management_wrapper,
.portfolio_school_web_wrapper,
.portfolio_healthcare_web_wrapper,
.portfolio_charity_web_wrapper,
.portfolio_framework_web_wrapper,
.portfolio_small_web_wrapper {
    width: 100%;
    max-width: 45%;
    padding: 6rem 8rem;
}

.portfolio_compliance_wrapper h3,
.portfolio_communication_technology_wrapper h3,
.portfolio_ecommerce_web_wrapper h3,
.portfolio_data_management_wrapper h3,
.portfolio_school_web_wrapper h3,
.portfolio_healthcare_web_wrapper h3,
.portfolio_charity_web_wrapper h3,
.portfolio_framework_web_wrapper h3,
.portfolio_small_web_wrapper h3 {
    font-size: 3rem;
    color: #f9f9f9;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    position: relative
}

.portfolio_compliance_wrapper h3::before,
.portfolio_communication_technology_wrapper h3::before,
.portfolio_ecommerce_web_wrapper h3::before,
.portfolio_data_management_wrapper h3::before,
.portfolio_school_web_wrapper h3::before,
.portfolio_healthcare_web_wrapper h3::before,
.portfolio_framework_web_wrapper h3::before,
.portfolio_small_web_wrapper h3::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1.78rem;
    width: 5rem;
    height: 0.5rem;
    background: var(--primary-green-color);
}


.portfolio_page_content {
    margin: 3rem 0;
}

.portfolio_page_content h4 {
    font-size: 2.5rem;
    color: var(--primary-green-color);
    font-weight: 600;
    margin: 1rem 0;
}

.portfolio_page_content p {
    font-size: 1.78rem;
    color: #f9f9f9;
    font-weight: 400;
/*    line-height: 1.4;*/
}

.portfolio_page_btns {
    font-size: 2rem;
    text-transform: capitalize;
    color: #f9f9f9;
    font-weight: 600;
    background: var(--primary-green-color);
    padding: 1rem 1.4rem;
    transition: all 0.3s ease;
    border: 0.2rem solid transparent;
}


.portfolio_page_btns:hover {
    border-color: var(--primary-green-color);
    background: transparent;
}



.portfolio_communication_technology {
    height: 100vh;
    background-image: url(../images/portfolio_img_2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.portfolio_communication_technology::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.5rem;
    background: rgba(133, 189, 65, 0.88);
}




.portfolio_ecommerce_web {
    height: 100vh;
    background-image: url(../images/portfolio_img_3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.portfolio_ecommerce_web::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.5rem;
    background: rgba(133, 189, 65, 0.88);
}



.portfolio_data_management {
    height: 100vh;
    background-image: url(../images/portfolio_img_4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.portfolio_data_management::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.5rem;
    background: rgba(133, 189, 65, 0.88);
}


.portfolio_school_web {
    height: 100vh;
    background-image: url(../images/portfolio_img_5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}


.portfolio_school_web::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.5rem;
    background: rgba(133, 189, 65, 0.88);
}





.portfolio_healthcare_web {
    height: 100vh;
    background-image: url(../images/portfolio_img_6.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}


.portfolio_healthcare_web::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.5rem;
    background: rgba(133, 189, 65, 0.88);
}


.portfolio_charity_web {
    height: 100vh;
    background-image: url(../images/portfolio_img_7.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.portfolio_charity_web::before,
.portfolio_framework_web::before,
.portfolio_small_web::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.5rem;
    background: rgba(133, 189, 65, 0.88);
}


.portfolio_framework_web {
    height: 100vh;
    background-image: url(../images/portfolio_img_8.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}


.portfolio_small_web {
    height: 100vh;
    background-image: url(../images/portfolio_img_9.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}


/**************************************************************/
/* Portfolio Page Styling End  */
/**************************************************************/









/* **************************************** */
/*  Contact Us Page Styling Start */
/* **************************************** */


.contact_page_banner {
    background-image: url(../images/contact_us_page.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    height: 500px;
    display: flex;
    background-color: rgba(0, 0, 0, 0.46);
    background-blend-mode: overlay;
    justify-content: center;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}

.contact_page_banner_content {
    text-align: center;
    padding-top: 15rem;
}

.contact_page_banner_content h2 {
    font-size: 5rem;
    text-transform: uppercase;
    color: var(--text-white);
    font-weight: 700;
}

.contact_page_banner_content p {
    font-size: 2.5rem;
    color: var(--text-white);
}


.contact_page_wrapper {
    padding: 5rem 0;
    ;
}


.contact_page_wrapper .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


.contact_page_form_wrapper form fieldset {
    border: none;
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}


.contact_page_form_wrapper form fieldset label,
.contact_page_form_wrapper form {
    font-size: 2rem;
    margin: 1rem 0;
    font-weight: 500;
}



.conact_page_input_wrapper {
    display: flex;
    flex-direction: column;
}

input#contact_page_first_name,
input#contact_page_last_name,
input#contact_page_email,
input#contact_page_phone,
select#contact_page_budget,
input#contact_page_web_url {
    width: 35rem;
    height: 5rem;
    /* border: 1px solid #818181; */
    border-radius: 0.5rem;
    border: none;
    outline: none;
    border: 1px solid grey;
    background: #f9f9f9;
    font-size: 2rem;
    padding: 0 1rem;
    margin-bottom: 1.5rem;
}



.contact_page_small_title {
    font-size: 3rem;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--primary-green-color);
    margin: 3rem 0;
}

.message_area {
    margin-top: 2rem;
}

.message_area textarea {
    width: 100%;
    height: 10rem;
    margin: 1.5rem 0;
    border-radius: 0.5rem;
}

/* .privacy_inp{
    display: flex;
    align-items: center;
    gap: 2rem;
} */

.privacy_inp input[type="checkbox"] {
    width: 2rem;
}


.privacy_field {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.privacy_field input {
    margin-top: 0.5rem;
    width: 2rem;
    height: 2rem;
}

.privacy_field p {
    width: 760px;
    font-weight: 500;
    font-size: 1.78rem;
}


.contact_page_sub_btn {
    margin: 3rem 0;
}

.contact_page_sub_btn input {
    border: none;
    outline: none;
    padding: 1.2rem 2rem;
    font-size: 2rem;
    background-color: var(--primary-green-color);
    color: var(--text-white);
    font-weight: 600;
    cursor: pointer;
}


.contact_page_details .container {
    flex-direction: column;
    align-items: flex-start;
}


.contact_page_details_wrap .contact_email,
.contact_page_details_wrap .num,
.contact_page_details_wrap .time {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.contact_page_details_wrap .contact_email i,
.contact_page_details_wrap .num i,
.contact_page_details_wrap .time i {
    font-size: 3rem;
    color: var(--primary-green-color);
}

.contact_page_details_wrap .contact_email p,
.contact_page_details_wrap .num p,
.contact_page_details_wrap .time p {
    font-size: 2rem;
}


.contact_page_address {
    margin: 2rem 0;
}

.contact_page_address svg {
    width: 5rem;
    height: 5rem;

}



.contact_page_address p {
    font-size: 2rem;
    font-weight: 400;
    color: #242424;
    line-height: 1.5;
}



.contact_page_maps svg {
    width: 5rem;
    height: 5rem;
}


.contact_page_maps p {
    font-size: 2rem;
    font-weight: 400;
    color: #242424;
    line-height: 1.5;
}


.contact_page_maps_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}

.contact_page_maps {
    margin: 3rem;
}

/* **************************************** */
/*  Contact Us Page Styling End */
/* **************************************** */


/* Custom Cursor */
.custom_cursor svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99999;
    transition: all 0.3s ease;
    fill: var(--primary-green-color);
}


svg.feather.feather-arrow-right {
    width: 2rem;
    /*    color: var(--primary-green-color);*/
    color: #ffffff;
}

.recognition .container {
    overflow-x: hidden;
}

/* Custom Cursor */




/* **************************************************** */
/*  Media Query */
/* **************************************************** */


@media screen and (max-width:1291px) {
    .about_content {
        padding: 0;
    }

    .about_content .main-para-dark {
        font-size: 1.78rem;
    }
    
    
    /*  ____________________________________  */
    
    /*     About page Responsive   */
    /*  ____________________________________  */
    
    .portfolio_compliance_wrapper, .portfolio_communication_technology_wrapper, .portfolio_ecommerce_web_wrapper, .portfolio_data_management_wrapper, .portfolio_school_web_wrapper, .portfolio_healthcare_web_wrapper, .portfolio_charity_web_wrapper, .portfolio_framework_web_wrapper, .portfolio_small_web_wrapper{
        max-width: 100%;
        padding: 12rem 8rem;
    }
    
    
}


@media screen and (max-width:1279px) {
    .contact_page_wrapper .container {
        flex-wrap: wrap;
    }

    .contact_page_details .container {
        padding: 0;
    }
    
    
    /*  ____________________________________  */
    
    /*     About page Responsive   */
    /*  ____________________________________  */
}




@media screen and (max-width:1024px) {
    .about {
        padding: 6rem 0;
    }

    .about .container {
        padding: 0 5rem;
    }

    .about_img img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about_content .main-title-dark {
        font-size: 3rem;
    }


    .brand {
        padding: 3rem 0 6rem 0;
    }

    .our_services {
        padding: 3rem 0 0 0;
    }

    .services_content,
    .services_card {
        width: 100%;
        margin: 0 0 5rem 0;
    }

    .services_section {
        justify-content: center;
        flex-direction: column-reverse;
    }

    .services_card {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        min-height: 500px;
    }

    .our_services .container,
    .works .container,
    .testimonial .container,
    .faq .container,
    footer .container,
    .contact_page_wrapper .container,
    .contact_page_wrapper .container {
        padding: 0 5rem;
    }


    .links_wrapper {
        padding: 2rem 0;
        flex-wrap: wrap;
    }

    .top_footer {
        padding: 3rem 0;
    }

    .services_section {
        padding: 0;
        gap: 4rem;
    }


    .our_services .main-title-dark {
        text-align: center;
        margin: 0 0 5rem 0;
        font-size: 4rem;
    }

    .services_content ul {
        margin: 2rem 0;
    }

    .sub-title {
        margin: 1rem 0;
    }


    nav {
        padding: 0 10rem;
    }

    nav ul li {
        font-size: 4vw;
        white-space: nowrap;
    }

    .work_section {
        padding: 3rem 0;
        gap: 1rem;
    }

    /*  Our Works Start  */

    .works .main-title-dark {
        font-size: 4rem;
        margin: 0 0 5rem 0;
    }

    .recognition .main-title-dark {
        font-size: 4rem;
        margin: 0 0 5rem 0;
    }

    .recognition_section {
        padding: 4rem 0;
    }


    .testimonial_card {
        padding: 0rem;
    }


    .testimonial .swiper-slide-active {
        width: 80% !important;
    }


    .testimonial_para {
        font-size: 3vw;
    }

    .recognition_card {
        width: 25rem;
    }


    .faq {
        padding: 5rem 0;
    }


    .question h3 {
        font-size: 3vw;
    }


    .banner_content p.main-para-light {
        max-width: 100%;
    }


    .scroll_icon {
        display: none;
    }


    .pattern-1 {
        bottom: -7rem;
    }

    .recognition .container {
        overflow-x: hidden;
    }

    .button_Start_Project {
        bottom: 3%;
    }

    .contact_title {
        font-size: 3rem;
        margin: 1rem 0;
    }

    .contact_page_wrapper {
        /*        background: red;*/
        overflow-x: hidden !important;
    }

    .contact_page_details .container {
        padding: 0;
    }

    .contact_page_wrapper .container {
        justify-content: flex-start;
    }

    .contact_page_form_wrapper {
        width: 100%;
        max-width: 80%;
        /*        margin:0 auto;*/
    }

    .contact_page_form_wrapper form fieldset {
        /*        flex-wrap: wrap*/
    }

    .faq .main-title-light {
        font-size: 4rem;
    }
    
	.works {
		padding: 0px 0;
	}
    
    /*  ____________________________________  */
    
    /*     About page Responsive   */
    /*  ____________________________________  */
    
    .about_company .container{
        padding: 0 5rem;
    }
    
    
    .about_page_title p {
    font-size: 1.4rem;
    margin-top: 2rem;
}
    
    .about_company_desc p:not(.green_subtitle){
        font-size: 1.6rem;
        width: unset;
        font-weight: 400;
    }
    
    
    .location .container{
        padding: 0 5rem;
    }
    
    
    .we_stand .container{
        padding: 0 5rem;
    }
    
    .about_recognition .container{
        padding: 0 5rem;
    }
    
    
    .contact_map_location_section{
        padding: 0;
    }
    
    .contact_map_location_section .container{
        padding: 0 5rem;
    }
    
    .contact_page_maps_wrapper{
        justify-content: center;
    }
    
    
    .seo_services .container,
    .review_seo .container,
    .seo_services_works .container,
    .seo_contect .container,
    .seo .container{
        padding: 0 5rem;
    }
    
    
    .seo_services_works{
        padding: 5rem 0 0 0;
    }
    
    
    .seo_services .main-title-dark,
    .review_seo .main-title-dark,
    .seo_services_works .main-title-dark,
    .seo_contect .main-title-dark{
        font-size: 4rem;
    }
    
    .seo_section h2{
        margin-top: 20rem;
    }
    
    .seo_section p{
        font-size: 2rem;
    }
    
    .seo_service_section h3{
        font-size: 2rem;
    }
    
    
}



@media screen and (max-width:991px) {
    .testimonial .moving {
        display: none;
    }

    .banner_content {
        padding: 14rem 0;
    }

    .recognition .container {
        overflow-x: hidden;
    }

    .scroll_icon {
        display: none;
    }

    input#contact_page_first_name,
    input#contact_page_last_name,
    input#contact_page_email,
    input#contact_page_phone,
    select#contact_page_budget,
    input#contact_page_web_url {
        width: 30rem;
    }

    
    
    /*  ____________________________________  */
    
    /*     About page Responsive   */
    /*  ____________________________________  */
    
    
    .about_recognition_card_wrapper{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap:2rem;
    }
    
    .about_recognition{
        padding: 5rem 0;
    }
    
    .seo_section h2{
        font-size: 5rem;
    }
}











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

    header .container,
    #banner .container {
        padding: 0 5rem;
    }

    .header_section {
        padding: 3rem 0;
    }

    .menu-items {
        gap: 0;
    }

    .menu-items > a {
        right: 1rem;
    }


    .banner_img img {
        transform: translate(-200px, -470.004px) rotate(49.9997deg);
    }

    .banner_content p.main-para-light {
        max-width: 100%;
        font-size: 2.5vw;
    }


    .button_Start_Project {
        right: 5rem;
        bottom: 1rem;
    }

    .scroll_icon span {
        display: none;
    }

    .scroll_icon {
        left: 50%;
        transform: translateX(-50%) !important;
        bottom: 3rem;
    }


    .button_Start_Project a {
        width: 20rem;
    }

    .pattern-2 {
        right: 20%;
    }

    .pattern-1 {
        left: 30%;
		bottom:-15rem!important;
    }


    .banner_content h1.main-title-light {
        font-size: 7vw;
    }

    .about_content,
    .about_img {
        width: 100%;
    }

    .about_section {
        flex-direction: column;
        justify-content: center;
    }

    .swiper-slide {
        width: 25rem;
    }


    .sub-title {
        font-size: 5vw;
    }

    .services-para {
        width: unset;
        margin: 0;
        font-size: 1.78rem;
    }

    .services_content ul li {
        margin: 2rem 0;
    }

    .services_content button.light-bg-btn {
        margin-top: 2rem;
    }


    /*  Our Work Section   */

    .work_card_content .services-para {
        width: unset;
        margin: 0;
        font-size: 1.78rem;
        font-weight: 400;
    }


    .work_section {
        padding: 0;
    }

    .work_card {
        width: 100%;
    }

    .recognition_section {
        padding: 0;
    }

    .recognition {
        padding: 5rem 0;
    }


    .testimonial .swiper-slide-active {
        width: 100% !important;
    }

    .testimonial .swiper-slide .swiper-slide-prev {
        background: red;
    }

    .testimonial_title {
        gap: 2rem;
    }


    .contact_page_form_wrapper form fieldset {
        flex-wrap: wrap;
    }

    .contact_page_form_wrapper {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }

    .conact_page_input_wrapper {
        width: 100%;
    }


    input#contact_page_first_name,
    input#contact_page_last_name,
    input#contact_page_email,
    input#contact_page_phone,
    select#contact_page_budget,
    input#contact_page_web_url {
        width: 100%;
    }

    .contact_page_form_wrapper form fieldset {
        gap: 0;
    }

    .privacy_field p {
        font-weight: 400;
        font-size: 1.4rem;
    }
    
    
    
    /*  ____________________________________  */
    
    /*     About page Responsive   */
    /*  ____________________________________  */
    
    .about_page .container{
        padding: 0 5rem;
    }
    
    
    .about_page_title h1{
        font-size: 6vw;
    }
    
    .count .number{
        font-size: 4rem;
    }

    .count .tagline{
        font-size: 1.7rem;
    }
    
    
    .location_wrapper{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap:5rem;
    }
    
    .map_wrapper{
        justify-content: center;
    }
    
    
    .map_wrapper .map_content .maps img{
        width: 40rem;
        height: 400px;
    }
    
    .flags p{
        text-align: center;
    }
    
    .about_page_com_title{
        font-size: 3rem;
    }
    
    
    .info_vision{
        font-size: 1.7rem;
    }
    
    
    .values_section{
        margin: 0;
    }
    
    .values_card_content h3{
        font-size: 2.5rem;
    }
    
    .contact_page_banner_content h2{
        font-size: 4rem;
    }
    
    
    .contact_page_banner_content p{
        font-size: 2rem;
    }
    
    
    .contact_page_banner_content p{
        font-size: 1.7rem;
    }
    
    
    
    
    .seo_service_section p{
        font-size: 1.7rem;
    }
    
    .seo_section h2{
        font-size: 4rem;
        white-space: nowrap;
    }
    
    
    .seo_section p{
        font-size: 1.7rem;
    }
    
    
    .seo_btns a{
        font-size: 1.5rem;
        padding: 1rem;
    }
    
    
    .portfolio_page_btns{
        font-size: 1.4rem;
        margin: 1.5rem 0;
        display: inline-block;
    }
    
    
    
    .portfolio_page_content{
        margin: 1rem 0;
    }
    
    .portfolio_compliance,
    .portfolio_communication_technology,
    .portfolio_ecommerce_web,
    .portfolio_data_management,
    .portfolio_school_web,
    .portfolio_healthcare_web,
    .portfolio_charity_web,
    .portfolio_framework_web,
    .portfolio_small_web{
        background-color: rgba(0,0,0,0.6);
        background-blend-mode: overlay;
    }
    
    
    .portfolio_compliance_wrapper, .portfolio_communication_technology_wrapper, .portfolio_ecommerce_web_wrapper, .portfolio_data_management_wrapper, .portfolio_school_web_wrapper, .portfolio_healthcare_web_wrapper, .portfolio_charity_web_wrapper, .portfolio_framework_web_wrapper, .portfolio_small_web_wrapper{
        padding: 12rem 5rem;
    }
    
    
}


@media screen and (max-width:575px){
	.testimonial_para{
		font-size:1.3rem!important;
	}
	
/* 	.seo_banner_2{
		background-attachment: unset!important;
	} */
}


/*  Media Query 475px */

@media screen and (max-width:475px) {
	
	
	
	
	.about_company_img img{
		height:auto;
	}
	
	
	.about_page_content > img {
    width: 100px;
    max-width: 25px;
}
	
	.about{
		padding:4rem 0;
	}
	
	#banner{
		height:95vh;
	}
	
	.overlay{
		height:95vh;
	}
	

    body {
        overflow-x: hidden;
    }


    .button_Start_Project a,
    .button_Start_Project .startBtn {
        transform: skewX(0)
    }

    .button_Start_Project a {
        width: 15rem;
        height: 5rem;
        border-radius: 5rem;
    }

    .button_Start_Project .startBtn {
        font-size: 3vw;
    }

    .button_Start_Project {
        right: 0.5rem;
    }

    .menu-items > a {
        display: none;
    }

    .banner_content h1.main-title-light {
        font-size: 10vw;
        margin: 1rem 0;
    }

    .banner_content p.main-para-light {
        font-size: 3.5vw;
    }

    .banner_content button.dark-bg-btn {
        margin-top: 2rem;
    }

    .pattern-2 {
        right: 10%;
		bottom:-22rem;
    }

    .scroll_icon {
        bottom: 1rem;
    }


    .services-para {
        font-size: 1.6rem;
    }

    .our_services .main-title-dark {
        font-size: 3.4rem;
    }

    .services_content ul li {
        font-size: 1.6rem;
        margin: 1rem 0;
    }


    .services_card {
        min-height: 40rem;
    }

    .services_card img {
        height: 40rem;
    }

    .our_services .container,
    .about .container,
    header .container,
    #banner .container,
    .works .container,
    .testimonial .container,
    .faq .container,
    footer .container,
    .contact_page_wrapper .container{
        padding: 0 2rem;
    }

    .services_card {
        min-height: 30rem;
    }

    .services_section {
        gap: 2rem;
    }

    .services_card img {
/*         object-fit: contain; */
        height: 30rem;
    }
	
	..services_card{
		background:transparent;
	}


    .work_card_img {
        height: 30rem;
    }

    .work_card.space {
        margin-top: 3rem;
    }



    header .container {
        position: fixed;
        top: 0;
        left: 0;
		background:rgba(36,36,36,0.5)!important;
    }


    nav {
		width:100%;
          padding: 15rem 5rem 0 5rem!important;
          align-items: unset!important;
		  clip-path:unset;
		transform:translatex(-100%);
    }
	
	nav.active{
		transform:translatex(0);
	}
	

    nav ul li {
        font-size: 5vw;
    }


    /*
    .recognition_card{
        margin: 0;
    }
*/


    .recognition_section .recognition_card:first-child {
        margin-left: 4rem;
    }

    .recognition_card {
        width: 25rem;
        margin-left: 1rem;
    }


    .recognition_card .recognition_card_content h4 {
        font-size: 4vw;
    }


    .testimonial_para {
        font-size: 4vw;
    }


    .faq_slide {
        margin-top: 2rem;
    }

    .faq_section {
        padding: 2rem 0;
    }

    .answer p {
        font-size: 1.78rem;
    }

    .top_footer {
        flex-wrap: wrap;
    }

    .copy_right {
        font-size: 1.2rem;
    }

    .button_Start_Project a {
/*        display: none;*/
    }

    .links ul li {
        font-size: 1.4rem;
    }

    .links_wrapper .social {
        margin: 1.5rem 0;
    }

    .question h3 {
        font-size: 1.7rem;
        line-height: 1.5;
    }

    .faq_slide {
        padding-bottom: 3rem;
    }

    .logo img {
        width: 180px;
    }


    .banner_content p.main-para-light {
        font-size: 1.7rem;
    }

    .contact_page_form_wrapper form fieldset label,
    .contact_page_form_wrapper form {
        font-size: 1.7rem;
        margin: 0.5rem 0;
    }

    .contact_page_small_title {
        font-size: 2rem;
        margin: 1rem 0;
    }


    input#contact_page_first_name,
    input#contact_page_last_name,
    input#contact_page_email,
    input#contact_page_phone,
    select#contact_page_budget,
    input#contact_page_web_url {
        height: 4rem;
    }
    
    
    /*  ____________________________________  */
    
    /*     About page Responsive   */
    /*  ____________________________________  */
	
	.vision_img img{
		height:auto;
	}
	
	.vision_img{
		height:auto;
	}
	
	.about_recognition_card_wrapper{
		justify-content:center!important;
	}
    
    .about_page .container{
        padding: 0 2rem;
    }
    
    .about_page_title p {
    font-size: 1.4rem;
    margin-top: 0;
    text-align: center;
}
    
    .about_page_title svg{
        width: 3rem;
    }
    
    .about_page_title h1{
        margin: 0 1rem;
		font-size:5vw!important;
    }
    
    .customer_counter{
        gap:4rem;
		flex-direction:column;
    }
	
	.about_page_com_title{
		font-size:3.5rem!important;
	}
    
    
    .about_page{
        height: 300px;
    }
    
    
    .about_company .container{
        padding: 0 2rem;
    }
    
    .about_company_desc{
        padding: 2.5rem 0;
    }
    
    
    .about_page_com_title{
        font-size: 3rem;
    }
    
    
    .location_wrapper{
        padding: 0;
    }
    
    .location .container{
        padding: 0 2rem;
    }
    
    .flag_wrapper{
        gap:1.5rem;
    }
    
    .flags{
        flex-direction: column;
        gap:1rem;
    }
    
    
    .maps {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
    
    .map_wrapper .map_content .maps img {
    width: 40rem;
    height: 300px;
}
    
    
    .we_stand .container{
        padding: 0 2rem;
    }
    
    
    .values_section{
        margin: auto;
    }
    
    .values_card_content h3{
        font-size: 2rem;
    }
    
    
    .values_card{
        margin: 2rem 0 0 0;
    }
    
    .values_card_content{
        column-gap: 1rem;
        margin: 1rem 0;
    }
    
    .mission{
        padding: 3rem 0;
    }
    
    
    .about_page_title p{
        font-size: 1.7rem;
    }
    
    .about_recognition .container{
        padding: 0 2rem;
    }
    
    
    .contact_map_location_section .container{
        padding: 0 2rem;
    }
    
    
    .seo_services .main-title-dark, .review_seo .main-title-dark, .seo_services_works .main-title-dark, .seo_contect .main-title-dark{
        font-size: 3.4rem;
    }
    
    .seo_services .container, .review_seo .container, .seo_services_works .container, .seo_contect .container, .seo .container{
        padding: 0 2rem;
    }
    
    .seo_section h2{
        white-space: unset;
        text-align: center;
    }
    
    .seo_service_section p{
        text-align: justify;
    }
    
    .seo_btns a{
        font-size: 1.2rem;
        white-space: nowrap;
    }
    
    .seo_contect p{
        font-size: 1.7rem;
    }
    
    
    .portfolio_page_content p{
        font-size: 1.3rem;
    }
    
    .portfolio_compliance_wrapper, .portfolio_communication_technology_wrapper, .portfolio_ecommerce_web_wrapper, .portfolio_data_management_wrapper, .portfolio_school_web_wrapper, .portfolio_healthcare_web_wrapper, .portfolio_charity_web_wrapper, .portfolio_framework_web_wrapper, .portfolio_small_web_wrapper{
        padding: 5rem 2rem;
    }
	
	.portfolio_compliance_wrapper h3, .portfolio_communication_technology_wrapper h3, .portfolio_ecommerce_web_wrapper h3, .portfolio_data_management_wrapper h3, .portfolio_school_web_wrapper h3, .portfolio_healthcare_web_wrapper h3, .portfolio_charity_web_wrapper h3, .portfolio_framework_web_wrapper h3, .portfolio_small_web_wrapper h3{
		font-size:2.5rem!important;
	}
	
	
	.portfolio_compliance_wrapper h3::before, .portfolio_communication_technology_wrapper h3::before, .portfolio_ecommerce_web_wrapper h3::before, .portfolio_data_management_wrapper h3::before, .portfolio_school_web_wrapper h3::before, .portfolio_healthcare_web_wrapper h3::before, .portfolio_framework_web_wrapper h3::before, .portfolio_small_web_wrapper h3::before{
		bottom:-4px!important;
	}
	
	
	.ars_port {
    background-color: #000000ab !important;
    background-blend-mode: overlay!important;
}
}




@media screen and (max-width:375px) {
    .banner_content span {
        font-size: 1.2rem;
    }

    .logo img {
        max-width: 80%;
    }

    .banner_img img {
        width: 12rem;
    }


    /*  ____________________________________  */
    
    /*     About page Responsive   */
    /*  ____________________________________  */
    
    
    .values_card p{
        font-size: 1.4rem;
        
    }

}