.p0{
    padding:0px ;
}

h3,a,li,span,button,p,h4,h5,h6{
    font-family: "Plus Jakarta Sans", sans-serif;
    margin: 0;
}
h1,h2{
   font-family: 'Massilia';
   font-weight: bold;
    margin: 0;   
}
body {
    overflow-x: hidden;
    

}

a:hover, a:focus, button:hover, button:focus, .form-btn-st:focus {
    text-decoration: none !important;
    outline: none;
}

.navbar-nav  li.active a {
    color: #f35f52;
}
.navbar-nav  li a:hover {
    color: #f35f52;
    background:transparent;
}
li.nav-item a:focus {
    color: #f35f52;
}
section {
    float: left;
    width: 100%;
}


.email-form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 20px;
    width: 100%;
    /* flex-direction: column; */
}

.email-form form {
    display: flex;
    align-items: flex-start;
    gap: 20px 20px;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
}

.email-form input {
    border-radius: 10px;
    border: 1px solid #FFF;
}

.email-form form input:nth-child(1) {
    width: 100%;
    padding: 11px 15px;
    border: 1px solid #fff;
    background: transparent;
}

button.submit-btn {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #e40707;
    color: #fff;
    padding: 11px 15px;
    display: table;
    margin: 0 auto !important;
    border-radius: 8px;
    border: 0;
}

.email-form form .form-group:nth-child(1) {
    width: 60%;
}

.email-form form input::placeholder {
    color: #fff;
}



.bnr-side-img img {
    width: 80%;
    margin: 0 auto;
    display: table;
}

.bnr-txt h1 {
    font-size: 55px;
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    width: 95%;
}

.bnr-txt p {
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    padding: 20px 0 15PX;
    color: #fff;
}
.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.hme-banner {
    position: relative;
    padding: 140px 0 50px;
    height: auto;
    overflow: hidden;
}

.hme-banner:before {
    content: '';
    background: #025373;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    opacity: 0.9;
}

section.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.main-review-logo-col {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 110px;
}

.review-box img {
    width: 100%;
}

.review-box {
    width: 160px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.review-box:before {
    content: '';
    background: red;
    position: absolute;
    top: 0;
    right: -60px;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 60px;
}

.main-review-logo-col .review-box:last-child::before {
    display: none;
}

.review-logo-section {
    padding: 20px 0;
    background: #F1F4F5 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 25px #00000008;
}

.hme-port-slide2 .slick-list {
    direction: rtl;
}

.port-bx-hme img {
    width: 100%;
    padding: 0 20px;
}

section.hme-portfolio {
    padding: 50px 0 0;
}

section.hme-portfolio .hd-txt {
    text-align: center;
}

section.hme-portfolio .hd-txt h2 {
    width: 46%;
    margin: 0 auto;
}

.hd-txt h2 {
    font-size: 55px;
    font-weight: bold;
    line-height: 60px;
    color: #025373;
}

section.hme-portfolio .hd-txt p {
    width: 65%;
    margin: 0 auto;
}

.hd-txt p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #000;
    line-height: 25px;
    padding: 20px 0;
}

.hd-txt {
    padding-bottom: 20px;
}

.hd-txt h4 {
    font-size: 20px;
    letter-spacing: 10px;
    text-transform: uppercase;
    color: #F25749;
    line-height: normal;
}

.hd-txt h2 span {
    color: #F25749;
}

.hme-port-slide2 {
    margin-top: 20px;
}


.marquee {
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      color: #fff;
      font-size: 50px;
      font-weight: bold;
    }

    .marquee-content {
      display: inline-flex;
      animation: scroll 45s linear infinite;
    }

    .marquee-content span {
      padding-right: 2rem; /* thoda sa spacing letters ke beech */
    }

    @keyframes scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
.marquee span{
    font-weight: bold;
    color: #025373;
    font-family: 'Massilia';
}
    .marquee b{
        color: #F25749;
        font-weight: bold;
    }


    .services-main-col-hme ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

li.serv-list-1-hme {}

li.serv-list-1-hme {
    width: 40%;
}

li.serv-list-2-hme {
    width: 30%;
}

li.serv-list-3-hme {
    width: 30%;
}

li.serv-list-4-hme {
    width: 40%;
}

li.serv-list-5-hme {
    width: 60%;
}

img.hvr-ef {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: -1;
}

.services-bx-hme {
    height: 327px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 20px 30px 0;
    border: 1px solid #F25749;
    transition: all .5s ease-in-out;
}

section.services-sec-hme {
    padding: 50px 0 50px;
    background: #F1F4F5;
}


section.services-sec-hme .hd-txt {
    display: flex;
    padding-bottom: 40px;
}

img.arrow-st {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
}

.services-bx-hme h2 {
    position: relative;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 39px;
    padding-bottom: 10px;
    transition: all .5s ease-in-out;
    z-index: 1;
}

.services-bx-hme p {
    font-size: 17px;
    color: #A4A4A4;
    font-weight: 400;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all .5s ease-in-out;
    width: 95%;
    height: 0px;
}

.services-bx-hme:before {
    content: '';
    background: #025373;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.services-bx-hme.serv-2-hme {
    border: 0;
    border-top: 1px solid #F25749;
    border-bottom: 1px solid #F25749;
}

.services-bx-hme.serv-5-hme {
    border-left: 0;
    border-top: 0;
}

.services-bx-hme.serv-4-hme {
    border-top: 0;
}

.services-bx-hme:hover::before {
    opacity: 0.6;
    background: #000;
}

.services-bx-hme:hover p {
    height: 80px;
    color: #fff;
}

.services-bx-hme.serv-2-hme:hover p {
    height: 100px;
}
.hd-txt-inr-div {
    width: 50%;
}

.hd-txt-btn {
    width: 50%;
}

.btn-1 {
    font-size: 16px;
    text-decoration: none;
    background: #f35f52;
    padding: 15px 17px;
    border-radius: 5px;
    color: #fff;
    transition: all .5s ease-in-out;
}

.btn-1:hover {
    background: #025373;
    color: #fff;
}

ul.rating-list {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0 90px;
}

.rating-bx h4 {
    font-size: 23px;
    font-family: 'Massilia';
    color: #fff;
    padding-top: 8px;
}

section.rating-sec {
    /* padding: 30px 0; */
    background: #025373;
}

.why-choose-hd-txt h2 {
    font-size: 48px;
    font-weight: bold;
    color: #025373;
    padding-bottom: 10px;
}

section.hme-why-choose .row {align-items: center;}

.why-centr-rating h2 {
    font-size: 30px;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f25749;
    border-radius: 60%;
    color: #fff;
}

.why-centr-rating {
    text-align: center;
    background: #ffffff;
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60%;
    border: 1px solid #f25749;
}

.why-choose-hd-txt {
    padding-left: 30px;
}

.why-centr-rating h2 span {
    position: relative;
    font-size: 65px;
}
.why-centr-rating h2 sup {
    font-size: 35px;
}
.rating-bx {
    position: relative;
    padding: 20px 0;
    z-index: 1;
}

.rating-bx:before {
    content: '';
    background: #1E81A8;
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 100%;
    z-index: -1;
}

.rating-list li:last-child .rating-bx::before {
    display: none;
}

ul.rating-list li:nth-child(5) .rating-b {
}


.pricing-bx {}

.pricing-bx {
    background: #F1F4F5;
    margin: 0 20px;
    padding: 20px;
    transition: all .5s ease-in-out;
    border: 1px solid transparent;
    box-shadow: 14px 18px 25px #1e1e1e00;
}

.pricing-inr-hd h2 {
    color: #025373;
    font-size: 30px;
}

.pricing-bx p {
    font-size: 14px;
    color: #7B7B7B;
    padding: 10px 0;
    height: 60px;
}

.pricing-bx span {
    font-size: 35px;
    font-weight: bold;
    color: #000;
    font-family: 'Massilia';
}

.price-btn {
    transition: all .5s ease-in-out;
    display: flex;
    border: 1px solid #025373;
    color: #025373;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 5px;
    margin: 9px 0;
    font-weight: 300;
    gap: 0px 6px;
    font-weight: 500;
}

.pricing-bx ul {
    padding: 0;
    list-style: none;
    margin: 0;
    height: 225px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pricing-bx:hover {
    background: #fff;
    border-color: #F25749;
    box-shadow: 14px 18px 25px #1E1E1E14;
}

.pricing-bx ul li {
    display: flex;
    align-items: center;
    gap: 0 9px;
    margin: 8px 0;
    color: #1E1E1E;
    font-weight: 500;
    font-size: 18px;
}

.pricing-bx h4 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Massilia';
    color: #025373;
   margin-bottom: 12px;
    margin-top: 5px;
}

.price-btn i {
}

section.pricing-sec-hme {
    padding: 50px 0;
}

section.pricing-sec-hme .hd-txt {
    text-align: center;
}

.pricing-m-col-st .nav-tabs {
    text-align: center;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #707070;
}

.pricing-m-col-st {
    text-align: center;
}

.pricing-m-col-st .nav-tabs a {
    font-size: 16px;
    border: 0;
    border-radius: 0;
    transition: all .5s ease-in-out;
    color: #7B7B7B;
    position: relative;
}

.pricing-m-col-st .nav-tabs a:hover, .pricing-m-col-st .nav-tabs a.active {
    color: #F25749;
}

.pricing-m-col-st .nav-tabs a:before {
    content: '';
    background: #F25749;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.pricing-m-col-st .nav-tabs a:hover::before, .pricing-m-col-st .nav-tabs a.active:before {
    opacity: 1;
}

.price-btn:hover {
    background: #F25749;
    color: #fff;
    border-color: #f25749;
}
.logo-inr-bx-srv-hme img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    margin: auto;
    width: 100%;
    height: 100%;
}

.logo-inr-bx-srv-hme {
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 20px 20px;
    z-index: 1;
}

.logo-design-srv-main-col-hme {
    gap: 20px 0;
}

.logo-inr-txt-srvh h4 {
    color: #F25749;
    font-size: 20px;
}

.logo-inr-txt-srvh h2 {
    font-size: 40px;
    font-weight: bold;
    color: #025373;
}

.logo-inr-txt-srvh p {
    color: #7B7B7B;
    font-size: 16px;
}

.logo-inr-txt-srvh {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    position: relative;
    top: 0;
    transition: all .5s ease-in-out;
}

.logo-inr-bx-srv-hme:before {
    content: '';
    background: #F1F4F5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .5s ease-in-out;
}

.logo-inr-bx-srv-hme:hover::before {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

.logo-inr-bx-srv-hme:hover h4, .logo-inr-bx-srv-hme:hover h2, .logo-inr-bx-srv-hme:hover p {
    color: #fff;
}

.logo-inr-bx-srv-hme:hover .logo-inr-txt-srvh {
    top: 100px;
}

.hme-logo-design-services {
    padding: 20px 0 70px;
}

.hme-logo-design-services .hd-txt {
    text-align: center;
}
section.testi-slider {
    padding: 60px 0;
    background: #025373;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.testi-slider:before{
    content: '';
    background: url(../images/home/testi-logo-ico.png);
    position: absolute;
    left: -100px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 27%;
    height: 100%;
    z-index: -1;
    background-size: 80%;
    background-position: left center;
    background-repeat: no-repeat;
}

section.testi-slider .hd-txt h2, section.testi-slider .hd-txt p {
    color: #fff;
}

section.testi-slider .hd-txt p {
    margin-bottom: 20px;
}

.testi-bx {}

.testi-bx {
    background: #fff;
    padding: 30px 20px;
    border-left: 16px solid #f35f52;
    background: #fff;
    margin: 20px 0;
    transition: all .5s ease-in-out;
    position: relative;
    left: 0;
}

.testi-img {
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-top: 20px;
}

.testi-img h2 {
    font-size: 24px;
    font-weight: bold;
}

.testi-img span {
    display: block;
    font-size: 16px;
    color: #7B7B7B;
    padding-top: 2px;
}
.slick-slide.slick-current {}

.slick-slide.slick-current .testi-bx {
    left: -30px;
}

.testiSlider .slick-list {
    padding: 20px 40px !important;
    height: 500px !important;
    overflow: hidden;
}

.founder-sec {
    padding: 50px 0;
}

.founder-sec .hd-txt {
    text-align: center;
}

.founder-bx {
    padding: 20px 10px;
}

.founder-bx p {
    font-size: 16px;
}

.founder-bx h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Massilia';
    width: 80%;
    margin-bottom: 10px;
}

.founder-m-col .col-sm-4 {
    border-right: 1px solid #7B7B7B;
    border-bottom: 1px solid #7B7B7B;
}

.founder-m-col .col-sm-4:nth-child(n+4) {
    border-bottom: 0;
}

.founder-m-col .col-sm-4:nth-child(3), .founder-m-col .col-sm-4:nth-child(6) {
    border-right: 0;
}

section.footer-sec {
    padding: 50px 0 0;
    background: url(../images/home/ftr-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ftr-txt {
    display: flex;
    align-items: center;
}

.ftr-txt h2 {
    font-size: 65px;
    font-weight: bold;
    width: 60%;
    color: #fff;
}

.ftr-txt p {
    width: 40%;
    font-size: 16px;
    color: #fff;
}

.ftr-list {
    display: flex;
    margin-top: 40px;
}

.ftr-col {
    width: 25%;
    border: 1px solid #F25749;
}

.ftr-col ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    padding: 20px 20px;
}

.ftr-col ul li a span {
    color: #F25749;
    display: block;
    padding-bottom: 4px;
    font-weight: bold;
}

.ftr-col ul li a {
    text-decoration: none;
    font-size: 16px;
}

.ftr-col.ftr-col-1 {
    border-right: 0;
}

.ftr-col.ftr-col-3 {
    border-right: 0;
}

.ftr-col h4 {
    padding: 10px 20px;
    border-bottom: 1px solid #F25749;
    font-family: 'Massilia';
    color: #fff;
}

.ftr-col ul li a {
    color: #fff;
}

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

.privacy-div a {
    color: #fff;
    text-decoration: none;
}

.privacy-div {
    display: flex;
    align-items: center;
    gap: 0 20px;
}

section.copy-sec {
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #ffffff3b;
    padding-bottom: 10px;
}



/*logo-design-pg*/

.logo-design-bnr{
    background: url(../images/logo/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
section.inner-banner {
    padding: 190px 0 50px;
}

.inner-banner .bnr-side-img img {
    width: 100%;
}

section.inner-banner ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 20px 0;
}

section.inner-banner ul li {
    line-height: 35px;
    color: #fff;
}

section.inner-banner .btn-1 {
    display: table;
}

section.inner-banner ul li img {
    margin-right: 8px;
    filter: invert(47%) sepia(53%) saturate(5738%) hue-rotate(336deg) brightness(122%) contrast(94%);
}

.port-box-inr-pg {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.port-box-inr-pg img {
    width: 100%;
}

.port-box-inr-pg .box-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000080;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.port-box-inr-pg .box-content i {
    font-size: 40px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.port-box-inr-pg:hover .box-content {
    opacity: 1;
}

.inr-tab-logo-col {
    gap: 20px 0;
}


section.portfolio-sec {
    padding: 50px 0;
}

section.portfolio-sec .hd-txt {
    text-align: center;
}

section.portfolio-sec .hd-txt p {
    width: 80%;
    margin: 0 auto;
}

.inr-img-logo-pg-srv img {
    width: 80%;
    margin: 0 auto;
    display: table;
}

.logo-de-pg-srv-col {
    align-items: center;
}

.logo-de-pg-srv-col h2 {
    font-size: 40px;
    color: #025373;
}

.logo-de-pg-srv-col p {
    font-size: 18px;
    color: #7B7B7B;
    padding: 20px 0;
}

.logo-de-pg-srv-col a {
    display: table;
}

.logo-de-pg-srv-col1 .inr-img-logo-pg-srv img {
    margin-right: 0;
}

.logo-de-pg-srv-col2 .inr-img-logo-pg-srv img {
    margin-left: 0;
}

.logo-de-pg-srv-col1 {
    margin-top: 30px;
}

.process-sec{
    background: url(../images/logo/process-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0 100px;
    
    }

section.logo-design-serv-pg {
    padding: 70px 0;
}    
.process-sec .hd-txt h2 {
    color: #fff;
}

ul.process-list {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: auto;
    text-align: center;
    position: relative;
}

.process-box h4 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    font-family: 'Massilia';
}

.process-box p {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

ul.process-list li:nth-child(even) {
    top: 70px;
}

ul.process-list li {
    position: relative;

}
span.line-procs {
    position: absolute;
    right: -150px;
    top: 50px;
    border: 0;
    margin: auto;
    transform: rotate(19deg);
}

.process-box img {
    position: relative;
    z-index: 1;
}

.process-box span.line-procs img {
    position: relative;
    z-index: 0;
}

.process-sec section.process-sec h2 {}

.process-sec .hd-txt h2 {
    color: #fff;
}
span.line-procs.line-procs2 {
    transform: scaley(-1) rotate(15deg);
    top: 20px;
}

span.line-procs.line-procs3 {
    transform: rotate(15deg);
    top: 10px;
    right: -160px;
}
.process-box {
    padding: 20px 30px;
}



.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}


.accordion-item {
    background: #fff;
    border-color: #F25749;
    border-radius: 5px;
    background: #F1F4F5;
    box-shadow: 12px 22px 47px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f25749 !important;
    border-radius: 5px !important;
}

div#accordionExample {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.accordion-button:not(.collapsed) {
    background: #F1F4F5;
    box-shadow: none;
    color: #000;
}

button.accordion-button {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.accordion-body {
    color: #585858;
    font-family: Inter;
    font-size: 16.172px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
h2.accordion-header button.accordion-button {
    color: #025373;
    background: #F1F4F5;
    border-radius: 5px !important;
}

section.faq-sec {
    padding: 50px 0;
}
/*logo-design-pg*/




/*website-design*/
.website-design-bnr{
    background: url(../images/web/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
section.inner-banner.website-design-bnr .bnr-txt p {
    padding: 10px 0;
    width: 90%;
}

section.inner-banner.website-design-bnr .bnr-txt ul {
    margin-top: 0;
}

section.website-inner-sec {
    padding: 50px 0;
}

section.website-inner-sec ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 10px 20px;
}

section.website-inner-sec ul li {
    width: 48%;
}

section.website-inner-sec ul li h3 {font-size: 20px;font-weight: bold;font-family: 'Massilia';}

section.website-inner-sec ul li h3 img {
    margin-right: 10px;
}

section.website-inner-sec ul li p {
    padding: 3px 0;
    font-size: 18px;
    color: #7B7B7B;
    line-height: 23px;
}

.web-inr-img-st img {
    width: 100%;
}

section.website-inner-sec .row {
    align-items: center;
}

.website-inner-sec-2 {
    background: #025373;
}

.website-inner-sec-2 h2, .website-inner-sec-2 p,.website-inner-sec-2 li {
    color: #fff;
}
/*website-design*/


/*marketing*/

.marketing-bnr{
    background:url(../images/marketing/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.about-sec-mrketing {
    padding: 50px 0;
}

.about-sec-mrketing .hd-txt {
    display: flex;
    align-items: flex-start;
}

.about-sec-mrketing .hd-txt p span {
    color: #f25749;
    font-family: 'Massilia';
    font-weight: bold;
    font-size: 32px;
}
.about-sec-mrketing .hd-txt h2 {
    width: 100%;
}
section.marketing-case-std {
    padding: 50px 0 50px;
}
.about-sec-mrketing .hd-txt p {
    width: 60%;
}
.marketing-price {
    padding: 50px 0;
    background: #F1F4F5;
}

.marketing-price .pricing-bx {
    background: #fff;
    border-color: #f25749;
    padding: 15px 20px;
}

.marketing-price .pricing-bx .mrktng-btn-pr {
    background: #f25749;
    color: #fff;
    font-weight: bold;
    border-color: #f25749;
}

img.price-mrktng-img {
    width: 20%;
}

.marketing-price .pricing-bx h4 {
    font-weight: 500;
    color: #f25749;
    font-family: "Plus Jakarta Sans", sans-serif;
    padding-top: 15px;
    font-size: 18px;
}

.marketing-price .pricing-bx ul li {
    font-size: 14px;
    color: #7B7B7B;
    gap: 10px;
}

.case-std-bx-mrkt {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
}

.case-std-bx-mrkt .case-img-mrkt {
    width: 100%;
}

.case-inr-txt-mrkt {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #025373;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.inr-dv-hd-mrkt-cse {
    background: #F25749;
    padding: 8px 20px;
    margin-bottom: 5px;
}

.inr-dv-hd-mrkt-cse h2 {
    font-size: 32px;
    width: 80%;
    color: #fff;
}
.case-inr-txt-mrkt ul li img {
    filter: brightness(100) invert(1);
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.case-inr-txt-mrkt h4 {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    padding: 2px 20px;
    font-family: 'Massilia';
}

.case-inr-txt-mrkt p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    padding: 3px 20px;
}

.case-inr-txt-mrkt ul {
    list-style: none;
    padding: 0 20px;
    margin: 5px 0 5px;
    display: flex;
    flex-direction: column;
    gap: 3px 0;
}

.case-inr-txt-mrkt ul li {
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: flex-start;
}
.case-std-bx-mrkt:hover .case-inr-txt-mrkt {
    opacity: 1;
}

.cta-bg-mrkt{
    background: url(../images/marketing/cta-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.cta-bg-mrkt h2 {
    font-size: 65px;
    font-weight: bold;
    color: #fff;
}

.cta-bg-mrkt p {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    padding: 20px 0;
}

.cta-bg-mrkt .cta-txt {
    width: 75%;
    margin: 0 auto;
}

.cta-bg-mrkt .cta-txt a {
    display: table;
    margin: 0 auto;
}

.bnr-form-st {
    margin-left: 5%;
    background: url(../images/marketing/cta-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 30px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.bnr-form-st h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
}

.bnr-form-st form {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin-top: 20px;
}

.form-group input {
    width: 100%;
    padding: 10px  10px;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    background: transparent;
}

.form-group textarea {
    width: 100%;
    padding: 10px 10px;
    border-radius: 8px;
    border: 1px solid #d4d4d4;
    height: 110px;
    resize: none;
    background: transparent;
}

button.submit-btn {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    padding: 10px  10px;
    border-radius: 5px 5px 5px 0px;
    border: 1px solid #FF5F29;
    background: #FF5F29;
    color: #fff;
    display: table;
    width: auto;
    text-align: left;
    margin-left: 0 !important;
}

.form-group select {
    width: 100%;
    padding: 10px 10px;
    border-radius: 8px;
    border: 1px solid #707070;
}

.form-group ::placeholder {
    color: #A4A4A4;
}

section.ftr-form-dtl ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}

section.ftr-form-dtl ul li a {
    display: flex;
    align-items: center;
    gap: 0 20px;
    text-decoration: none;
    color: #1D1D1D;
    font-size: 18px;
}

section.ftr-form-dtl ul li a img {
    width: 40px;
}
section.ftr-form-dtl {
    padding: 50px 0;
}

/*marketing*/

/*branding*/

.branding-bnr{
    background: url(../images/branding/banner-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.branding-bnr .bnr-side-img img {
    width: 70%;
}
section.faq-sec lottie-player {
    width: 300px !important;
    height: 300px !important;
}
section.faq-sec .hd-txt {
    position: sticky;
    top: 10px;
}
.tab-inr-hd-pricing-st {
    text-align: center;
    margin: 100px 0 30px;
}
.tab-inr-hd-pricing-st-ld{
    margin: 10px 0 30px;
    text-align: center;
}
.innr-img-brnding img {
    width: 100%;
}

.about-sec-branding {
    padding: 50px 0;
}
.about-sec-branding .btn-1{
    display: table;
}
.about-sec-branding .row {
    align-items: center;
}
.branding-bnr .row {
    align-items: center;
}
.rating-sec-branding {
    background: #F1F4F5;
    padding: 50px 0;
}

.rating-sec-branding .hd-txt {
    text-align: center;
}

.rating-brnd-m-col {
    margin-top: 30px;
}

.rtng-brnd-bx {
    padding: 30px 20px;
    background: #fff;
}

.rtng-brnd-bx h4 {
    font-family: 'Massilia';
    color: #025373;
    font-weight: bold;
    padding: 10px 0;
    height: 80px;
    display: flex;
    align-items: center;
}

.rtng-brnd-bx p {
    font-size: 16px;
    color: #7B7B7B;
    line-height: 22px;
    height: 132px;
    overflow-x: hidden;
    overflow-y: auto;
}
.about-sec-brnd-2 .innr-img-brnding {
    position: relative;
}
.about-sec-brnd-2 .innr-img-brnding video {
    position: relative;
    width: 100%;
    height: 480px;
    object-fit: cover;
}
/*branding*/


/*logo-redesign*/

.logo-redesign-bnr{
    background: url(../images/logo-redesign/banner-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 780px;
}
section.inner-banner.logo-redesign-bnr .row {
    position: relative;
}

img.redesign-bnr-img1 {
    position: absolute;
    width: 30%;
    left: -115px;
}

img.redesign-bnr-img2 {
    position: absolute;
    width: 30%;
    bottom: -120px;
    left: -115px;
}

img.redesign-bnr-img3 {
    position: absolute;
    width: 30%;
    right: -115px;
}

img.redesign-bnr-img4 {
    position: absolute;
    width: 30%;
    right: -115px;
    bottom: -120px;
}

img.redesign-bnr-img5 {
    position: absolute;
    width: 30%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -230px;
}

.logo-redesign-bnr .bnr-txt {
    width: 57%;
    text-align: center;
    margin: auto;
}

.logo-redesign-bnr .bnr-txt a {
    margin: 0 auto;
}
.why-redesign-bx {
    padding: 20px 20px;
    background: #F25749;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 370px;
}

.why-redesign-bx h4 span {
    display: block;
    font-size: 25px;
    font-weight: bold;
    font-family: 'Massilia';
    padding-bottom: 10px;
}

.why-redesign-bx h4 {
    color: #fff;
    font-size: 18px;
    line-height: normal;
    min-height: 190px;
}

section.logo-redesign-sec-1 {
    padding: 50px 0;
}
.port-bx-redesign img {
    width: 100%;
}

.redesign-m-port-col {
    gap: 30px 0;
}

.logo-redesign-portfolio {
    padding: 50px 0;
}

.how-we-work-redesign {
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

.how-we-work-redesign:before {
    content: '';
    background: #025373;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 60%;
    z-index: -1;
}

.how-we-work-redesign .rtng-brnd-bx {
    background: #F1F4F5 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #1E1E1E14;
    border: 1px solid #A4A4A4;
}

.how-we-work-redesign .rtng-brnd-bx p {
    height: 155px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #025373;
  border-radius: 8px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #f25749; 
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:  #f25749;  
}

.how-we-work-redesign .rtng-brnd-bx img {
    height: 70px;
}

.how-we-work-redesign h2 {
    color: #fff;
}

.how-we-work-redesign .hd-txt p {
    color: #fff;
}

section.why-choose-redesign {
    padding: 0 0 50px;
}
section.why-choose-redesign .why-redesign-bx {
    position: relative;
    overflow: hidden;
    background: #F1F4F5;
}

section.why-choose-redesign .why-redesign-bx p {
    position: absolute;
    right: 20px;
    color: #1E1E1E;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Massilia';
}

section.why-choose-redesign .why-redesign-bx h4 span {
    color: #025373;
    width: 83%;
}
section.why-choose-redesign .why-redesign-bx h4 b {
    font-weight: 500;
    height: 150px !important;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

section.why-choose-redesign .why-redesign-bx h4 {
    color: #7B7B7B;
}
.cta-redesign {
    background: #025373;
    position: relative;
    z-index: 1;
    padding: 50px 0;
    overflow: hidden;
}

.cta-redesign .row {
    position: relative;
}

.cta-redesign img {
    position: absolute;
    width: auto;
    right: -90px;
    top: 0;
    margin: auto;
    width: 250px;
}

.cta-redesign .hd-txt {
    text-align: center;
}

.cta-redesign .hd-txt a {
    display: table;
    margin: 0 auto;
}

.cta-redesign .hd-txt h2 {
    color: #fff;
}

.cta-redesign .hd-txt p {
    color: #fff;
}
/*logo-redesign*/




/*header*/
li.nav-item a {
    color: #000;
}
/*header*/


/*portfolio*/
.portfolio-pg-bnr{
    background-size: cover;
    background:url(../images/port/banner-img.png);
    background-position: center;
    background-repeat: no-repeat;
}

.pricing-pg-bnr{
    background-size: cover;
    background:url(../images/pricing.png);
    background-position: center;
    background-repeat: no-repeat;
}

.port-pg-rating .hd-txt h2 {
    color: #fff;
}

section.portfolio-pg-inr-sec {
    padding: 50px 0;
    background: #F1F4F5;
}

section.portfolio-pg-inr-sec a {
    display: table;
    margin: 0 auto;
}
/*portfolio*/

section.hme-why-choose {
        padding: 50px 0 50px;
    }


.about-sec-mrketing .hd-txt div .btn-1 {
    width: auto;
    display: table;
}

.about-sec-mrketing .hd-txt a.btn-1.popup-btn {
    margin-top: 25px;
}
    
    .hme-banner .row {
    align-items: center;
    justify-content: center;
}
.pricing-inr-hd span sup {
    font-size: 15px;
    top: 0;
}

.pricing-inr-hd span b {
    font-weight: 400;
    font-size: 15px;
    margin-left: 5px;
}

section.testi-slider .row {
    align-items: center;
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li.slick-active button {
    background-color: #F25749;
    width: 20px;
}

.slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
    width: 20px;
    right: 0;
    margin: auto;
    opacity: 1;
}

.slick-dots li button {
    background-color: #025373;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    transition: all .5s ease-in-out;
}

.trm-txt p {
    color: #000;
    line-height: 25px;
    margin: 0 0 15px
}

.trm-txt h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0 0 10px
}



.web-port-main-div .port-box-inr-pg {
  height: 300px;
  overflow: hidden; /* ensures image stays inside */
  position: relative;
}

.web-port-main-div .port-box-inr-pg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: all 3s ease-in-out;
}

.web-port-main-div .port-box-inr-pg:hover img {
  object-position: bottom;
}


.why-choose-hd-txt p {
    font-size: 16px;
}

.col-sm-12.ftrcopy-div img {
    width: 100px;
}



.hme-banner .trigger-box input::placeholder {
    color: #025373 !important;
}
.hme-banner .trigger-box input {
    color: #025373;
    background: #fff !important;
    position: relative;
    width: 500px;
    padding: 12px 45px 12px 12px;
}


img.bnr-form-ico-st {
    position: absolute;
    right: 12px;
    top: -82px;
    bottom: 0;
    margin: auto;
}

.hme-banner form {
    position: relative;
    display: table;
}

.hme-banner .trigger-box button {
    margin-top: 25px;
    border-radius: 5px;
}

.pricing-bx.digit-srv-bx-st ul {
    height: 100%;
}

.pricing-bx.digit-srv-bx-st ul img {
    filter: invert(58%) sepia(37%) saturate(6419%) hue-rotate(330deg) brightness(95%) contrast(99%);
}

.pricing-bx.digit-srv-bx-st a.price-btn.popup-btn {
    background: #025373;
    color: #fff;
}

.pricing-bx.digit-srv-bx-st a.price-btn.popup-btn:hover {
    background: #f25749;
}
.col-sm-12.row.marketing-price-col.digit-serv-col-st {
    padding-top: 30px;
}
.pricing-bx.digit-srv-bx-st {}

.pricing-bx.digit-srv-bx-st .pricing-inr-hd img {
    width: 80px;
    margin-bottom: 10px;
}

.email-form-sec-2r .trigger-box input::placeholder {
    color: #025373 !important;
}
.email-form-sec-2 .trigger-box input {
    color: #025373;
    background: #fff !important;
    position: relative;
    width: 450px;
    padding: 12px 45px 12px 12px;
    margin: 0;
    font-size: 16px;
}

.email-form-sec-2r form {
    position: relative;
    display: flex;
}

.email-form-sec-2 .trigger-box button {
    border-radius: 5px;
    margin-top: 0;
}
section.email-form-sec-2 {
    padding: 50px 0;
}

section.email-form-sec-2 .trigger-box form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 15px;
    position: relative;
    width: auto;
    margin: 0 auto;
}

section.email-form-sec-2 .trigger-box form button {
    margin-top: 0;
}

.email-form-sec-2 .trigger-box input::placeholder {
    color: #025373;
}

section.email-form-sec-2 .trigger-box {
    text-align: center;
    margin: 0;
}

section.email-form-sec-2 .trigger-box form img.bnr-form-ico-st {
    left: 150px;
    right: 15px;
    top: 0;
}

section.email-form-sec-2 .hd-txt {
    text-align: center;
    margin: 35px 0;
}

section.email-form-sec-2 .hd-txt h2:before {
    content: '';
    background: #ff4c4c;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    height: 5px;
    width: 200px;
}

section.email-form-sec-2 .hd-txt h2 {
    position: relative;
    color: #1E1E1E;
    font-size: 60px;
}
.services-bx-hme a {
    text-decoration: none;
}


/* width */
.pricing-bx ul::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.pricing-bx ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 8px;
}
 
/* Handle */
.pricing-bx ul::-webkit-scrollbar-thumb {
  background: #f25749; 
  border-radius: 8px;
}

/* Handle on hover */
.pricing-bx ul::-webkit-scrollbar-thumb:hover {
  background: #f25749; 
}


.ftr-form-dtl input, .ftr-form-dtl textarea {
    color: #fff !important;
}

.ftr-form-dtl ::placeholder {
    color: #fff !important;
}

@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
}