* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    transition: all 0.5s ease;
}

body::-webkit-scrollbar-track {
    background-color: #ffd5e1;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #7f2ef8;
}

body::-webkit-scrollbar-thumb {
    background-color: #7f2ef8;
}



.base-color {
    color: #7F2EF8;
}

a:hover {
    color: #ffffff;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
}

h1,
h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
}

.sub-title {
    color: #7F2EF8;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.primary-btn {
    background: #7F2EF8;
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 16px 36px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 3px 3px 6px #4b4b4b66;
}

.secondary-btn {
    border-radius: 8px;
    color: #7F2EF8;
    border: 1px solid #7F2EF8;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 16px 26px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 20px;
}

.secondary-btn:hover {
    background: #7F2EF8;
}

.header-sec ul.navbar-nav li a {
    font-size: 20px;
    line-height: 27px;
    font-family: 'DM Sans', sans-serif;
}

.header-sec ul.navbar-nav li:nth-child(7) a {
    border: 2px solid #7F2EF8 !important;
    border-radius: 30px;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 20px;
}

.header-sec ul.navbar-nav li:nth-child(7) a:hover {
    background: #7F2EF8;
    color: #ffffff !important;
}

/* Desktop Navigation */
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#393939;}
.navbar a.usermenu,.navbarright a.usermenu{padding:3px 10px;/* color: #393939; */font-size:20px;margin-left:10px;}
.navbarright ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;}
.navbar .dropdown-item.active,.navbar .dropdown-item:active{background-color:transparent;}
.navbar .dropdown-item:focus,.navbar .dropdown-item:hover{background-color:transparent;}
.navbar .dropdown-menu{border:0;}
.navbar a.usermenu i.bi.bi-person-fill,.navbarright a.usermenu i.bi.bi-person-fill{/* font-size: 20px; */}
.navbar-warp a.telmenu.scrollto{color:#393939;}
.navbar .getstarted,.navbar .getstarted:focus{background:#0691fc;padding:8px 20px;margin-left:30px;border-radius:4px;color:#fff;}
.navbar .getstarted:hover,.navbar .getstarted:focus:hover{color:#fff;background:#5969f3;}
.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,0.25);transition:0.3s;border-radius:4px;}
.navbar .dropdown ul li{min-width:200px;}
.navbar .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;font-weight: 400;}
.navbar .dropdown ul a i{font-size:12px;}
.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color: #ffffff;background: #7F2EF8;}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible;padding: 0 0;border-radius: 5px;text-align: center;background: #FAF2F5;}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden;}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible;}
/*.navbar-light .navbar-nav .dropdown-toggle::after{display: none;}*/


.banner:after {
    content: '';
    position: absolute;
    width: 1275px;
    height: 930px;
    background: url(/assets/images/bg-element.webp) no-repeat;
    background-size: cover;
    background-position: center;
    top: -248px;
    right: 0px;
    z-index: -55;
}

.banner {
    position: relative;
    /* background: #2b0055; */
    /* padding: 40px 0; */
}

.banner .b-col1:before {
    content: '';
    position: absolute;
    background: url(/assets/images/element-2.webp) no-repeat;
    background-size: cover;
    width: 133px;
    height: 187px;
    left: 90px;
    top: 180px;
}

.banner .b-col2:after {
    content: '';
    position: absolute;
    background: url(/assets/images/element-1.webp) no-repeat;
    background-size: cover;
    width: 178px;
    height: 204px;
    right: 0px;
    bottom: 50px;
}

.action-btns {
    display: flex;
    align-items: center;
}

.action-btns .p-icon {
    background: #FFE8EF;
    margin-left: 20px;
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #7F2EF8;
    font-size: 26px;
}

.link-hover:hover ul {
    display: block;
    transform: translateY(0);
}

/*.link-hover ul {
    transition: all 200ms linear;
    transform: translateY(20px);
}

header#header ul.dropdown-menu {
    border: none;
    border-radius: 10px;
    background: #7f2ef8;
    box-shadow: 0 0 10px #4643437d;

}

header#header ul.dropdown-menu li {
    padding: 6px 0;
}

header#header ul.dropdown-menu li a {
    color: #fff !important;
    font-family: 'poppins', sans-serif;
    font-size: 16px !important;
}

header#header ul.dropdown-menu li a:hover {
    background: none;
}*/

.overall-client {
    display: flex;
    align-items: center;
}

.overall-client p {
    margin: 0;
    color: #7F2EF8;
    line-height: 19px;
}

.c-logo {
    padding: 70px 0;
}

.client-logo {
    background: #F8F8F8;
    width: 70%;
    margin: 0 auto;
    padding: 30px 0;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
}

.about-sec {
    padding: 70px 0;
}

.about-sec p {
    width: 100%;
}

.about-row {
    background: url(/assets/images/about-bg.webp);
    background-size: cover;
    padding: 60px 0;
}

.count-number {
    text-align: center;
    width: 40%;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #7f2ef847;
    padding: 50px 0px;
    margin: 10px 10px;
    transition: all 0.5s ease;
}

.overall-counter .count-number span {
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    font-family: 'DM Sans', sans-serif;
}

.count-number span.counter-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #7F2EF8;
    text-transform: uppercase;
}

.overall-counter {
    display: flex;
    flex-wrap: wrap;
    margin: 0 80px;
    justify-content: center;
}

.count-number:hover {
    box-shadow: 0 8px 10px #5353533b;
    border: 0px;
}

.counter:after {
    content: '+';
}

.service-row {
    background: #FAF2F5;
    border-radius: 40px;
    padding: 100px 50px;
    position: relative;
}

.service-row:before {
    content: '';
    position: absolute;
    background: url(/assets/images/service-element-1.webp) no-repeat;
    background-size: cover;
    width: 211px;
    height: 279px;
    left: -70px;
    top: -40px;
    z-index: -10;
}

.services-sec {
    padding: 70px 0;
}

.service-row:after {
    content: '';
    position: absolute;
    background: url(/assets/images/service-element-2.webp) no-repeat;
    background-size: cover;
    width: 133px;
    height: 127px;
    bottom: -60px;
    left: 190px;
    z-index: -20;
}

.ser-title p {
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    color: #7F2EF8;
    font-family: 'DM Sans', sans-serif;
}

.ser-desc p {
    font-family: 'DM Sans', sans-serif;
    width: 80%;
    margin: 0 auto;
}

.portfolio-section {
    padding: 70px 0;
    position: relative;
}

.p-item-content {
    box-shadow: 0px 3px 10px #cccccc;
    border-radius: 0px 0px 15px 15px;
    margin-top: -11px;
    width: 84%;
    margin: -10px auto;
    padding: 20px;
    background: #ffffff;
}

.portfolio-item .p-item-content p.p-item-cat {
    line-height: 19px;
    font-family: 'Montserrat', sans-serif;
    color: #7F2EF8;
    margin: 0;
    text-align: left;
}

.portfolio-item .p-item-img img {
    width: 88%;
}

.portfolio-item .p-item-content p.p-item-title {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-weight: 400;
    font-size: 22px;
    margin: 0;
}

.portfolio-section:before {
    content: '';
    position: absolute;
    width: 642px;
    height: 313px;
    background: url(/assets/images/p-element-1.webp) no-repeat;
    background-size: cover;
    left: -360px;
    bottom: 280px;
}


.portfolio-section:after {
    content: '';
    position: absolute;
    width: 369px;
    height: 979px;
    background: url(/assets/images/p-element-2.webp) no-repeat;
    background-size: cover;
    right: 0;
    top: 100px;
    z-index: -55;
}

.portfolio-item:before {
    content: '';
    background: #7F2EF8;
    position: absolute;
    width: 360px;
    height: 401px;
    left: 38px;
    top: 15px;
    border-radius: 15px;
    z-index: -10;
    transition: all 0.5s ease;
}

.web-port .portfolio-item .p-item-img img{
    width: 84%;
}

.web-port .portfolio-item:before{
    top: 0;
}

.logo-port .portfolio-item:before {
    content: '';
    background: #7F2EF8;
    position: absolute;
    width: 360px;
    height: 401px;
    left: 38px;
    top: 1px;
    border-radius: 15px;
    z-index: -10;
    transition: all 0.5s ease;
}

.portfolio-item {
    position: relative;
}

.portfolio-item:hover::before {
    transform: rotate(6deg);
    left: 30px;
    top: 17px;
    bottom: -18px;
}

.gif-video-size {
    height: 226px;
    width: 84%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0px -10px 20px #cccccc;
}

div#animation .portfolio-item:before{
    height: 292px;
}

.video-port .portfolio-item .p-item-img img {
    width: 84%;
    /*height: 232px;*/
}
div#animation .portfolio-item .p-item-img img {
    height: 232px;
}

.testimonial-section {
    padding: 70px 0;
}

.testimonial-row {
    background: #FAF2F5;
    border-radius: 40px;
    padding: 60px 0;
    position: relative;
}

.testimonial-row:before {
    content: '';
    position: absolute;
    background: url(/assets/images/service-element-1.webp) no-repeat;
    background-size: cover;
    width: 211px;
    height: 279px;
    left: -70px;
    top: -40px;
    z-index: -10;
}

.testimonial-row:after {
    content: '';
    position: absolute;
    background: url(/assets/images/service-element-2.webp) no-repeat;
    background-size: cover;
    width: 133px;
    height: 127px;
    bottom: -60px;
    right: 60px;
    z-index: -20;
}

.book-btn {
    display: flex;
    align-items: center;
}

.service-box .book-btn a {
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    color: #0A264A;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

.service-box .book-btn a span i {
    font-size: 30px;
}

.testimonial-section .review-box {
    background: #ffffff;
    border-radius: 50px;
    box-shadow: 0 33px 61px #0b0d3926;
    padding: 30px;
}


.testimonial-section .review-box .comment-title p {
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    color: #7F2EF8;
    font-family: 'DM Sans', sans-serif;
}

.testimonial-section .review-box .c-comment p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #707070;
    opacity: 0.6;
    font-family: 'DM Sans', sans-serif;
}

.testimonial-section .review-box .client-info {
    display: flex;
    align-items: center;
}

.testimonial-section .review-box .client-info .client-n-d {
    padding-left: 20px;
}

.testimonial-section .review-box .client-info .client-n-d p {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    font-family: 'DM Sans', sans-serif;
    margin: 0;
}

.testimonial-section .review-box .client-info p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'DM Sans', sans-serif;
    color: #0B0D39;
    opacity: 0.5;
    margin: 0;
}

.client-review {
    padding: 0;
}

.client-review .inner-slide {
    padding: 0px 10px;
    height: 400px;
}

.client-review .slick-prev.slick-arrow:before {
    content: '\f061 ';
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 15px;
}

.client-review button.slick-prev.slick-arrow {
    /* display: block !important; */
    font-size: 0;
    height: 78px;
    width: 78px;
    background: #7F2EF8;
    position: absolute;
    right: 100px;
    bottom: 0;
    left: auto;
    border-radius: 50px;
    border: 0;
}

.pricing-sec {
    padding: 70px 0;
}

.pricing-box .price-b-head .pkg-name {
    display: flex;
    align-items: center;
}

.pricing-box .price-b-head .pkg-name p {
    margin: 0;
    padding-left: 20px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif;
}

.pricing-box .price-b-head .pkg-name img {
    padding: 10px;
    border-radius: 50px;
    background: rgb(127, 46, 248);
    background: linear-gradient(122deg, rgba(127, 46, 248, 0.20211834733893552) 0%, rgba(255, 44, 255, 0.2049194677871149) 100%);
}

.pricing-box {
    border-radius: 4px;
    box-shadow: 0 0 10px #8f8f8f2e;
    transition: all 0.5s ease;
    width: 410px;
    margin: 0 auto;
}

.pkg-price {
    padding-top: 10px;
}

.pkg-price p.price-txt {
    font-size: 60px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    line-height: 73px;
    color:#000000;
}

.pkg-price p.price-txt span {
    font-size: 18px;
    color: #989898;
    line-height: 22px;
}

.pkg-price p {
    color: #7F2EF8;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.price-b-head {
    padding: 10px 30px;
    border-bottom: 1px solid #70707033;
}

.pkg-content {
    padding: 50px 30px;
}

.pkg-content ul.pkg-item {
    /* list-style-type: none; */
    margin-bottom: 40px;
    height: 250px;
    overflow-y: scroll;
}

.pkg-content ul.pkg-item li {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
    padding-left: 10px;
}

.pkg-content ul.pkg-item li::marker {
    content: '\f058 ';
    font-family: 'FontAwesome';
    color: #7F2EF8;
}

.pkg-content ul.pkg-item li.icon-disable svg {
    color: #989898;
}

.pkg-content .buy-now-btn a {
    background: #7F2EF8;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 2px 6px 6px #726f6f5e;
    padding: 10px 20px;
}

.pricing-box:hover {
    border: 1px solid #7f2ef847;
    box-shadow: 0 0 30px #33333352;
}

.packages .inner-slider {
    height: 700px;
    padding: 30px 0;
}

.packages .slick-next:before {
    content: '\f061 ';
    font-family: 'FontAwesome';
    color: #ffffff;
    font-size: 20px;
}

.packages button.slick-next.slick-arrow {
    display: block !important;
    font-size: 0px;
    height: 78px;
    width: 78px;
    background: #7F2EF8;
    position: absolute;
    right: -70px;
    left: auto;
    top: 300px;
    border-radius: 50px;
    border: 0;
}

.packages button.slick-prev.slick-arrow {
    display: block !important;
    font-size: 0px;
    height: 78px;
    width: 78px;
    background: #7F2EF8;
    position: absolute;
    left: -62px;
    top: 300px;
    border-radius: 50px;
    border: 0;
}

.packages .slick-prev:before {
    content: '\f060';
    font-family: 'FontAwesome';
    color: #ffffff;
    font-size: 20px;
}

.rocket-sec {
    padding: 70px 0;
}

.rocket-sec .sec-row {
    background: #FAF2F5;
    border-radius: 40px;
    height: 400px;
    position: relative;
}

.rocket-sec .sec-row img {
    margin-top: -76px;
}

.rocket-sec h2 {
    font-size: 44px;
    font-weight: bold;
    line-height: 55px;
}

.rocket-sec p {
    font-size: 20px;
    line-height: 35px;
    font-family: 'DM Sans', sans-serif;
    opacity: 0.6;
}

.rocket-sec .sec-row:before {
    content: '';
    position: absolute;
    background: #FFB300;
    width: 48px;
    height: 48px;
    top: -21px;
    left: 110px;
    border-radius: 50px;
}

.rocket-sec .sec-row:after {
    content: '';
    position: absolute;
    background: #7EC68F;
    width: 47px;
    height: 47px;
    border-radius: 50px;
    right: -20px;
    bottom: 70px;
}

.blog-section {
    padding: 70px 0;
}

.blog-section .blog-item {
    box-shadow: 0 0 10px #cccccc;
    border-radius: 30px;
    width: 370px;
    margin: 0 auto;
    padding: 30px;
}

.blog-section .blog-item .blog-item-head {
    text-align: center;
}

.blog-section .blog-item .blog-item-body p.blog-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    font-family: 'DM Sans', sans-serif;
    padding-top: 10px;
}

.blog-section .blog-item .blog-item-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
}

.blog-section .blog-item .blog-item-footer .blog-meta p {
    margin: 0;
}

.blog-section .blog-item .blog-item-footer .readmore-btn {
    width: 66px;
    height: 66px;
    border-radius: 50px;
    border: 1px solid #DCDCE3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-section .blog-item .blog-item-footer .readmore-btn a {
    color: #0B0D39;
    font-size: 24px;
}

.blog-section .blog-item:hover .blog-item-footer .readmore-btn {
    background: #356DFF;
}

.blog-item:hover .readmore-btn a svg {
    color: #ffffff;
}

.blog-item-footer .blog-meta p {
    font-weight: 500;
    line-height: 35px;
    color: #0B0D39;
    opacity: 0.5;
    font-family: 'DM Sans', sans-serif;
}

.blog-slide.slick-initialized.slick-slider {
    width: 90%;
    margin: 0 auto;
}

.blog-slide .inner-slide {
    height: 480px;
    padding-top: 20px;
}

.blog-slide .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

.blog-slide .slick-dots li {
    margin: 0 0.25rem;
}

.blog-slide .slick-dots li button {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #7F2EF8;
    text-indent: -9999px;
}

.blog-slide .slick-dots li.slick-active button {
    background-color: #7F2EF8;
    width: 39px;
    border-radius: 10px;
}

#packages-faq {
    padding: 70px 0;
}

#packages-faq .accordion-item h2 {
    line-height: 1.2;
}

.faq-row {
    background: #f6e6eb78;
    border-radius: 40px;
    padding: 50px 140px;
    position: relative;
}

.faq-section .accordion-item {
    margin-bottom: 10px;
    border-radius: 10px;
}

.faq-section .accordion-item button.accordion-button.collapsed {
    border-radius: 12px;
    border: 1px solid #7f2ef861;
    background: #ffffff3b;
}

.faq-section {
    padding: 70px 0;
}

.accordion-button:not(.collapsed) {
    border-radius: 12px 12px 0px 0px;
    background-color: #ffffff4a;
    border: 1px solid #7f2ef861;
}

.accordion-body {
    border: 0;
    border-left: 1px solid #7f2ef861;
    border-bottom: 1px solid #7f2ef861;
    border-right: 1px solid #7f2ef861;
    border-radius: 0px 0px 12px 12px;
}

.faq-section .accordion-item {
    background: #ffffff3b;
}

.faq-section .accordion-button:focus {
    box-shadow: 0 0;
}

.faq-section .accordion-item p button.accordion-button {
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    color: #0B0D39;
    font-family: 'Poppins', sans-serif;
}

.accordion-body p {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #7F2EF8;
}

h4.form-title {
    font-size: 35px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #060606;
}

.quote-form {
    background: #0B0D39;
    padding: 50px;
    border-radius: 15px;
    width: 426px;
    margin: 0 auto;
}

.quote-form input {
    height: 43px;
    border-radius: 6px;
}

.quote-form p {
    color: #ffffff;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
}

.quote-form button.btn {
    background: #7F2EF8;
    border: 0;
    width: 100%;
    height: 43px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
}

.faq-row:after {
    content: '';
    position: absolute;
    width: 317px;
    height: 238px;
    background: url(/assets/images/faq-img-1.webp);
    right: -120px;
    background-size: cover;
    top: 110px;
}

.faq-row:before {
    content: '';
    position: absolute;
    background: url(/assets/images/faq-img-2.webp);
    left: -120px;
    top: -210px;
    width: 310px;
    height: 343px;
    z-index: -5;
}

.faq-row .col-md-6.faq-col:after {
    content: '';
    position: absolute;
    width: 133px;
    height: 127px;
    background: url(/assets/images/service-element-2.webp);
    z-index: -55;
    left: 40px;
    bottom: -40px;
}

.partner-sec {
    padding: 70px 0;
}

.partner-sec .part-logo {
    background: #7F2EF8;
    border-radius: 14px;
    width: 210px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-section {
    padding: 20px 0;
}

.footer-section .footer-row {
    background: linear-gradient(122deg, rgba(127, 46, 248, 0.20211834733893552) 0%, rgba(255, 44, 255, 0.2049194677871149) 100%);
    border-radius: 40px;
    padding: 30px 70px;
}

.footer-section .f-about p {
    font-weight: 500;
    line-height: 25px;
    color: #0B0D39;
    width: 270px;
    font-family: 'Montserrat', sans-serif;
}

.f-social img {
    padding-right: 5px;
}

.footer-section .f-nav p {
    font-size: 18px;
    line-height: 22px;
    color: #7F2EF8;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.footer-section .f-nav ul.f-nav-item {
    list-style-type: none;
    padding: 0;
}

.footer-section .f-nav ul.f-nav-item li {
    line-height: 34px;
    color: #0B0D39;
    opacity: 0.6;
}

.footer-section ul.f-contact-icon li svg {
    padding-right: 10px;
}

.footer-section ul.copyright-nav {
    list-style-type: none;
    padding: 0;
}

.footer-section ul.copyright-nav li {
    display: inline;
    line-height: 34px;
    color: #0B0D39;
}

.footer-section ul.copyright-nav li a {
    color: #7F2EF8;
}

.blog-banner .banner-row {padding: 30px 0 !important;background: transparent !important;}
.blog-banner .banner-row .blog-img-cover {border-radius: 30px;}
.blog-meta a {color: #0B0D39;font-size: 24px;}
.blog-section .blog-item .blog-item-footer a {color: #0B0D39;font-size: 24px;}
.blog-section .blog-item:hover .blog-item-footer a{color:#ffffff;}

@media all and (max-width: 1600px) {
    .banner .b-col1:before {
        left: 0px;
        top: 30px;
        width: 72px;
        height: 99px;
    }
        .packages button.slick-next.slick-arrow {
        display: block !important;
        font-size: 0px;
        height: 48px;
        width: 48px;
        right: 0px;
    }
    .packages button.slick-prev.slick-arrow {
        display: block !important;
        font-size: 0px;
        height: 48px;
        width: 48px;
        left:0px;
    }
    .faq-row:after{
        width: 200px;
        height: 150px;
        right: 0;
    }
}

@media all and (max-width: 1400px) {
    h1,
    h2 {
        font-size: 40px;
        line-height: 1.2;
    }

    p {
        font-size: 14px;
        line-height: 1.5;
    }

    .header-sec ul.navbar-nav li a {
        font-size: 16px;
    }

    .header-sec ul.navbar-nav li:nth-child(7) a {
        font-size: 15px;
    }

    .banner:after {
        width: 760px;
        height: 550px;
        top: -120px;
    }

    .banner .b-col1:before {
        left: 0px;
        top: 30px;
        width: 42px;
        height: 59px;
    }

    .banner .b-col2:after {
        width: 67px;
        height: 77px;
        bottom: 140px;
    }

    .client-logo.text-center {
        width: 80%;
    }

    .overall-counter {
        margin: 0 0;
    }

    .ser-title p {
        font-size: 20px;
    }

    .service-box .ser-img img {
        width: 100%;
    }

    .p-item-content {
        width: 95%;
    }

    .portfolio-item .p-item-content p.p-item-title {
        font-size: 16px;
    }

    .portfolio-item:before {
        width: 276px !important;
        height: 395px !important;
        left: 9px !important;
        top: 3px !important;
    }

    .portfolio-item:hover::before {
        left: 0;
    }

    .portfolio-section:after {
        display: none;
    }

    .testimonial-section .review-box .comment-title p {
        font-size: 18px;
    }

    .testimonial-section .review-box .c-comment p {
        font-size: 14px;
        line-height: 1.2;
    }

    .testimonial-section .review-box .client-info .client-n-d p {
        font-size: 18px;
    }

    .testimonial-section .review-box .client-info p {
        font-size: 14px;
    }

    .pkg-price p.price-txt {
        font-size: 40px;
    }

    .pkg-price p.price-txt span {
        font-size: 16px;
    }

    .pkg-price p {
        font-size: 16px;
    }

    .pricing-box {
        width: 90%;
    }

    .packages button.slick-prev.slick-arrow {
        width: 50px;
        height: 50px;
        left: -31px;
    }

    .packages button.slick-next.slick-arrow {
        width: 50px;
        height: 50px;
        right: -31px;
    }

    .rocket-sec h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    .rocket-sec p {
        font-size: 16px;
        line-height: 1.2;
    }

    .rocket-sec .sec-row {
        height: 245px;
    }

    .blog-section .blog-item {
        width: 95%;
    }

    .blog-section .blog-item .blog-item-body p.blog-title {
        font-size: 18px;
        line-height: 1.2;
    }

    .blog-section .blog-item .blog-item-footer .blog-meta p {
        font-size: 12px;
    }

    .blog-section .blog-item .blog-item-footer .readmore-btn {
        width: 40px;
        height: 40px;
    }

    .blog-section .blog-item .blog-item-footer .readmore-btn a {
        font-size: 18px;
    }

    .blog-slide .inner-slide {
        height: 350px;
    }


    .faq-row {
        padding: 30px 20px;
    }

    .packages-faq-row .col-md-6.faq-col:after {
        display: none;
    }

    .packages-faq-row:before {
        display: none;
    }

    .faq-row:after {
        display: none;
    }

    .partner-sec .part-logo {
        width: 100%;
        height: 110px;
    }

    .footer-section .f-nav p {
        font-size: 16px;
        padding: 0 !important;
    }

    .footer-section .f-logo img {
        width: 100%;
    }

    .footer-section .f-about p {
        width: 100%;
        font-size: 12px;
        line-height: 1.5;
    }

    .footer-section .f-nav ul.f-nav-item li {
        font-size: 14px;
    }

    .footer-section ul.copyright-nav {
        font-size: 14px;
    }

    .footer-section .f-social img {
        width: 30px;
    }

    .row.copyright .col-md-6 {
        padding: 0;
    }

    .portfolio-item .p-item-img img {
        width: 100%;
    }

    .form-model .modal-dialog{
        max-width: 900px !important;
    }
    img.popup-info-img {
        width: 380px !important;
    }
    ul.nav.nav-tabs{
        width: 80% !important;
    }
    ul.nav.nav-tabs li button.nav-link.active{
        padding: 12px 20px !important;
    }
    .video-port .portfolio-item .p-item-img img{
        width: 95%;
    }
    .web-port .portfolio-item:before{
        left: 8px !important;
        width: 277px !important;
        height: 308px !important;
    }
    .gif-video-size{
        width: 95%;
        border-radius: 20px 20px 0 0;
    }
    .services-inner-cards{
        padding: 10px 0;
    }
    .web-port .portfolio-item .p-item-img img{
        width: 95%;
    }
    .portfolio-section.logo-port .portfolio-item .p-item-img img {
        width: 95%;
    }
    #about-testimonials .testi-slider-parent.d-flex {align-items: flex-start !important;}
    div#animation .portfolio-item:before {height: 297px !important;}
    #m-a-portfolio .portfolio-item{min-height: 920px;margin-bottom: 20px;}
    .price-b-head{padding: 10px 10px;}
    .pkg-content{padding: 30px 5px;}
    .pkg-content ul.pkg-item li{font-size: 16px;}

}



/* ABOUT PAGE */
#about-hero {
    padding: 64px 12px;
    position: relative;
}

#about-hero::before {
    content: "";
    background: url('../../about-pics/Group\ 4171.webp');
    position: absolute;
    top: 10%;
    left: 3%;
    width: 128px;
    height: 132px;
}

#about-hero::after {
    content: "";
    background: url('../../about-pics/h4-slider-1-img-2.webp');
    position: absolute;
    top: 10%;
    right: 3%;
    width: 178px;
    height: 204px;
}

section#about-hero h1 {
    font-size: 42px;
    line-height: 44px;
    font-weight: 400;
    width: 68%;
}

section#about-hero h1 span {
    color: #7F2EF8;
}

section#about-hero p {
    color: #0B0D39;
    font-size: 16px;
    width: 63%;
    line-height: 26px;
    margin: 15px 0;
    font-weight: 400;
}

section#about-hero .hero-inner-parent {
    padding: 16px 0;
    align-items: center;
    width: 57%;
    justify-content: space-between;
}

section#about-hero .hero-inner-parent::before {
    content: "";
    background: url('../../about-pics/Group\ 4178.webp');
    position: absolute;
    bottom: 13%;
    left: 4%;
    width: 147px;
    height: 128px;
}

section#about-hero .hero-inner-parent::after {
    content: "";
    background: url('../../about-pics/Group\ 4179.webp');
    position: absolute;
    bottom: -6%;
    right: 4%;
    width: 189px;
    height: 171px;
}

section#about-hero .hero-inner-parent .hero-inner {
    border-top: 1px solid #ccc;
    padding: 20px 0;
    width: 47% !important;
}

section#about-hero .hero-inner-parent .hero-inner span {
    font-size: 16px;
    color: #0B0D39;
    line-height: 28px;
    margin-left: 8px;
}

section#about-hero .hero-inner-parent .hero-inner-sec {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    margin-left: 0;
    width: 46% !important;
}

section#about-hero .hero-inner-parent .hero-inner-sec span {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 18px;
}

section#values {
    padding: 70px 0;
}

section#values .values-row {
    background: #f6e6ebad;
    border-radius: 40px;
    padding: 100px 50px;
    position: relative;
}

section#values .values-row::before {
    content: '';
    position: absolute;
    background: url(/assets/images/service-element-1.webp) no-repeat;
    background-size: cover;
    width: 211px;
    height: 279px;
    left: -70px;
    top: -40px;
    z-index: -10;
}

section#values .values-row::after {
    content: '';
    position: absolute;
    background: url(/assets/images/service-element-2.webp) no-repeat;
    background-size: cover;
    width: 133px;
    height: 127px;
    bottom: -60px;
    left: 190px;
    z-index: -20;
}

section#values .val-title {
    color: #7F2EF8;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

section#values .val-title h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    color: #7F2EF8;
    font-family: 'DM Sans', sans-serif;
}

section#values .val-desc p {
    font-family: 'DM Sans', sans-serif;
    margin: 0 auto;
}

section#values .value-box {
    padding-top: 24px;
}

section#values .val-img {
    margin-bottom: 20px;
}

section#about-page {
    padding: 70px 0;
}

section#about-page h5 {
    font-size: 18px;
    color: #7F2EF8;
    font-weight: 400;
    line-height: 28px;

}

.about-btn-sec {
    padding: 12px 0;
}

.about-btn-sec .learn-btn {
    display: inline-block;
    padding: 8px 32px;
    background: #7F2EF8;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #7F2EF8;
    text-decoration: none;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
}

.about-btn-sec .contact-btn {
    display: inline-block;
    padding: 8px 32px;
    color: #7F2EF8;
    font-size: 16px;
    border: 1px solid #7F2EF8;
    text-decoration: none;
    border-radius: 5px;
    margin-left: 12px;
    font-family: 'Montserrat', sans-serif !important;

}

.about-sec-li-child1 ul li {
    list-style-type: none;
}

.about-sec-li-child1 ul {
    padding: 0;
    margin-top: 12px;
}

.about-sec-li-child1 ul li svg {
    color: #7F2EF8;
}

section#talent {
    padding: 70px 0;
}

section#talent .talent-row {
    background: url('../../about-pics/p1-background-img-1.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
    position: relative;
}

section#talent h5 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    width: 58%;
    margin: 0 auto;
    position: relative;
}

section#talent h5::before {
    content: '';
    background: url('../../about-pics/p1-background-img-3.webp');
    position: absolute;
    width: 116px;
    height: 113px;
    left: -16%;
    top: 0;
    z-index: 99;
}

section#talent h5::after {
    content: '';
    background: url('../../about-pics/p1-background-img-2.webp') no-repeat;
    position: absolute;
    width: 80px;
    height: 83px;
    right: -20%;
    top: -64%;
    z-index: 99;
}

.talent-btns {
    padding: 24px 0;
    position: relative;
}

.talent-btns::after {
    content: '';
    background: url('../../about-pics/p1-background-img-4.webp') no-repeat;
    position: absolute;
    width: 98px;
    height: 96px;
    right: 15%;
    bottom: 0;
    z-index: 99;
}

.talent-btns .learn-btn {
    display: inline-block;
    padding: 8px 32px;
    background: #7F2EF8;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #7F2EF8;
    text-decoration: none;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
}

.talent-btns .contact-btn {
    display: inline-block;
    padding: 8px 32px;
    /* background: #7F2EF8; */
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #fff;
    text-decoration: none;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
    margin-left: 24px;
}

#about-testimonials {
    padding: 70px 0;
}

.testi-slider-content {
    padding: 0 48px;
}

.testi-slider-parent {
    max-width: 85%;
    margin: 0 auto;
}

.testi-slider-content-child {
    padding: 24px 0;
    border-bottom: 1px solid #707070;
}

.testi-slider-content-child p {
    font-size: 16px;
    line-height: 28px;
    color: #303043;
    font-weight: 400;
}

.testi-slider-content-child h5 {
    font-size: 24px;
    color: #707070;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.testi-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    margin-top: 12px;
}

.testi-designation {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    margin-left: 24px;
    margin-top: 12px;
}

.testi-dots-div {
    position: relative;
    padding: 16px 0;
}

.testi-dots-div p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #7F2EF8;
    font-weight: 500;
}

.testi-dots-div p .fa-arrow-right {
    margin-left: 18px;
}

#about-testimonials .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: absolute;
    right: 44%;
    bottom: 0;
}

#about-testimonials .slick-dots li {
    margin: 0 0.25rem;
}

#about-testimonials .slick-dots li button {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #7F2EF8;
    text-indent: -9999px;
}

#about-testimonials .slick-dots li.slick-active button {
    background-color: #7F2EF8;
    width: 39px;
    border-radius: 10px;
}

.form-model .modal-dialog {
    max-width: 1024px;
}

.form-model .modal-content {
    padding: 2rem 3rem;
    -webkit-box-shadow: inset 0px 0px 250px 0px rgb(0 0 0);
    -moz-box-shadow: inset 0px 0px 250px 0px rgba(0, 0, 0, 1);
    box-shadow: inset 0px 0px 250px 0px rgb(0 0 0);
    display: flex;
    border-radius: 15px;
    background: #321364;
}

.form-model .popupform h5.model-subh {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 33px;
}

.form-model .popupform p.model-heading {
    color: #ffffff;
    font-size: 60px;
    font-family: 'Montserrat', sans-serif;
}

.form-model .popupform input {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    height: 50px;
    border-radius: 35px;
    padding: 0 15px 0 20px;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

.form-model .popupform textarea {
    height: 110px;
    resize: none;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #ccc;
    box-shadow: none;
    padding: 15px 15px;
    font-family: 'Montserrat', sans-serif;
}

.submit-dev .secondary-btn {
    background: #7F2EF8;
    width: 100%;
    margin: 0;
    border-radius: 30px;
    margin-top: 10px;
    color: #ffffff;
    border: 0;
}

.contact-info {
    border-left: 1px solid #ffffff;
    padding-left: 20px;
    height: 180px;
    position: absolute;
    bottom: 150px;
}

.contact-info h6 {
    color: #ffffff;
    margin: 10px 0;
}

.contact-info p {
    color: #ffffff;
}

.contact-info .email-info {
    border-bottom: 1px solid #ffffff;
}

.contact-info .cont-num {
    border-bottom: 1px solid #ffffff;
}

.pkg-content ul.pkg-item::-webkit-scrollbar {
    width: 8px;
    background-color: #f6e6eb;
}

.pkg-content ul.pkg-item::-webkit-scrollbar-thumb {
    border-radius: 25px;
    -webkit-box-shadow: inset 0 0 6px rgb(127 46 248);
    background-color: #7f2ef8;
}

.footer-section .f-nav a {
    text-decoration: none;
    color: #0B0D39 !important;
}


section#policy-banner .banner-row {
    background: #f6e6ebad;
    border-radius: 40px;
    padding: 100px 50px;
}

section#policy-banner .banner-row h1 {
    font-size: 58px;
    line-height: 71px;
    font-weight: 400;
}

section#content-sec {
    padding: 70px 0;
}

section#content-sec .policy-txt {
    width: 80%;
    margin: 0 auto;
}


section#content-sec .policy-txt h4 {
    font-size: 40px;
    font-weight: 400;
    line-height: 55px;
    color: #0B0D39;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
}

section#content-sec .policy-txt p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 34px;
    color: #303043;
}

section#content-sec .policy-txt p a {
    font-size: 18px;
    font-weight: bold;
    color: #7F2EF8;
    text-decoration: none;
}

section#content-sec .policy-txt ul.policy-item {
    padding-left: 15px;
}

section#content-sec .policy-txt ul.policy-item li {
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    font-family: 'Poppins', sans-serif;
}

section#content-sec .policy-txt ul.policy-item li::marker {
    color: #7F2EF8;
}

section.thankyou-banner-section {
    background: url(/contact-pics/p6-background-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    align-items: center;
}

section.thankyou-banner-section .contact-form {
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 0 10px #FFE2E7;
    background: #ffe2e77a;
    border-radius: 10px;
    border: 1px solid #fff;
    height: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.contact-form .action-btns a.secondary-btn {
    font-size: 18px;
}

.contact-form .action-btns a.primary-btn svg {
    padding-right: 10px;
}

section#testimonial .banner-row {
    background: #f6e6ebad;
    border-radius: 40px;
    padding: 100px 50px;
}

.logo-port .p-item-img img {
    border-radius: 20px 20px 0 0;
    width: 84%;
    height: 330px;
}


@media all and (max-width: 1400px) {
    section#about-hero h1 {
        width: 100%;
        font-size: 40px;
    }

    section#about-hero p {
        width: 94%;
    }

    section#about-hero {
        padding: 39px 0px;
    }

    section#about-hero .hero-inner-parent {
        width: 80%;
    }

    section#about-hero .hero-inner-parent::before {
        bottom: 0 !important;
        left: 2% !important;
        width: 80px !important;
        height: 70px;
        background-size: cover;
    }

    #about-hero::before {
        top: 0 !important;
        left: 0 !important;
        width: 50px !important;
    }

    section#about-hero img {
        max-width: 100%;
        height: auto;
    }

    section#about-hero .hero-inner-parent::after {
        width: 80px !important;
        bottom: -124px !important;
        right: 8px !important;
    }

    section#about-hero h1 {
        width: 100%;
        font-size: 34px;
    }

    section#about-hero p {
        width: 94%;
    }

    section#about-hero .hero-inner-parent {
        width: 80%;
    }

    #about-hero::before {
        top: -8%;
        left: 0%;
        background-repeat: no-repeat;
        background-size: contain;
        width: 80px;
    }

    #about-hero::after {
        top: -11px;
        right: 0px;
        background-size: contain;
        width: 70px;
        height: 60px;
        background-repeat: no-repeat;
    }

    section#about-hero img {
        max-width: 100%;
        height: auto;
    }

    section#about-hero .hero-inner-parent::after {
        background-repeat: no-repeat;
        background-size: contain;
        width: 100px;
        bottom: -21%;
        right: 1%;
    }

    section#values {
        padding: 40px 0;
    }

    section#values .values-row .val-img img {
        max-width: 100%;
        height: auto;
    }

    section#values .value-box {
        width: 100%;
    }

    section#values .val-title h4 {
        font-size: 20px;
        line-height: 30px;
    }

    section#about-page {
        padding: 40px 0;
    }

    section#about-page img {
        max-width: 100%;
        height: auto;
    }

    section#talent h5::before {
        left: -24% !important;
    }

    section#talent h5::after {
        top: -21%;
    }

    #about-testimonials img {
        max-width: 100%;
        height: auto;
    }

    .testi-slider-content-child p {
        font-size: 16px;
    }

    .testi-slider-content-child h5 {
        font-size: 16px;
    }

    .testi-title {
        font-size: 14px;
    }

    .testi-designation {
        font-size: 14px;
    }

    #about-testimonials .slick-dots {
        left: 26%;
    }

    .testi-dots-div p {
        font-size: 16px;
    }



}

/* Portfolio Pages */
#portfolio-banner {
    padding: 70px 0;
}

#portfolio-banner .portfolio-banner-slider img {
    width: 80%;
    margin: 0 auto;
}

#portfolio-banner .slick-next:before {
    content: '\f061 ';
    font-family: 'FontAwesome';
    color: #000000;
    font-size: 20px;
}

#portfolio-banner button.slick-next.slick-arrow {
    display: block !important;
    font-size: 0px;
    height: 78px;
    width: 78px;
    background: #fff;
    position: absolute;
    right: -70px;
    left: auto;
    top: 300px;
    border-radius: 50px;
    border: 0;
    box-shadow: 0px 8px 24px #DCDCE3;
}

#portfolio-banner button.slick-prev.slick-arrow {
    display: block !important;
    font-size: 0px;
    height: 78px;
    width: 78px;
    background: #fff;
    position: absolute;
    left: -62px;
    top: 300px;
    border-radius: 50px;
    box-shadow: 0px 8px 24px #DCDCE3;
    border: none;
}

#portfolio-banner .slick-prev:before {
    content: '\f060';
    font-family: 'FontAwesome';
    color: #000;
    font-size: 20px;
}

#portfolio-banner button.slick-next.slick-arrow:hover{
    background:#7F2EF8;
}

#portfolio-banner button:hover.slick-next:before{
    color:#ffffff;
}

#portfolio-banner button.slick-prev.slick-arrow:hover{
    background:#7F2EF8;
}

#portfolio-banner button:hover.slick-prev:before{
    color:#ffffff;
}

#portfolio-section {
    padding: 70px 0;
    position: relative;
}

#portfolio-section::before {
    content: '';
    background: url('../../portfolio-pics/h-1.webp') no-repeat;
    position: absolute;
    width: 211px;
    height: 279px;
    left: 2%;
    top: 0;
    z-index: 99;
}

.gallery::before {
    content: '';
    background: url('../../portfolio-pics/h5-background-img-1.webp') no-repeat;
    position: absolute;
    width: 133px;
    height: 127px;
    left: -32px;
    bottom: 42%;
}

#portfolio-section::after {
    content: '';
    background: url('../../portfolio-pics/h5-background-img-1.webp') no-repeat;
    position: absolute;
    width: 133px;
    height: 127px;
    right: 3%;
    top: 25%;
    z-index: 99;
}

.gallery::after {
    content: '';
    background: url('../../portfolio-pics/h-1.webp') no-repeat;
    position: absolute;
    width: 211px;
    height: 279px;
    right: -14%;
    bottom: 0;
}

#portfolio-section p {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 34px;
    font-weight: 400;
    color: #0B0D39;

}

#portfolio-section img {
    border-radius: 8px;
    margin-bottom: 18px;
}

.portfolio-second-row {
    padding: 64px 0;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    position: relative;
}

.packages-faq-row::after {
    display: none;
}

/* .gallery img {
    width: 100%;
    padding: 10px;
    object-fit: contain;
    position: relative;
    transform-origin: center center;
} */



@media only screen and (max-width: 600px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media all and (max-width: 1400px) {
    #portfolio-banner .portfolio-banner-slider img {
        max-width: 100%;
    }

    #portfolio-banner button.slick-prev.slick-arrow {
        left: 0 !important;
    }

    #portfolio-banner button.slick-next.slick-arrow {
        right: 0 !important;
    }

    section#portfolio-section {
        padding: 40px 0;
    }

    section#portfolio-section img {
        max-width: 100%;
    }

    #portfolio-section::before {
        z-index: -1 !important;
    }

    #portfolio-section::after {
        z-index: -1 !important;
        right: 1% !important;
    }

    #portfolio-section p {
        font-size: 14px;
        line-height: 28px;
    }

    .gallery::after {
        right: -5% !important;
        z-index: -1 !important;
    }
}

/* Packages Section */
#packages-banner {
    padding: 70px 0;
}

#packages-banner .packages-banner-row {
    background: url('/packages-pics/Group-4240.webp') no-repeat;
    background-position: center;
    background-size: cover;
    height: 650px;
    padding: 60px 0;
    border-radius: 10px;

}

#packages-banner .packages-banner-row h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

#packages-banner .packages-banner-row p {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    font-size: 18px;
    line-height: 28px;

}

.inner-packages-page .col-md-4 {
    margin-bottom: 16px;
}

.faq-section .accordion-item {
    margin-bottom: 10px;
    border-radius: 10px;
}

.faq-section .accordion-item button.accordion-button.collapsed {
    border-radius: 12px;
    border: 1px solid #7f2ef861;
    background: #ffffff3b;
}

.accordion-button:not(.collapsed) {
    border-radius: 12px 12px 0px 0px;
    background-color: #ffffff4a;
    border: 1px solid #7f2ef861;
}

.accordion-body {
    border: 0;
    border-left: 1px solid #7f2ef861;
    border-bottom: 1px solid #7f2ef861;
    border-right: 1px solid #7f2ef861;
    border-radius: 0px 0px 12px 12px;
}

#packages-faq .accordion-item {
    background: #ffffff3b;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 16px 0;
    border: 1px solid #7f2ef861;
}

#packages-faq .accordion-button:focus {
    box-shadow: 0 0;
}

#packages-faq .accordion-item h2 button.accordion-button {
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    color: #0B0D39;
    font-family: 'Poppins', sans-serif;
}

.accordion-body p {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #7F2EF8;
}

/* services Page */
#services-banner {
    background: url("/services-pics/p12-background-img-1.webp") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 150px 0;
}

#services-banner h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    width: 80%;
    margin-bottom: 16px;
}

#services-banner p {
    color: #fff;
    margin-bottom: 30px;
}

section#services-banner .services-hero-inner-parent {
    padding: 42px 0;
    align-items: center;
    width: 57%;
    justify-content: space-between;
}

section#services-banner .services-hero-inner-parent .services-hero-inner {
    border-top: 1px solid #ccc;
    padding: 20px 0;
    width: 47% !important;
}

section#services-banner .services-hero-inner-parent .services-hero-inner span {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-left: 8px;
}

section#services-banner .services-hero-inner-parent .services-hero-inner-sec {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    margin-left: 0;
    width: 46% !important;
}

section#services-banner .services-hero-inner-parent .services-hero-inner-sec span {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 18px;
    color: #fff;
}

section#inner-services {
    padding: 70px 0;
}

.services-inner-cards {
    padding: 24px 30px;
    background: #FAF2F5;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30px;
}

.inner-ser-img {
    background-color: #fff;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

section#backbone {
    padding: 70px 0;
    background: url("/services-pics/p12-background-img.webp") no-repeat;
    background-position: center;
    background-size: cover;

}

section#backbone h2 {
    color: #fff;
    width: 70%;
    font-size: 36px !important;
    line-height: 46px;
}

section#backbone p {
    color: #fff;
    width: 80%;
}

@media all and (max-width: 1400px) {
    section#services-banner {
        padding: 36px 0;
    }

    #services-banner h2 {
        width: 100%;
        font-size: 35px;
    }

    section#services-banner .services-hero-inner-parent {
        width: 80%;
    }

    section#inner-services img {
        max-width: 100%;
    }

    .inner-ser-img {
        height: 200px;
        width: 200px;
    }

    section#backbone img {
        max-width: 100%;
    }

    section#backbone h2 {
        width: 100%;
    }

    section#backbone p {
        width: 80%;
    }
}

/* contact page */
#contact {
    background: url("/contact-pics/p6-background-img.webp") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 170px 0;
    margin-top: -120px;
}

#contact h2 {
    color: #7F2EF8;
    margin-bottom: 20px;
}

#contact p {
    margin-bottom: 10px;
    font-size: 22px;

}

#contact a {
    display: inline-block;
    text-decoration: none;
    color: #7F2EF8;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}

#contact .contact-form {
    width: 90%;
    margin: 0 auto;
    box-shadow: 0 0 10px #FFE2E7;
    background: #ffe2e77a;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 32px 0;
}

#contact .contact-form h5 {
    font-size: 35px;
    line-height: 43px;
    color: #0B0D39;
    font-family: 'Montserrat', sans-serif;

}

#contact .contact-form form {
    padding: 16px 12%;
}

#contact .contact-form form input {
    width: 100%;
    padding: 24px 10px;
    border: 1px solid #7F2EF8;
    border-radius: 10px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;

}

#contact .contact-form form input:focus {
    outline: none;

}

#contact .contact-form form textarea:focus {
    outline: none;
}

#contact .contact-form form textarea {
    width: 100%;
    padding: 24px 10px;
    border: 1px solid #7F2EF8;
    border-radius: 10px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
}

.name-email-input {
    padding: 24px 0;
}

.send-btn {
    text-align: left;
    padding: 16px 0;
}

.send-btn button {
    border: none;
}

@media all and (max-width: 1400px) {
    section#contact {
        padding: 90px 0;
    }

    section#contact .contact-heading-section {
        padding: 60px 0;
    }
}

/* Digital Markerting */
section#creative-points {
    padding: 70px 0;
}

section#creative-points .creative-span-01 {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 34px;
}

section#creative-points .creative-span-01:before {
    content: '';
    position: absolute;
    background: url(/assets/images/digital-marketing/number.webp) no-repeat;
    width: 40px;
    height: 40px;
    top: -5px;
    left: -13px;
    z-index: -99;

}

section#creative-points .creative-span-02 {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #0B0D39;
    line-height: 35px;
    margin-left: 15px;

}

section#creative-points p {
    color: #0B0D39;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 34px;
    margin-left: 37px;

}

section#creative-points .creative-points-first-child {
    margin-bottom: 15px;
}

section#creative-points .creative-points-second-child {
    margin-bottom: 15px;
}

section#social-media .card-one {
    background: #fff;
    padding: 22px 14px;
    border-radius: 10px;
    border: 1px solid #000;
}

section#social-media .card-one p {
    width: 82%;
    margin: inherit;
}

section#social-media h2 {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 32px;
}

section#social-media .card-one h4 {
    color: #0B0D39;
    font-size: 34px;
    width: 67%;
    font-weight: 700;
}

section#social-media .card-two {
    background: #fff;
    padding: 22px 14px;
    border-radius: 10px;
    border: 1px solid #000;
}

section#social-media .card-two p {
    width: 82%;
    margin: inherit;
}

section#social-media .card-two h4 {
    color: #0B0D39;
    font-size: 34px;
    width: 67%;
    font-weight: 700;
}

section#social-media .card-three {
    background: #fff;
    padding: 22px 14px;
    border-radius: 10px;
    border: 1px solid #000;
}

section#social-media .card-three p {
    width: 82%;
    margin: inherit;
}

section#social-media .card-three h4 {
    color: #0B0D39;
    font-size: 34px;
    width: 67%;
    font-weight: 700;
}

/* Logo Desiging */
#l-d-banner-sec {
    position: relative;
    padding: 70px 0;
}

#l-d-banner-sec::before {
    content: '';
    position: absolute;
    background: url(/assets/images/logo-designing/coin.webp) no-repeat;
    width: 147px;
    height: 128px;
    left: 43px;
    top: 10px;
}

#l-d-banner-sec::after {
    content: '';
    position: absolute;
    background: url(/assets/images/logo-designing/balls.webp) no-repeat;
    width: 211px;
    height: 279px;
    left: 90px;
    bottom: -40%;
}

section#making-logo {
    padding: 70px 0;
}

section#making-logo h6 {
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 34px;
    margin-left: 37px;

}

section#making-logo h6::before {
    content: '';
    position: absolute;
    background: url(/assets/images/digital-marketing/number.webp) no-repeat;
    width: 40px;
    height: 40px;
    top: -5px;
    left: 43%;
    z-index: -99;
}

.l-d-portfolio::before {
    display: none;
}

.l-d-portfolio::after {
    display: none;
}

/* web designing */
section#w-d-banner-sec {
    padding: 70px 0;
    position: relative;
}

section#w-d-banner-sec::before {
    content: '';
    position: absolute;
    background: url(/assets/images/web-designing/banner-before.webp) no-repeat;
    width: 189px;
    height: 171px;
    bottom: 0;
    left: 30px;
    z-index: -99;
}

section#w-d-banner-sec::after {
    content: '';
    position: absolute;
    background: url(/assets/images/web-designing/banner-after.webp) no-repeat;
    width: 128px;
    height: 132px;
    top: 0;
    right: 70px;
    z-index: -99;
}

.w-d-features .part-logo {
    background: none;
    border: 1px solid #7F2EF8;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    margin-top: 26px;

}

.w-d-features .part-logo h6 {
    color: #002169;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    width: 63%;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}

.web-features .service-row::before {
    display: none;
}

.web-features .service-row::after {
    display: none;
}

.web-features .web-features-one {
    border: 1px solid #7F2EF8;
    border-radius: 5px;
    padding: 16px 22px;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.web-features .web-features-two {
    border: 1px solid #7F2EF8;
    border-radius: 5px;
    padding: 16px 22px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.web-features .feature-image-div {
    display: flex;
    justify-content: center;
}

.web-features .feature-image-div img {
    height: 80%;
    max-width: 100%;
}

.web-features .features-second-raw {
    margin-top: -100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.web-features .logo-gallery {
    display: flex;
    justify-content: space-between;
}

.web-features .logo-gallery img {
    margin-bottom: 15px;
}

#gallery-slider-main .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: absolute;
    right: 46%;
}

#gallery-slider-main .slick-dots li {
    margin: 0 0.25rem;
}

#gallery-slider-main .slick-dots li button {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #7F2EF8;
    text-indent: -9999px;
}

#gallery-slider-main .slick-dots li.slick-active button {
    background-color: #7F2EF8;
    width: 39px;
    border-radius: 10px;
}

@media all and (max-width: 1400px) {
    section#creative-points {
        padding: 40px 0;
    }

    section#creative-points p {
        font-size: 14px;
        line-height: 1.4;
    }

    section#creative-points img {
        max-width: 100%;
    }

    section#social-media h2 {
        width: 90%;
        font-size: 30px;
    }

    section#social-media .card-one h4 {
        width: 90%;
        font-size: 30px;
    }

    section#social-media .card-two h4 {
        width: 90%;
        font-size: 30px;
    }

    section#social-media .card-three h4 {
        width: 90%;
        font-size: 30px;
    }

    section#contact .contact-heading-section {
        padding: 60px 0;
    }

    #l-d-banner-sec::before {
        background-repeat: no-repeat;
        background-size: contain;
        width: 90px;
        height: 128px;
        left: 23px;
        top: -20px;
    }

    #l-d-banner-sec::after {
        background-repeat: no-repeat;
        background-size: contain;
        width: 111px;
        height: 279px;
        left: 10px;
        bottom: -60%;
    }

    #gallery-slider-main img {
        max-width: 100%;
    }

    .w-d-features .part-logo {
        padding: 15px 17px;
        height: auto;
    }

    .w-d-features .part-logo h6 {
        font-size: 14px !important;
        width: 100%;
    }

    .w-d-features img {
        max-width: 100%;
    }

    section#w-d-banner-sec::before {
        background-size: contain;
        background-repeat: no-repeat;
        width: 119px;
        height: 171px;
        bottom: -80px;
        left: 30px;
    }

    section#w-d-banner-sec::after {
        background-size: contain;
        background-repeat: no-repeat;
        width: 88px;
    }

    .web-features .feature-image-div img {
        max-width: 100%;
    }

    .web-features .web-features-one {
        width: 80%;
    }

    .web-features .web-features-one img {
        max-width: 100%;
    }

    .web-features .web-features-one h6 {
        font-size: 14px;
    }

    .web-features .web-features-two {
        width: 100%;
    }

    .web-features .web-features-two img {
        max-width: 100%;
    }

    .web-features .features-second-raw {
        margin-top: 0px;
    }
}

/* mobile apps portfolio */
#m-a-portfolio .p-item-img {
    height: 50%;
}

#m-a-portfolio .portfolio-item {
    padding: 24px;
    border-radius: 8px;
    min-height: 1060px;
    box-shadow: 0 0px 10px #cccccc;
}

#m-a-portfolio .p-item-content {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: none;
    width: 100%;
}

#m-a-portfolio .p-item-img img {

    max-width: 100%;
    border-radius: 0;
    width: 100%;
}


#m-a-portfolio .portfolio-item:before {
    display: none;
}

#m-a-portfolio .p-item-content h3 {
    margin-top: 12px;
}

#m-a-portfolio .p-item-content p {
    text-align: left;
    margin-top: 12px;
}

#m-a-portfolio .p-item-content ul {
    text-align: left;
    margin-top: 12px;
    padding: 1rem;
    list-style: none;
}

#m-a-portfolio .p-item-content ul li::before {
    content: "\2022";
    color: #7F2EF8;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#m-a-portfolio .m-a-p-btn {
    text-align: left;
}

#m-a-portfolio .m-a-p-btn a {
    text-decoration: none;
}

#m-a-portfolio .view-more-btn {
    padding: 36px 0;
}

.d-m-banner {
    padding: 70px 0;
}

ul.nav.nav-tabs {justify-content: space-evenly;border: 0;/* background: #cccccc; */}

ul.nav.nav-tabs {
    background: linear-gradient(122deg, rgba(127, 46, 248, 0.20211834733893552) 0%, rgba(255, 44, 255, 0.2049194677871149) 100%);
    width: 70%;
    margin: 20px auto;
    padding: 30px 0;
    border-radius: 20px;
}
ul.nav.nav-tabs li button.nav-link.active {
    background: #7F2EF8;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 16px 36px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 3px 3px 6px #4b4b4b66;
    border: 0;
    transition: all 0.5s ease;
}

ul.nav.nav-tabs li button.nav-link{
    transition: all 0.5s ease;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

ul.nav.nav-tabs li:hover button.nav-link{
    background: #7F2EF8;
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 16px 36px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 3px 3px 6px #4b4b4b66;
    border: 0;
}
.portfolio-item .p-item-content h3.p-item-title {
    text-align: left;
}


@media all and (max-width: 900px) {
    .banner .col-md-6{width: 100%;}
    header#header a.navbar-brand.p-0 img {width: 130px;}
    header#header ul.navbar-nav {align-items: center;background: #7F2EF8;border-radius: 10px;}
    .header-sec ul.navbar-nav li:nth-child(7) a{font-size: 14px;padding: 5px 0;width: 120px;text-align: center;}
    header#header ul.navbar-nav li {margin: 0 !important;}
    .banner .b-col1:before{display: none;}
    .client-logo.text-center{width: 100%;}
    section#about .col-md-6 {width: 100%;}
    section#about{text-align: center;}
    section#about .action-btns{justify-content: center;}
    .client-logo{width: 100% !important;}
    section#about .col-md-6 {width: 100%;}
    section#about{text-align: center;}
    section#about .action-btns{justify-content: center;}
    .banner{text-align:center;}
    .banner .action-btns{justify-content: center;}
    .banner .overall-client{justify-content: center;}
    .overall-counter{margin-top: 40px;}
    .service-row .col-md-4 {width: 100%;}
    .service-row .service-box .ser-img img {width: 50%;}
    .client-logo img {width: 140px;}
    .portfolio-section .col-md-4 {width: 50%;}
    ul.nav.nav-tabs{width: 100% !important;}
    .rocket-sec h2{font-size: 24px;}
    .rocket-sec .sec-row img{margin-top: -34px;margin-left: 8px;}
    .rocket-sec .sec-row{height: 200px;}
    .faq-row .col-md-6{width: 100%;}
    .faq-row h4.form-title{margin-top: 20px;}
    .partner-sec .part-logo img {width: 50px;}
    .partner-sec .part-logo{height: 110px;}
    .footer-section .footer-row .col-md-3 {width: 100%;}
    .footer-section .footer-row .col-md-2 {width: 100%;}
    .footer-section .footer-row{text-align: center;}
    .footer-section .f-nav p{margin-top: 20px;}
    .footer-section .footer-row .f-logo img {width: 50%;}
    .copyright .col-md-6 {width: 100%;}
    .copyright .col-md-6.d-flex.justify-content-end {justify-content: center !important;}
    .copyright p.copy-r-txt {margin: 0;}
    .header-sec ul.navbar-nav li a{color: #ffffff !important;}
    section#about-hero .col-md-6 {width: 100%;}
    section#about-hero .hero-inner-parent::before{bottom: -30px !important;}
    section#values{text-align: center;}
    section#values .col-md-4 {width: 100%;}
    section#values .val-desc p{width: 50%;}
    section#about-page{text-align:center;}
    section#about-page .col-md-6 {width: 100%;}
    .about-sec-li-parent.d-flex {justify-content: center;}
    section#talent h5{font-size: 24px;line-height: 1.2;}
    section#talent h5::before{left: -120px !important;}
    .talent-btns::after{right: 0;}
    .testi-slider-parent.d-flex{align-items: flex-start !important;}
    #portfolio-banner{padding-top: 30px;padding-bottom: 0;}
    #portfolio-banner button.slick-next.slick-arrow{width: 50px;height: 50px;top: 150px;}
    #portfolio-banner button.slick-prev.slick-arrow{width: 50px;height: 50px;top: 150px;}
    .portfolio-section{padding-top: 30px;}
    .web-port .portfolio-item:before{width: 310px;}
    section#services-banner{text-align: center;background-position: left;}
    section#services-banner .col-md-6 {width: 100%;}
    section#services-banner .services-hero-inner-parent{width: 100%;}
    section#inner-services .col-md-4 {width: 100%;}
    section#backbone{text-align: center;}
    section#backbone .col-md-6 {width: 100%;}
    section#backbone p{width: 100%;}
    section#w-d-banner-sec {text-align: center;}
    section#w-d-banner-sec .col-md-6 {width: 100%;}
    section#w-d-banner-sec .action-btns{justify-content: center;}
    .partner-sec .col-md-2 {width: 50%;}
    .web-features .feature-image-div{align-items: center !important;}
    .service-row .row.features-second-raw .col-md-6 {width: 100%;}
    .service-row .col-md-3 {display: none;}
    .service-row{justify-content: center;}
    #l-d-banner-sec .col-md-6 {width: 100%;}
    #l-d-banner-sec{text-align: center;}
    #l-d-banner-sec .action-btns{justify-content: center;margin: 20px 0;}
    section#making-logo .col-md-3 {width: 50%;}
    .header-sec ul.dropdown-menu li a.dropdown-item {color: #000000 !important;}
    .header-sec ul.dropdown-menu li{text-align:left;}
    .d-m-banner {text-align: center;}
    .d-m-banner .col-md-6 {width: 100%;}
    .d-m-banner .action-btns{justify-content: center;margin: 30px 0;}
    section#creative-points .col-md-6 {width: 100%;}
    section#social-media .card-two{margin: 20px 0;}
    .m-a-portfolio-section .col-md-4 {width: 100%;}
    .navbar .dropdown:hover>ul{/* padding-left: 10px; */}
    /*    .navbar-light .navbar-nav .dropdown-toggle::after{display: block;}*/
    
}

@media all and (max-width: 767px) {
    .client-logo{flex-direction: column;align-items: center;}
    h1, h2{font-size: 22px;line-height: 1.5;}
    p{font-size: 12px;}
    .sub-title{font-size: 16px;}
    .about-row{padding: 0 0;}
    .primary-btn{font-size: 13px;padding: 10px 10px;}
    .secondary-btn{font-size: 14px;padding: 10px 10px;}
    .overall-counter{flex-direction: column;}
    .count-number{width: 100%;}
    .service-row{padding: 40px 0;margin: 0 0;}
    .service-row .ser-desc p{width: 100%;}
    .portfolio-section .col-md-4{width: 100%;}
    .portfolio-section{padding: 20px 0;}
    section#about {padding: 30px 0;}
    .c-logo{padding: 30px 0;}
    .overall-client p{font-size: 10px;line-height: 1.2;}
    .pkg-content ul.pkg-item li{font-size: 14px;}
    .pkg-content{padding: 30px 0px;}
    .pkg-price p.price-txt{font-size: 30px;line-height: 1;}
    .pkg-content .buy-now-btn {margin-left: 20px;}
    .packages button.slick-next.slick-arrow{height: 30px;width: 30px;right: -10px;}
    .packages .slick-next:before{font-size: 16px;}
    .packages button.slick-prev.slick-arrow{height: 30px;width: 30px;left: -10px;}
    .packages .slick-prev:before{font-size: 16px;}
    .rocket-sec .sec-row{height: auto;}
    .rocket-sec .row.sec-row {flex-direction: column-reverse;padding-top: 40px;}
    .rocket-sec{text-align: center;}
    .rocket-sec .sec-row img{margin-top: 20px;}
    .rocket-sec h2{font-size: 20px;}
    .faq-section .accordion-item p button.accordion-button{font-size: 12px;line-height: 1.4;}
    .accordion-body p{font-size: 14px;}
    .faq-row h4.form-title{font-size: 22px;margin-top: 40px;}
    .faq-section .quote-form{width: 100%;padding: 30px 10px;}
    .partner-sec .part-logo{height: auto;margin: 10px 0;padding: 10px 0;}
    .partner-sec .part-logo img{width: 69px;height: 80px;}
    .header-sec ul.navbar-nav li a{color: #ffffff !important;padding: 10px 0px;}
    .navbar-light .navbar-toggler{border-radius: 0;border: 0;}
    .navbar-light .navbar-toggler:focus {border: 0;box-shadow: 0 0;}
    section#about-hero h1{font-size: 22px;line-height: 1.2;margin-top: 20px;}
    #about-hero::before{top: -10px !important;height: 40px;left: 0px !important;}
    section#about-hero{text-align: center;}
    section#about-hero .hero-inner-parent{display:none;}
    section#values .values-row{padding: 30px 0;}
    section#values .val-desc p{width: 100%;}
    .about-btn-sec{display: flex;justify-content: center;}
    .about-btn-sec .learn-btn{padding: 10px 20px;}
    .about-btn-sec .contact-btn{padding: 10px 20px;}
    section#talent{padding: 0 0;}
    section#talent h5{width: 100%;font-size: 20px;}
    section#talent h5::before{left: 0 !important;top: -70px;width: 70px;height: 70px;background-size: cover;}
    section#talent h5::after{top: -80px;right: 0;}
    .talent-btns::after{bottom: -70px;height: 70px;width: 70px;background-size: cover;}
    .talent-btns{display: flex;justify-content: center;}
    .talent-btns .learn-btn{padding: 10px 15px;}
    .talent-btns .contact-btn{padding: 10px 15px;}
    .testi-slider-parent.d-flex{flex-direction: column;}
    .testi-slider-content{padding: 0 0;}
    .testi-dots-div p{font-size: 14px;text-align: left;}
    .footer-section .footer-row .f-logo img{width: 100%;}
    .footer-section .footer-row{padding: 10px 0px;justify-content: center;}
    #portfolio-banner button.slick-next.slick-arrow{width: 30px;height: 30px;top: 60px;right: 0 !important;}
    #portfolio-banner .slick-next:before{font-size: 16px;}
    #portfolio-banner button.slick-prev.slick-arrow{width: 30px;height: 30px;top: 60px;right: 0 !important;}
    #portfolio-banner .slick-prev:before{font-size: 16px;}
    .web-port .portfolio-item:before{width: 281px;}
    section#services-banner .services-hero-inner-parent{justify-content: center;margin: 0;flex-direction: column;}
    .services-inner-cards{padding: 20px 0;}
    section#backbone h2{font-size: 22px !important;line-height: 1.2;}
    section#w-d-banner-sec::after{width: 50px;height: 50px;}
    section#w-d-banner-sec::before{width: 50px;height: 50px;bottom: 40px;}
    .partner-sec .col-md-2 {width: 100%;}
    .web-features .web-features-one{width: 100%;}
    section#gallery-slider-main{padding: 40px 0;}
    .pricing-sec{padding: 0 0;}
    section#making-logo .col-md-3 {width: 100%;}
    .header-sec ul.dropdown-menu li a.dropdown-item {color: #000000 !important;padding-left: 10px;}
    .header-sec ul.dropdown-menu li{text-align:left;}
    .header-sec ul.dropdown-menu li:hover a.dropdown-item{color:#ffffff !important;}
    #m-a-portfolio .portfolio-item {min-height: auto;}
    #contact .contact-form form input{margin-bottom: 10px;}
    .navbar .dropdown:hover>ul{/* padding-left: 10px; */}
    .portfolio-item:before{height: 320px !important;top: 10px !important;}
    .form-model .popupform h5.model-subh{font-size: 14px;text-align: center;line-height: 1.4;}
    .form-model .modal-content{padding: 0;}
    .form-model .popupform p.model-heading{font-size: 18px;text-align: center;}
    .modal.fade.form-model.show {padding: 0 !important;}
    img.popup-info-img{display:none;}
    .form-model .modal-dialog{width: 90%;}
    form.validate-popupform {width: 100%;}
    .contact-info{display: none;}
    .modal.fade.form-model.show .row {justify-content: center !important;}
}





.blog-section .blog-item .blog-item-head img {border-radius: 20px;}
.animation-port .portfolio-item:before {height: 285px;}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {border-color: #7f2ef8 !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {background: #7f2ef8 !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg {color: #7f2ef8 !important;}