header{box-shadow: initial;position: relative;}
.new-static-banner::before {content: '';position: absolute;background: url('../../images/hero-banner.svg');background-position: right;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;top: -7%;left: 0;right: 0;opacity: .7888;z-index: -1;}
section.top-social-header{background: transparent;border-bottom: 1px solid #ffffffb2;}
.single-a-block {margin-right: 0;margin-top: 14px;}
.single-a-block a{background: #105af2;}
section.top-social-header ul:first-child a:hover::before {height: 0%;}
section.top-social-header ul:first-child a:hover {color: #ffff !important;}
/* 5. slider css */
    section.new-static-banner{height: 600px;min-height: 80vh;position: relative;z-index: 0;}
    section.new-static-banner .inner-banner-new-static{display: flex;justify-content: center;align-items: center;width: 100%;padding-top: 115px;}
    section.new-static-banner .inner-banner-new-static article:nth-child(1){width: 60%;}
    section.new-static-banner .inner-banner-new-static article:nth-child(2){width: 40%;}
    section.new-static-banner .inner-banner-new-static article.with-quotes h1 {color: #1c1c25;font-size: 42px;margin-top: 0;text-transform: capitalize;line-height: 1.2;display: inline-block;vertical-align: middle;}
    section.new-static-banner .inner-banner-new-static article.with-quotes h1 span{color: #105af2;}
    section.new-static-banner .inner-banner-new-static article.with-quotes p {color: #fff;font-size: 20px;line-height: 1.4;margin-bottom: 32px;}
    .custom-shape-divider-bottom-1634735641 {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;z-index: 1;}
    .custom-shape-divider-bottom-1634735641 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 70px;}
    .custom-shape-divider-bottom-1634735641 .shape-fill {fill: #fafafa;}
    article.with-form form{width: 80%;background: #fff;margin: 0 auto;border-radius: 4px;padding:30px 32px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    article.with-form form div{margin-bottom: 4px}
    article.with-form form h3 {color: #105af2;font-size: 34px;margin-bottom: 20px;font-family: 'poppins-menu-2';font-weight: 600;}
    article.with-form form input, article.with-form form textarea {background: #fff;padding: 10px;border-radius: 4px;font-size: 14px;resize: none;}
    article.with-form form button {width: 100%;padding: 10px;border: none;color: #fff;border-radius: 4px;font-size: 24px;background: #105af2;cursor: pointer;transition: all .2s;}
    article.with-form form button:hover{background: #ffb100;border-radius: 32px}
    .button-container{padding: 20px 0 0;}
    .button-container a {background: #fff;color: #fff;padding: 6px 20px;font-size: 20px;font-family: 'new';text-transform: capitalize;letter-spacing: 1px;transition: all .3s ease-in-out;opacity: 1}
    .button-container a:last-child{background: #105af2;color:#fff;border:2px solid #105af2;}
    .button-container a:first-child{background: transparent;border: 2px solid #105af2;color:#1c1c25}
    .button-container a:hover{border-color:#f7c700;background-color:#f7c700}
    .button-container a:hover {border-color: #105af2;background-color: transparent;color: #105af2;}
    .banner-input{padding: 10px 0;}
    .popup-form-call_action input, .popup-form-call_action textarea {border: 1px solid #0000002e;}
    .hero-h1-img{display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
    .hero-h1-img em{display: flex;justify-content: center;align-items: center;}
/* 5. slider css */

/* why choose us  */
    ul.responsive-fea li{background-color: transparent;}
    ul.responsive-fea li img {width: 100px;display: block;margin-bottom: 20px;opacity: 1;filter: initial;}
/* why choose us  */

/* our services  */
    .our-services-ppc{padding: 60px 20px;}
    .inner-our-services-ppc{display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}
    .our-srvices-ppc-card{margin-bottom: 30px;border: 1px solid #E3E4F8;border-radius: 15px;background: #fff;padding: 30px;width: 100%;max-width: 400px;}
    .our-srvices-ppc-card span{display: flex;justify-content: center;align-items: center;margin: 0px 0 20px;background: rgba(14, 89, 242, 0.1);width: 75px;height: 75px;border-radius: 8px;}
    .our-srvices-ppc-card span img {width: 55px;filter: invert(22%) sepia(85%) saturate(3512%) hue-rotate(220deg) brightness(96%) contrast(99%);}
    .our-srvices-ppc-card h3{font-size: 26px;font-family: 'body_content';font-weight: 600;}
/* our services  */
/* our recent works  */
    .portfo-img-name{margin: 0;}
    .portfo-img-name h3 {font-size: 20px;color: #fff;padding: 12px 0;background: #1a8ae1;margin: 0;font-family: 'body_content';font-weight: 600;}
    .main-portfo-img-wrap{gap: 80px 20px;}
/* our recent works  */
/* testimonials css  */
    .index_testimonials_wrapper-ppc{padding: 60px 20px;}
    .index_testimonials_wrapper{gap: 20px;margin: 0;}
    .index_testimonials_wrapper article {width: 100%;max-width: 365px;border-radius: 10px;border: 1px solid #4a4a4a26;margin: 0 auto;padding: 10px 20px 20px;position: relative;z-index: 0;overflow: hidden;background-color: transparent;min-height: 320px;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;}
    .index_testimonials_wrapper article p {font-size: 17px;color: #454545;}
    .testi-name h6 {color: #009ffd;font-size: 20px;}
    .testi-name i{color: #222;}
/* testimonials css  */
    .lets-get-started{padding: 40px 20px;}
    .inner-lets-get-started{padding: 40px;display: flex;justify-content: space-between;align-items: center;border-radius: 12px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;}
    .left-get-starts{width: 100%;max-width: 550px;}
    .right-get-starts{width: 100%;max-width: 500px;}
    .right-get-starts form{background: #fff;padding: 30px;border-radius: 12px;}
    .left-get-starts h2{font-size: 46px;}
    .left-get-starts h2 span{color: #105af2;}
    .right-get-starts form h3 {color: #105af2;font-size: 34px;margin-bottom: 20px;font-family: 'poppins-menu-2';font-weight: 600;}
    .copyright-footer {padding: 10px 0;position: relative;text-align: center;background: #e5ecfe;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border: 0;}
    .copyright-footer a{color: #121212 !important;}
    .copyright-footer::after {display: none;}
    .inner-new-page-get-in-touch h1{color: #1c1c25;}
    .inner-new-page-get-in-touch h1 span{color: #105af2;}
    .popup-form-call_action button{background: #105af2;}
    form select{width: 100%;outline: none;background: transparent;border: 1px solid #0000002e;-webkit-appearance: button !important;-moz-appearance: button !important;display: block !important;padding: 10px;}
    form select, select:focus{border: 1px solid #0000002e;}
    .flex-container-popup article h3 {margin: 20px 0 40px;}

@media screen and (max-width:1120px) {    
    .index_testimonials_wrapper{flex-wrap: wrap;}
    .index_testimonials_wrapper article{margin: 0;}
}
@media screen and (max-width:1100px) {.single-a-block, .right-menu-container, .menu-overlay, .menu, .button_container, #overlay {display: block;}}
@media screen and (max-width:992px) {
    article.with-form form{width: 100%;} 
    section.new-static-banner .fluid-container article.with-quotes h1{font-size: 36px;}  
    section.new-static-banner .inner-banner-new-static{flex-direction: column;padding-top: 45px;gap: 40px;}
    section.new-static-banner .inner-banner-new-static article:nth-child(1){width: 100%;}
    section.new-static-banner .inner-banner-new-static article:nth-child(2){width: 100%;}
    .inner-new-page-content{padding: 320px 10px 40px !important;}
    .inner-new-page-content-call-to-action{padding: 40px 20px !important;}
    .inner-lets-get-started{flex-direction: column;gap: 40px;}
}
@media only screen and (max-width: 840px){
    .call_action_modal .flex-container-popup::before {background-color: #105af2;}
    .popup-form-call_action button {background: #ffb300;color: #fff;}
    .inner-new-call-to-action span.call-to-span-img{transform: initial !important;}
    .inner-new-call-to-action h2{transform: initial !important;}
    .inner-new-call-to-action a{transform: translateY(20px);}
    .inner-new-page-call-to-action {padding: 40px 20px 60px;margin: 00px auto 0px;}
}
@media screen and (max-width:776px) {
    section.new-static-banner{height: 100%;padding: 40px 0 60px;}
    section.new-static-banner .fluid-container{flex-direction: column;}
    section.new-static-banner .fluid-container article{width: 100%;margin: 20px 0;}
    .button-container a{font-size: 14px;}
    section.new-static-banner .inner-banner-new-static article.with-quotes h1{color: #fff;}
    .inner-new-page-content {padding: 100px 10px 40px !important;}
}
@media screen and (max-width:576px) {
    .custom-shape-divider-bottom-1634735641{display: none;}
    section.new-static-banner .fluid-container article.with-quotes h1 {font-size: 32px;}
}
@media screen and (max-width:480px) {
    .our-services-ppc {padding: 60px 20px 0;}
    .hero-h1-img{flex-direction: column;}
    section.new-static-banner .inner-banner-new-static article.with-quotes h1{color: #1c1c25;text-align: center;}
    .button-container{justify-content: center;}
    .single-a-block a {font-size: 14px;padding: 10px 15px 9px;}
    .inner-new-page-content {padding: 55px 10px 40px !important;}
    .lets-get-started .fluid-container{padding: 0;}
    .inner-lets-get-started {padding: 0;background: none !important;box-shadow: initial;}
    .left-get-starts h2{font-size: 38px;}
    .inner-new-call-to-action h2{font-size: 30px;}
}

@media screen and (max-width:380px) {
    header .main-menu-wrapper .left-logo-swaragh img{width: 160px;}
    .single-a-block a{font-size: 13px;padding: 5px 10px 4px;}
}