/* PRICING-PAGE-----------------STARTS----------------HERE */

/* PRICING--------------STARTS--------------HERE */
.pricing .heading{
    margin-top: 120px;
}

.pricing .heading .head-1{
    display: flex;
    justify-content: center;
    align-items: center;
}

.pricing .heading h3{
    font-family: 'Bebas Neue',sans-serif;
    color: #0283C5;
    font-size: 34px;
    text-align: center;;
    width: 50%;
}

.pricing .heading h3 span{
    font-family: 'Bebas Neue',sans-serif;
    color: #E63467;
    font-size: 34px;
}

.pricing .heading h6{
    font-family: 'Amiko',sans-serif;
    color: gray;
    text-align: center;
}
/* PRICING--------------ENDS--------------HERE */


/* <!-- PRICING-BANNER-------------STARTS---------------HERE --> */

.pricing-banner .bg-img{
    background-image: url(../images/pricing-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.pricing-banner .container{
    height: 100%;
    display: flex;
    align-items: center;
}

.pricing-banner .content .txt h2{
    color: #0283C5;
    font-family: 'Bebas Neue',sans-serif;
    font-size: 42px;
    width: 90%;
}

.about-banner .content .txt h2{
    width: 50%;
}


.pricing-banner .content .txt-2 h4{
    font-family: 'Amiko',sans-serif;
    font-size: 18px;
    width: 85%;
}

@media only screen and (max-width: 992px){
    .pricing .heading h3{
        width: 90%;
    }
}
@media only screen and (max-width: 426px){
    .pricing-banner .bg-img{
        height: 50vh;
    }
    .pricing .heading h3{
        width: 100%;
        font-size: 24px;
    }
    .pricing .heading h3 span{
        font-size: 24px;
    }
    .pricing .heading h6{
        font-size: 14px;
    }
    .pricing-banner .content .txt h2{
        width: 100%;
        font-size: 32px;
        text-align: center;
    }
    .pricing-banner .content .txt-2 h4{
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
}

/* <!-- PRICING-BANNER-------------ENDS---------------HERE --> */

/* PRICING-PAGE-----------------ENDS----------------HERE */


/* BLOG-PAGE----------------------STARTS-----------------HERE */

.blog-banner .bg-img{
    background-image: url(../images/blogs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 65vh;
}

.blog-banner .txt-2 {
    width: 50%;
}

@media only screen and (max-width: 1200px){
    .our-blog-2{
        padding: 50px 0;
    }
    .blog-banner .txt-2 {
        width: 70%;
    }
}

@media only screen and (max-width: 992px){
    .our-blog-2 .cardd .card-title a h2{
        font-size: 28px;
    }
}
@media only screen and (max-width: 768px){
    .our-blog-2 .cardd{
        height: 600px;
    }
    .our-blog-2 .cardd .card-title a h2{
        font-size: 30px;
    }
}
@media only screen and (max-width: 426px){
    .our-blog-2 .cardd{
        height: 600px;
    }
    .blog-banner .content .txt h2{
        text-align: center;
    }
    .blog-banner .txt-2 {
        width: 100%;
        text-align: center;
    }
    .portfolio-banner .content .txt-2 h4{
        text-align: center;
    }
}
@media only screen and (max-width: 375px){
    .blog-banner .content .txt-2 h4 {
        font-size: 12px;
    }
}

/* BLOG-PAGE----------------------ENDS-----------------HERE */


/* PORTFOLIO-PAGE-----------------STARTS---------------HERE */

.blog-banner .bg-img{
    background-image: url(../images/portfolio-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 65vh;
}

.portfolio-banner .content{
    width: 100%;
}

.portfolio-banner .content .txt-2 h4{
    width: 100%; 
}

@media only screen and (max-width: 426px){
    .blog-banner .bg-img{
        height: 40vh;
    }
}

/* PORTFOLIO-PAGE-----------------ENDS---------------HERE */


/* ABOUT-PAGE---------------------STARTS--------------HERE */

.about-banner .bg-img{
    background-image: url(../images/about-us-slider-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.abt-head .heading{
    margin-top: 100px;
}

.abt-head .heading .head-1{
    display: flex;
    justify-content: center;
    align-items: center;
}

.abt-head .heading h3{
    font-family: 'Bebas Neue',sans-serif;
    color: #0283C5;
    font-size: 34px;
    text-align: center;;
    width: 40%;
}

.abt-head .heading h3 span{
    font-family: 'Bebas Neue',sans-serif;
    color: #E63467;
    font-size: 34px;
}

.abt-us{
    margin-top: 40px;
}

.abt-us .bg-img{
    background-image: url(../images/updated2-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 120vh;
    padding: 100px;
}

.abt-us .cardd h5{
    font-family: 'Bebas Neue',sans-serif;
    color: white;
}

.abt-us .cardd h1{
    font-family: 'Bebas Neue',sans-serif;
    color: white;
}

.abt-us .cardd .para p{
    font-family: 'Amiko',sans-serif;
    color: white;
}

.abt-us .cardd .stats-box{
    display: flex;
}

.abt-us .cardd .stats-box-main{
    margin-top: 50px;
}

.abt-us .cardd .stats-box-main .projects-delivered{
    margin: 0 20px;
}

.abt-us .cardd .stats-box-main .happy-clients, .projects-delivered{
    display: flex;
}

.abt-us .cardd .stats-box-main .happy-clients i, .projects-delivered i{
    font-size: 40px;
    color: white;
    margin-top: 10px;
}

.abt-us .cardd .stats-box-main .happy-clients .txt, .projects-delivered .txt{
    padding-left: 20px;
}

.abt-us .cardd .stats-box-main .happy-clients h2, .projects-delivered h2{
    color: white;
    font-family: 'Bebas Neue',sans-serif;
    font-size: 42px;
    margin: 0;
}

.abt-us .cardd .stats-box-main .happy-clients h6, .projects-delivered h6{
    color: white;
    font-family: 'Amiko',sans-serif;
    font-size: 14px;
}

.abt-us .card-2-main .card-2{
    background-color: white;
    padding: 30px;
    box-shadow:  -15px 15px 0 0 #0283C5;
    transition: 0.2s all ease-in-out;
}

.abt-us .card-2-main .card-2:hover{
    box-shadow:  0 0 0 0 #0283C5;
}

.abt-us .card-2-main .card-2 .stars, .iconn{
    display: flex;
    justify-content: center;
}

.abt-us .card-2-main .card-2 i{
    color: #E63467;
}

.abt-us .card-2-main .card-2 .iconn{
    font-size: 44px;
}

.abt-us .card-2-main .card-2 .stars i{
    font-size: 20px;
}

.abt-us .card-2-main .card-2 .title {
    margin-top: 20px;
}

.abt-us .card-2-main .card-2 .title h3{
    color: #0283C5;
    font-family: 'Bebas Neue',sans-serif;
    text-align: center;
    font-size: 24px;
}

.abt-us .card-2-main .card-2 .para p{
    text-align: center;
    font-size: 14px;
    font-family: 'Amiko',sans-serif;
}

@media only screen and (max-width: 1200px){
    .abt-us .bg-img{
        padding: 100px 0;
        height: 160vh;
    }
    .abt-us .card-2-main .card-2{
        padding: 20px;
    }
    .abt-head .heading h3 {
        width: 80%;
    }
}
@media only screen and (max-width: 992px){
    .abt-us .bg-img{
        height: 140vh;
    }
    .abt-us .cardd .para p{
        font-size: 14px;
    }
    .abt-us .card-2-main .card-2{
        padding: 10px;
    }
    .abt-us .card-2-main .card-2 .title h3{
        font-size: 22px;
    }
    .abt-us .card-2-main .card-2 .para p{
        font-size: 12px;
    }
    .abt-us .cardd .stats-box-main .happy-clients i, .projects-delivered i{
        font-size: 30px;
    }
}
@media only screen and (max-width: 768px){
    .abt-head .heading h3{
        width: 90%;
    }
}
@media only screen and (max-width: 767px){
    .abt-us .bg-img{
        height: 240vh;
    }
    
}
@media only screen and (max-width: 426px){
    .about-banner .bg-img{
        background-position: left;
        height: 60vh;
    }
    .abt-us .bg-img{
        height: 270vh;
    }
    .abt-us .cardd h5{
        text-align: center;
    }
    .abt-us .cardd h1{
        text-align: center;
    }
    .abt-us .cardd .para p{
        text-align: center;
    }
    .abt-us .cardd .stats-box{
        display: flex;
        justify-content: center;
    }
    .abt-us .card-2-main .card-2{
        margin-top: 40px;
    }
    .abt-us .card-2-main .card-2 .title h3{
        font-size: 28px;
    }
    .abt-us .cardd h1{
        font-size: 38px;
    }
    .abt-head .heading{
        margin-top: 60px;
    }
    .abt-head .heading h3{
        width: 95%;
        font-size: 24px;
    }
    .abt-head .heading h3 span{
        font-size: 24px;
    }
}
@media only screen and (max-width: 425px){
    .abt-us .cardd .stats-box{
        display: block !important;
    }
    .abt-us .cardd .stats-box-main .happy-clients, .projects-delivered{
        display: flex !important;
        justify-content: center;
    }
    .abt-us .cardd .stats-box-main .projects-delivered{
        margin: 20px 0 0 20px;
    }
}
@media only screen and (max-width: 376px){
    .abt-us .bg-img{
        height: 300vh;
    }
}
@media only screen and (max-width: 375px){
    .abt-us .bg-img{
        height: 320vh;
    }
}

/* WHAT-TO-EXPECT----------STARTS------------HERE */

.what-to-expect{
    padding: 0 100px;
}

.what-to-expect .cardd {
    height: 100%;
    width: 100%;
}

.what-to-expect .cardd .card-img {
    height: 100%;
    width: 100%;
}

.what-to-expect .cardd .card-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.what-to-expect .card-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.what-to-expect .card-2 h1 {
    color: #0183C6;
    font-family: 'Bebas Neue',sans-serif;
    font-size: 40px;
}

.what-to-expect .card-2 h3 {
    color: black;
    font-family: 'Bebas Neue',sans-serif;
    font-size: 26px;
}

@media only screen and (max-width: 1200px){
    .what-to-expect{
        padding: 0 0;
    }
    .what-to-expect .card-2 .content-card{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 992px){
    .what-to-expect .card-2 .content-card{
        margin-top: 30px;
    }
    .what-to-expect .card-2 h3{
        font-size: 20px;
    }
    .what-to-expect .card-2 .para p{
        font-size: 13px;
    }
}
@media only screen and (max-width: 426px){
    .what-to-expect .card-2{
        margin-top: 15px;
    }
    .what-to-expect .card-2 h1{
        text-align: center;
    }
    .what-to-expect .card-2 h3{
        text-align: center;
    }
    .what-to-expect .card-2 .para p{
        text-align: center;
    }
}


/* WHAT-TO-EXPECT----------ENDS------------HERE */

/* ABOUT-PAGE---------------------ENDS--------------HERE */


/* SERVICES-PAGE------------------STARTS-----------------HERE */

.logoservices-banner .bg-img{
    background-image: url(../images/our-services-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.logoservices{
    padding: 100px;
}

.logoservices .cardd h1 a {
   color: #E63467;
   font-size: 48px;
    font-family: 'Bebas Neue',sans-serif;
}

.logoservices .cardd h1 a:hover {
   text-decoration: none;
}

.logoservices .cardd h1 span {
   color: black;
   font-size: 48px;
    font-family: 'Bebas Neue',sans-serif;
}

.logoservices .cardd .para{
    margin-top: 20px;
}

.logoservices .cardd .para p {
    font-family: 'Amiko',sans-serif;
    color: rgb(123, 123, 123);
    font-size: 16px;
    line-height: 28px;
}

.logoservices .bttns {
    display: flex;
}

.logoservices .bttns .read-btn a{
    text-decoration: none;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 180px;
    border-radius: 30px;
    background-color: #0283C5;
    font-family: 'Amiko',sans-serif;
    font-size: 15px;
}

.logoservices .bttns .get-btn{
    margin: 0 10px;
}

.logoservices .bttns .get-btn a{
    text-decoration: none;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 180px;
    border-radius: 30px;
    background-color: #E63467;
    font-family: 'Amiko',sans-serif;
    font-size: 15px;
}

.logoservices .cardd .card-img {
    display: flex;
    justify-content: center;
    
}

@media only screen and (max-width: 1200px){
    .logoservices{
        padding: 100px 0;
    }
    .logoservices .cardd .para p {
        line-height: 25px;
    }
}
@media only screen and (max-width: 992px){
    .logoservices{
        padding: 100px 0;
    }
    .logoservices .cardd .para p {
        line-height: 20px;
        font-size: 14px;
    }
    .logoservices .bttns .get-btn{
        margin: 0 5px;
    }
}
@media only screen and (max-width: 426px){
    .logoservices-banner .bg-img{
        height: 50vh;
    }
    .logoservices{
        padding: 50px 0 100px 0;
    }
    .logoservices .cardd h1{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .logoservices .cardd h1 span {
        margin: 0 5px;
    }
    .logoservices .cardd .para p{
        text-align: center;
    }
    .logoservices .bttns{
        justify-content: center;
        align-items: center;
    }
    .logoservices .cardd .card-img{
        margin-top: 50px;
    }
    .logoservices .cardd .card-img img{
        width: 100%;
    }
}
@media only screen and (max-width: 425px){
    .logoservices .bttns{
        display: block;
        margin-top: 20px;
    }
    .logoservices .bttns .read-btn , .get-btn{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .logoservices .bttns .get-btn{
        margin-top: 10px;
    }
}
@media only screen and (max-width:376px){
    .logoservices .cardd h1 a{
        font-size: 42px;
    }
    .logoservices .cardd h1 span{
        font-size: 42px;
    }
}

/* BRANDING-SERVICES-------------STARTS------------HERE */

.branding-services{
    padding: 0 100px 100px 100px;
    background-color: #F6F7F9;
}

.branding-services .content-card{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.branding-services .cardd .card-img{
    display: flex;
    justify-content: start;
}

.branding-services .cardd .card-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1200px){
    .branding-services{
        padding: 30px 0 50px 0;
    }
}
@media only screen and (max-width: 426px){
    .branding-services{
        padding: 0 0 50px 0;
    }
}

/* BRANDING-SERVICES-------------ENDS------------HERE */

/* WEB-DESIGN-SERVICES----------STARTS------------HERE */

.webdesign-services .web-design-card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.webdesign-services .cardd .card-img img{
    width: 100%;
}

/* WEB-DESIGN-SERVICES----------ENDS------------HERE */

/* WEB-DESIGN-SERVICES----------STARTS------------HERE */

.marketing-services{
    padding-top: 50px;
}

.marketing-services .content{
    padding-left: 20px;
} 

.marketing-services .img-card{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 426px){
    .marketing-services{
        padding-top: 20px;
    }
    .marketing-services .content{
        margin-top: 50px;
        padding-left: 0;
    }
}

/* WEB-DESIGN-SERVICES----------ENDS------------HERE */

/* WEB-CONTENT-----------------STARTS------------HERE */

.web-content{
    padding: 50px 100px 100px 100px;
}

@media only screen and (max-width: 1200px){
    .web-content{
        padding: 50px 0 70px 0;
    }
}
@media only screen and (max-width: 426px){
    .web-content .cardd h1 a{
        font-size: 38px;
    }
    .web-content .cardd h1 span{
        font-size: 38px;
    }
}

/* WEB-CONTENT-----------------ENDS------------HERE */

/* MOBILE-APP-SERVICES--------STARTS-----------HERE */

.mobile-app{
    background-color: #F6F7F9;
}

@media only screen and (max-width:992px){
    .f-service-page .select-packg-card{
        margin-top: 50px;
    } 
}
@media only screen and (max-width: 426px){
    .mobile-app{
        padding-bottom: 70px;
    }

    .mobile-app .mobile-app-card{
        margin-top: 40px;
    }
}

/* MOBILE-APP-SERVICES--------ENDS-----------HERE */

/* SERVICES-PAGE------------------ENDS-----------------HERE */


/* CONTACT-US-PAGE----------------STARTS---------------HERE */

.contact-us-banner .bg-img{
    background-image: url(../images/Contact-Us-scaled-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.contact-form{
    background-color: #FBFBFB;
    padding: 100px;
}

.contact-form .form-box{
    box-shadow: 0 0 10px rgb(189, 189, 189);
    padding: 20px;
}

.contact-form .cardd .title h1{
    font-family: 'Bebas Neue',sans-serif;
    color: #E63467;
    font-size: 34px;
}

.contact-form .fields .inputs{
    margin-top: 10px;
}

.contact-form .fields .inputs input ,textarea{
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid rgb(199, 199, 199);
}

.contact-form .fields .inputs input:focus ,textarea:focus{
    outline: none;
    border: 2px solid #0283C5;
    box-shadow: 0 0 1.5px #28b7fe;
}

.contact-form .fields .subject , .msg{
    margin-top: 20px;
}

.contact-form .fields .msg textarea{
    height: 120px;
}

.contact-form .checkboxx{
    display: flex;
}

.contact-form .checkboxx .para{
    padding-left: 10px;
} 

.contact-form .checkboxx .para p{
    font-family: 'Amiko',sans-serif;
    font-size: 14px;
}

.contact-form form .submit-btn .bttn{
    text-decoration: none;
    background-color: #0283C5;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    font-family: 'Amiko',sans-serif;
}

.contact-form .card-2{
    background-color: #0283C5;
    padding: 20px;
    height: 100%;
    box-shadow: 0 0 10px rgb(189, 189, 189);
}

.contact-form .card-2 .title h1{
    font-family: 'Bebas Neue',sans-serif;
    color: white;
    font-size: 34px;
}

.contact-form .card-2 .address, .email, .phone, .find-us{
    margin-top: 20px;
}

.contact-form .card-2 .address h2, .email h2, .phone h2, .find-us h2{
    font-family: 'Bebas Neue',sans-serif;
    color: white;
    font-size: 24px;
    margin: 0;
}

.contact-form .card-2 .address .line, .email .line, .phone .line, .find-us .line{
    height: 1.5px;
    width: 40px;
    background-color: white;
}

.contact-form .card-2 .address h6, .email h6, .phone h6, .find-us h6{
    color: white;
    font-family: 'Amiko',sans-serif;
    margin-top: 25px;
    font-size: 15px;
}

.contact-form .find-us .social-icons{
    margin-top: 30px;
}

.contact-form .find-us .social-icons .iconn{
    display: flex;
    justify-content: start;
}

.contact-form .find-us .social-icons .iconn i{
    color: white;
    font-size: 26px;
}

.contact-form .find-us .social-icons .iconn .f-space{
    margin: 0 0 0 25px;
}

@media only screen and (max-width: 1200px){
    .contact-form{
        padding: 100px 0;
    }
    .contact-form .find-us .social-icons .iconn .f-space{
        margin-left: 15px;
    }
}
@media only screen and (max-width: 992px){
    .contact-form .card-2 .address h6, .email h6, .phone h6, .find-us h6{
        font-size: 12px;
    }
    .contact-form .find-us .social-icons .iconn i{
        font-size: 18px;
    }
    .contact-form .find-us .social-icons .iconn .f-space{
        margin-left: 12px;
    }
    .contact-form .checkboxx .para p{
        font-size: 12px;
    }
}
@media only screen and (max-width: 426px){
    .contact-us-banner .bg-img{
        height: 50vh;
    }
    .contact-form .cardd .title h1{
        text-align: center;
    }
    .contact-form form .submit-btn .bttn{
        font-size: 14px;
    }
    .contact-form .card-2 .title h1{
        font-size: 36px;
    }
    .contact-form .card-2 .address h2, .email h2, .phone h2, .find-us h2{
        font-size: 25px;
    }
    .contact-form .card-2 .address h6, .email h6, .phone h6, .find-us h6{
        font-size: 14px;
    }
    .contact-form .find-us .social-icons .iconn i{
        font-size: 22px;
    }
    .contact-form .find-us .social-icons .iconn .f-space{
        margin-left: 15px;
    }
    .contact-form .card-2{
        padding: 25px;
    }
    .contact-form{
        padding: 100px 0 50px 0;
    }
}

/* CONTACT-US-PAGE----------------ENDS---------------HERE */


/* LOGO-DESIGN-PAGE----------------STARTS------------HERE */

.logo-design-banner .bg-img{
    background-image: url(../images/logo-banner-updated-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.logo-design-banner .content .txt h2{
    color: white;
}

.logo-design-banner .content .txt-2 h4{
    color: white;
}

.logo-design-banner .content .get-started-btn {
    margin-top: 20px;
}

.logo-design-banner .content .get-started-btn .bttn{
    text-decoration: none;
    background-color: #0283C5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 200px;
    color: white;
    border-radius: 30px;
    font-family: 'Amiko',sans-serif;
    font-size: 14px;
    font-weight: 500;
}

@media only screen and (max-width: 426px){
    .logo-design-banner .content .get-started-btn{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .logo-design-banner .content .get-started-btn .bttn{
        height: 45px;
        width: 160px;
        font-size: 12px;
        font-weight: 800;
    }
}

.unique-logo{
    padding: 100px;
}

.unique-logo .cardd .title h1{
    font-family: 'Bebas Neue',sans-serif;
}

.unique-logo .cardd .para p{
    color: rgb(137, 137, 137);
    font-family: 'Amiko',sans-serif;
    font-size: 15px;
}

.unique-logo .cardd .logo-list .list span{
    display: flex;
}

.unique-logo .cardd .logo-list span i{
   color: #E63467; 
}

.unique-logo .cardd .logo-list .list span h6 {
    padding-left: 10px;
    font-family: 'Amiko',sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.unique-logo .form-main .input-fileds input, .select-service select, .msg textarea{
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgb(157, 156, 156);
}

.unique-logo .form-main .input-fileds input {
    margin-top: 30px;
}

.unique-logo .form-main .input-fileds input:focus {
    outline: none;
    border: 2px solid #0283C5;
}

.unique-logo .msg textarea{
    height: 120px;
}

.unique-logo .check-boxx {
    display: flex;
}

.unique-logo .check-boxx .para {
    padding-left: 10px;
    margin-top: 3px;
}

.unique-logo .check-boxx .para p{
    color: rgb(34, 34, 34);
    font-family: 'Amiko',sans-serif;
    font-size: 14px;
}

.unique-logo .estimate-btn .bttn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 170px;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    background-color: #066AAB;
    font-weight: 600;
    font-size: 16px;
    transition: 0.1s all ease-in-out;
}

.unique-logo .estimate-btn .bttn:hover{
    background-color: #044977;
}

@media only screen and (max-width: 1200px){
    .unique-logo{
        padding: 50px 0;
    }
}
@media only screen and (max-width: 992px){
    .unique-logo .cardd .para p{
        font-size: 13px;
    }
}
@media only screen and (max-width: 767px){
    .unique-logo .cardd .title h1{
        text-align: center;
        font-size: 32px;
    }
    .unique-logo .cardd .para p{
        text-align: center;
    }
    .unique-logo .cardd .logo-list {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }
    .unique-logo .cardd .check-boxx .para p{
        text-align: start;
    }
    .unique-logo .estimate-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media only screen and (max-width: 426px){
    .unique-logo .cardd .check-boxx .para p{
        font-size: 12px;
    }
    .unique-logo .cardd .para p{
        font-size: 12px;
    }
    .unique-logo .estimate-btn .bttn{
        font-size: 12px;
    }
}


.minimal-logo{
    padding: 0 100px 100px 100px;
}

.minimal-logo .card-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
} 

.minimal-logo .card-1 .title h1{
    font-family: 'Bebas Neue',sans-serif;
    color: #E63467;
    font-weight: 700;
}

.minimal-logo .card-1 .para{
    margin-top: 30px;
}

.minimal-logo .card-1 .para p{
    color: gray;
    font-family: 'Amiko',sans-serif;
    font-size: 15px;
    line-height: 27px;
}

.minimal-logo .card-2 .logo-img {
    height: 200px;
}

.minimal-logo .card-2 .logo-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1200px){
    .minimal-logo{
        padding: 0 0 50px 0;
    }
}
@media only screen and (max-width: 992px){
    .minimal-logo .card-1 .para p{
        font-size: 12px;
        line-height: 20px;
    }
    .minimal-logo .card-2 .logo-img {
        height: 150px;
    }
    .minimal-logo .card-2 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
}
@media only screen and (max-width: 767px){
    .minimal-logo .card-1 .title h1{
        text-align: center;
        font-size: 42px;
    }
    .minimal-logo .card-1 .para{
        margin-top: 20px;
    }
    .minimal-logo .card-1 .para p{
        text-align: center;
    }
    .minimal-logo .card-2 {
        margin-top: 25px;
    }
    .minimal-logo .card-2 .logo-img {
        height: 280px;
    }
}
@media only screen and (max-width: 426px){
    .minimal-logo .card-2 .logo-img {
        height: 150px;
    }
    .shirts .card-2 .logo-img {
        height: 200px;
    }
}

/* LOGO-PRICING-CARDS-----STARTS--------HERE */

.logo-pricing-card{
    padding: 100px 0 0 0 ;
}

.logo-pricing-card .bg-img{
    background-image: url(../images/updated-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 190vh;
    width: 100%;
    padding: 100px 0;
}

.logo-pricing-card .cards .cardd{
    background-color: white;
    box-shadow: 0 0 5px gray;
}

.logo-pricing-card .heading-box{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-pricing-card .heading-box .content .title{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-pricing-card .heading-box .content .title h1{
    text-align: center;
    font-family: 'Bebas Neue',sans-serif;
    width: 50%;
    color: white;
    font-size: 44px;
}

.logo-pricing-card .heading-box .content .para{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.logo-pricing-card .heading-box .content .para p{
    text-align: center;
    font-family: 'Amiko',sans-serif;
    width: 50%;
    color: white;
    font-size: 14px;
}

@media only screen and (max-width: 1200px){
    .logo-pricing-card .bg-img{
        height: 230vh;
    }
    .logo-pricing-card .heading-box .content .title h1{
        width: 70%;
    }
    .logo-pricing-card .heading-box .content .para p{
        width: 70%;
    }
}
@media only screen and (max-width: 992px){
    .logo-pricing-card .heading-box .content .title h1{
        width: 100%;
    }
    .logo-pricing-card .heading-box .content .para p{
        width: 100%;
    }
}
@media only screen and (max-width: 767px){
    .logo-pricing-card .bg-img{
        height: 460vh;
    }
}
@media only screen and (max-width: 426px){
    .logo-pricing-card .heading-box .content .title h1{
        font-size: 28px;
    }
    .logo-pricing-card .heading-box .content .para p{
        font-size: 12px;
    }
}
@media only screen and (max-width: 376px){
    .logo-pricing-card .bg-img{
        height: 470vh;
    }
}

/* LOGO-PRICING-CARDS-----ENDS--------HERE */

/* TRANSFORM--------------STARTS-------HERE */

.transform {
    padding: 100px;
}

.transform .head .content h1{
    font-family: 'Bebas Neue',sans-serif;
    text-align: center; 
}

.transform .head .content p{
    font-family: 'Amiko',sans-serif;
    color: gray;
    font-size: 15px;
    text-align: center; 
}

.transform .head {
    display: flex;
    justify-content: center;
    align-items: center;
}

.transform .head .content {
    width: 50%;
}

.transform .cards{
    margin-top: 40px;
}

.transform .cardd{
    box-shadow: 0 0 8px #0283C5;
    padding: 40px 0;
    border-radius: 8px;
    transition: 0.4s all ease-in-out;
    height: 100%;
}

.transform .cardd:hover{
    box-shadow: 0 0 8px #E63467;
}

.transform .cardd .iconn i{
    font-size: 62px;
    color: #E63467;
}

.transform .cardd .title{
    margin-top: 20px;
}

.transform .cardd .title h3{
    font-family: 'Bebas Neue',sans-serif;
    text-align: center;
    font-size: 26px;
    color: #0283C5;
}

.transform .cardd .para p{
    color: gray;
    font-family: 'Amiko',sans-serif;
    font-size: 15px;
    padding: 0 20px;
    text-align: center;
}

@media only screen and (max-width: 1200px){
    .transform{
        padding: 70px 0;
    }
    .transform .head .content {
        width: 70%;
    }
    .transform .cardd .para p{
        font-size: 14px;
    }
}
@media only screen and (max-width: 992px){
    .transform .cardd .para p{
        font-size: 12px;
    }
}
@media only screen and (max-width: 768px){
    .transform .cardd{
        padding: 20px 0;
    }
    .transform .head .content p{
        font-size: 12px;
    }
}
@media only screen and (max-width: 426px){
    .transform .head .content {
        width: 100%;
    }
}

/* TRANSFORM--------------ENDS-------HERE */


/* LOGO-DESIGN-PAGE----------------ENDS------------HERE */



/* <!-- WEB-DESIGN-PAGE-------------STARTS---------------HERE --> */

/* <!-- WEB-DESIGN-BANNER-------------STARTS---------------HERE --> */

.web-design-banner .bg-img{
    background-image: url(../images/web-design-and-development.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.web-design-banner .content .txt-2{
    margin-top: 30px;
}

.web-design-banner .content .txt-2 h4{
    color: rgb(67, 67, 67);
    font-size: 15px;
}

@media only screen and (max-width: 1200px){
    .web-design-banner .bg-img{
        height: 85vh;
    }
}
@media only screen and (max-width: 992px){
    .web-design-banner .bg-img{
        height: 90vh;
    }
    .web-design-banner .content .txt-2 h4{
        font-size: 14px;
    }
}
@media only screen and (max-width: 426px){
    .web-design-banner .content .txt-2 h4{
        font-size: 12px;
    }
}
@media only screen and (max-width: 375px){
    .web-design-banner .content .txt h2{
        font-size: 27px;
    }
}

/* <!-- WEB-DESIGN-BANNER-------------ENDS---------------HERE --> */

/* RESPONSIVE-WEB-DESIGN--------------STARTS-------------HERE */

.cstm .card-2{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cstm .card-2 img{
    width: 100%;
}

.cstm-why .para p{
    margin: 0;
}

@media only screen and (max-width: 1200px){
    .cstm .card-1 .para p{
        line-height: 22px;
    }
    .cstm .card-1 .para{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 992px){
    .cstm .card-1 .para p{
        line-height: 16px;
    }
    .cstm .card-1 .title h1{
        font-size: 32px;
    }
    .cstm .card-1 .para{
        margin-top: 10px;
    }
}
/* RESPONSIVE-WEB-DESIGN--------------ENDS-------------HERE */

/* <!-- WEB-DESIGN-PAGE-------------STARTS---------------HERE --> */


/* SOCIAL-MEDIA-MARKETING-PAGE-----------STARTS---------------HERE */

.social-media-banner .bg-img{
    background-image: url(../images/Web-Banner-Design-PSD.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.social-media-banner .bg-img .txt h2{
    color: white;
}

.social-media-banner .bg-img .txt-2 h4{
    color: white;
}

@media only screen and (max-width: 992px){
    .social-media-banner .content .txt h2{
        width: 70%;
    }
    .social-media-banner .txt-2{
        width: 80%;
    }
    .social-media-banner .content .txt-2 h4{
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px){
    .social-media-banner .content .txt h2{
        width: 100%;
    }
    .social-media-banner .txt-2{
        width: 100%;
    }
    .social-media-banner .content .txt-2 h4{
        font-size: 16px;
    }
    .digital-services .cardd .title h4{
        text-align: center;
    }
}
@media only screen and (max-width: 426px){
    .social-media-banner .content .txt-2 h4{
        font-size: 12px;
    }
}

.social-media-pricing {
    padding: 50px 0 0 0;
}

/* SOCIAL-MEDIA-MARKETING-PAGE-----------ENDS---------------HERE */


/* MOBILE-APP-DEVELOPMENT-PAGE-----------STARTS-------------HERE */

.mobile-app-banner .bg-img{
    background-image: url(../images/app-design-updated.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.android-app{
    background-color: #F7F7F7;
    padding: 70px 0;
}

.android-app .para .listt{
    margin: 0;
}

.hybrid-app{
    padding: 50px 0;
}

.famous-mobile .bg-img{
    height: 70vh;
}

.famous-mobile .bg-img .content .mobile-app-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.famous-mobile .bg-img .content .mobile-app-btn .bttn{
    height: 45px;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    background-color: #0283C5;
    font-size: 14px;
    font-family: 'Amiko',sans-serif;
}

@media only screen and (max-width: 1200px){
    .famous-mobile .bg-img {
        height: 80vh;
        padding: 80px 0;
    }
}
@media only screen and (max-width: 426px){
    .famous-mobile .bg-img {
        height: 70vh;
    }
}
@media only screen and (max-width: 375px){
    .famous-mobile .bg-img {
        height: 75vh;
    }
    .famous-mobile .bg-img .content .mobile-app-btn{
        margin-top: 10px;
    }
}

/* MOBILE-APP-DEVELOPMENT-PAGE-----------ENDS-------------HERE */


/* BRANDING-PAGE----------------------------STARTS------------HERE */

.branding-banner .bg-img{
    background-image: url(../images/Untitled-1-01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.branding-banner .content .txt h2{
    width: 80%;
    color: white;
}

.branding-banner .txt-2{
    width: 100%;
}

.branding-banner .content .txt-2 h4{
    width: 70%;
}

.letter-head .card-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.shirts{
    padding: 40px 0;
}

.shirts .card-2{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

@media only screen and (max-width: 992px){
    .branding-banner .content .txt h2{
        width: 60%;
    }
    .branding-banner .content .txt-2 h4{
        width: 60%;
    }
}
@media only screen and (max-width: 767px){
    .branding-banner .content .txt h2{
        width: 100%;
    }
    .branding-banner .content .txt-2 h4{
        width: 100%;
    }
}

.branding-pricing-card .bg-img{
    height: 170vh;
}
@media only screen and (max-width: 1200px){
    .branding-pricing-card .bg-img{
       height: 200vh;
    }         
}
@media only screen and (max-width: 767px){
    .branding-pricing-card .bg-img{
       height: 400vh;
    }         
}
@media only screen and (max-width: 426px){
    .branding-pricing-card .bg-img{
       height: 380vh;
    }         
}
@media only screen and (max-width: 375px){
    .branding-pricing-card .bg-img{
       height: 390vh;
    }         
}

/* BRANDING-PAGE----------------------------STARTS------------HERE */


/* SEO-PAGE---------------------------------STARTS------------HERE */

.seo-banner .bg-img{
    background-image: url(../images/logo-banner-updated-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

.seo-banner .content .txt h2{
    color: white;
}

.seo-banner .content .txt-2 h4{
    color: white;
}

.mobile-app-banner .content .txt h2{
    width: 70%;
}

@media only screen and (max-width: 1200px){
    .seo-banner .bg-img{
        height: 100vh;
    }
    /* .logo-design-banner .content .txt h2{
        width: 60%;
    } */
}
@media only screen and (max-width: 768px){
    .logo-design-banner .content .txt h2{
        width: 80%;
    }
}
@media only screen and (max-width: 767px){
    .logo-design-banner .content .txt h2{
        width: 100%;
    }
}

/* SEO-PAGE---------------------------------ENDS------------HERE */