/*============= HOME PAGE  =========*/
body {
    overflow-x: hidden;
}

.home-top-section-content {
    background-image: url("../img/home-top-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.home-top-left-content {
    padding: 0.1rem;
    padding-top: 0rem;
    padding-left: 5rem;
    margin-top: -12rem;
}

.home-top-right-content {
    padding: 0px;

}

.home-top-right-content img {
    position: absolute;
    top: 35%;
    height: 605px;
}

.home-top-section-content hr.hr-top {
    border-top: 2px solid var(--white);
    margin-top: 6rem;
    width: 100%;
}


.home-top-right-content p {
    font-size: 14px;
    font-family: "Montserrat Regular";
    font-weight: 400;
    text-align: justify;
}

.home-top-actions a.quote {
    margin-right: 1.1rem;
}

.home-top-actions a.quote:hover {
    background-color: var(--white) !important;
    color: var(--primary-medium);
}

/* ------ Brands */

.home-brands button.slick-prev {
    position: absolute;
    top: -25%;
    left: 96%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.home-brands button.slick-next {
    position: absolute;
    top: -25%;
    left: 92%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.home-brands button.slick-next:hover,
.home-brands button.slick-prev:hover {
    background-color: var(--primary);
}

.home-brands button.slick-prev.slick-arrow::before {
    content: url("../img/icons/chevron-right.png");
}

.home-brands button.slick-next.slick-arrow::before {
    content: url("../img/icons/chevron-left.png");
}

.home-brands button.slick-next:hover button.slick-nex.slick-arrow::before{
    content: url("../img/icons/chevron-right-white.png");
}

.brand-section {
    padding: 2rem;
    margin-top: 3rem;
}

.brand-section  {
    text-align: center;
    align-items: center;
}

.brand-section .brand-logo {
    width: 107px;
    height: 108px;
}


/*----- Services Section  */

.service-section {
    margin-top: 2rem;
    width: 100%;
}

.top-service {
    margin-bottom: 3rem;
}

.top-service-cont {
    display: flex;
    justify-content: space-between;
}

.top-service p {
    width: 500px;
}

/*------ Service Carousel Section  */
.service-section-content {
    width: 100% !important;
    margin: 0px;
    padding: 0px;
}

.service-area-sec button.slick-prev {
    position: absolute;
    top: -8%;
    left: 96%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.service-area-sec button.slick-next {
    position: absolute;
    top: -8%;
    left: 92%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.service-area-sec button.slick-next:hover,
.service-area-sec button.slick-prev:hover {
    background-color: var(--primary);
}

.service-area-sec button.slick-prev.slick-arrow::before {
    content: url("../img/icons/chevron-right.png");
}

.service-area-sec button.slick-next.slick-arrow::before {
    content: url("../img/icons/chevron-left.png");
}

.service-area-sec button.slick-next:hover button.slick-nex.slick-arrow::before{
    content: url("../img/icons/chevron-right-white.png");
}

.service-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
}

.service-item p, .service-item span b,
.service-item ul li, .service-item small {
    font-family: "Montserrat Regular";
}

.service-item p, .service-item span,
.service-item ul, .service-item small {
    display: none !important;
}

.service-item h5 {
    margin-top: 100%;
}

.service-item.slick-slide.slick-current.slick-active span,
.service-item.slick-slide.slick-current.slick-active p,
.service-item.slick-slide.slick-current.slick-active ul,
.service-item.slick-slide.slick-current.slick-active small{
    display: block !important;
}

.service-item.slick-slide.slick-current.slick-active b.start-price {
    font-weight: bolder;
    font-family: "Montserrat Bold";
}

.service-item.slick-slide.slick-current.slick-active h5 {
    margin-top: 0px !important;
}

.service-item.slick-slide.slick-current.slick-active
.inner-service-item {
    background-color: #062665f1;
    padding: 5rem 1rem;
}

.service-item .inner-service-item {
    background-image: linear-gradient(to top, #062665f1, #00000000);
    padding: 15px;
    color: var(--white) !important;
    height: 90vh;
}

/*------------ Our Work --------*/
.work-header {
    margin-bottom: 5rem !important;
}

/*--------- Why us Section  */
.why-us {
    padding: 5rem 1rem;
}

.why-us p {
    font-size: 18px;
    color: var(--black);
}

.why-us-item {
    background-position: left;
    background-repeat: no-repeat;
}

.why-us-item h6 {
    font-size: 19px !important;
}

/*------- Work Section  */
.work-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.work-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 60vh; */
}

.inner-work {
    background-color: #1a1a1a79;
    padding: 15px;
    color: var(--white) !important;
    /* height: 60vh; */
}

.work-item.slick-slide {
    /* height: 30vh; */
    box-shadow: 10px 12px 10px 10px var(--primary-light) !important;
    margin-right: 1rem !important;
    border-radius: 15px;
    /* z-index: 1001; */
}

.work-item.slick-slide.slick-current.slick-active {

    width: 15% !important;
    /* height: 60vh; */
    box-shadow: none;
    margin-right: 2rem !important;
    border-radius: 0px;
}

.work-item.slick-slide.slick-current.slick-active
.inner-work {
    background-color: #1a1a1a79 !important;
    /* height: 60vh; */
    padding-top: 15rem ;

}

.inner-work {
    padding-top: 15rem;
}

.inner-work h6 {
    font-size: 17px !important;
}

.inner-service-item.work h6{
    margin-top: 15rem;
    /* background-color: red !important; */
}

.service-item {
    margin-right: 1rem;
}

/* Work Flow */

.our-work-flow {
    margin: 4rem 4rem;
    background-color: #00a2ff04;
}

.our-work-flow h5 {
    margin-bottom: 3rem;
}

.flow-count {
    color: var(--primary-dark);
    border-radius: 50%;
    padding: 1.7rem 2rem;
    text-align: center;
    background-color: var(--primary-light);
    font-weight: bold;
    font-family: "Montserrat Regular";
}

.flow-item h6 {
    font-size: 18px !important;
    margin-top: 2.5rem;
}

/*----- Review  */

.review-section {
    background-image: url("../img/real-review-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.what-clients-say-mobile {
    display: none !important;
}


.main-review-content {
    margin: 3rem;
    padding: 3rem;
    z-index: 1001;
}

.review-left-img {
    width: 340px;
}

.home-review-item {
    padding: 2rem;
    border-top-left-radius: 20px;
}

.home-review-item .review-name {
    font-size: 16px;
    font-weight: bold;
    font-family: "Montserrat Bold";
}

.home-review-item .review-icon {
    margin-right: 1rem;
    margin-top: 6rem
}

.home-review-item {
    font-size: 18px;
}

.left-review {
    margin-right: 3rem;
}

/* Resource & Insight */
.home-resource {
    margin-top: 2rem;
}
.home-resource .accordion-button::after {
    background-image: url("../img/icons/minus.png") !important;
    background-size: auto;
    background-position: center;
    transition: transform 0.2s ease-in-out;
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .075) !important;
    width: 35px;
    height: 35px;
    padding: 10px;
    border-radius: 5px;

}

.home-resource .accordion-button.collapsed::after {
    background-image: url("../img/icons/plus.png") !important;
}

.home-resource .accordion-button.collapsed .accordion-header {
    background-color: var(--white) !important;
    border-bottom: 1px solid var(--grey-light);
}

.home-resource .accordion-button {
    color: var(--primary) !important;
    font-family: "Montserrat Bold";
    background-color: var(--white) !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--grey-light);
}

.home-resource .accordion-button.collapsed {
    color: var(--grey-dark) !important;
}

.home-resource .accordion-body {
    padding: 0 !important;
    width: 100% !important;
    padding-left: 15px !important;
}


/*===------------SERVICES PAGE --------------- */
.services-top-content{
    padding: 2rem 16rem;
}

.service-items {
    margin-bottom: 3rem;
}

.service-item-img {
    border-radius: 15px;
    height: 300px;
}

.service-content {
    padding: 0.2rem;
    box-shadow: 2px 3px 5px 3px var(--grey-light);
    border-radius: 15px;
    position: relative;
    margin-top: -8rem;
    background-color: var(--white);
    margin-left: 1rem;
    margin-right: 1rem;
}

.service-content h6 {
    font-size: 16px;
    font-weight: bold;
    color: var(--black);
    margin-top: 1rem;
    font-family: "Montserrat Bold";
    padding-left: 0.6rem;
}

.service-content p small {
    font-size: 14px !important;
    color: var(--black);
}

/*------- Service Work Flow  */
.service-work-flow {
    padding: 3rem 7rem;
}

.work-flow-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--grey-gradient) !important;
    margin-top: 2rem;
}

.work-flow-item h6 {
    font-size: 16px;
    color: var(--black);
    font-weight: bolder;
}

/*------ Collaboration Section  */
.team-work-sec img {
    height: 544px;
    z-index: 0;
}

.team-content {
    box-shadow: 2px 2px 2px 2px var(--grey);
    margin: 1rem 7rem;
    background-color: var(--white);
    padding: 2rem;
    margin-top: -6rem;
    position: relative;
    border-radius: 15px;
}

.colaborate-item {
    box-shadow: 2px 2px 2px 2px var(--grey);
    padding: 2rem;
    border-radius: 10px;
}

.colaborate-item h6 {
    font-size: 18px;
}

.flow-body {
    padding: 1rem;
}

/*----------- Industries we served  */

.industries-section {
    padding-top: 2rem;
    padding-bottom: 5rem;
}
.top-industry {
    padding: 2rem 9rem;
}

.industry-item {
    padding: 0.5rem 0rem;
}

.industry-item span{
    font-size: 16px;
}

/*===------ Tech Stacks  */
.tech-stacks {
    padding: 4rem;
}

.stack-logos  {
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--grey-light);
}

.stack-item {
    margin-right: 2rem;
}

.stacks-desc {
    border: 1px solid var(--grey-light);
}

.stack {
    display: flex;
    /* justify-content: space-between; */
    border: 1px solid var(--grey-light);
}

.stack h6 {
    font-size: 18px;
    font-family: "Montserrat Medium";
    background-color: var(--primary-light);
    margin-top: 0.4rem;
}

.stack p small {
    font-size: 14px;

}

.stack-title {
    width: 30%;
    margin-right: 1rem;
}

/*---- Why Choose Us */
.why-us-service {
    padding: 1rem 4rem;
}

.why-us-service p {
    font-size: 18px;
    color: var(--black);
}

.why-us-item {
    background-position: left;
    background-repeat: no-repeat;
}

.why-us-item h6 {
    font-size: 19px !important;
}

/*------- Guarantees */

.move-item h6{
    font-size: 14px !important;
}

/*==---Faq Section   */

.top-faq {
    padding: 1rem 19rem;
    text-align: center;
}

.faq-section {
    background-image: url("../img/faq-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    padding: 3rem 1rem;
    margin-bottom: 2rem;
}

.serv-faq {
    margin-left: 15rem;
}

.faq-section .accordion-button
 {
    background-color: var(--primary-medium) !important;
    color: var(--white);
}

.faq-section .accordion-button.collapsed {
    background-color: var(--primary-light) !important;
    color: var(--primary-dark);
}

.faq-section .accordion-button.collapsed:hover {
    background-color: var(--primary-medium) !important;
    color: var(--white);
}

.faq-section .accordion-button::after {
    background-image: url("../img/icons/minus-white.png") !important;

}

.faq-section .accordion-button.collapsed::after {
    background-image: url("../img/icons/plus.png") !important;
}

/*------- Get Started Section  */
.get-started-content {
    margin: 5rem;
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    border-radius: 15px;
}

/*============= ABOUT PAGE  =========*/
.top-about-content {
    display: flex;
    padding: 4rem;
    padding-bottom: 1rem;
}

.content-about-top {
    margin-top: 5rem;
    padding-right: 9rem;
}

.content-about-top p small {
    color: var(--black);
    font-size: 18px !important;
}

/*---Our Story Section  */
.our-story-content {
    display: flex;
    justify-content: space-between;
}

.inner-story {
    padding: 6rem 4rem;
}

.our-story-content img.story-left {
    margin-top: 5rem;
}

.our-story-content img.story-right {
    margin-bottom: 5rem;
}

.inner-story p small {
    color: var(--black);
    font-size: 18px !important;
}

/*----makes difference   */
.makes-us-different {
    padding: 3rem;
}

.top-make-difference {
    text-align: center;
    padding: 1rem 18rem;
}

.diffrence-item {
    box-shadow: 10px 5px 5px 5px var(--grey-light);
    border-radius: 20px;
    padding: 2.3rem;
}

.diffrence-item:hover {
    background-color: var(--primary-light);
}

.diffrence-item h6 {
    font-size: 18px;
}



.mission-vission-cover {
    padding: 3rem;
}

.mission-vission {
    display: flex;
    justify-content: space-between;
    position: absolute;
    box-shadow: 3px 3px 3px 3px var(--grey-light);
    padding: 2rem;
    margin: 0rem 6rem;
    border-radius: 15px;
    margin-top: -10rem;
    background-color: var(--white);
    width: 65%;

}

.mission-vission-cover .mission {
    border-right: 1px solid var(--black);
    margin-right: 1rem;
}

.mission-vission-cover h6 {
    font-size: 18px;
}

.mission-img {
    width: 100%;
}

/* Core Values Section */

.core-values-section {
    padding: 2rem 4rem;
}

.core-items {
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
}

.core-item {
    display: flex;
    border: 1px solid var(--primary);
    padding: 0.4rem;
    padding-top: 1rem;
}

.core-item img {
    margin-right: 0.5rem;
}

/*----- Impact numbers  */
.impact-in-numbers {
    padding: 3rem 5rem;
}

.impact-titles {
    display: flex;
    padding-right: 12rem;
    margin-bottom: 1rem;
}
.impact-items {
    display: flex;
    justify-content: space-between;
}

.impact-item {
    background-color: var(--white);
    border-radius: 10px;
    padding: 1rem;
}

.impact-item p {
    font-size: 20px;
    padding-right: 1rem;
    font-family: "Montserrat Medium";
}

.impact-item h4 {
    font-size: 60px;
}

/*----- Team Member Section  */
.team-section {
    padding: 2rem 4rem;
}

.top-team-section {
    display: flex;
}
.top-team-section h6 {
    font-size: 16px;
}

.team-member {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:25px;
    height: 400px;
    margin-right: 1rem;

}

.name-position {
    background-color: var(--white);
    border-radius: 15px;
    text-align: center;
    margin: 1rem;
    padding: 0.3rem;
    position: relative;
    top: 66%;
}

.team-member .team-member-content {
    display: none;
}

.team-member:hover .name-position{
    display: none;
}

.team-member:hover .team-member-content {
    display: block !important;
    background-color: var(--primary-medium);
    color: var(--white);
    border-radius:25px;
    height: 400px;
    width: 100%;
    padding: 1rem;
}

/*-- Ready Section */
.ready-section {
    padding: 3rem 6rem;
}

.ready-form {
    padding: 3rem 2rem;
}


/*============ PORTFOLIO PAGE  ============*/
.portfolio-description {
    padding: 3rem 15rem;
}

.portfolio-jobs {
    padding: 1rem 6rem;
}


.porfolio-img {
   height: 300px;
}

.portfolio-content h6{
    margin-bottom: -0.3rem;
}

.load-more {
    display: flex;
    justify-content: center;
    padding: 2rem;
}


/*================= PRICING PAGE  ============*/
.price-header-items {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 2rem;
}

.price-header-items .header-item {
    padding:0.5rem 1rem;
    border: 1px solid var(--grey-light);
}

.price-header-items .header-item a {
    color: var(--black);
}

.price-header-items .header-item a:hover
{
    color: var(--primary);
}

.pricetype {
    padding: 2rem 6rem;
}

.pricing-img {
    border-radius: 20px;
}

.pricing-range {
    margin-top: 5rem;
}




.popular-choice {
    /* position: absolute; */
    margin-top: -2.9rem;
    width: 100%;
    background-image: url("../img/price-header-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-align: center;
    padding: 0.7rem;
}


.popular-choice span {
    color: var(--white);
    font-family: "Montserrat Regular";
}

.pricing-range li{
    border: 1px solid var(--grey);
    width: 100%;
    padding: 1rem;
}

li.main-drop-item {
    padding: 0rem;
    border-bottom: none !important;
}

li.feature-price {
    border-bottom: none;
}

.sub-price-feature li{
    border: none !important;
    padding: 0rem;
    width: 100%;
    margin-bottom: 20px;
}

li.no-border {
    border: none !important;
    padding: 0.3rem;
}

/*============ CONTACT US PAGE  ==========*/
.contact-form {
    padding: 2rem 8rem;
}

.contact-item.first-contact {
    border-top: 2px solid var(--primary);
    padding: 1rem;
}

.contact-item.middle-contact {
    border-top: 2px solid var(--danger);
    padding: 1rem;
}

.contact-item.last-contact {
    border-top: 2px solid var(--grey);
    padding: 1rem;
}

.contact-action {
    margin-top: 2rem;
}

.contact-action.addr-action {
    margin-top: 1rem !important;
}

/*================== BLOG PAGE  =============*/
.top-blog-content {
    background-image: url("../img/blog-backgrd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0000ff31;
    padding: 2rem 6rem;
    padding-top: 15rem;
    padding-bottom: 2rem;
    margin-left: -1rem !important;
}

.small-blog-item {
    display: flex;
    margin-right: 1rem;
}

.small-blog-item h6 {
    font-size: 14px !important;
    font-family: "Montserrat Bold" !important;
}

.small-blog-item a {
    font-size: 12px;
    color: var(--primary-medium) !important;
    font-family: "Montserrat Bold" !important;
}

/* Latest Blog Section */
.latest-top {
    display: flex;
    justify-content: space-between;
    padding: 2rem 6rem;

}

.blog-content {
    padding: 1rem 6rem;
}

.blog-content .accordion-button::after {
    background-image: url("../img/icons/minus.png") !important;
    background-size: auto;
    background-position: center;
    transition: transform 0.2s ease-in-out;
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .075) !important;
    width: 35px;
    height: 35px;
    padding: 10px;
    border-radius: 5px;

}

.blog-content .accordion-button.collapsed::after {
    background-image: url("../img/icons/plus.png") !important;
}

.blog-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*========== BLOG DETAIL PAGE  =========*/

.blog-detail-title {
    padding: 4rem 8rem;
}
.detail-section {
    padding: 2rem 6rem;
}


.share-post {
    display: flex;
    justify-content: space-between;
}

.share-post p {
    margin-top: 0.8rem;
}

.post-author {
    display: flex;
    background-color: var(--primary-light);
    padding: 1rem;
    border-radius: 15px;
}

.post-author img{
    width: 110px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid var(--white);
    margin-right: 1rem;
}

.post-author h6 {
    font-size: 18px;
}


/*---- Comment Section  ------*/

.comment-section {
    padding: 2rem;
}

.commenter img {
    width: 90px;
    height: 80px;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.commenter h6 {
    font-size: 16px;
    margin-bottom: -0.3rem;
}

.commenter-details {
    margin-top: 1rem;
}

.reply-btn {
    font-size: 12px;
}

.comment-reply {
    margin-left: 2rem;
}

.comment-form {
    padding: 2rem;
    border-top: 1px solid var(--primary);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.comment-form input,
.comment-form textarea {
    border: none !important;
    border-radius: 0px !important;
}

.service-accordion-blog li{
    padding: 0.5rem;
    border-left: 1px solid var(--primary);
    margin-bottom: 0.5rem;
}

.service-accordion-blog li:hover{
    background-color: var(--grey-light);
}

.service-accordion-blog li a:hover{
    color: var(--primary)
}

.acord-action {
    border: none !important;
}

.fliter-cat-acord li{
    padding: 0.5rem;
    margin-bottom: 0.3rem;
}

.fliter-cat-acord li:hover{
    background-color: var(--grey-light);
}

.fliter-cat-acord li a:hover{
    color: var(--primary)
}
/* Subscribe */
.subscribe-blog-det {
    background-image: url("../img/blod-det-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    margin-top: 1rem;
}

.subscribe-content {
    background-color: #0626659f !important;
    padding: 2rem;
}

.subscribe-content form.canvas-search-form,
.subscribe-content form.canvas-search-form input
{
    background-color: #062665bb !important;
}

/*=========== FAQ PAGE  ============*/

.top-faq-content {
    padding: 2rem 15rem;
}

.search-faq-form {
    display: flex;
    background-color: var(--grey);
    border-radius: 15px;
}

.search-faq-form input,
.search-faq-form input:focus,
.search-faq-form button  {
    background-color: var(--grey);
    border: none !important;
}

.faq-content .accordion-button
 {
    background-color: var(--primary-medium) !important;
    color: var(--white);
}

.faq-content .accordion-button.collapsed {
    background-color: var(--primary-light) !important;
    color: var(--primary-dark);
}

.faq-content .accordion-button.collapsed:hover {
    background-color: var(--primary-medium) !important;
    color: var(--white);
}

.faq-content .accordion-button::after {
    background-image: url("../img/icons/minus-white.png") !important;

}

.faq-content .accordion-button.collapsed::after {
    background-image: url("../img/icons/plus.png") !important;
}

.faq-tabs {
    margin-top: 1rem;
    margin-bottom: -2.1rem;
}

.faq-tabs li span.nav-link {
    margin-right: 1rem;
    border: none;
    color: var(--black);
    /* padding: 0px !important; */

}

.faq-tabs li span.nav-link.active {
    border-bottom: 2px solid var(--primary) !important;
    background-color: var(--grey-light);
}

.faq-item-body {
    padding: 2rem 0rem;
}

.faq-button-support {
    background-image: url("../img/faq-contact-bg.png");
    background-color: blue;
    margin: 2rem 13rem;
    margin-left: 15rem;
    padding: 2rem;
    border-radius: 15px;
}

.immediate-assist {
    text-align: center;
    margin: 2rem 0rem;
}

/*=========== 404 PAGE NOT FOUND  ==========*/

.not-found-img img {
    margin-left: 6rem;
    margin-bottom: -7rem;
}

.not-found-content {
    background-image: url("../img/404-lines.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--primary-medium-light);
    padding: 5rem 17rem;

}

.not-found-content p {
    margin: 1rem 7rem;
    text-align: center;
}

/*=========== THANK YOU PAGE  =========*/

.main-thanks {
    display: flex;
}

.main-thanks-content {
    margin-top: 10rem;
    margin-left: -2rem;
    padding-right: 2rem;
}

.happens-next-section {
    padding: 3rem 6rem;
}

.happens-next-items {
    display: flex;
}

.happens-next-item {
    display: flex;
    border: 1px solid var(--grey);
    padding: 0.5rem;
}

.happens-next-item span {
    margin-right: 0.5rem;
}

.while-you-wait {
    padding: 3rem 6rem;
}
.while-you-wait-items {
    display: flex;
}

.while-you-wait-item {
    display: flex;
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    padding: 0.5rem;
    margin-right: 1rem;
}

.while-you-wait-item p {
    margin-top: 1rem;
}

.quick-question-sec {
    padding: 3rem;
}

.quick-question-content {
    background-image: url("../img/blod-det-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 1rem 14rem;
    text-align: center;
    border-radius: 15px;
    padding: 0px;
}

.quick-question-inner {
    padding: 3rem;
    background-color: #00000085;
    border-radius: 15px;
}

.quick-contact-quest {
    display: flex;
    justify-content: space-around;
}

.quick-contact-quest .qucik-phone {
    border-right: 2px solid var(--white);
    padding-right: 2rem;
}


/*========== TERMS AND CONDITIONS  =============*/
.terms-section {
    padding: 2rem 6rem;
}
.terms-tabs li div.nav-link{
    display: flex;
    justify-content: space-between !important;
}

.terms-tabs li div.nav-link.active{
    background-color: var(--grey-light);
    border: none;
    box-shadow: none;

}

.terms-tabs li div.nav-link.active span {
    color: var(--primary);
    font-family: "Montserrat Bold";
    font-size: 18px;
}

.terms-tabs li.nav-item {
    background-color: var(--grey-light);
    margin-bottom: 1rem;
    padding: 0.4rem;
}

.terms-tabs li.nav-item div.nav-link:hover {
    border: none;
}
.terms-tabs li.nav-item span {
    color: var(--black);
    font-size: 16px;
}

.term-item-body h6 {
    border-bottom: 2px solid var(--grey-light);
    border-top: 2px solid var(--grey-light);
    padding: 0.5rem;
    font-size: 20px;
    font-family: "Montserrat Regular" !important;
}

.term-item-body p {
    padding: 0.5rem;
    padding-top: 0rem;
}

.term-item-body ul {
    padding-top: 0rem !important;
}

.mobile-terms-filter {
    display: none;

}

.mobile-terms-filter .dropdown-toggle {
    background-color: var(--white);
    border: 1px solid var(--grey-light);
    width: 100%;
    padding: 1rem;
    color: var(--grey-dark);
}

.mobile-terms-filter .dropdown-menu {
    padding: 0.5rem;
    border-radius: 0px !important;
    width: 100%;
}

.mobile-terms-filter .dropdown-menu li {
    width: 100%;
    border-bottom: 1px solid var(--grey-light);
    padding: 0.5rem;
}

.terms-ready {
    padding: 3rem 6rem;
}

/*============= WEBDEVELOPMENT PAGE  ===========*/
.webdev-description {
    display: flex;
    padding: 2rem 7rem;
}

.webdev-description img {
    width: 400px;
    height: 300px;
    margin-right: 1rem;
    border-radius: 15px;
}

.web-top-desc {
    padding: 1rem;
    padding-right: 3rem;
    padding-top: 3rem;
}

/* What we offer section */
.what-we-offer-sec {
    padding: 1rem 6rem;
}

.offer-item {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
}

.offer-item:hover {
    background-color: var(--primary-light);
}

.offer-item:hover h6 {
    color: var(--primary-medium) !important;
    font-family: "Montserrat Regular";
}

.offer-item span {
    margin-right: 0.5rem;
    font-family: "Montserrat Bold";
}
/* Pricing Section */
.web-price-hd {
    padding-top: 2rem;
}

/* Work */

.webdev-works {
    padding: 1rem 5rem;
}

.workdev-items {
    margin-top: 1rem;
}

.workdev-items button.slick-prev {
    position: absolute;
    top: -8%;
    left: 96%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.workdev-items button.slick-next {
    position: absolute;
    top: -8%;
    left: 92%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.workdev-items button.slick-next:hover,
.workdev-items button.slick-prev:hover {
    background-color: var(--primary);
}

.workdev-items button.slick-prev.slick-arrow::before {
    content: url("../img/icons/chevron-right.png");
}

.workdev-items button.slick-next.slick-arrow::before {
    content: url("../img/icons/chevron-left.png");
}

.workdev-items button.slick-next:hover button.slick-nex.slick-arrow::before{
    content: url("../img/icons/chevron-right-white.png");
}

.workdev-item{
    margin-right: 1rem;
}

.workdev-item img {
    height: 300px;
    width: 370px;
}

.workdev-item h6 {
    font-size: 20px;
    margin-top: 0.7rem;
    margin-bottom: -0.2rem;
}

.workdev-item p small {
    color: var(--black);
}

/* Why tech section */
.why-tech-dev {
    padding: 3rem 4rem;
}

.why-tech-dev h6 {
    text-align: center;
    margin-bottom: 2rem;
}

.why-tech-dev .col-lg-3 {
    border: 1px solid var(--grey);
}

.why-tech-item {
    display: flex;
    padding: 0.7rem;
}

.why-tech-item img {
    margin-right: 0.5rem;
}

.photo-cover img {
    width: 100%;
    height: 300px;
}

.tech-stack {
    padding: 3rem 6rem;
}

.tech-stack h5 {
    margin-top: 3rem;
}

/*------ Proudly Serve ----*/
.proudly-serve {
    background-image: url("../img/blod-det-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
}
.inner-proud {
    background-color: #0B0C0DB2;
    padding: 3rem 6rem;
}


/*=========== MOBILE DEVELOPMENT PAGE  ========*/
.serving-buisnesses {
    padding: 3rem 6rem;
}

b.mobile-head-place {
    color: var(--grey) !important;
}

.why-our-mobile {
    background-image: url("../img/faq-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem 8rem;
}

.why-our-mobile-top {
    padding: 1rem 10rem;
    text-align: center;
    padding-bottom: 3rem;
}

.us-mobile-item {
    display: flex;
}

.us-mobile-item img {
    margin-right: 1rem;
}

.mobile-review {
    background-image: url("../img/real-review-bg.png");
    padding: 3rem 8rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-review-items button.slick-prev {
    position: absolute;
    top: -8%;
    left: 96%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.mobile-review-items button.slick-next {
    position: absolute;
    top: -8%;
    left: 92%;
    height: 40px;
    width: 40px;
    z-index: 1;
    border-radius: 10%;
    border: 1px solid var(--grey);
}

.mobile-review-items button.slick-next:hover,
.mobile-review-items button.slick-prev:hover {
    background-color: var(--primary);
}

.mobile-review-items button.slick-prev.slick-arrow::before {
    content: url("../img/icons/chevron-right.png");
}

.mobile-review-items button.slick-next.slick-arrow::before {
    content: url("../img/icons/chevron-left.png");
}

.mobile-review-items button.slick-next:hover button.slick-nex.slick-arrow::before{
    content: url("../img/icons/chevron-right-white.png");
}

.mobile-review-item {
    border-top: 1px solid var(--primary-light);
}

/*========= SOCIAL MEDIA MARKETING PAGE  ==========*/
.social-media-title {
    padding-right: 17rem !important;
}


/*=========== SEARCH PAGE  =========*/
.search-item {
    margin: 1rem 13rem;
}

/*============= SITE MAP  ======*/
.site-map-section {
    padding: 3rem 6rem;
}


/*==============================
    MOBILE SCREENS
================================*/

@media only screen and (max-width: 600px) and (min-width: 200px) {

    .home-top-left-content {
        padding: 1rem;
        padding-top: 2rem;
        margin-top: 1rem !important;
    }

    .home-top-left-content h4 {
        margin-top: 2rem;
    }

    .home-top-right-content {
        padding: 0px;
    }

    .home-top-right-content img {
        width: 450px !important;
        height: 390px !important;
        border-top-left-radius: 55px;
        margin-left: 0px;
        margin-right: 0px;
        z-index: 1;
        top: 65% !important;
    }


    .home-top-section-content hr.hr-top,
    .home-top-section-content hr.hr-bottom {
       display: none !important;
    }

    .home-top-actions {
        display: flex;
        flex-direction: column;
    }

    .home-top-actions a {
        padding: 0.6rem;
        width: 100%;
    }

    .home-top-actions a.quote {
        margin-bottom: 1.1rem;
    }

    /*------ Brands  */
    /* ------ Brands */
     .home-brands button.slick-prev {
        position: absolute;
        top: -20%;
        left: 87%;
    }

    .home-brands button.slick-next {
        position: absolute;
        top: -20%;
        left: 73%;
    }

    .brand-section {
        padding: 0px;
        padding-top: 1rem;
        margin-top: 1rem;
    }

    .brand-section  {
        text-align: center;
        align-items: center;
    }

    .brand-header {
        margin-bottom: 3rem;
        margin-top: 3rem !important; /*Newly added to fit new top image size*/
    }

    .brand-section .brand-logo {
        height: 108px;
    }

    .brand-item {
        margin-bottom: 1rem;
    }

    /*----------- service section  */

    .top-service-cont {
        display: flex;
        flex-direction: column;
    }

    .top-service-cont a {
        margin-bottom: 2rem;
    }

    .top-service p {
        width: 100%;
    }

    .service-area-sec button.slick-prev {
        position: absolute;
        top: -8%;
        left: 85% !important;
    }

    .service-area-sec button.slick-next {
        position: absolute;
        top: -8%;
        left: 75% !important;
    }

    /*------------ Our Work --------*/
    .work-header {
        margin-bottom: 5rem !important;
    }



    /*======== Why Us section  */
    .why-us {
        padding: 1rem 0.2rem;
    }

    .why-img {
        display: none;
    }

    p.why-usp {
        padding: 1rem 1rem;
    }

    div.slick-track {
        width: 100%;
    }

    /* Work */
    .work-header {
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem;
    }

    /* Work Flow */

    .our-work-flow {
        margin: 3rem 2rem;
    }

    .our-work-flow h5 {
        margin-bottom: 3rem;
    }

    .flow-count {
        color: var(--primary-dark);
        border-radius: 50%;
        padding: 1.7rem 2rem;
        text-align: center;
        background-color: var(--primary-light);
        font-weight: bold;
        font-family: "Montserrat Regular";
    }

    .flow-item h6 {
        font-size: 18px !important;
        margin-top: 2.5rem;
    }



    /*----- Review  */

    .review-section {
        display: none !important;
    }

    .what-clients-say-mobile {
        display: block !important;
    }


    .main-review-content {
        margin: 1rem;
        padding: 1rem;
        z-index: 1001;
    }

    .review-left-img {
        display: none !important;
    }

    .home-review-item {
        padding: 0px;
        border-top-left-radius: 0px;
    }

    .home-review-item .review-name {
        font-size: 16px;
        font-weight: bold;
        font-family: "Montserrat Bold";
    }

    .home-review-item .review-icon {
        margin-right: 1rem;
        margin-top: 6rem
    }

    .home-review-item {
        margin-bottom: 1rem;
        padding: 1rem;
    }

    .left-review {
        margin-right: 3rem;
    }


    /*===------------SERVICES PAGE --------------- */
    .services-top-content{
        padding: 1rem 1rem;
    }

    .service-items {
        margin-bottom: 3rem;
    }

    .service-item-img {
        height: 250px;
    }

    .service-content {
        padding: 0.2rem;
        box-shadow: 2px 3px 5px 3px var(--grey-light);
        border-radius: 15px;
        position: relative;
        margin-top: -3rem;
        background-color: var(--white);
        margin-left: 0;
        margin-right: 0;
    }

    .service-content p {
        display: none;
    }

    .service-content {
        display: flex;
        justify-content: space-between;
        margin-left: 1rem;
        margin-right: 1rem;
        padding: 0.8rem;
    }

    .service-content h6 {
        padding-left: 0.6rem;
    }

    /*------- Service Work Flow  */
    .service-work-flow {
        padding: 1rem;
    }

    .work-flow-item {
        display: flex;
        flex-direction: column;
    }

    /*------ Collaboration Section  */
    .team-work-sec img {
        height: 250px;
        z-index: 0;
    }

    .team-content {
        margin: 1rem 0.5rem;
        padding: 1rem;
        margin-top: -6rem;
        position: relative;
    }

    .colaborate-item {
        box-shadow: 2px 2px 2px 2px var(--grey);
        padding: 1rem;
    }


    /*----------- Industries we served  */

    .industries-section {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    .top-industry {
        padding: 1rem 1rem;
    }

    /*===------ Tech Stacks  */
    .tech-stacks {
        padding: 1rem;
    }

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

    .stack h6 {
        font-size: 16px;
    }

    .stack p small {
        padding-left: 0.2rem;
    }

    .stack-title {
        width: 100%;
        margin-right: 0rem;
    }

    /*---- Why Choose Us */

    .why-us-service {
        padding: 0rem;
    }

    .why-us-service p {
        font-size: 18px;
        color: var(--black);
    }

    .why-us-item {
        background-position: left;
        background-repeat: no-repeat;
    }

    .why-us-item h6 {
        font-size: 16px !important;
    }

  /*------- Guarantees */

    .move-item h6{
        font-size: 14px !important;
    }


    /*==---Faq Section   */

    .top-faq {
        padding: 1rem 1rem;
        text-align: center;
    }

    .faq-section {
        padding: 0rem;
        margin-bottom: 2rem;
    }

    .serv-faq {
        margin-left: 0rem;
        margin-right: 1rem;
    }

    .serv-faq h2 button{
        font-size: 14px;
    }

    /*------- Get Started Section  */
    .get-started-content {
        margin: 1rem;
        display: flex;
        flex-direction: column;
        padding: 1rem;
        border-radius: 15px;
    }


    /*============= ABOUT PAGE  =========*/
    .top-about-content {
        display: flex;
        flex-direction: column-reverse;
        padding: 1rem;
        padding-bottom: 1rem;
    }

    .content-about-top {
        margin-top: 0rem;
        padding-right: 0rem;
    }

    .content-about-top p small {
        color: var(--black);
        font-size: 18px !important;
    }

    /*---Our Story Section  */
    .our-story-content {
        display: flex;
        flex-direction: column;
    }

    .inner-story {
        padding: 2rem 1rem;
    }

    .our-story-content img.story-left,
    .our-story-content img.story-right
    {
        display: none;
    }

    /*----makes difference   */
    .makes-us-different {
        padding: 1rem;
    }

    .top-make-difference {
        /* text-align: center; */
        padding: 1rem 1rem !important;
    }

    .diffrence-item {
        box-shadow: 10px 5px 5px 5px var(--grey-light);
        border-radius: 20px;
        padding: 1.4rem;
    }


    .diffrence-item h6 {
        font-size: 16px;
    }


    .mission-vission-cover {
        padding: 0rem;
    }

    .mission-vission {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .mission-vission-cover .mission {
        border-right: none;
        margin-right: 0rem;
    }

    .mission-vission-cover h6 {
        font-size: 18px;
    }

    .mission-vission-cover {
        padding: 0rem;
    }

    /* Core Values Section */

    .core-values-section {
        padding: 2rem 1rem;
    }

    .core-items {
        display: flex;
        flex-direction: column;
        padding-top: 1rem;
    }

    .core-item {
        display: flex;
        border: 1px solid var(--primary);
        padding: 0.4rem;
        padding-top: 1rem;
    }

    .core-item img {
        margin-right: 0.5rem;
    }

    /*----- Impact numbers  */
    .impact-in-numbers {
        padding: 1rem;
    }

    .impact-titles {
        display: flex;
        flex-direction: column;
        padding-right: 0rem;
        margin-bottom: 1rem;
        text-align: center;
    }
    .impact-items {
        display: flex;
        flex-direction: column;
    }

    .impact-item {
        background-color: var(--white);
        border-radius: 10px;
        padding: 1rem;
        text-align: center;
        margin-bottom: 1rem;
        margin-right: 0rem;
    }

    .impact-item p {
        font-size: 24px;
        padding-right: 1rem;
        font-family: "Montserrat Medium";
    }

    /*----- Team Member Section  */
    .team-section {
        padding: 1rem 1rem;
    }

    .top-team-section {
       padding-top: 2rem;
    }

    .team-member {
        height: 350px;
        margin: 1rem;

    }

    .name-position {
        padding: 0.5rem;
    }

    /*-- Ready Section */
    .ready-section {
        padding: 2rem 1rem;
    }

    .ready-form {
        padding: 1rem 1rem;
    }

    .ready-img {
        display: none !important;
    }

    /*============ PORTFOLIO PAGE  ============*/
    .portfolio-description {
        padding: 1rem 1rem;
    }

    .portfolio-jobs {
        padding: 1rem 1rem;
    }

    .faq-tabs.portfolioTab {
        display: none;
    }

    .porfolio-img {
        height: 300px;
    }

    .portfolio-content h6{
        margin-bottom: -0.3rem;
    }

    .load-more {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    /*================= PRICING PAGE  ============*/
    .price-header-items {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        margin-top: 1rem;
    }

    .price-header-items .header-item {
        padding:0.5rem 1rem;
        border: 1px solid var(--grey-light);
    }

    .price-header-items .header-item a {
        color: var(--black);
    }

    .price-header-items .header-item a:hover
    {
        color: var(--primary);
    }

    .pricetype {
        padding: 2rem 1.1rem;
    }

    .pricing-img {
        /* border-radius: 20px; */
        margin-bottom: 1.5rem;
    }

    .pricing-range {
        margin-top: 1rem;
    }


    .pricing-range li a.btn{
        width: 100%;
        font-size: 16px;
    }

    .hidden-content {
        display: block !important;
    }

    .professional-site {
        margin-top: 3rem;
    }



    /*============ CONTACT US PAGE  ==========*/
    .contact-form {
        padding: 1rem 1rem;
    }



/*================== BLOG PAGE  =============*/
    .top-blog-content {
        padding: 2rem 1rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
        margin-left: 0rem !important;
    }


    /* Latest Blog Section */
    .latest-top {
        display: flex;
        flex-direction: column;
        padding: 1rem 1rem;

    }

    .blog-content {
        padding: 1rem 1rem;
    }


    /*========== BLOG DETAIL PAGE  =========*/

    .blog-detail-title {
        padding: 4rem 1rem;
    }
    .detail-section {
        padding: 0rem 1rem;
    }

    .share-post {
        display: flex;
        flex-direction: column;
    }

    .post-author {
        padding: 0.2rem;
    }

    .post-author img{
        width: 100px;
        height: 90px;
    }

    /*---- Comment Section  ------*/

    .comment-section {
        padding: 1rem;
        margin-bottom: 2rem;
    }

    .comment-form {
        margin-bottom: 2rem;

    }

    .subscribe-blog-det {
        margin-bottom: 2rem;
    }

    /*=========== FAQ PAGE  ============*/

    .top-faq-content {
        padding: 2rem 1rem;
    }

    .faq-item-body {
        padding: 1rem 0rem;
    }

    .faq-button-support {
        margin: 1rem 1rem;
        padding: 1rem;
    }

    .immediate-assist {
        text-align: center;
        margin: 2rem 0rem;
    }


    /*=========== 404 PAGE NOT FOUND  ==========*/

    .not-found-img img {
        margin-left: 0.4rem;
        margin-bottom: -1rem;
        width: 400px;
        margin-top: 1rem;
    }

    .not-found-content {
        padding: 8rem 1rem;

    }

    .not-found-content p {
        margin: 1rem 1rem;
    }



    /*=========== THANK YOU PAGE  =========*/

    .main-thanks {
        display: flex;
        flex-direction: column;
    }

    .main-thanks-content {
        margin-top: 1rem;
        margin-left: 0.4rem;
        padding-right: 0.4rem;
        text-align: center;
    }

    .happens-next-section {
        padding: 2rem 1rem;
    }

    .happens-next-items {
        display: flex;
        flex-direction: column;
    }

    .while-you-wait {
        padding: 2rem 1rem;
    }
    .while-you-wait-items {
        display: flex;
        flex-direction: column;
    }

    .while-you-wait-item {
        display: flex;
        margin-right: 0.4rem;
    }

    .quick-question-sec {
        padding: 1rem;
    }

    .quick-question-content {
        margin: 0rem 0rem;
    }

    .quick-question-inner {
        padding: 1rem;
    }

    .quick-contact-quest {
        display: flex;
        flex-direction: column;
    }

    .quick-contact-quest .qucik-phone {
        border-right: none;
        padding-right: 0rem;
    }


    /*========== TERMS AND CONDITIONS  =============*/
    .terms-section {
        padding: 1rem 1rem;
    }

    .nav-tabs.terms-tabs {
        display: none !important;
    }

    .mobile-terms-filter {
        display: block;
        margin-bottom: 2rem;
    }

    .terms-ready {
        padding: 1rem 1rem;
    }


    /*============= WEBDEVELOPMENT PAGE  ===========*/
    .webdev-description {
        display: flex;
        padding: 0rem 1rem;
        flex-direction: column;
    }

    .webdev-description img.web-img {
        width: 360px !important;
        height: 300px;
        margin-right: 0rem;
        margin-top: -0.5rem;
    }

    .web-top-desc {
        padding: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
    }


/* What we offer section */
    .what-we-offer-sec {
        padding: 1rem 1rem;
    }

    /* Pricing Section */
    .web-price-hd {
        padding-top: 0rem;
    }

    /* Work */

    .webdev-works {
        padding: 1rem 1rem;
    }


    .workdev-items button.slick-prev {
        position: absolute;
        top: -8%;
        left: 87%;
    }

    .workdev-items button.slick-next {
        position: absolute;
        top: -8%;
        left: 73%;
    }

    /* Why tech section */
    .why-tech-dev {
        padding: 2rem 1rem;
    }

    .photo-cover img {
        width: 100%;
        height: 200px;
    }

    .tech-stack {
        padding: 2rem 1rem;
    }

    .tech-stack h5 {
        margin-top: 0rem;
    }

    /*------ Proudly Serve ----*/

    .inner-proud {
        background-color: #0B0C0DB2;
        padding: 2rem 1rem;
    }

    /*=========== MOBILE DEVELOPMENT PAGE  ========*/
    .serving-buisnesses {
        padding: 2rem 1rem;
    }

    .free-quote-service a {
        font-size: 17px !important;
    }

    .why-our-mobile {
        padding: 1rem 1rem;
    }

    .why-our-mobile-top {
        padding: 1rem 1rem;
    }

    .mobile-review {
        background-image: url("../img/real-review-bg.png");
        padding: 1rem 1rem;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mobile-say-top {
        margin-bottom: 3rem;
    }

    .mobile-review-items button.slick-prev {
        position: absolute;
        top: -10%;
        left: 87%;
    }

    .mobile-review-items button.slick-next {
        position: absolute;
        top: -10%;
        left: 73%;
    }

    /*========= SOCIAL MEDIA MARKETING PAGE  ==========*/
    .social-media-title {
        padding-right: 0rem !important;
    }

    /*=========== SEARCH PAGE  =========*/
    .search-item {
        margin: 1rem 1rem;
    }

    .search-item h6 {
        font-size: 16px !important;
    }

    /*============= SITE MAP  ======*/
    .site-map-section {
        padding: 2rem 1rem;
    }


}

/*==============================
    IPAD SCREENS
================================*/
@media only screen and (max-width: 1080px) and (min-width: 375px) {

    .home-top-section {
        margin-top: -2rem;
    }

    .home-top-left-content {
        padding-top: 2rem;
        /* background-color: red; */
        margin-top: -23rem;
    }

    .home-top-right-content img {
        /* width: 95%; */
        height: 600px;
        border-top-left-radius: 55px;
        margin-left: 10px;
        margin-right: 10px;
        z-index: 1;
        top: 40%;
        /* position: relative; */
    }

    /*--- Brand Section  --*/
    .brand-header h6 {
        margin-bottom: 3rem !important;
    }

    .home-brands button.slick-prev {
        position: absolute;
        top: -25%;
        left: 88%;
    }

    .home-brands button.slick-next {
        position: absolute;
        top: -25%;
        left: 75%;
    }

    .brand-item {
        margin-bottom: 1rem;
    }

    /*-------- Service Section  */
    .top-service-cont {
        display: flex;
        flex-direction: column;
    }

     .top-service-cont a {
        margin-bottom: 2rem;
    }


    .service-item {
        height: 60vh;
    }


    .service-item h5 {
        margin-top: 70%;
    }


    .service-item .inner-service-item {
        height: 60vh;
    }

    .service-item.slick-slide.slick-current.slick-active
    .inner-service-item {
        background-color: #062665f1;
        padding: 2rem 1rem;
    }

    .service-area-sec button.slick-prev {
        position: absolute;
        top: -8%;
        left: 92%;
    }

    .service-area-sec button.slick-next {
        position: absolute;
        top: -8%;
        left: 85%;
    }


    /*------- Review Section */

    .review-section {
        display: none !important;
    }

    .what-clients-say-mobile {
        display: block !important;
    }

    .main-review-content {
        margin: 1rem;
        padding: 1rem;
        z-index: 1001;
    }

    .review-left-img {
        display: none !important;
    }

    .home-review-item {
        padding: 0px;
        border-top-left-radius: 0px;
    }

    .home-review-item .review-name {
        font-size: 16px;
        font-weight: bold;
        font-family: "Montserrat Bold";
    }

    .home-review-item .review-icon {
        margin-right: 1rem;
        margin-top: 6rem
    }

    .home-review-item {
        margin-bottom: 1rem;
        padding: 1rem;
    }

    .left-review {
        margin-right: 3rem;
    }


    /*======---------- SERVICES PAGE  */
    .services-top-content{
        padding: 1rem 1rem;
    }

    /*------- Service Work Flow  */
    .service-work-flow {
        padding: 1rem;
    }

    .work-flow-item {
        display: flex;
        flex-direction: column;
    }

     /*------ Collaboration Section  */
    .team-work-sec img {
        height: 250px;
        z-index: 0;
    }

    .team-content {
        /* box-shadow: 2px 2px 2px 2px var(--grey); */
        margin: 1rem 0.5rem;
        /* background-color: var(--white); */
        padding: 1rem;
        margin-top: -6rem;
        position: relative;
        /* border-radius: 15px; */
    }

    .colaborate-item {
        box-shadow: 2px 2px 2px 2px var(--grey);
        padding: 1rem;
    }

    .flow-body {
        padding: 1rem;
    }

      /*----------- Industries we served  */

    .industries-section {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    .top-industry {
        padding: 1rem 4rem;
    }


    /*===------ Tech Stacks  */
    .tech-stacks {
        padding: 1rem;
    }

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

    .stack h6 {
        font-size: 16px;
    }

    .stack p small {
        padding-left: 0.2rem;
    }

    .stack-title {
        width: 100%;
        margin-right: 0rem;
    }

    /* Why choose us */
    .us-pic {
        display: none;
    }


    /*==---Faq Section   */

    .top-faq {
        padding: 1rem 1rem;
        text-align: center;
    }

    .faq-section {
        padding: 0rem;
        margin-bottom: 2rem;
    }

    .serv-faq {
        margin-left: 0rem;
        margin-right: 1rem;
    }

    .serv-faq h2 button{
        font-size: 14px;
    }

    /*------- Get Started Section  */
    .get-started-content {
        margin: 1rem;
        display: flex;
        flex-direction: column;
        padding: 1rem;
        border-radius: 15px;
    }

       /*============= ABOUT PAGE  =========*/
    .top-about-content {
        display: flex;
        /* flex-direction: column-reverse; */
        padding: 1rem;
        padding-bottom: 1rem;
    }

    .content-about-top {
        margin-top: 0rem;
        padding-right: 0rem;
    }

    .content-about-top p small {
        color: var(--black);
        font-size: 18px !important;
    }

     /*---Our Story Section  */
    .our-story-content {
        display: flex;
        flex-direction: column;
    }

    .inner-story {
        padding: 2rem 1rem;
    }

    .our-story-content img.story-left,
    .our-story-content img.story-right
    {
        display: none;
    }


    /*----makes difference   */
    .makes-us-different {
        padding: 1rem;
    }

    .top-make-difference {
        text-align: center;
        padding: 1rem 6rem;
    }


    .mission-vission-cover {
        padding: 1rem;
    }

    .mission-vission {
        display: flex;
        justify-content: space-between;
        position: relative;
        box-shadow: 3px 3px 3px 3px var(--grey-light);
        padding: 2rem;
        margin: 0rem 3rem;
        border-radius: 15px;
        margin-top: -8rem;
        background-color: var(--white);
        width: 85%;

    }


    /* Core Values Section */

    .core-values-section {
        padding: 2rem 1rem;
    }

    .core-items {
        display: flex;
        flex-direction: column;
        padding-top: 1rem;
    }

    .core-item {
        display: flex;
        border: 1px solid var(--primary);
        padding: 0.4rem;
        padding-top: 1rem;
    }

    .core-item img {
        margin-right: 0.5rem;
    }


      /*----- Impact numbers  */
    .impact-in-numbers {
        padding: 1rem;
    }

    .impact-titles {
        display: flex;
        flex-direction: column;
        padding-right: 0rem;
        margin-bottom: 1rem;
        text-align: center;
    }
    .impact-items {
        display: flex;
        width: 100%;
        overflow-x: auto;
    }

    .impact-item {
        margin-right: 2rem;
    }

    /*-- Ready Section */
    .ready-section {
        padding: 2rem 1rem;
    }

    .ready-form {
        padding: 1rem 1rem;
    }

     /*============ PORTFOLIO PAGE  ============*/
    .portfolio-description {
        padding: 1rem 1rem;
    }

    .portfolio-jobs {
        padding: 1rem 1rem;
    }

   .faq-tabs.portfolioTab {
        display: none;
    }

    .porfolio-img {
        height: 300px;
    }

    .portfolio-content h6{
        margin-bottom: -0.3rem;
    }

    .load-more {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    /*================= PRICING PAGE  ============*/
    .price-header-items {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        margin-top: 1rem;
    }

    .price-header-items .header-item {
        padding:0.5rem 1rem;
        border: 1px solid var(--grey-light);
    }

    .price-header-items .header-item a {
        color: var(--black);
    }

    .price-header-items .header-item a:hover
    {
        color: var(--primary);
    }

    .pricetype {
        padding: 2rem 1.1rem;
    }

    .pricing-img {
        /* border-radius: 20px; */
        margin-bottom: 1.5rem;
    }

    .pricing-range {
        margin-top: 1rem;
    }


    .pricing-range li a.btn{
        width: 100%;
        font-size: 16px;
    }



    /*============ CONTACT US PAGE  ==========*/
    .contact-form {
        padding: 1rem 1rem;
    }


    /*================== BLOG PAGE  =============*/
    .top-blog-content {
        padding: 2rem 1rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
        margin-left: 0rem !important;
    }


    /* Latest Blog Section */
    .latest-top {
        display: flex;
        flex-direction: column;
        padding: 1rem 1rem;

    }

    .blog-content {
        padding: 1rem 1rem;
    }


     /*========== BLOG DETAIL PAGE  =========*/

    .blog-detail-title {
        padding: 4rem 1rem;
    }
    .detail-section {
        padding: 0rem 1rem;
    }

    .share-post {
        display: flex;
        flex-direction: column;
    }

    .post-author {
        padding: 0.2rem;
    }

    .post-author img{
        width: 100px;
        height: 90px;
    }

    /*---- Comment Section  ------*/

    .comment-section {
        padding: 1rem;
        margin-bottom: 2rem;
    }

    .comment-form {
        margin-bottom: 2rem;

    }

    .subscribe-blog-det {
        margin-bottom: 2rem;
    }


    /*=========== FAQ PAGE  ============*/

    .top-faq-content {
        padding: 2rem 1rem;
    }

    .faq-item-body {
        padding: 1rem 0rem;
    }

    .faq-button-support {
        margin: 1rem 1rem;
        padding: 2rem;
    }

    .immediate-assist {
        text-align: center;
        margin: 2rem 0rem;
    }

     /*=========== 404 PAGE NOT FOUND  ==========*/

    .not-found-img img {
        margin-left: 8rem;
        margin-bottom: -3rem;
        width: 400px;
        margin-top: 1rem;
    }

    .not-found-content {
        padding: 8rem 8rem;

    }

    .not-found-content p {
        margin: 1rem 1rem;
    }


    /*=========== THANK YOU PAGE  =========*/

    .main-thanks {
        display: flex;
        flex-direction: column;
    }

    .main-thanks-content {
        margin-top: 1rem;
        margin-left: 0.4rem;
        padding-right: 0.4rem;
        text-align: center;
    }

    .happens-next-section {
        padding: 2rem 1rem;
    }

    .happens-next-items {
        display: flex;
        flex-direction: column;
    }

    .while-you-wait {
        padding: 2rem 1rem;
    }
    .while-you-wait-items {
        display: flex;
        flex-direction: column;
    }

    .while-you-wait-item {
        display: flex;
        margin-right: 0.4rem;
    }

    .quick-question-sec {
        padding: 1rem;
    }

    .quick-question-content {
        margin: 0rem 0rem;
    }

    .quick-question-inner {
        padding: 1rem;
    }

    .quick-contact-quest {
        display: flex;
        flex-direction: column;
    }

    .quick-contact-quest .qucik-phone {
        border-right: none;
        padding-right: 0rem;
    }

    /*========== TERMS AND CONDITIONS  =============*/
    .terms-section {
        padding: 1rem 1rem;
    }

    .nav-tabs.terms-tabs {
        display: none !important;
    }

    .mobile-terms-filter {
        display: block;
        margin-bottom: 2rem;
    }

    .terms-ready {
        padding: 1rem 1rem;
    }



     /*============= WEBDEVELOPMENT PAGE  ===========*/
    .webdev-description {
        display: flex;
        padding: 0rem 1rem;
        /* flex-direction: column; */
    }

    .webdev-description img {
        width: 380px !important;
        height: 300px;
        margin-right: 1rem;
        border-radius: 15px;
        margin-top: 2rem;

    }

    .web-top-desc {
        padding: 1rem;
        padding-right: 1rem;
        padding-top: 2rem;
    }

    /* What we offer section */
    .what-we-offer-sec {
        padding: 1rem 1rem;
    }

    /* Pricing Section */
    .web-price-hd {
        padding-top: 3rem;
    }

    /* Work */

    .webdev-works {
        padding: 1rem 1rem;
    }

    .workdev-items button.slick-prev {
        position: absolute;
        top: -8%;
        left: 92%;
    }

    .workdev-items button.slick-next {
        position: absolute;
        top: -8%;
        left: 85%;
    }

    .photo-cover img {
        width: 100%;
        height: 200px;
    }

     .tech-stack {
        padding: 2rem 1rem;
    }

    .tech-stack h5 {
        margin-top: 0rem;
        margin-bottom: 1rem;
    }

    /*------ Proudly Serve ----*/

    .inner-proud {
        background-color: #0B0C0DB2;
        padding: 3rem 1rem;
    }

    /*=========== MOBILE DEVELOPMENT PAGE  ========*/
    .serving-buisnesses {
        padding: 2rem 1rem;
    }

    .free-quote-service a {
        font-size: 17px !important;
    }

    .why-our-mobile {
        padding: 1rem 1rem;
    }

    .why-our-mobile-top {
        padding: 1rem 1rem;
    }

    .mobile-review {
        background-image: url("../img/real-review-bg.png");
        padding: 1rem 1rem;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mobile-say-top {
        margin-bottom: 3rem;
    }

    .mobile-review-items button.slick-prev {
        position: absolute;
        top: -8%;
        left: 92%;
    }

    .mobile-review-items button.slick-next {
        position: absolute;
        top: -8%;
        left: 85%;
    }

    /*========= SOCIAL MEDIA MARKETING PAGE  ==========*/
    .social-media-title {
        padding-right: 0rem !important;
    }

     /*=========== SEARCH PAGE  =========*/
    .search-item {
        margin: 1rem 1rem;
    }

    .search-item h6 {
        font-size: 18px !important;
    }

    /*============= SITE MAP  ======*/
    .site-map-section {
        padding: 2rem 1rem;
    }


}