@charset "utf-8";
@font-face{font-family:Lato;src:url('../fonts/Lato-Regular.woff2') format('woff2'),url('../fonts/Lato-Regular.woff') format('woff'),url('../fonts/Lato-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('../fonts/Lato-Black.woff2') format('woff2'),url('../fonts/Lato-Black.woff') format('woff'),url('../fonts/Lato-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('../fonts/Lato-Light.woff2') format('woff2'),url('../fonts/Lato-Light.woff') format('woff'),url('../fonts/Lato-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('../fonts/Lato-Bold.woff2') format('woff2'),url('../fonts/Lato-Bold.woff') format('woff'),url('../fonts/Lato-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
/*common css*/
body .clr-red{color:#c5201b}
section.cstm-main, .main-slider.slider-inner-pages.cstm-main-banner{background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;}
.container {max-width: 1270px;width: 100%;    padding-left: 20px;padding-right: 20px;}
/*main-banner*/
.main-slider.slider-inner-pages.cstm-main-banner{background:url(../images/web-design-agency/web-design-banner.webp);padding: 100px 0;}
.cstm-main-banner .banner-content{padding-right:150px}
.cstm-main-banner .banner-content h1.main-title{font-size:80px;font-weight:800;line-height:92px;letter-spacing:.49px;text-align:left}
.cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:48px;line-height:62.4px}
.cstm-main-banner .banner-content p{font-size:23px;font-weight:500;line-height:45.2px;text-align:left;max-width:535px}
.cstm-main-banner .banner-form{background:#394870B2;box-shadow:-10px 10px 10px 0 #00000040;border-radius:15px;max-width:480px;margin-left:auto}
.cstm-main-banner .banner-form h2{font-family:Lato;font-size:60px;font-weight:800;line-height:72px;letter-spacing:5px;text-align:left;color:#fff;text-transform:uppercase}
.cstm-main-banner .banner-form h2 small{color:#ffb900;font-family:Lato;font-size:20px;font-weight:400;line-height:24px;letter-spacing:5px;text-align:left;text-transform:uppercase}
.cstm-main-banner .banner-form .form-group {margin-bottom: 24px;}
.cstm-main-banner .banner-form .form-control{padding:12px 14px 12px 14px;border-radius:5px;border:1px solid #fffFFF33;color:#fff;background:#3b4a71}
.cstm-main-banner .banner-form .form-control::placeholder{color:#ffffff1f}
.cstm-main-banner .banner-form button.btn{padding:12px 10px 12px 10px;border-radius:5px;font-size:21px;font-weight:700;line-height:32px;height:56px;color:#fff;letter-spacing:.5px;transition:.3s linear}
.cstm-main-banner .banner-form button.btn img{filter:invert(1)}
.cstm-main-banner .banner-form button.btn svg{margin-left:10px}
.cstm-main-banner .banner-form button.btn:hover{background:#fff;color:#1c2d5c}
.cstm-main-banner .banner-form button.btn:hover svg path{fill:#1e2f5c}
.wd_wordpress .cstm-main-banner .banner-content{padding-right:90px}
.cstm-main-banner .banner-content h1.main-title{font-size:60px;line-height:70px}
.cstm-main-banner .banner-form{background:#fff}
.cstm-main-banner .banner-form h2{color:#022a5e;text-align:center!important;letter-spacing:0;font-size:56px}
.cstm-main-banner .banner-form .form-control{background:0 0;color:#222;border-bottom:1px solid #ccc}
.cstm-main-banner .banner-form .form-control::placeholder{color:#444}
.cstm-main-banner .banner-form button.btn:hover{background:#ffb900;color:#fff}
.cstm-main-banner .banner-form .form-control:focus,.cstm-main-banner .banner-form .form-control:focus-visible{border-color:#022a5e}
.cstm-main-banner .banner-form h2 small{color:#ff4040;line-height:28px;padding-top:0;text-align:center;letter-spacing:3px;font-weight:inherit}
.cstm-main-banner .banner-form button.btn{background:#ff4040}
.cstm-main-banner .banner-form button.btn:hover svg path{fill:#fff}
/*services about section*/
.cstm-about-services .section-title{display:flex;align-items:center;margin-bottom:50px;gap:40px}
.cstm-about-services hr{margin:0;height:500px;background:red;width:8px}
.cstm-about-services .section-title h3,.cstm-about-services .section-title h2, .cstm-about-services .section-title h1{font-family:Lato;font-size:35px;font-weight:700;line-height:59px;text-align:left;min-width:450px;color:#1c2d5c;margin:0}
.cstm-about-services .section-title p{font-family:Lato;font-size:19px;font-weight:400;line-height:38px;letter-spacing:.5px;text-align:justify;border-left:2px solid #ccc;padding-left:45px}
.cstm-about-services .icon-box-container{display:flex;margin-bottom:10px}
.cstm-about-services .icon-box-container .icon-box-wrap{display:flex}
.cstm-about-services .icon-box-container .icon-box{padding:27px;background:#07377512;border-radius:10px}
.cstm-about-services .icon-box-container .icon-box h5.title{font-family:Lato;font-size:18px;font-weight:700;line-height:22.8px;letter-spacing:.5px;text-align:left;color:#000}
.cstm-about-services .icon-box-container .icon-box p.description{font-family:Lato;font-size:17px;font-weight:400;line-height:27px;letter-spacing:.4px;text-align:left;color:#000}
/*feature service section*/
section.cstm-light-bg{background:#eef1f5}
.cstm-main .section-title h3,.cstm-main .section-title h2, .cstm-main .section-title h1{font-family:Lato;font-size:35px;font-weight:700;line-height:55px;color:#004b80;margin:0}
.cstm-main .section-title p{font-family:Lato;font-size:19px;font-weight:400;line-height:34px;letter-spacing:.5px;}
.cstm-main .section-title h6{font-family:Lato;font-size:18px;font-weight:800;line-height:29px;letter-spacing:4px;color:#ffb900;margin:0}
.cstm-main .txt-center *{text-align:center!important}
.cstm-main .section-title.txt-center{max-width:970px;margin:0 auto 50px}
.cstm-main .icon-box-container{display:flex;flex-wrap:wrap;gap:15px 54px;max-width:1200px;margin:0 auto 10px}
.cstm-main .icon-box-container .icon-box-wrap{display:flex;min-width:calc(50% - 40px);padding:0;width:calc(50% - 40px);float:none!important}
.cstm-main .icon-box-container .icon-box{padding:50px 60px;background:#07377512;border-radius:10px;}
.cstm-main .icon-box-container:after,.cstm-main .icon-box-container:before{display:none}
.cstm-main .icon-box-container .icon-box h5.title{font-size:24px;font-weight:600;line-height:32px;color:#1c2d5c}
.cstm-main .icon-box-container .icon-box p.description{font-family:Lato;font-size:18px;font-weight:400;line-height:34px;letter-spacing:.5px}
.cstm-main .icon-box-container .icon-box{background:#fff;box-shadow:30px 30px 99px 0 #0000000D}
.cstm-main .icon-box-container .icon-box:hover{background:#004b80}
.cstm-main.cstm-services-features .icon-box-container .icon-box:hover h5.title{color:#ffb900}
.cstm-main.cstm-services-features .icon-box-container .icon-box:hover p.description{color:#fff}
.cstm-main.cstm-services-features .icon-box-container .icon-box:hover svg path{fill:#fff !important}
/*cstm-services-quality*/
section.cstm-main.cstm-services-quality{background: #fafafa;}
.cstm-main.cstm-services-quality .icon-box-container {display: flex;flex-wrap: wrap;gap: 50px 36px;justify-content: center;margin: 0 auto 10px;max-width:100%;align-items:stretch}
section.cstm-main.cstm-services-quality .icon-box-container .icon-box-wrap,section.cstm-main.cstm-services-quality .icon-box-container .section-title{display:flex;min-width:calc(33.33% - 24px);padding:0;width:calc(33.33% - 24px);float:none!important;flex-direction:column}
section.cstm-main.cstm-services-quality .icon-box-container .icon-box{height:100%;padding:30px 38px}
section.cstm-main.cstm-services-quality .icon-box h5.title{display:flex;align-items:center;justify-content:flex-start;gap:12px;font-family:Lato;font-size:19.54px;font-weight:700;line-height:23.45px;letter-spacing:.5022415518760681px;text-align:left}
.cstm-services-quality .icon-box-container .icon-box p.description{text-align:left;text-align:left;line-height:32px;font-size:17px}
.cstm-main .section-title h3, .cstm-main .section-title h2,.cstm-main .section-title h1{font-size:45px;line-height:58px;margin-bottom:10px}
.cstm-main .section-title p{font-size:18px;line-height:36px;letter-spacing:.5px;text-align:left}
section.cstm-main.cstm-services-quality .icon-box{background: #fff;    box-shadow: none; transition:.3s linear;}
section.cstm-main.cstm-services-quality .icon-box:hover{background:#07377526;box-shadow:0 100px 99px -51px #135F8426}
/*Service Logos Section*/
.cstm-dark-bg{background:#1c2d5c}
.cstm-dark-bg .section-title h3,.cstm-dark-bg .section-title h1, .cstm-dark-bg .section-title h2,.cstm-dark-bg .section-title p{color:#fff}
.logo-box-container{display:flex;justify-content:center;max-width:990px;margin:0 auto;background:#fff;top:318px;padding:20px 0 20px 0;gap:63px;border-radius:10px}
/*Service work section*/
.all-content section.cstm-main.cstm-services-work{padding:0;}
section.cstm-main.cstm-services-work .container {background: url(../images/web-design-agency/Union.webp);background-size: cover;background-position: center;background-repeat: no-repeat;padding:100px 20px;}
.cstm-main .section-title-wrap{display:flex;align-items:flex-start;gap:40px;justify-content:space-between;margin-bottom:50px}
.cstm-main .section-title-wrap .section-title{max-width:410px;width:100%}
.cstm-main .section-title-wrap .section-img{max-width:585px;width:100%;border-radius:10px;overflow:hidden;max-height:286px}
.cstm-main.cstm-services-work .icon-box .icon{width:60px;height:60px;background:#ffb900;display:flex;justify-content:center;align-items:center;border-radius:50%;font-family:monospace;font-size:35px;font-weight:400;line-height:35px;color:#fff}
.cstm-main.cstm-services-work .icon-box-container .icon-box:hover .icon{background:#fff;color:#1c2d5c}
.cstm-main.cstm-services-work .icon-box-container{gap:40px 30px;margin:0;max-width:100%}
.cstm-main.cstm-services-work .icon-box-container .icon-box-wrap{min-width:calc(33.33% - 20px);width:calc(33.33% - 20px);max-width:100%}
.cstm-main.cstm-services-work .icon-box-container .icon-box{padding:35px 34px;background:#f8fbff}
.cstm-main.cstm-services-work .icon-box-container .icon-box:hover {background: #1c2d5c;}
.cstm-main.cstm-services-work .icon-box-container .icon-box h5.title{font-size:19px;line-height:30px}
.cstm-main.cstm-services-work .icon-box-container .icon-box p.description{font-size:17px;line-height:31px}
/*cstm CTA*/
section.cstm-main.cstm-services-cta{background:url(../images/web-design-agency/dream_cta.webp)}
.wd_wordpress .cstm-main.cstm-services-cta{background:url(../images/web-design-agency/cta000.webp)}
section.cstm-main.cstm-services-cta  .section-title {max-width: 1000px;margin: 0 auto;}
section.cstm-main a.js_btn{width:329px;height:70px;background:#c5201b;margin:15px 0 0;display:flex;justify-content:center;align-items:center;padding:19.44px 49.26px 19.44px 49.26px;gap:12.96px;border-radius:10px;font-size:20.74px;font-weight:700;line-height:31.11px;text-align:left;color:#fff;text-decoration:none!important;transition:.3s linear}
section.cstm-main a.js_btn svg path{fill:#fff}
section.cstm-main a.js_btn:hover{background:#022a5e}
section.cstm-main.cstm-dark-bg a.js_btn svg path{fill:#1C2D5C}
section.cstm-main.cstm-dark-bg a.js_btn{background:#fff;color:#1c2d5c; margin:15px auto 0;}
section.cstm-main.cstm-dark-bg a.js_btn:hover{color:#fff;background:#ff4040}
section.cstm-main a.js_btn:hover svg path{fill:#fff}
/*features list*/
.cstm-light {background: #fff;}
.cstm-light .icon-box-container .icon-box {background: #EEF1F5;}
/*Dedicated team section*/
section.cstm-main.cstm-services-top_area {background: url(../images/web-design-agency/top-area.webp);padding:0;}
section.cstm-main.cstm-services-top_area .empty-sec{display:inline-block;width:100%;height:500px;min-height:500px;}
.cstm-main.cstm-services-team{padding-top:0}
.cstm-main.cstm-services-team .section-title-wrap{margin-top:-18%;align-items: center;}
.cstm-main .section-title-wrap .section-icons{padding:50px 35px;background:#fff;border-radius:20px;max-width:42.5%}
.cstm-main .section-title-wrap .section-icons .icon-box-wrap{min-width:auto;width:100%}
.cstm-main .section-title-wrap .section-icons .icon-box{padding:0;border-radius:0;box-shadow:none;background:0 0}
.cstm-main .section-title-wrap .section-icons .icon-box-container{gap:0;padding:0;background:0 0}
.cstm-main .section-title-wrap .section-icons h5.title{font-size:20px;line-height: 30px;margin-bottom: 0;}
.cstm-main .section-title-wrap .section-icons p.description{font-family:Lato;font-size:17px;margin-bottom:15px;}
.cstm-main .section-title-wrap .section-icons .icon-box .icon svg path{fill:#ffb900 !important}
.cstm-main .section-title-wrap .section-icons .icon-box:hover p.description{color:#000}
.cstm-main .section-title-wrap .section-icons .icon-box:hover h5.title{color:#1c2d5c}
.cstm-main.cstm-services-team .section-title p{font-size:19px;line-height:34px}
.cstm-main.cstm-services-team .section-title-wrap .section-title{margin-top:15%;    max-width: 55%;}
.cstm-main.cstm-services-team .section-title-wrap {margin-bottom: 0;}
/*service faq section*/
.cstm-services-faq .faq-wrapper{background:#1d2d5f;padding:50px 35px;border-radius:20px}
.cstm-services-faq .faq-wrapper .section-title h6{color:#fafafa}
.cstm-dark-bg .section-title h2,.cstm-dark-bg .section-title h1,.cstm-dark-bg .section-title h3{color:#ffb900;font-size:35px;line-height:normal}
.free-ask-question.cstm-services-faq .panel-default>.panel-heading .panel-title a{font-family:Lato;font-size:18px;font-weight:600;line-height:30px;text-align:left;color:#fff}
.free-ask-question.cstm-services-faq .panel-body{font-family:Lato;font-size:16px;font-weight:400;line-height:27px;text-align:left}
.free-ask-question.cstm-services-faq .panel-body strong{font-weight:800}
.cstm-services-faq .faq-btn-wrapper{display:flex;align-items:center;gap:15px;justify-content:center}
.cstm-services-faq .faq-btn-wrapper span{font-family:Lato;font-size:16px;font-weight:400;line-height:30px;letter-spacing:.01em;text-align:left}
.all-content section.cstm-main.free-ask-question .faq-btn-wrapper a.js_btn{font-family:Lato;font-size:15px!important;font-weight:600!important;line-height:18px!important;letter-spacing:.02em;width:167px!important;height:52px!important;background:#fff;margin:0 0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;color:#1d2f5d!important;gap:8px}
.all-content section.cstm-main.free-ask-question .faq-btn-wrapper a.js_btn path{fill:#1c2d5c}
.all-content section.cstm-main.free-ask-question .faq-btn-wrapper a.js_btn svg{width:14px}
.cstm-services-faq .pds-ctr{max-width:100%;min-width:100%}
.cstm-services-faq .question-tabs.row{margin-left:0;margin-right:0}
.cstm-services-faq .blogs-list-wrapper,.cstm-services-faq .faq-wrapper{width:calc(50% - 40px)}
.cstm-services-faq .blogs-list-wrapper h5.blog-list-title{color:#1c2d5c;font-size:20px;font-weight:700;line-height:30px;text-align:left}
.cstm-services-faq .blogs-list-wrapper ul.blog-list li a{padding:10px 15px;background:#5656560a;color:#000;display:inline-block;border-left:3px solid #5656560a;text-decoration:none!important;font-size:16px;font-weight:400;line-height:25px;letter-spacing:.3px}
.cstm-services-faq .blogs-list-wrapper ul.blog-list li a:hover{background:#fff;color:#1d2d5f;border-color:#1d2d5f}
.cstm-services-faq .blogs-list-wrapper ul.blog-list li{margin-bottom:10px}
.cstm-main.cstm-services-faq .cstm-faq-row{display:flex;justify-content:space-between;align-items:flex-start;max-width:1270px;gap:40px;width:100%;flex-wrap:wrap}
.cstm-main.cstm-services-faq .container{max-width:1270px}
.free-ask-question .faq-wrapper * {color: #fff !important;}
/*Service portfolio*/
section.section-portfolio.cstm-main .col-sm-3.col-xs-6{padding-left:20px;padding-right:20px}
section.section-portfolio.cstm-main .webdesign-portfolio-inner{margin-top:0}
section.section-portfolio.cstm-main .webdesign-portfolio-inner a{padding:8px;border-radius:12px;background:#1c2d5c;box-shadow:0 30px 99px -51px #135F8426}
section.section-portfolio.cstm-main .webdesign-portfolio-inner a img{border-radius:12px;max-width:100%;width:100%;height:auto}
section.section-portfolio.cstm-main .webdesign-portfolio-inner a:hover img{transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02)}
/*bottom cta*/
section.cstm-main.cstm-services-cta.btm{background:url(../images/web-design-agency/ctabg.webp)}
section.cstm-main.cstm-services-cta.btm h6{text-transform:uppercase;font-size:19px}
section.cstm-main.cstm-services-cta.btm .section-title h3,section.cstm-main.cstm-services-cta.btm .section-title h2,section.cstm-main.cstm-services-cta.btm .section-title h1{font-family:Lato;font-size:45px;font-weight:500;line-height:65px;text-align:center;color:#1c2d5c;position:relative;z-index:2;margin-top:10px}
section.cstm-main.cstm-services-cta.btm .section-title{max-width:100%}
section.cstm-main.cstm-services-cta.btm .section-title span.title-icon{position:absolute;top:-40px;right:23%;transform:rotate(13deg);z-index:-1}
section.cstm-main.cstm-services-cta.btm .section-title p{font-family:Lato;font-size:29px;font-weight:400;line-height:40px;letter-spacing:1px;text-align:center;color:#000}
section.cstm-main.cstm-services-cta.btm .section-title p.btn-bottom-txt{font-family:Lato;font-size:18px;font-weight:400;line-height:48px;letter-spacing:1px;text-align:center}
section.cstm-main.cstm-services-cta.btm a.js_btn{margin:40px auto 0}
/*.cstm-main-banner .banner-form .form-control:focus, .cstm-main-banner .banner-form .form-control:focus-visible {border-color: #fff;}*/
/*shopify page*/
.wd_shopify .cstm-main-banner .banner-content{padding-right:100px}
.wd_shopify .cstm-main-banner .banner-content h1.main-title{font-size:62px;line-height:75px}
.wd_shopify .cstm-about-services .section-title h3{min-width:375px}
.wd_shopify .cstm-main .section-title.txt-center{max-width:100%}
.wd_shopify .cstm-main.cstm-services-quality .section-title h3{font-size:40px}
.wd_shopify .cstm-main.cstm-services-quality .section-title p{font-size:18px;line-height:34px}
.wd_shopify .cstm-main.cstm-services-quality .icon-box h5.title{line-height:29px}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{right:19%}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title p{line-height:48px}
.wd_shopify .cstm-main.cstm-services-features.cstml-light .icon-box-wrap:last-child .icon-box:hover svg path {fill: none !important;stroke: white !important;}
/*custom-website design*/
.wd_custom_web .cstm-about-services .section-title h3{min-width:235px}
.wd_custom_web .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{right:28%;transform:rotate(10deg)}
.wd_custom_web .cstm-main.cstm-services-cta.btm .section-title h3{margin-top:22px}
/*SEO main page*/
.seo .free-ask-question.cstm-light-bg{background:#fff}
.seo .cstm-main .section-title-wrap.last .section-title{max-width:48%}
.seo .cstm-main .section-title-wrap.last .section-title *{text-align:justify}
.seo.agency .cstm-main.cstm-services-work .icon-box-container .icon-box-wrap {min-width: calc(33.33% - 20px); width: calc(50% - 20px); }
.seo .cstm-main.cstm-services-cta.btm .section-title h3,.seo .cstm-main.cstm-services-cta.btm .section-title h2,.seo .cstm-main.cstm-services-cta.btm .section-title h1 {font-size: 55px;}
.seo .cstm-main.cstm-services-cta.btm .section-title  span.title-icon {left: 4%;right: auto;top: -47px;}
.seo .cstm-main.cstm-services-cta.btm .section-title  span.title-icon svg {width: 200px;}
.seo .cstm-main.cstm-services-cta{background:url(../images/seo/seo-bg.webp)} 
/*OffPage Seo*/
.offpage .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:37px}
.offpage .cstm-about-services .section-title h3{min-width:265px}
.offpage .cstm-main.cstm-services-quality .icon-box-container .section-title{min-width:calc(66.66% - 24px);padding-right:100px}
.offpage .cstm-main.cstm-services-work .section-title-wrap .section-title{max-width:600px}
.offpage .cstm-main .section-title-wrap .section-img{max-height:395px}
.offpage .cstm-main .section-title-wrap .section-img img{height:356px;object-fit:cover}
.offpage .cstm-main.cstm-services-features.cstm-light .icon-box-container{justify-content:center}
.offpage .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon {left: auto;right: 2%;transform: rotate(342deg);top: -57px;}
/*.offpage  .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon svg{width:442px;height:183px}*/
.offpage .cstm-main.cstm-services-cta.backlinks {background: url(../images/seo/bg01.webp);}
.offpage .cstm-main.cstm-services-cta.cstm-dark-bg:not(.btm) {background: url(../images/seo/bg02.webp);}
.offpage .cstm-main .section-title-wrap .section-img img {width: 100%;height: auto;}
/*OnPage Seo*/
.onpage .cstm-main .section-title-wrap .section-img {max-height: 340px;}
/*local seo*/
.local .cstm-main.cstm-services-quality .icon-box-container .icon-box-wrap, .local .cstm-main.cstm-services-quality .icon-box-container .section-title {width: calc(50% - 24px);min-width: calc(50% - 24px);}
.local .cstm-main.cstm-services-quality .icon-box-container .section-title {padding-right: 0;}
/*wordpress seo*/
.wp-seo .cstm-main-banner .banner-content {padding-right: 0;}
.wp-seo .cstm-main-banner .banner-content h1.main-title {font-size: 62px;}
/*topbar and header css*/
header.site-header.stickyHeader .topbar{visibility:hidden;opacity:0;height:0;padding:0}
header.site-header .topbar{visibility:visible;opacity:1;height:40px;transition:.3s linear;padding:10px}
ul.topbar__list {
    display: flex
;
    align-items: center;
    gap: 25px;
    width: 100%;
    justify-content: space-between;
    list-style: none;
}
ul.topbar__list li.topbar__list__items a{display:flex;align-self:center;color:#fff;letter-spacing:00.5px}
ul.topbar__list li.topbar__list__items img{width:19px;margin-right:10px;object-fit:contain}
header.site-header .topbar {
    background: #004b80;
}
@keyframes scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/*Development page*/
.dev .cstm-main-banner .banner-content{padding-right:0}
.dev .cstm-main-banner .banner-content p{max-width:600px}
.dev .cstm-main .section-title-wrap .section-title{max-width:48%}
.dev .cstm-main .section-title-wrap .section-img{max-height:100%}
.dev .cstm-main.cstm-services-cta.btm .section-title h3{font-size:45px}
.dev .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{right:0}
.dev .cstm-about-services .icon-box-container .icon-box p.description {display: none;}
.banner-content h2 {
    color: #fff;
    text-align: left;
    font-weight: 700;
    font-size: 52px;
}
.dev .cstm-about-services .icon-box-container .icon-box h5.title {line-height: 32px;}
.dev .cstm-main-banner .banner-content p{max-width:92%}
.dev .cstm-main-banner .banner-content h1.main-title{max-width:100%;font-size:62px;line-height:72px}
.dev .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:38px}
.dev .cstm-main .section-title.txt-center{max-width:1050px}
.dev .cstm-main.cstm-services-work .icon-box-container .icon-box-wrap.fw{min-width:calc(66.66% - 20px);width:calc(66.66% - 20px);max-width:100%}
.dev .cstm-main.cstm-services-work .icon-box-container .icon-box ul{margin:0}
.dev .cstm-main .section-title-wrap .section-icons{max-width:55%}
.dev .cstm-main .section-title-wrap .section-title{max-width:43%}
.dev .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{right:6%}
/*Price table for seo pages*/
.cstm-main.cstm-main.price-table .icon-box-container .section-title{width:100%;min-width:100%}
.cstm-main.cstm-main.price-table .icon-box-container .icon-box-wrap{display:flex;min-width:calc(33.33% - 36px);padding:0;width:calc(33.33% - 36px);float:none!important;flex-direction:column;height:auto;background:#fff;box-shadow:30px 30px 99px 0 #0000000D;border-radius:10px}
.cstm-main.price-table .icon-box-container .icon-box h5.title{display:flex;align-items:center;justify-content:flex-start;gap:20px;font-family:Lato;font-size:24px;font-weight:800;line-height:23.45px;letter-spacing:1px;text-align:left;text-transform:uppercase;flex-direction:column;margin-top:0;margin-bottom:25px}
.cstm-main.price-table .icon-box-container .icon-box{padding:30px;background:0 0;box-shadow:none}
.cstm-main.price-table .icon-box-container .icon-box p.description{font-size:15px;line-height:29px;margin:20px 0;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.cstm-main.price-table .icon-box-container .icon-box h6{font-size:13px;text-transform:uppercase;font-weight:800;letter-spacing:3px;margin-bottom:0}
.cstm-main.price-table .icon-box-container .icon-box .price{font-size:62px;font-weight:800;text-transform:capitalize;color:#ffb900;margin:0 0 10px}
.cstm-main.price-table .icon-box-container .icon-box li{position:relative;font-family:Lato;font-size:16px;letter-spacing:.5px;margin-bottom:20px;padding-left:23px;line-height:30px}
.cstm-main.price-table .icon-box-container .icon-box li:before{content:'✓';display:inline-block;position:absolute;left:0;top:2px;font-size:20px;color:#ff4040}
.cstm-main.price-table .icon-box-container .icon-box ul.featureList{margin-bottom:40px}
.cstm-main.price-table a.js_btn{width:100%;height:auto;padding:14px 50px}
.cstm-main.price-table .icon-box-container{align-items:stretch;height:100%;margin-top:40px}
.cstm-main.price-table .section-title{max-width:1200px;margin:0 auto}
.cstm-main.price-table .icon-box-container .icon-box .price span{font-size:18px;margin-left:5px;color:#222}
/*web design company punjab*/
.pb.dev .cstm-main.cstm-services-work .icon-box-container .icon-box-wrap.fw{width:100%;min-width:100%}
.dev.pb .cstm-services-quality.cstm-light-bg.bop{background:#eef1f5}
.dev.pb .cstm-services-quality.cstm-light-bg.bop .section-title{width:100%}
.dev.pb .cstm-services-features.cstm-light.finest .icon-box-container .icon-box-wrap{min-width:calc(33.33% - 40px);width:calc(33.33% - 40px)}
.pb .finest.cstm-main .icon-box-container .icon-box{padding:30px 20px}
.dev.pb .cstm-main.cstm-services-cta.btm .section-title span.title-icon{right:31px;top:-47px}
.dev.pb .cstm-main .section-title-wrap .section-img {max-height: 286px;}
/*web design company chandigarh*/
.dev.pb.chd .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{display:none;}
.dev.pb.chd .cstm-main.cstm-services-cta.btm .section-title p{font-size:23px;}
.dev.pb.chd .cstm-main.cstm-services-features.cstm-light .row.icon-box-container.txt-center {justify-content: center;}
/*seo punjab*/
.pb-seo.offpage .cstm-about-services .section-title h3{min-width:450px}
.cstm-main .icon-box-container.jc-center{justify-content:center}
.offpage.pb-seo .cstm-main .section-title-wrap .section-img img{height:356px}
.offpage.pb-seo .cstm-main .section-title-wrap .section-img{max-height:286px}
.pb-seo .cstm-main.cstm-services-cta.btm .section-title p{font-size:21px}
.dev.pb .cstm-main-banner .banner-content p{padding-right:0;font-size:20px;margin-bottom:0}
/*seo chandigarh*/
.cstm-main-banner .banner-content p {max-width: fit-content;padding-right: 50px;}
.chd-seo .cstm-main-banner .banner-content {padding-right: 0;}
.chd-seo .cstm-main.cstm-services-cta.cstm-dark-bg:not(.btm) {background: url(../images/seo/bg02.webp);}
.chd-seo .cstm-main.cstm-services-quality .icon-box-container .section-title {min-width: calc(66.66% - 24px);}
.chd-seo .cstm-main .section-title-wrap .section-img {max-height: 310px;}
.chd-seo .cstm-main.cstm-services-work .icon-box-container .icon-box-wrap {min-width: calc(50% - 15px);width: calc(50% - 15px);}
.chd-seo .cstm-main.cstm-services-cta.btm .section-title p {font-size: 22px;}
.cstm-services-logos .logo-item img {min-width: 185px;height: 42px;object-fit: contain;}

/*common-template-for-pages*/


.common-template-pages h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin: 20px 0;

}
.common-template-pages h2.span {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin: 20px 0;
    color: #c5201b;
}
.common-template-banner-text {
    background: #fff;
    padding: 60px 0;
    display: inline-block;
}
.common-template-banner-text .banner-form {
    background: #fff;
    box-shadow: -10px 10px 10px 10px #00000040;
    border-radius: 15px;
    max-width: 480px;
    margin-left: auto;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.common-template-banner-text .banner-form:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
  
}
.common-template-banner-text .banner-form .form-control {
    background: 0 0;
    color: #222;
    border-bottom: 1px solid #ccc;
}
.common-template-banner-text .banner-form .form-group {
    margin-bottom: 24px;
}

.common-template-banner-text .banner-form h2 {
    color: #c5201b;
    text-align: center !important;
    letter-spacing: 0;
    font-size: 36px;
 
}
.common-template-banner .banner-form button.btn {
    padding: 12px 10px 12px 10px;
    border-radius: 5px;
    font-size: 21px;
    font-weight: 700;
    line-height: 32px;
    height: 56px;
    color: #fff;
    letter-spacing: .5px;
    transition: .3s linear;
    background: #c5201b;
}

.common-template-banner-text .banner-form button.btn:hover {
    background: #022a5e;
    color: #fff;
}


.common-template-banner-text h1 {
    color: #c5201b;
    font-size: 46px;
    font-weight: 700;
}
.common-template-pages h2 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    margin: 20px 0;
    line-height: 45px;
       color: #1c2d5c;
}
.common-template-pages h3 {
    font-size: 18px;
    line-height: 29px;
    color: #c5201b;
    border-left: 2px solid #c5201b;
    padding-left: 20px;
    font-weight: bold;
     
}

.common-template-boxes {
    padding: 30px 0;
    display: inline-block;
}

.common-template-pages p {
    font-size: 18px;
    line-height: 36px;
}


.common-template-banner-text p {
    font-size: 18px;
    line-height: 36px;
}
.common-template-pages section.cstm-main.cstm-services-cta.btm {
    background: none;
}
.common-template-pages  section.cstm-main.cstm-dark-bg a.js_btn {
    background: #1c2d5c;
    color: #fff;
    margin: 15px auto 0;
}

.common-template-pages section.cstm-light-bg {
    background: #fafafa;
}
.common-template-pages .icon-box {
    background: #fafafa;
    padding: 40px;
    min-height: 140px;
    margin-bottom: 40px;
}
.common-template-pages .icon-box h5 {
    FONT-SIZE: 17px;
    font-weight: bold;
    color: #1c2d5c;
}
.locations {
    background: #004b80;
}
.locations h2 {
    color: #fff !important;
}

.clr-yellow {
    color: #ffb900;
}

.locations h3 {
    font-size: 18px;
    font-weight: bold;
    color: #ffb900;
    margin-top: 0;
    margin-left: 15px;
    margin-bottom: 10px;
}
.location-button {
    margin-bottom: 20px;
}
.location-button a {
    display: block;
    background: white;
    color: #333;
    padding: 15px 20px;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    font-weight: 500;
    font-size: 17px;
        text-align: center;
}
.location-button a:hover {
    background: #ffb900;
    color: #fff;
}
.contct-infor li {

    list-style: none;
}
.award-secion {
    padding: 20px 0;
    background: #fafafa;
}
.sticky-sidebar {
    position: sticky;
    top: 50px;
    background: white;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(197, 32, 27, 0.1);
    transition: all 0.4s ease;
    animation: slideInLeft 0.8s ease-out;
}
.sticky-sidebar h3 {
    font-size: 45px;
    line-height: 58px;
    margin-bottom: 10px;
    color: #1c2d5c;

}
.sticky-right {
    margin-bottom: 40px;
    padding: 25px;
    background-color: #ffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        border-left: 5px solid #c5201b;
}
.sticky-right h3 {
            font-size: 24px;
            margin-bottom: 20px;
            color: #c5201b;
}

.seo-advantage-all.cstm-services-quality {
    background: #fafafa;
}


.template-step .process-container {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
       .template-step .step {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border-left: 5px solid #c5201b;
}
       .template-step .step:hover {
            transform: translateY(-5px);
        }
        .template-step .step-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        .template-step .step-number {
            background-color: #c5201b;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-right: 15px;
        }

.template-step h3 {
    margin: 0;
    border-left: none;
    padding-left: 0;
}
        .template-step .step ul {
            padding-left: 20px;
        }
       .template-step .step ul li {
    margin-bottom: 8px;
    font-size: 16px;
}
.cstm-main .icon-box-container .icon-box:hover h3 {
    color: #fff;
}
.template-light-bg {
    background: #fafafa;
}

.common-template-pages .template-three-coloum .icon-box {
    background: #fff;
    padding: 40px;
    margin-bottom: 40px;
    min-height: 400px;
}
.template-three-coloum-services .icon-box {
    height: auto;
        background: #fff;
    padding: 40px;
    margin-bottom: 40px;
}

.fort-lauderdale .icon-box {
    min-height: 315px;
    
}

.sticky-right li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}
.sticky-right li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 10px;
}
.cols {
    margin: 40px 0;
}

/*landing-pages*/

.landing-page-boxes-inner {
    
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 20px;
}
.landing-pages-content-section .landing-page-boxes-inner ul li {
    list-style: none;
    font-size: 16px;
}

.landing-pages-content-section .landing-page-boxes-inner h4 {
    margin: 10px 0;
}

.landing-pages-content-section .landing-page-boxes-inner h5 {
    margin: 10px 0;
    color: #c5201b;
    margin-top: 20px;
}
.slider-landing-pages {
    background-color: #022a5e;
    padding: 80px 0;
    padding-bottom: 60px;
}
.slider-landing-pages-banner .main-title {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}
.landing-page-common-main {
    background-color: #fff;
}
.landing-pages-content-section p {
    color: #555;
    line-height: 30px;
    font-weight: normal;
    font-family: 'Lato';
    letter-spacing: .5px;
    margin-bottom: 20px;
}
.landing-pages-content-section h2 {
    margin-top: 0;
    font-size: 32px;
    font-weight: 600;
    margin-bottom:40px;
}
.landing-pages-content-section h3 {
    margin-top: 0;
    font-size: 30px;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 30px;
}
.landing-pages-content-section h4 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0;
}
.landing-pages-content-section h5 {
    font-weight: 600;
    margin-top: 30px;
}
.landing-pages-content-section span {
    COLOR: #c5201b;
    font-weight: 700;
}
.landing-page-review {
    font-style: italic;
    font-weight: 300 !important;
}
.landing-pages-our-service ul {
    font-size: 18px;
    font-weight: 600;
    color: #c5201b;
    margin-top: 20px;
}

.landing-pages-our-service li {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 400;
    list-style: none;
}
.landing-pages-our-service {
    margin: 40px 0;
    background: #f5f5f5;
    padding: 30px;

}
.list-text ul li {
    font-size: 18px;
    padding: 5px;
    margin-left: 15px;
}
.webdesign-tabs {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      background-color: #fff;
    }

    .tabs-nav {
      display: flex;
      justify-content: center;
      background: linear-gradient(135deg, #2c3e50, #3498db);
      padding: 15px 0;
    }

    .tab-button {
      background: transparent;
      border: none;
      color: rgba(255, 255, 255, 0.6);
      font-size: 20px;
      font-weight: 700;
      padding: 10px 15px;
      margin: 0 5px;
      cursor: pointer;
      border-radius: 8px;
      transition: all 0.3s ease;
      position: relative;
    }

    .tab-button span {
      position: relative;
      z-index: 2;
    }

    .tab-button::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    .tab-button:hover::before {
      height: 100%;
    }

    .tab-button.active {
      color: #fff;
      transform: translateY(-3px);
    }

    .tab-button.active::before {
      height: 100%;
      background-color: rgba(255, 255, 255, 0.2);
    }

    .tab-panels {
      position: relative;
    }

    .tab-panel {
      display: none;
      padding: 40px;
      transition: all 0.5s ease;
    }

    .tab-panel.active {
      display: block;
      animation: fadeIn 0.5s ease forwards;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .content-grid {
    
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      align-items: center;
    }

    .content-text {
      display: flex;
      flex-direction: column;
    }

    .title-wrapper {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .big-letter {
      font-size: 5rem;
      font-weight: 800;
      color: #3498db;
      line-height: 1;
      margin-right: 15px;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    }

    .title {
      font-size: 1.8rem;
      font-weight: 700;
      color: #2c3e50;
      flex: 1;
    }

   .description {
    color: #555;
    margin-bottom: 20px;
    line-height: 30px;
}

    .description p {
      margin-bottom: 15px;
    }

    .description strong {
      color: #2c3e50;
    }


/*Responsive*/
@media(min-width:992px){
.menu-btn {display: none;}
.main-nav-bar {padding-right: 0;}
}

@media(max-width:1366px){
.cstm-about-services .icon-box-container .icon-box h5.title{font-size:17px}
.cstm-about-services .icon-box-container .icon-box p.description{font-size:16px;line-height:25px}
.cstm-main-banner .banner-content{padding-right:100px}
.cstm-main-banner .banner-content h1.main-title{font-size:70px;line-height:85px}
.wd_wordpress .cstm-main-banner .banner-content .main-title {font-size: 60px;line-height: 75px;}
.cstm-main-banner .banner-form h2 small{font-size:19px}
.main-slider.slider-inner-pages.cstm-main-banner{padding:80px 0}
.cstm-about-services .section-title h3,.cstm-about-services .section-title h2,.cstm-about-services .section-title h1{font-size:32px;line-height:52px}
.cstm-about-services .section-title p{font-size:17px;line-height:36px}
.cstm-main .section-title h3,.cstm-main .section-title h2,.cstm-main .section-title h1{font-size:42px}
.cstm-main .section-title p{font-size:21px;line-height:40px}
section.cstm-main.cstm-services-quality .icon-box-container .icon-box{padding:30px}
.wp-seo .cstm-main-banner .banner-content h1.main-title, .wd_shopify .cstm-main-banner .banner-content h1.main-title{font-size: 55px;line-height: 70px;}
}
@media(max-width:1200px){
.cstm-main-banner .banner-content h1.main-title{font-size:60px;line-height:72px}
.cstm-main-banner .banner-content{padding-right:65px}
.cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:42px}
.cstm-main-banner .banner-content p{font-size:21px}
.cstm-main-banner .banner-form h2{font-size:52px;line-height:65px}
.cstm-main-banner .banner-form h2 small{font-size:17px;letter-spacing:3px}
.cstm-main-banner .banner-form button.btn{font-size:19px}
.cstm-about-services .section-title h3,.cstm-about-services .section-title h2,.cstm-about-services .section-title h1{min-width:34%;font-size:30px}
.cstm-about-services .icon-box-container .icon-box{padding:17px}
.cstm-main .icon-box-container .icon-box{padding:40px 34px}
.cstm-main .icon-box-container .icon-box h5.title{font-size:21px}
.cstm-main .icon-box-container .icon-box p.description{font-size:17px;line-height:32px}
.cstm-main.cstm-services-work .icon-box-container .icon-box-wrap,section.cstm-main.cstm-services-quality .icon-box-container .icon-box-wrap,section.cstm-main.cstm-services-quality .icon-box-container .section-title{min-width:calc(50% - 20px);width:calc(50% - 20px)}
.cstm-main .section-title.txt-center{margin-bottom:20px}
.cstm-main .section-title-wrap .section-title{max-width:362px}
section.cstm-main a.js_btn{width:250px;height:60px;font-size:17px;padding:0;line-height:normal}
.cstm-main .section-title-wrap .section-icons{max-width:50%}
.cstm-main.cstm-services-faq .cstm-faq-row{padding:0 30px;gap:0}
.cstm-services-faq .blogs-list-wrapper,.cstm-services-faq .faq-wrapper{width:calc(50% - 20px)}
section.section-portfolio.cstm-main .col-sm-3.col-xs-6{padding-left:10px;padding-right:10px}
section.cstm-main.cstm-services-cta.btm .section-title  span.title-icon svg{width:200px;height:120px}
section.cstm-main.cstm-services-cta.btm .section-title  span.title-icon{right:23%;top:-15px}
section.cstm-main.cstm-services-cta.btm .section-title h3,section.cstm-main.cstm-services-cta.btm .section-title h2,section.cstm-main.cstm-services-cta.btm .section-title h1{font-size:48px;line-height:70px}
section.cstm-main.cstm-services-cta.btm .section-title p{font-size:23px}
section.cstm-main.cstm-services-cta.btm .section-title p.btn-bottom-txt{font-size:14px;line-height:30px}
section.cstm-main.cstm-services-cta.btm a.js_btn{margin-top:20px}
section.cstm-main.cstm-services-cta.btm h6{font-size:17px}
.cstm-main .section-title h3,.cstm-main .section-title h2,.cstm-main .section-title h1{font-size:39px;line-height:48px}
section.cstm-main.cstm-services-top_area .empty-sec{height:400px;min-height:400px}
.wd_wordpress .cstm-main-banner .banner-content .main-title {font-size: 50px;line-height: 70px;}
.wd_shopify .cstm-main-banner .banner-content{padding-right: 15px;}
.wd_shopify .cstm-main-banner .banner-content h1.main-title, .wp-seo .cstm-main-banner .banner-content h1.main-title{font-size: 52px;line-height: 70px;}
.wd_shopify .cstm-about-services .section-title h3{min-width: 34%;}
.seo .cstm-main.cstm-services-cta.btm .section-title  span.title-icon {left: -33px;top: -23px;}
.seo .cstm-main.cstm-services-cta.btm .section-title  span.title-icon svg {width: 250px;height: 140px;}
.offpage .cstm-main.cstm-services-cta.btm .section-title  span.title-icon {right: auto;}
.offpage .cstm-main.cstm-services-quality .icon-box-container .section-title {min-width: calc(50% - 24px);padding-right: 0;}
.cstm-main.price-table .icon-box-container{gap:30px 30px}
.cstm-main.cstm-main.price-table .icon-box-container .icon-box-wrap{min-width:calc(33.33% - 20px);width:calc(33.33% - 20px)}
.cstm-main.price-table .icon-box-container .icon-box{height:100%;position:relative;padding:20px 20px 60px}
.cstm-main.price-table a.js_btn{position:absolute;bottom:10px;width:200px;padding:12px 15px;transform:translate(-50%,-50%);left:50%}
.cstm-main.price-table .icon-box-container .icon-box .price{font-size:55px}
.dev.pb .cstm-main.cstm-services-cta.btm .section-title span.title-icon {right: 0;top: -24px;}
}
@media screen and (max-width: 1024px){
.dev.pb .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:32px;line-height:42px}
.dev.pb .cstm-main-banner .banner-content h1.main-title{font-size:58px;line-height:68px}
.dev.pb .cstm-main-banner .banner-content p{margin:0;font-size:19px;line-height:41px}
.dev.pb .cstm-about-services .icon-box-container .icon-box h5.title{font-size:16px;letter-spacing:0}
.pb .cstm-main .icon-box-container{justify-content:center}
.pb .cstm-main .icon-box-container{gap:40px}
.pb .cstm-main .icon-box-container .icon-box h5.title{font-size:19px}
.pb .cstm-main .icon-box-container .icon-box p.description{font-size:16px}
}
@media screen and (max-width: 991px){
#nav-right .sub-menu{position:relative;top:0;left:0;float:none}
#nav-right li{position:relative}
#nav-right .sub-menu{background:0 0;box-shadow:none;border:0}
#nav-right .sub-menu li a{font-size:29px;line-height:38px;padding-bottom:0}
.slide-menu-container li a{font-size:38px}
#nav-right li ul li{padding-bottom:18px}
ul.nav-inner{position:relative;top:100px;overflow:auto;height:100vh;width:100%;padding:0 30px}
.container #nav-right.open-slide-menu{max-width:50%;left:auto;right:0}
#nav-right li a{font-size:24px;padding:0 0 0px 0;color:#fff}
#nav-right li{padding-bottom:12px;float:none}
#nav-right li ul{margin-bottom:0}
#nav-right .sub-menu li a{font-size: 22px;padding: 0;line-height: 30px;padding-bottom: 5px; }
#nav-right .sub-menu li{padding-bottom:10px}
.container #nav-right.open-slide-menu{max-width:450px}
.container #nav-right .nav-inner{padding:0 45px}
#nav-right .sub-menu{padding:0;margin: 15px 0 -7px;}
.sub-menu{display:none;list-style-type:none;padding:0;margin:0;}
.sub-menu>li{padding:10px;padding-left:20px;}
.dropdown-toggle::after{content:'\002B';float:right}
.dropdown-toggle.active::after{content:'\2212'}
.dropdown-toggle.active+.dropdown-menu{display: block}
.heading-slide{margin-bottom:20px}
span.dropdown-toggle{display:inline-block;position:absolute;right:0;height:auto;background:0 0;width:auto;text-align:center;padding:0 10px;z-index:9;color:#fff;font-size:24px;font-weight:700}
#nav-right li{position:relative;z-index:3}
.cstm-main.price-table .icon-box-container {flex-direction: column;gap: 40px;}
.cstm-main.cstm-main.price-table .icon-box-container .icon-box-wrap {width: 600px;min-width: auto;margin: 0 auto;}
.dev.pb .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:24px}
.dev.pb .cstm-main-banner .banner-content h1.main-title{font-size:40px;line-height:55px}
.dev.pb .cstm-main-banner .banner-content p{font-size:17px;line-height:34px; max-width:100%;}
.pb .cstm-main-banner .banner-form h2{font-size:37px;line-height:48px}
.pb .cstm-main-banner .banner-form h2 small{font-size:14px}
.pb .cstm-main .icon-box-container{gap:20px}
.dev.pb .cstm-services-features.cstm-light.finest .icon-box-container .icon-box-wrap{min-width:calc(50% - 15px);width:calc(50% - 15px)}
.dev.pb .cstm-main.cstm-services-cta.btm .section-title  span.title-icon{display:none}
.dev.pb .cstm-main.cstm-services-cta.btm .section-title h3,.dev.pb .cstm-main.cstm-services-cta.btm .section-title h2,.dev.pb .cstm-main.cstm-services-cta.btm .section-title h1{font-size:45px;line-height:55px}
.cstm-services-logos .logo-item img {min-width: 132px;height: 29px;object-fit: contain;}
}
@media(max-width:991px) and (min-width:768px){
    .slider-landing-pages {
    padding: 60px 0;
    padding-bottom: 20px;
}
.cstm-main-banner .banner-content{padding-right:0!important}
.cstm-main-banner .banner-content h1.main-title{font-size:52px;line-height:65px}
.cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:36px}
.cstm-main-banner .banner-content p{font-size:19px}
.cstm-main-banner .col-md-7.col-sm-8.col-xs-12{width:55%}
.cstm-main-banner .col-md-5.col-sm-4.col-xs-12.my-auto{width:44%}
.cstm-main-banner .banner-form h2{font-size:42px;line-height:52px}
.cstm-main-banner .banner-form h2 small{font-size:16px;letter-spacing:2px}
.cstm-main-banner .banner-form .form-group{margin-bottom:15px}
.cstm-about-services .section-title{gap:10px;align-items:flex-start;margin-bottom:20px}
.cstm-about-services .section-title p{padding-left:20px;font-size:16px}
.cstm-about-services .section-title h3,.cstm-about-services .section-title h2,.cstm-about-services .section-title h1{min-width:38%;font-size:28px}
.all-content section{padding:50px 0}
.cstm-about-services .icon-box-container .icon-box-wrap{width:50%;min-width:50%;padding:14px 16px}
.cstm-about-services .icon-box-container{flex-wrap:wrap}
.cstm-main .icon-box-container{gap:20px;justify-content:center}
.cstm-main .icon-box-container .icon-box-wrap{width:calc(50% - 15px)}
.cstm-main .icon-box-container .icon-box{padding:25px}
.cstm-main .icon-box-container .icon-box h5.title{font-size:19px}
.cstm-main .icon-box-container .icon-box p.description{font-size:16px;line-height:29px}
.cstm-main .section-title h3,.cstm-main .section-title h2,.cstm-main .section-title h1{font-size:34px;margin-bottom:0}
.cstm-main .section-title p{font-size:17px;line-height:32px}
.cstm-main.cstm-services-quality .icon-box-container{gap:30px}
.logo-box-container{gap:50px;padding:18px 10px}
.cstm-main.cstm-services-work .icon-box .icon{width:40px;height:40px;font-size:27px}
.cstm-main.cstm-services-work .icon-box-container .icon-box{padding:20px}
.cstm-main.cstm-services-work .icon-box-container{gap:30px}
section.cstm-main.cstm-services-work .container{padding:50px 20px}
.cstm-main.cstm-services-faq .cstm-faq-row{flex-direction:column;padding:0 0;gap:30px}
.cstm-services-faq .blogs-list-wrapper,.cstm-services-faq .faq-wrapper{width:100%}
.cstm-services-faq .blogs-list-wrapper{padding:10px}
section.cstm-main.cstm-services-cta.btm h6{font-size:15px}
section.cstm-main.cstm-services-cta.btm .section-title h3,section.cstm-main.cstm-services-cta.btm .section-title h2,section.cstm-main.cstm-services-cta.btm .section-title h1{font-size:38px}
section.section-portfolio.cstm-main .col-sm-3.col-xs-6{width:50%;padding:10px}
.wd_wordpress .cstm-main-banner .banner-content h1.main-title .yellow-text {font-size: 32px;}
.wd_wordpress .cstm-main-banner .banner-content .main-title {font-size: 43px;line-height: 60px;}
.wd_wordpress .cstm-about-services .section-title h3 {min-width: 41%;}
.wd_wordpress .cstm-main .section-title h3 {font-size: 31px;}
.wd_shopify .cstm-main-banner .banner-content{padding-right: 15px;}
.wd_shopify .cstm-main-banner .banner-content h1.main-title, .wp-seo .cstm-main-banner .banner-content h1.main-title{font-size: 40px;line-height: 54px;}
.wd_shopify .cstm-about-services .section-title h3{min-width: 34%;}
.wd_shopify .cstm-main .section-title.txt-center{max-width:100%}
.wd_shopify .cstm-main.cstm-services-quality .section-title h3{font-size: 34px;}
.wd_shopify .cstm-main.cstm-services-quality .section-title p{font-size:18px;line-height:34px}
.wd_shopify .cstm-main.cstm-services-quality .icon-box h5.title{line-height:29px}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{right:15%}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title p{line-height:48px}
.wd_shopify .cstm-main-banner .banner-content h1.main-title span.yellow-text {font-size: 30px;}
.wd_shopify .cstm-main-banner .banner-content p {line-height: 38px;}
.wd_shopify .cstm-main-banner .banner-content h1.main-title{font-size: 40px;line-height: 54px;}
.wd_shopify .cstm-about-services .section-title h3{min-width: 34%;}
.wd_shopify .cstm-main.cstm-services-quality .section-title h3{font-size: 34px;}
.wd_shopify .cstm-main.cstm-services-quality .section-title p{font-size:17px;line-height:34px}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{right:15%}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title p{line-height:42px}
.wd_shopify .cstm-main-banner .banner-content h1.main-title span.yellow-text {font-size: 30px;}
.wd_shopify .cstm-main-banner .banner-content p {line-height: 38px;}
.wd_custom_web .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon {right: 25%;}
.offpage .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:29px;}
.offpage .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon {display:none;}

}

@media(max-width:767px){
    
.cols a {
    font-size: 18px;

}    
#seo-advantage .col-md-4.col-sm-4 {
    top: 0;
}    
.sticky-right h3 {
    font-size: 20px;
    line-height: 30px;
}
.sticky-sidebar h3 {
    font-size: 20px;
    line-height: 30px;
}

.common-template-pages p {
    font-size: 16px;
    line-height: 26px;
}
.common-template-boxes {
    padding: 0;
}
.common-template-banner-text {
    padding: 20px;

}    
.common-template-pages h2 {
    font-size: 20px;
    margin: 15px 0;
    line-height: 28px;

}
.common-template-banner-text h1 {

    font-size: 22px;

}
.common-template-pages .icon-box {

    padding: 10px;
    min-height: auto;
    margin-bottom: 10px;
}
    
.common-template-banner-text .banner-form h2 {

    font-size: 24px;
}
    .slider-landing-pages {
    padding: 40px 0;
    padding-bottom: 20px;
}
.common-template-pages .icon-box h5 {
    FONT-SIZE: 16px;
}

.common-template-banner-text {
    padding: 20px 0;
}
.common-template-banner-text h1 {
    font-size: 26px;
}
.common-template-pages h2 {
    font-size: 22px;
    line-height: 32px
}

.common-template-banner-text .banner-form h2 {
    font-size: 26px;
}
.common-template-pages h2 {
    font-size: 22px;
    line-height: 32px;

}

.slider-landing-pages-banner .main-title {
    font-size: 22px;
}
.landing-pages-content-section h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.landing-pages-content-section p {
    line-height: 22px;
    font-size: 16px;
}
.landing-pages-content-section h3 {
    font-size: 24px;
    margin: 30px 0;
}
    .cstm-main-banner .banner-content *{text-align:center!important}
.cstm-main-banner .banner-content{padding:0 10px}
.cstm-main-banner .banner-content h1.main-title{margin:0!important;font-size:48px;line-height:62px}
.main-slider.slider-inner-pages.cstm-main-banner{padding:50px 0}
.cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:38px;line-height:38px}
.cstm-main-banner .banner-content p{max-width:100%; padding-right: 0;}
.cstm-main-banner .banner-form{margin:0 auto; margin-top:40px;}
.cstm-about-services .section-title{flex-direction:column;gap:10px}
.cstm-about-services .section-title p{padding:0;border:0}
.cstm-about-services .section-title{margin-bottom:10px}
.cstm-about-services .icon-box-container{flex-wrap:wrap}
.cstm-about-services .icon-box-container .icon-box-wrap{width:50%;padding:15px}
.cstm-main .section-title h3{font-size:32px;line-height:45px}
.cstm-main .section-title p{font-size:17px;line-height:32px}
.cstm-main .icon-box-container{gap:20px;justify-content:center}
.cstm-main .icon-box-container .icon-box-wrap{width:calc(50% - 10px);min-width:calc(50% - 10px)}
.cstm-main .icon-box-container .icon-box{padding:20px 15px}
.cstm-main .icon-box-container .icon-box h5.title{font-size:19px}
.cstm-main .icon-box-container .icon-box p.description{font-size:16px;line-height:30px}
.cstm-main .icon-box-container .icon-box svg{width:58px;height:58px}
.cstm-main.cstm-services-quality .icon-box-container{gap:25px}
section.cstm-main.cstm-services-quality .icon-box-container .icon-box{padding:15px}
section.cstm-main.cstm-services-quality .icon-box h5.title{font-size:18px;margin:0}
section.cstm-main.cstm-services-quality .icon-box h5.title span.icon svg{width:45px}
section.cstm-main.cstm-services-logos{padding:40px 0}
.logo-box-container{gap:25px;padding:20px 10px}
section.cstm-main.cstm-services-work .container{padding:50px 20px}
.cstm-main.cstm-services-work .icon-box-container{flex-direction:column;gap:30px}
.cstm-main.cstm-services-work .icon-box-container .icon-box-wrap{width:100%}
section.cstm-main.cstm-services-cta{padding:50px 10px}
.all-content section{padding:30px 5px;overflow: hidden !important}
.cstm-main.cstm-services-team .section-title-wrap{flex-wrap:wrap;flex-direction:column;gap:15px}
.cstm-main .section-title-wrap .section-icons{width:100%;max-width:100%}
.cstm-main.cstm-services-team .section-title-wrap .section-title{margin:0;max-width:100%;padding:10px}
/*section.cstm-main.cstm-services-work .container{padding:50px 0}*/
.cstm-main.cstm-services-faq .cstm-faq-row{flex-direction:column;padding:0 0;gap:30px}
.cstm-services-faq .blogs-list-wrapper,.cstm-services-faq .faq-wrapper{width:100%}
.cstm-services-faq .blogs-list-wrapper{padding:10px}
section.cstm-main.cstm-services-cta.btm h6{font-size:15px}
section.cstm-main.cstm-services-cta.btm .section-title h3,section.cstm-main.cstm-services-cta.btm .section-title h2,section.cstm-main.cstm-services-cta.btm .section-title h1{font-size:38px;line-height:40px}
section.section-portfolio.cstm-main .col-sm-3.col-xs-6{width:50%;padding:10px}
section.cstm-main.cstm-services-cta.btm .section-title span.title-icon{right:0}
section.cstm-main.cstm-services-cta.btm .section-title p{font-size:22px}
.cstm-main-banner  .row.h-100 {display: flex;flex-direction: column-reverse;}
.cstm-main-banner .banner-content {padding-top: 30px;}
.main-slider.slider-inner-pages.cstm-main-banner {padding-top: 50px; padding-bottom: 20px; background: none; background-color: #022a5e;}
.wd_wordpress .cstm-main-banner .banner-content{padding-right:0;}
.wd_shopify .cstm-main-banner .banner-content{padding:30px 0 0}
.wd_shopify .cstm-main-banner .banner-content h1.main-title, .wp-seo .cstm-main-banner .banner-content h1.main-title{font-size:47px}
.wd_shopify .cstm-main.cstm-services-quality .section-title h3{font-size:28px}
.wd_shopify .cstm-main.cstm-services-quality .icon-box h5.title{font-size:17px;line-height:23px}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon{right:-24px;top:-34px}
.wd_custom_web .cstm-main.cstm-services-cta.btm .section-title h3 span.title-icon {right: 8px;top: -30px;}
.wd_custom_web .cstm-about-services .section-title h3 {width: 100%;}
.seo .cstm-main.cstm-services-cta.btm .section-title h3,.seo .cstm-main.cstm-services-cta.btm .section-title h2,.seo .cstm-main.cstm-services-cta.btm .section-title h1 {font-size: 38px;line-height: 53px;}
.seo .cstm-main.cstm-services-cta.btm .section-title  span.title-icon svg {width: 180px;height: 112px;}
.offpage .cstm-main.cstm-services-cta.btm .section-title  span.title-icon {display:none;}
.cstm-main.cstm-main.price-table .icon-box-container .icon-box-wrap {width: 400px;}
.cstm-main.price-table a.js_btn svg {width: 22px;height: 30px;}
.cstm-main.price-table .icon-box-container .icon-box .price {font-size: 45px;}
.chd-seo .cstm-main.cstm-services-work .icon-box-container {flex-direction: row;}
.dev.pb .cstm-main .section-title-wrap {flex-wrap: wrap;}
.dev.pb .cstm-main .section-title-wrap .section-title {max-width: 100%;}
.dev .cstm-main .section-title-wrap .section-icons {max-width: 100%;}

 .content-grid {
        grid-template-columns: 1fr;
      }
      
      .image-wrapper {
        grid-row: 1;
        margin-bottom: 20px;
      }
      
      .tabs-nav {
        flex-wrap: wrap;
      }
      
      .tab-button {
        margin: 0px;
      }
}

@media(max-width:640px){
.cstm-main-banner .banner-content h1.main-title{font-size:45px}
.wd_wordpress .cstm-main-banner .banner-content .main-title{font-size:39px;}
.cstm-main-banner .banner-content p{font-size:19px;line-height:36px}
.cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:27px}
.main-slider.slider-inner-pages.cstm-main-banner{padding-top:30px;padding-bottom:70px}
.cstm-main-banner .banner-form h2{font-size:37px;line-height:55px;text-align:center}
.cstm-main-banner .banner-form h2 small{text-align:center}
.cstm-about-services .section-title h3,.cstm-about-services .section-title h2,.cstm-about-services .section-title h1{line-height:44px;font-size:28px}
.cstm-about-services .icon-box-container .icon-box-wrap{width:100%}
.cstm-main .section-title h3,.cstm-main .section-title h2,.cstm-main .section-title h1{font-size:28px;margin-bottom:0}
.cstm-main .icon-box-container .icon-box-wrap{width:100%}
.cstm-main.cstm-services-work .icon-box-container .icon-box-wrap,section.cstm-main.cstm-services-quality .icon-box-container .icon-box-wrap,section.cstm-main.cstm-services-quality .icon-box-container .section-title{width:100%}
.cstm-main .section-title p{margin-bottom:0}
.logo-box-container{flex-wrap:wrap;justify-content:center}
.logo-box-container .logo-item{width:47%;text-align:center}
.cstm-main .section-title-wrap{margin-bottom:30px;flex-wrap:wrap;flex-direction:column;gap:20px}
.cstm-main .section-title-wrap .section-img{max-height:220px}
.cstm-main .icon-box-container .icon-box{box-shadow:none}
section.cstm-main.cstm-services-top_area .empty-sec{height:300px;min-height:300px}
.cstm-main .icon-box-container .icon-box svg{width:45px;height:45px}
section.cstm-main.cstm-services-cta.btm .section-title  span.title-icon{display:none}
section.cstm-main.cstm-services-cta.btm .section-title h3,section.cstm-main.cstm-services-cta.btm .section-title h2,section.cstm-main.cstm-services-cta.btm .section-title h1{font-size:32px}
.wd_shopify .cstm-main-banner .banner-content h1.main-title, .wp-seo .cstm-main-banner .banner-content h1.main-title{font-size:38px;line-height:55px}
.cstm-main-banner .banner-content p{margin-bottom:0}
.wd_shopify .cstm-main .section-title h6{font-size:17px}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title p{font-size:19px;line-height:38px;margin-top:10px}
.seo .cstm-main .section-title-wrap.last .section-title,.seo.cstm-main .section-title-wrap .section-title{max-width:100%}
.seo.agency .cstm-main.cstm-services-work .icon-box-container .icon-box-wrap{max-width:100%;width:100%}
.seo .cstm-main.cstm-services-cta.btm .section-title h3,.seo .cstm-main.cstm-services-cta.btm .section-title h2,.seo .cstm-main.cstm-services-cta.btm .section-title h1{font-size: 32px;line-height: 46px;margin-bottom: 10px;}
.offpage .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:23px;}
.offpage .cstm-main.cstm-services-quality .icon-box-container .icon-box-wrap, .offpage .cstm-main.cstm-services-quality .icon-box-container .section-title{width:100%;min-width:100%;}
#nav-right li a {font-size: 20px;}
#nav-right .sub-menu li a {font-size: 19px;}
#nav-right .sub-menu li {padding: 5px 0 8px 15px;}
.container #nav-right .nav-inner {padding: 0 30px;}
ul.topbar__list{animation:scroll 15s linear infinite}
.chd-seo .cstm-main.cstm-services-work .icon-box-container .icon-box-wrap {width:100%; max-width:100%;}
.chd-seo .cstm-main.cstm-services-work .icon-box-container {flex-direction: column;}
.chd-seo .cstm-main.cstm-services-cta.btm .section-title p {font-size: 17px;line-height: 35px;}
.dev.pb .cstm-main.cstm-services-cta.btm .section-title h1,.dev.pb .cstm-main.cstm-services-cta.btm .section-title h2,.dev.pb .cstm-main.cstm-services-cta.btm .section-title h3{font-size:34px;line-height:48px}
.pb section.cstm-main.cstm-services-cta.btm .section-title p{font-size:17px;line-height:37px}
.pb .cstm-main .icon-box-container{flex-wrap:wrap}
.dev.pb .cstm-services-features.cstm-light.finest .icon-box-container .icon-box-wrap{max-width:100%;width:100%}
.pb .cstm-main.cstm-services-work .icon-box .icon{width:40px;height:40px;font-size:26px}
.local .main-slider.slider-inner-pages.cstm-main-banner .col-xs-12 {padding: 0;}
.local .cstm-main-banner .row.h-100 {margin: 0;}
}
@media(max-width:479px){
.cstm-main-banner .banner-content h1.main-title{font-size:30px;line-height:40px}
.wd_wordpress .cstm-main-banner .banner-content .main-title{font-size:27px;line-height:40px}
.cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:21px}
.cstm-main-banner .banner-form h2{font-size:31px;letter-spacing:3px}
.cstm-main-banner .banner-form h2 small{padding-top:0;font-size:15px}
.cstm-main-banner .banner-form button.btn{font-size:17px}
.cstm-main-banner .banner-form button.btn svg{margin-left:8px;height:12px}
.cstm-about-services .section-title h3,.cstm-about-services .section-title h2,.cstm-about-services .section-title h1{font-size:18px;line-height:28px}
.cstm-about-services .section-title p{font-size:16px;line-height:29px}
.cstm-about-services .icon-box-container .icon-box svg{width:30px;height:30px}
.cstm-main .section-title h3,.cstm-main .section-title h2,.cstm-main .section-title h1{font-size:22px;line-height:34px}
.cstm-main .section-title h6{font-size:15px;letter-spacing:2px}
.cstm-main .section-title p{font-size:16px;line-height:30px}
.logo-box-container .logo-item{width:calc(50% - 20px)}
.logo-box-container .logo-item img{height:35px;object-fit:contain;object-position:center}
.logo-box-container{gap:20px}
.cstm-main.cstm-services-work .icon-box-container .icon-box{padding:20px}
.cstm-main.cstm-services-work .icon-box .icon{width:40px;height:40px;font-size:26px}
.cstm-main.cstm-services-features .icon-box-container .icon-box:hover p.description{font-size:16px}
section.cstm-main.cstm-services-cta{padding:30px 0; background: none; background-color: #022a5e;}
section.cstm-main a.js_btn{width:200px;height:45px;font-size:16px}
section.cstm-main a.js_btn svg{width:15px;height:15px;margin-left:-5px}
.cstm-main .icon-box-container .icon-box svg{width:35px;height:35px}
.cstm-main.cstm-services-team .section-title p{font-size:16px;line-height:30px}
.cstm-services-faq .faq-wrapper{padding:20px}
.cstm-services-faq .faq-wrapper .section-title h3,.cstm-services-faq .faq-wrapper .section-title h2,.cstm-services-faq .faq-wrapper .section-title h1{font-size:22px}
.free-ask-question.cstm-services-faq .panel-default>.panel-heading .panel-title a{font-size:17px}
.free-ask-question.cstm-services-faq .panel-body{font-size:15px}
.cstm-services-faq .faq-btn-wrapper{flex-direction:column-reverse;gap:5px}
.cstm-main.cstm-services-faq .cstm-faq-row{gap:0}
section.section-portfolio.cstm-main .col-sm-3.col-xs-6{width:100%}
section.cstm-main.cstm-services-cta.btm h6{font-size:14px}
section.cstm-main.cstm-services-cta.btm .section-title h3,section.cstm-main.cstm-services-cta.btm .section-title h2,section.cstm-main.cstm-services-cta.btm .section-title h1{font-size:25px;line-height:39px;margin-bottom:10px}
section.cstm-main.cstm-services-cta.btm .section-title p{font-size:18px;line-height:30px}
.cstm-main-banner .banner-form h2{font-size:29px;letter-spacing:3px;line-height:38px}
.cstm-main-banner .banner-form h2 small{font-size:13px}
.cstm-main-banner .banner-content h1.main-title {font-size: 28px;}
.wd_shopify .cstm-main-banner .banner-content h1.main-title, .wp-seo .cstm-main-banner .banner-content h1.main-title{font-size:28px;line-height:48px}
.main-slider.slider-inner-pages.cstm-main-banner{padding-bottom:50px}
.wd_shopify .cstm-main.cstm-services-quality .section-title h3{font-size:23px}
.wd_shopify .cstm-main.cstm-services-quality .section-title p{font-size:16px;line-height:30px;margin-top:8px}
.cstm-main .section-title-wrap .section-icons{padding:20px}
.cstm-main .icon-box-container .icon-box h5.title{font-size:17px}
.cstm-main .icon-box-container .icon-box p.description{font-size:15px}
.wd_shopify .cstm-main .section-title h6{font-size:15px}
.wd_shopify .cstm-main.cstm-services-cta.btm .section-title p{font-size:18px;line-height:30px}
.seo .cstm-main-banner .banner-content {padding-left: 0;padding-right: 0;}
.seo .cstm-main-banner .banner-content h1.main-title {font-size: 27px;}
.seo .cstm-main.cstm-services-cta.btm .section-title h3,.seo .cstm-main.cstm-services-cta.btm .section-title h2,.seo .cstm-main.cstm-services-cta.btm .section-title h1 {font-size: 22px;line-height: 35px;letter-spacing: 1px;}
.offpage .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:18px;}
.cstm-main.cstm-main.price-table .icon-box-container .icon-box-wrap {width: 100%;}
.pb .cstm-main.cstm-services-quality.bop .icon-box-container .icon-box-wrap{width:100%}
.dev .cstm-main .section-title-wrap .section-icons{max-width:100%}
.dev.pb .cstm-services-features.cstm-light.finest .icon-box-container .icon-box-wrap{width:100%}
.dev.pb .cstm-main-banner .banner-content h1.main-title .yellow-text{font-size:17px;letter-spacing:1px;line-height:25px}
.dev.pb .cstm-main-banner .banner-content h1.main-title{font-size:30px;line-height:45px}
.pb .cstm-main .icon-box-container .icon-box h5.title{font-size:16px}
.pb .cstm-main .icon-box-container .icon-box p.description{font-size:15.5px}
.dev.pb .cstm-main.cstm-services-cta.btm .section-title h1,.dev.pb .cstm-main.cstm-services-cta.btm .section-title h2,.dev.pb .cstm-main.cstm-services-cta.btm .section-title h3{font-size:29px;line-height:40px}
.pb .cstm-main-banner .banner-form h2{font-size:28px}

.tab-panel {
        padding: 30px 20px;
      }
      
      .big-letter {
        font-size: 3.5rem;
      }
      
      .title {
        font-size: 1.4rem;
      }

}
@media(max-width:420px){
body.cstm-main-banner .banner-content h1.main-title {font-size: 22px;}
.cstm-main-banner .banner-content p {font-size: 16px;line-height: 30px;}
.cstm-services-logos .logo-item img {min-width: 100%;height: 30px;object-fit: contain;}
}