/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /*=============================== UNIVERSAL CSS ================================= */ .elementor-widget:not(:last-child){margin-bottom:0 !important} a{color:#202020; text-decoration:none !important} .mb-0 p{margin-bottom:0 !important} .w-100 img{width:100%} .elementor-widget-theme-site-logo img {width:200px !important} .pr{position:relative} .overflow-hidden{overflow:hidden} .ast-container {max-width: 100% !important; padding: 0;} .ast-plain-container.ast-no-sidebar #primary{margin-bottom:0 !important} /*=============================== Cursor ================================*/ /*============================== Navigations ================================ */ .page-id-1605 .custom-header{background-color:#000 !important} .custom-header.elementor-sticky--effects{background-color:#000 !important} .custom-header.elementor-sticky--effects img{width:85px !important; transition:.5s ease} .custom-header.elementor-sticky--effects .e-con-inner{padding:0 5px !important} .custom-header.elementor-sticky--effects .dropdown-content .e-con-inner{padding:40px 5px !important} header{position: absolute; left: 0; right: 0;} .custom-header .e-n-menu .e-n-menu-item-title{overflow:hidden} .custom-header .dropdown-content .elementor-element p a{color:#AEAEAE} .custom-header .dropdown-content .services-heading p a{color:#fff} .custom-header .e-n-menu .e-n-menu-item-title a:after{content:url("../images/arrow-white.svg"); position:absolute; right:12px; top:-30px; opacity:0 !important; transition:.6s ease; left:inherit} .custom-header #e-n-menu-item-title-2492:hover{background-color:#343434} .custom-header .e-n-menu .e-n-menu-item-title:hover a:after{top: 12px; opacity:1 !important} .custom-header .e-n-menu .e-n-menu-item-title:hover{color:#fff !important} .custom-header .e-n-menu .e-n-menu-item-title:hover a{color:#fff !important} .custom-header .e-n-menu .e-collapse.e-active{transition:.5s ease} /* New_template */ .header_menu #menu_services .e-n-menu-title-container span{position:relative} .header_menu #menu_services .e-n-menu-title-container span:after{ content: url(../images/arrow-white-1.svg); cursor: pointer; position: absolute; right: -30px; top: 0px; transform: scale(0.6); } /* //// */ .contact-btn a.elementor-button{overflow:hidden; position:relative} .contact-btn a.elementor-button:after{right: 0; content: "Contact Us"; position: absolute; background: #fff; top: 0; width: 100%; font-size: 16px; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; transform: translateY(45px); transition:.3s ease} .contact-btn a.elementor-button:before{right: 0; content: "Contact Us"; position: absolute; background: transparent; top: 0; width: 100%; font-size: 16px; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; transform: translateY(0px); transition:.3s ease; color:#AEAEAE} .contact-btn a.elementor-button .elementor-button-content-wrapper{opacity:0} .contact-btn a.elementor-button:hover{background-color:transparent !important} .contact-btn a.elementor-button:hover:after{transform: translateY(0px)} .contact-btn a.elementor-button:hover:before{transform: translateY(-45px)} #contact-btn a span{opacity:0} #contact-btn{overflow:hidden; position:relative; background:transparent; padding: 0;} #contact-btn a{border: 1px solid #fff; display: inline-block; padding: 5px 20px; border-radius: 30px; overflow: hidden; position:relative; color:#C8C8C8 !important} #contact-btn a:after{right: 0; content: "Contact Us"; position: absolute; background: #fff; top: 0; width: 100%; font-size: 16px; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; transform: translateY(45px); transition:.3s ease} #contact-btn a:before{right: 0; content: "Contact Us"; position: absolute; background: transparent; top: 0; width: 100%; font-size: 16px; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; transform: translateY(0px); transition:.3s ease; color:#AEAEAE} #contact-btn a:hover{background-color:transparent !important; color:#000 !important} #contact-btn a:hover:after{transform: translateY(0px)} #contact-btn a:hover:before{transform: translateY(-45px)} /*=============================== Text and Headings and Tables ================================*/ .fw-200 p{font-weight:200 !important} .fw-300 p{font-weight:300 !important} .fw-400 p{font-weight:400 !important} .fw-500 p{font-weight:500 !important} .fw-600 p{font-weight:600 !important} .line-height.elementor-widget-heading .elementor-heading-title{line-height:0.9 !important} .fw-500 .elementor-heading-title{font-weight:500 !important} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {font-size: 250px; font-weight: 600 !important; line-height: 0.9; letter-spacing:-8px} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:95px !important; font-weight: 600 !important; line-height: 0.8; letter-spacing:-2px} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:86px !important; font-weight: 600 !important; line-height: 1.2; letter-spacing:-2px} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:61px !important; font-weight: 600 !important; line-height: 1.2; letter-spacing: -1px;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-small {font-size: 44px !important;font-weight: 500 !important; line-height: 1.2; letter-spacing: -1px;} .elementor-element .elementor-widget-heading .elementor-heading-title b{font-weight:500; color:#E6FF00} .text-xl p{font-size:22px; font-weight:300; line-height:1.7; letter-spacing:0px;} .text-lg p{font-size:20px; font-weight:300; line-height:1.7; letter-spacing:0px;} .text-md p{font-size:18px; font-weight:300; line-height:1.7; letter-spacing:0px;} .text-sm p{font-size:16px; font-weight:300; line-height:1.7; letter-spacing:0px;} .text-xs p{font-size:14px; font-weight:300; line-height:1.7; letter-spacing:0px;} .listing-md ul{margin-left:0} .listing-md ul>li{font-size: 24px; line-height: 1.7; font-weight: 400; margin-bottom: 20px; list-style: none; position: relative; border-bottom: 1px solid #cccccc; padding-bottom: 20px;} .listing-sm ul{margin-left: 30px;} .listing-sm ul li { font-size: 17px; margin-bottom: 18px; font-weight: 400; list-style: none; position: relative; letter-spacing:.5px; line-height: 1.3;} .listing-sm ul li:before{content:""; position:absolute; background:#58c9f5; border-radius:50%; left:-25px; width:8px; height:8px; top: 10px;} /*=============================== Headind Animation ================================*/ .animated-heading{overflow:hidden; transform: translate3d(0) !important; padding-bottom: 15px;} .animated-heading .elementor-heading-title{transform: translatey(40px) rotate(7deg); transition:1s ease; opacity:0} .animated-heading.slideInUp .elementor-heading-title{transform: translate(0%) rotate(0deg); opacity:1} /*=============================== Anchors and Buttons ================================*/ [data-widget_type="button.default"] .elementor-button{border-radius:50px;} .elementor-widget-button.elementor-button-info .elementor-button{background-color:transparent; color:#000; border-radius:30px; border:1px solid #000} .elementor-widget-button.elementor-button-info .elementor-button:hover{background-color:#000; color:#FFF} .elementor-widget-button.elementor-button-info .elementor-button:hover .elementor-button-icon svg{filter: invert(1);} .elementor-widget-button.elementor-button-info .elementor-button .elementor-button-icon{font-size: 28px;} .elementor-widget-button.elementor-button-info .elementor-button .elementor-button-content-wrapper{align-items: center;} .elementor-element.elementor-button-warning .elementor-button{background-color:#040A43 !important} .elementor-element.elementor-button-warning .elementor-button:hover{background-color:} .elementor-element.elementor-button-warning .elementor-button.elementor-size-md{padding:25px 50px} .elementor-widget-button.elementor-button-success .elementor-button{background-color:transparent !important; color:#fff; border-radius:30px; border:1px solid #fff} .elementor-element.elementor-button-success .elementor-button{background-color:#FB751E; border-radius:30px} .elementor-element.elementor-button-success .elementor-button.elementor-size-lg{font-size:16px} .elementor-element.elementor-button-success .elementor-button:hover{background-color:#fff !important; color:#000} .elementor-widget-button .elementor-button.elementor-size-xs{font-size:14px;} .elementor-widget-button .elementor-button.elementor-size-sm{font-size:16px; padding:6px 40px} .elementor-widget-button .elementor-button.elementor-size-md{font-size:18px; padding:10px 50px} .elementor-widget-button .elementor-button.elementor-size-lg{font-size:20px} .elementor-widget-button .elementor-button.elementor-size-xl{font-size:22px} /*=============================== Home ================================*/ .home-wrapper .elementor-element .elementor-heading-title em{font-style:normal; -webkit-text-stroke: 2px #fff; -webkit-text-fill-color: transparent;} .calc-left .elementor-widget-container{margin-left: calc(100% - 900px);} .elementor-element .ft-animation .elementor-heading-title{transition:2s ease;} .elementor-element .ft-animation .elementor-heading-title div{display:inline-block; transition:2s ease; font-weight:500; white-space: nowrap;} .elementor-element .ft-animation .elementor-heading-title div:hover{font-weight:700 !important} .netbluez-services .elementor-toggle-item .elementor-tab-title a.elementor-toggle-title{ display:inline-block } .netbluez-services .elementor-tab-content {border:none !important; margin-top:-40px} .netbluez-services .elementor-tab-content p strong{color:#FF8B8B; font-size:18px; font-weight:400} .netbluez-services .elementor-tab-content p a{color:#fff; font-size:16px; font-weight:400; border:1px solid #fff; border-radius: 26px; padding:10px 30px; transition:.4s ease} /* New template */ .netbluez-services.new_tempelate_ui .elementor-tab-content p a{color:#ffffff; font-size:20px; font-weight:700; border:1px solid #fff; background-color:#218D4C;border-radius: 12px; padding: 27px 56px 27px 56px; transition:.4s ease;margin:40px 0px;} .netbluez-services.new_tempelate_ui .elementor-tab-content p a:hover{background-color:#ffffff;color:#218D4C;} .dialog-lightbox-message .elementor-lightbox-item{height: auto !important;} @media only screen and (max-width: 534px) { .netbluez-services.new_tempelate_ui .elementor-tab-content p a{color:#ffffff; font-size:20px; font-weight:700; border:1px solid #fff; background-color:#218D4C;border-radius: 12px; padding: 23px 35px 23px 35px; transition:.4s ease;margin:40px 0px;} .netbluez-services.new_tempelate_ui .elementor-tab-content p{text-align:center;} } @media only screen and (max-width: 482px) { .netbluez-services.new_tempelate_ui .elementor-tab-content p a{color:#ffffff; font-weight:700; border:1px solid #fff; background-color:#218D4C;border-radius: 12px; padding: 20px 30px 20px 30px; transition:.4s ease;margin:40px 0px;font-size: 16px;} } @media only screen and (max-width: 419px) { .netbluez-services.new_tempelate_ui .elementor-tab-content p a{color:#ffffff; font-weight:700; border:1px solid #fff; background-color:#218D4C;border-radius: 12px; padding: 20px 30px 20px 30px;transition:.4s ease;margin:40px 0px;font-size: 14px;} .netbluez-services.new_tempelate_ui .elementor-tab-content p{text-align:center;} } @media only screen and (max-width: 397px) { .netbluez-services.new_tempelate_ui .elementor-tab-content p a{color:#ffffff; font-size:10px; font-weight:700; border:1px solid #fff; background-color:#218D4C;border-radius: 12px; padding: 16px 20px 16px 20px; transition:.4s ease;margin:40px 0px;} } @media only screen and (max-width: 361px) { .netbluez-services.new_tempelate_ui .elementor-tab-content p a{color:#ffffff; font-size:10px; font-weight:700; border:1px solid #fff; background-color:#218D4C;border-radius: 12px; padding:18px 20px 18px 20px;transition:.4s ease;margin:40px 0px;} } @media only screen and (max-width:357px) { .netbluez-services.new_tempelate_ui .elementor-tab-content p a{color:#ffffff; font-size:10px; font-weight:700; border:1px solid #fff; background-color:#218D4C;border-radius: 12px; padding:18px 20px 18px 20px; transition:.4s ease;margin:40px 0px;} } /* //////////// */ .netbluez-services .elementor-tab-content p a:hover{background:#fff; color:#000} .netbluez-services .elementor-toggle .elementor-toggle-item .elementor-tab-title:after{font-size: 12px; font-weight: 400; color: #808080; position: absolute; right: 40px; top: 15px; transition:.5s ease;} .netbluez-services .elementor-accordion .elementor-accordion-item {border-bottom:1px solid #6a6a6a !important; outline:none} .netbluez-services .elementor-accordion-icon{font-size:18px; transition:.5s ease; position: absolute; right: 0; top: 10px;} .netbluez-services .elementor-tab-title:hover .elementor-accordion-icon{margin-top:10px;} .netbluez-services .elementor-toggle-item .elementor-tab-title:before {font-size: 36px; font-weight: 500;line-height: 1.2em; color:#FF8B8B; transform:translateY(50px); position:absolute; transition:.3s ease; } .netbluez-services .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'UI/UX Design'} /*.netbluez-services .elementor-accordion-item:first-child .elementor-tab-title:after {content:'Starting $999'}*/ .netbluez-services .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'Web Development'} .netbluez-services .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Graphic Design'} .netbluez-services .elementor-accordion-item:nth-child(4) .elementor-tab-title .elementor-accordion-title:before{content:'Digital Marketing'} .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui.netbluez-services-ui-ux.ui-ux-temp .elementor-accordion-item:nth-child(4) .elementor-tab-title .elementor-accordion-title:before{content:'Wordpress'} .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui.netbluez-services-ui-ux.ui-ux-temp .elementor-accordion-item:nth-child(5) .elementor-tab-title .elementor-accordion-title:before{content:'Shopify'} .netbluez-services .elementor-tab-title:after{font-size: 14px; font-weight: 400; color: #808080; position: absolute; right: 40px; top: 15px; transition:.5s ease;} .netbluez-services .elementor-tab-title{ position:relative; overflow:hidden; border:none !important; padding:0px !important; margin:40px 0px !important; outline:none} /* New_template */ .new_tempelate_ui .elementor-tab-title{ margin:30px 0px !important;} /* ........... */ .netbluez-services .elementor-tab-title .elementor-accordion-title{display:block} .netbluez-services .elementor-tab-title .elementor-accordion-title:before {font-size: 36px; font-weight: 500;line-height: 1.2em; color:#FF8B8B; transform:translateY(50px); position:absolute; transition:.3s ease; } /* New template */ .ui_ux-accordian .netbluez-services.new_tempelate_ui .elementor-tab-title .elementor-accordion-title:before {font-size: 22px;line-height:33px; font-weight: 700; color:#000000; transform:translateY(45px); position:absolute; transition:.3s ease; } .netbluez-services.new_tempelate_ui .elementor-tab-title .elementor-accordion-title:before {font-size: 22px;line-height:33px; font-weight: 700; color:#000000; transform:translateY(45px); position:absolute; transition:.3s ease; } .ui_ux-page .netbluez-services.new_tempelate_ui .elementor-tab-title .elementor-accordion-title:before {font-size: 22px;line-height:33px; font-weight: 700; color:#000000; transform:translateY(45px); position:absolute; transition:.3s ease; } .ui_ux-page .netbluez-services.new_tempelate_ui .elementor-tab-title .elementor-accordion-title:before {font-size: 22px;line-height:33px; font-weight: 700; color:#000000; transform:translateY(45px); position:absolute; transition:.3s ease; } /* .................. */ .netbluez-services .elementor-tab-title:hover:before {transform:translateY(0px) } .netbluez-services .elementor-tab-title:hover .elementor-accordion-title{transform:translateY(-50px); display:inline-block; width:100% } .netbluez-services .elementor-tab-title:hover:after{color:#fff} .netbluez-services .elementor-tab-title .elementor-accordion-title{position:relative} .netbluez-services .elementor-tab-title .elementor-accordion-title i{font-size: 14px; font-weight: 400; color: #808080; position: absolute; right: 40px; top: 15px; transition: .5s ease; transform: translateY(-14px); font-style: normal; width: 100%; text-align: right;} .netbluez-services .elementor-tab-title:hover .elementor-accordion-title i{transform: translateY(38px);} .home-testimonial .elementor-main-swiper{padding-bottom:0 !important} .home-testimonial .elementor-star-rating__wrapper{display:block} .home-testimonial .elementor-testimonial {display: flex; flex-direction: column-reverse; padding-top: 10px;} .home-testimonial .elementor-testimonial .elementor-star-rating{position: absolute; top: 0px;} /* New_teamplate */ .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 230px !important; right: 44% !important; } .latest_work .fa-arrow-left:after{ content: "PREV"; color: white; font-family: 'Poppins'; margin-left: 10px; } .latest_work .fa-arrow-right:after{ content: "NEXT"; color: white; font-family: 'Poppins'; margin-right: 10px; } .latest_work i.fas.fa-arrow-right { display: flex; flex-direction: row-reverse; align-items: baseline; font-size: 1rem; background-color: black; border-radius: 15px; padding: 10px 10px; } .latest_work i.fas.fa-arrow-right { display: flex; flex-direction: row-reverse; align-items: baseline; font-size: 1rem; } .latest_work i.fas.fa-arrow-left { font-size: 1rem; background-color: #000000; padding: 10px 10px; border-radius: 15px; } @media only screen and (max-width: 1500px) { .latest_work { padding: 0px 10px; } } /* ........... */ @media only screen and (max-width: 1470px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 284px !important; right: 43% !important; } } @media only screen and (max-width: 1366px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 161px !important; right: 42% !important; } } @media only screen and (max-width: 1200px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 200px !important; right: 40% !important; } } @media only screen and (max-width: 1024px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 163px !important; right: 43% !important; } } @media only screen and (max-width: 980px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 200px !important; right: 43% !important; } } @media only screen and (max-width: 880px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 160px !important; right: 42% !important; } } @media only screen and (max-width: 858px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 210px !important; right: 41% !important; } } @media only screen and (max-width: 767px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 115px !important; right: 43% !important; } } @media only screen and (max-width: 747px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 119px !important; right: 41% !important; } } @media only screen and (max-width: 640px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 120px !important; right: 40% !important; } } @media only screen and (max-width: 600px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 110px !important; right: 40% !important; } } @media only screen and (max-width: 515px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 141px !important; right: 38% !important; } } @media only screen and (max-width: 372px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 168px !important; right: 34% !important; } } @media only screen and (max-width: 365px) { .home-testimonial.new_testimonail .elementor-testimonial .elementor-star-rating { position: absolute !important; top: 195px !important; right: 32% !important; } } @media only screen and (max-width: 1600px) { .ui_container .e-con-inner { width:80%; margin:0 auto; } } .new_template_form { width: 90%; } @media only screen and (max-width: 1500px) { .new_template_form { width: 90%; } } .home-testimonial .new_testimonail .elementor-testimonial .elementor-star-rating{position: absolute; bottom: 230px!important;right: 43.5%!important;} /* ......................... */ .home-testimonial .elementor-testimonial .elementor-testimonial__title{padding-top: 5px; position: relative; padding-left: 30px; width: 155px; margin: 0 auto;} /* New_template */ .home-testimonial.new_testimonail .elementor-testimonial .elementor-testimonial__title::before {content:url("../images/verify-1.png");} .home-testimonial.new_testimonail .elementor-testimonial .elementor-testimonial__title{padding-top: 5px; position: relative; padding-left: 30px; width: 155px; margin: 0 auto;} /* ....... */ .home-testimonial .elementor-testimonial .elementor-testimonial__cite .elementor-testimonial__name{text-align:center} /* New template */ .home-testimonial.new_testimonail .elementor-testimonial .elementor-testimonial__cite .elementor-testimonial__name{text-align:center;margin-top:63px;} /* ........ */ .home-testimonial .elementor-testimonial .elementor-testimonial__title:before{content:url("../images/verify-1.svg"); position:absolute; left:0; top: 2px;} .home-testimonial .elementor-testimonial .elementor-testimonial__text{text-align:center} .home-testimonial .elementor-testimonial .elementor-testimonial__header{justify-content: center; margin: 0 auto;} .home-testimonial .swiper-pagination{bottom:-20px !important} .netbluez-gallery .elementor-widget-image a{width:100%} .netbluez-gallery .elementor-widget-image a img{width:100%} .dialog-lightbox-message .elementor-lightbox-item{height: auto !Important; overflow-y: scroll;} .dialog-lightbox-message .swiper-pagination-fraction{display:none} .dialog-message .swiper.swiper-initialized{overflow-y:scroll} .dialog-message .swiper-slide img.elementor-lightbox-image{width:90%; object-fit:contain;object-position:top} .dialog-lightbox-widget-content .dialog-lightbox-close-button{top: 45px; background: #000; border-radius: 50%; right:165px} .netbluez-gallery .elementor-gallery__container .e-gallery-item .e-gallery-image{background-position: top;} .about-section .elementor-image-box-wrapper .elementor-image-box-content{margin-top: -30px;} .process-slider .elementor-swiper{width: calc( 100% - -500px );} .process-slider .elementor-testimonial .elementor-testimonial__content{display: flex; flex-direction: column-reverse;} .process-slider .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__text{max-width: 75%;} .process-slider .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__cite{margin-bottom:25px} .process-slider .elementor-testimonial .elementor-testimonial__image img{border-radius:0} .process-slider .elementor-swiper .swiper-pagination{width: calc( 100% - 500px );} .process-slider .elementor-swiper .elementor-swiper-button-prev{left:-10px} .process-slider:before{content: url(../images/Group-30-1.svg); position: absolute; right: -30px; top: -130px; left: inherit; text-align: right;} .process-slider{overflow:hidden} .process-slider .elementor-swiper .swiper-slide{opacity:.3} .process-slider .elementor-swiper .swiper-slide.swiper-slide-active{opacity:1} .process-slider .elementor-swiper .swiper-slide.swiper-slide-next{opacity:1} .process .elementor-swiper-button i{transform: scale(0.3) !important;} .elementor-form textarea{color:#000} .elementor-form input{color:#000} ::placeholder { color: #000; } /* google */ ::-webkit-input-placeholder { color: #000; } /* firefox */ ::-moz-placeholder { color: #000; } /*ie*/ ::-ms-input-placeholder { color: #000; } /* .....New-template_Placeholder */ .new_template_form input#form-field-name1::placeholder { opacity: 1; } .new_template_form input#form-field-name1 { padding: 0px; } .new_template_form input#form-field-email::placeholder { opacity: 1; } .new_template_form input#form-field-email { padding: 0px; } .new_template_form input#form-field-message::placeholder { opacity: 1; } .new_template_form input#form-field-message { padding: 0px; } .new_template_form textarea#form-field-field_ff8d31c::placeholder { opacity: 1; } .new_template_form textarea#form-field-field_ff8d31c { padding: 0px; } .new_template_form select#form-field-field_fe5d7e1 { padding: 0px; } /* ........ */ /*=============================== Services ================================*/ .service-banner{overflow:hidden} .service-banner:after{content:""; position:absolute; background: linear-gradient(0deg, rgba(218,214,194,0) 0%, rgba(124,122,111,0) 33%, rgba(67,66,60,0) 63%, rgba(0,0,0,.6) 100%); left:0; right:0; top:0; bottom:0; overflow:hidden} .service-banner h1{white-space:nowrap; animation-name: ticker; animation-duration:35s; animation-iteration-count: infinite;animation-direction: reverse;animation-timing-function: linear; animation-delay: 2s;} /* .....New template */ .h1_web_design .elementor-widget-container{transform: translateX(-50%);left: 50%;position: relative;} .h1_web_design .elementor-widget-container h1{display:block; white-space: nowrap; position: relative; animation: ticker2 18s linear infinite reverse;will-change: transform;} .h1_web_design .elementor-widget-container h1 span{display:inline-block;min-width:auto;font-weight:100} .banner_left_fire img { animation: l-blurry 7.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } .banner_right_fire img { animation: r-blurry 7.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } .entry-content { overflow:hidden; } /* Banner_Animation Key-Frame */ @keyframes r-blurry{ 0% { transform: translate(30%,0%); } 25% { transform: translate(-170%, -15%); } 50% { transform: translate(-170%,15%); } 100% { transform: translate(30%, 0%); } } @keyframes l-blurry{ 0% { transform: translate(-20%, -10%); } 25% { transform: translate(190%, -9%); } 50% { transform: translate(190%, -20%); } 100% { transform: translate(-20%, -10%); } } @media only screen and (max-width: 1700px) { @keyframes r-blurry{ 0% { transform: translate(40%,0%); } 25% { transform: translate(-150%, -15%); } 50% { transform: translate(-150%,15%); } 100% { transform: translate(40%, 0%); } } @keyframes l-blurry{ 0% { transform: translate(-20%, -10%); } 25% { transform: translate(190%, -9%); } 50% { transform: translate(190%, -20%); } 100% { transform: translate(-20%, -10%); } } } @media only screen and (max-width: 1400px) { @keyframes r-blurry{ 0% { transform: translate(30%,0%); } 25% { transform: translate(-170%, -15%); } 50% { transform: translate(-170%,15%); } 100% { transform: translate(30%, 0%); } } @keyframes l-blurry{ 0% { transform: translate(-20%, -10%); } 25% { transform: translate(190%, -9%); } 50% { transform: translate(190%, -20%); } 100% { transform: translate(-20%, -10%); } } } @media only screen and (max-width: 1200px) { @keyframes r-blurry{ 0% { transform: translate(30%,0%); } 25% { transform: translate(-150%, -15%); } 50% { transform: translate(-150%,15%); } 100% { transform: translate(30%, 0%); } } @keyframes l-blurry{ 0% { transform: translate(-10%, -10%); } 25% { transform: translate(190%, -9%); } 50% { transform: translate(190%, -20%); } 100% { transform: translate(-10%, -10%); } } } @media only screen and (max-width: 768px) { @keyframes l-blurry{ 0% { transform: translate(-10%, -10%); } 25% { transform: translate(200%, -9%); } 50% { transform: translate(200%, -20%); } 100% { transform: translate(-10%, -10%); } } }@media only screen and (max-width: 1024px) { @keyframes l-blurry{ 0% { transform: translate(15%, -10%); } 25% { transform: translate(200%, -9%); } 50% { transform: translate(200%, -20%); } 100% { transform: translate(15%, -10%); } } } @media only screen and (max-width: 768px) { @keyframes r-blurry{ 0% { transform: translate(30%,40%); } 25% { transform: translate(-150%, 10%); } 50% { transform: translate(-150%,40%); } 100% { transform: translate(30%, 40%); } } @keyframes l-blurry{ 0% { transform: translate(15%, 0%); } 25% { transform: translate(200%, 0%); } 50% { transform: translate(200%, -20%); } 100% { transform: translate(15%, 0%); } } } @media only screen and (max-width:619px) { @keyframes r-blurry{ 0% { transform: translate(0%,50%); } 25% { transform: translate(-150%, 40%); } 50% { transform: translate(-150%,60%); } 100% { transform: translate(0%, 50%); } } @keyframes l-blurry{ 0% { transform: translate(50%, 0%); } 25% { transform: translate(230%, 0%); } 50% { transform: translate(230%, -20%); } 100% { transform: translate(50%, 0%); } } } @media only screen and (max-width:485px) { @keyframes r-blurry{ 0% { transform: translate(0%,80%); } 25% { transform: translate(-150%, 80%); } 50% { transform: translate(-150%,100%); } 100% { transform: translate(0%, 80%); } } @keyframes l-blurry{ 0% { transform: translate(80%, -20%); } 25% { transform: translate(240%, -20%); } 50% { transform: translate(230%, -40%); } 100% { transform: translate(80%, -20%); } } } @media only screen and (max-width:420px) { @keyframes r-blurry{ 0% { transform: translate(0%,120%); } 25% { transform: translate(-150%, 120%); } 50% { transform: translate(-150%,140%); } 100% { transform: translate(0%, 120%); } } @keyframes l-blurry{ 0% { transform: translate(100%, -50%); } 25% { transform: translate(240%, -50%); } 50% { transform: translate(230%, -70%); } 100% { transform: translate(100%, -50%); } } } @media only screen and (max-width:360px) { @keyframes r-blurry{ 0% { transform: translate(0%,130%); } 25% { transform: translate(-150%, 130%); } 50% { transform: translate(-150%,150%); } 100% { transform: translate(0%, 130%); } } @keyframes l-blurry{ 0% { transform: translate(120%, -50%); } 25% { transform: translate(280%, -50%); } 50% { transform: translate(280%, -70%); } 100% { transform: translate(120%, -50%); } } } .Latest_work { margin:0 auto; width:100%; } /* .... */ .elementor-widget-container p a{color:#00A4EF} .elementor-widget-container p strong{font-weight:500} .consultation h2.elementor-cta__title{text-align:left} .consultation a.elementor-cta__button{width:100%} @keyframes ticker { from {transform:translateX(0)} from {transform:translateX(-10000px)} } @keyframes ticker2 { 0% { transform: translate3d(-300%, 0, 0); } 100% { transform: translate3d(0%, 0, 0); } } @media only screen and (max-width: 1600px) and (min-width: 1366px) { .banner_pros .e-con-inner { padding-left: 4%; } } /*=============================== UI-UX Services ================================*/ .netbluez-services.netbluez-services-ui-ux .elementor-tab-title .elementor-accordion-title:before{color:#61ce70} .netbluez-services.netbluez-services-ui-ux .elementor-tab-content p strong{color:#61ce70} .netbluez-services.netbluez-services-ui-ux .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'Wireframing'} .netbluez-services.netbluez-services-ui-ux .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'Web Design'} .netbluez-services.netbluez-services-ui-ux .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Landing Page Design'} /* New template Design(accordian) ui/ux */ .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-tab-title .elementor-accordion-title:before{color:#000000} .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-tab-content p strong{color:#000000} .ui_ux-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'LANDING PAGE DESIGN'} .ui_ux-accordian .netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'Website Design'} .ui_ux-accordian .netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Wireframing'} /* .................... */ /* New template Design(accordian) Graphic-design */ .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui-graphic-design .elementor-tab-title .elementor-accordion-title:before{color:#000000} .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui-graphic-design .elementor-tab-content p strong{color:#000000} .graphic-page-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'Email Ads'} .graphic-page-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'Newsletters'} .graphic-page-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Social Media Ads'} /* .................... */ /* New template Design(accordian) Digital marketing */ .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui-digital-marketing .elementor-tab-title .elementor-accordion-title:before{color:#000000} .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui-digital-marketing .elementor-tab-content p strong{color:#000000} .digital-marketing-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'Copywriting'} .digital-marketing-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'SEO'} .digital-marketing-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Google Ads'} .digital-marketing-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(4) .elementor-tab-title .elementor-accordion-title:before{content:'Social Media Marketing'} .digital-marketing-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(5) .elementor-tab-title .elementor-accordion-title:before{content:'Email Marketing'} /* .................... */ /* New template Design (accordian) Web development */ .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui-we-development .elementor-tab-title .elementor-accordion-title:before{color:#000000} .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui-we-development .elementor-tab-content p strong{color:#000000} .web-development-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'Wordpress'} .web-development-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'WooCommerce'} .web-development-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Shopify'} .web-development-accordian .netbluez-services.netbluez-services-ui-ux.new_tempelate_ui .elementor-accordion-item:nth-child(4) .elementor-tab-title .elementor-accordion-title:before{content:'Html/CSS'} /* .................... */ /*=============================== Web-development Services ================================*/ .netbluez-services.netbluez-services-web-development .elementor-tab-title .elementor-accordion-title:before{color:#61ce70} .netbluez-services.netbluez-services-web-development .elementor-tab-content p strong{color:#61ce70} .netbluez-services.netbluez-services-web-development .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'WordPress'} .netbluez-services.netbluez-services-web-development .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'WooCommerce'} .netbluez-services.netbluez-services-web-development .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Shopify'} .netbluez-services.netbluez-services-web-development .elementor-accordion-item:nth-child(4) .elementor-tab-title .elementor-accordion-title:before{content:'HTML/CSS'} /*=============================== Graphic Design Services ================================*/ .netbluez-services.netbluez-services-graphic-design .elementor-tab-title .elementor-accordion-title:before{color:#61ce70} .netbluez-services.netbluez-services-graphic-design .elementor-tab-content p strong{color:#61ce70} .netbluez-services.netbluez-services-graphic-design .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'Email Ads'} .netbluez-services.netbluez-services-graphic-design .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'Newsletters'} .netbluez-services.netbluez-services-graphic-design .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Social Media Ads'} /*=============================== Digital Marketing Services ================================*/ .netbluez-services.netbluez-services-digital-marketing .elementor-tab-title .elementor-accordion-title:before{color:#61ce70} .netbluez-services.netbluez-services-digital-marketing .elementor-tab-content p strong{color:#61ce70} .netbluez-services.netbluez-services-digital-marketing .elementor-accordion-item:first-child .elementor-tab-title .elementor-accordion-title:before {content:'Copywriting'} .netbluez-services.netbluez-services-digi10keting .elementor-accordion-item:nth-child(2) .elementor-tab-title .elementor-accordion-title:before{content:'SEO'} .netbluez-services.netbluez-services-digital-marketing .elementor-accordion-item:nth-child(3) .elementor-tab-title .elementor-accordion-title:before{content:'Google Ads'} .netbluez-services.netbluez-services-digital-marketing .elementor-accordion-item:nth-child(4) .elementor-tab-title .elementor-accordion-title:before{content:'Social Media Marketing'} .netbluez-services.netbluez-services-digital-marketing .elementor-accordion-item:nth-child(5) .elementor-tab-title .elementor-accordion-title:before{content:'Email Marketing'} /*=============================== Blog ================================*/ .masonary-posts .elementor-posts-container.elementor-posts{align-items:baseline} /* .masonary-posts article.elementor-post:nth-child(odd) .elementor-post__thumbnail{height: 400px;} */ /* .masonary-posts article.elementor-post:nth-child(even) .elementor-post__thumbnail{height: 220px;} */ .masonary-posts article.elementor-post .elementor-post__meta-data{border:0} .masonary-posts article.elementor-post .elementor-post__thumbnail__link{margin-bottom:0} .masonary-posts article.elementor-post .elementor-post__badge{width: fit-content; position:relative; left: 15px !important; margin-top: -15px !important;} .masonary-posts article.elementor-post .elementor-post__card{border-radius:0} .post-slider .anwp-pg-classic-slider .swiper-wrapper{height:100vh !important} .post-slider .anwp-pg-classic-slider .swiper-wrapper .anwp-pg-post-teaser .anwp-pg-post-teaser__content{position: absolute; bottom: 80px; left: 50px; right: 50px; max-width: 500px;} .post-slider .anwp-pg-wrap .anwp-pg-post-teaser__thumbnail{height:100vh !important} .post-slider .anwp-pg-classic-slider .anwp-pg-post-teaser__title a{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .post-slider .anwp-pg-classic-slider .elementor-swiper-button{color: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.5); padding: 15px 20px; top: inherit; bottom: 70px;} .post-slider .anwp-pg-classic-slider .elementor-swiper-button.elementor-swiper-button-next{right:50px} .post-slider .anwp-pg-classic-slider .elementor-swiper-button.elementor-swiper-button-prev{left: inherit; right: 125px;} .post-slider .anwp-pg-classic-slider .elementor-swiper-button.elementor-swiper-button-prev.swiper-button-disabled{opacity:1.3} .post-slider .anwp-pg-classic-slider .elementor-swiper-button svg{fill:transparent} .post-slider .anwp-pg-classic-slider .elementor-swiper-button:hover{background-color:#fff} .post-slider .anwp-pg-classic-slider .elementor-swiper-button:hover svg{stroke: #000 !important;} .post-slider .anwp-pg-classic-slider .anwp-pg-post-teaser__thumbnail .anwp-pg-post-teaser__thumbnail-img{height:100vh} .post-slider .anwp-pg-classic-slider .anwp-pg-post-teaser__top-meta{top: inherit; bottom: 270px; left: 50px;} .post-slider .anwp-pg-classic-slider .anwp-pg-category__wrapper-filled{background-color:#61ce70 !important; padding:5px} /*=============================== Post-Detail Page ================================*/ .single-post .elementor-post-info__terms-list{background:#61ce70; color:#fff; padding:5px} .single-post .elementor-post-info__terms-list a{color:#fff !important} .single-post .post-content h2{font-size: 32px; font-weight: 600; color: #202020; margin-top: 50px; margin-bottom: 30px; line-height:1.2} .single-post .post-content h3{font-size: 32px; font-weight: 600; color: #202020; margin-top: 50px; margin-bottom: 30px; line-height:1.2} .single-post .post-content h4{font-size: 30px; font-weight: 600; color: #202020; margin-top: 50px; margin-bottom: 30px; line-height:1.2} .single-post .post-content h5{font-size: 28px; font-weight: 600; color: #202020; margin-top: 50px; margin-bottom: 30px; line-height:1.2} .single-post .post-content h6{font-size: 25px; font-weight: 600; color: #202020; margin-top: 50px; margin-bottom: 30px; line-height:1.2} .single-post .post-content ul{padding-left:30px; padding-bottom: 5px;} .single-post .post-content ul li{font-size:16px; line-height:1.7; color:#202020; margin-bottom:20px; list-style:none; position:relative} .single-post .post-content ul li:before{content:""; position:absolute; left:-20px; background:#ff8b8b; width:8px; height:8px; border-radius:50%; top:4px} .single-post .post-content ol li{font-size:16px; line-height:1.7; color:#202020; margin-bottom:20px; position:relative} /*=============================== Footer ================================*/ .footer-email p a{color:#000 !important} .footer-phone p a{color:#000 !important} .footer-job p a{color:#000 !important} .footer-credentials a{color:#fff !important} .footer-credentials a:hover {color:#fff !important; opacity:0.85} @media only screen and (max-width: 1650px) { .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size: 185px;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size: 70px !important;} .calc-left .elementor-widget-container {margin-left: calc(100% - 819px);} .service-banner {background-size:cover !important} } @media only screen and (max-width: 1550px) { .calc-left .elementor-widget-container { margin-left: calc(100% - 700px); } } @media only screen and (max-width: 1440px) { .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-large {font-size: 55px !important;} } @media only screen and (max-width: 1250px) { .netbluez-services .elementor-tab-title .elementor-accordion-title {font-size: 28px !important;} .netbluez-services .elementor-tab-title .elementor-accordion-title:before{font-size: 28px;} .netbluez-services .elementor-accordion-icon {font-size: 15px; top:6px} .calc-left .elementor-widget-container {margin-left: 0;} } @media only screen and (max-width: 1150px) { .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {font-size: 150px;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-medium {font-size: 45px !important;} } @media only screen and (max-width: 1024px) { .custom-header nav.e-n-menu .e-n-menu-items-content{background-color:#343434 !important; padding-top: 10px; padding-bottom: 20px; margin-top: 24px !important;} .custom-header nav.e-n-menu .e-n-menu-items-content .e-n-menu-item-title{background-color:#343434 !important; padding-top: 15px; padding-bottom: 15px;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-small {font-size: 30px !important;} #contact-btn a {padding: 12px 26px;} .custom-header .e-n-menu .e-n-menu-item-title a:after{display:none} } @media only screen and (max-width: 992px) { .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {font-size: 115px;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xl {font-size: 70px !important;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-large {font-size: 42px !important;} .text-md p {font-size: 16px;} .text-sm p {font-size: 14px;} .about-section .elementor-image-box-wrapper .elementor-image-box-content {margin-top: -10px;} } @media only screen and (max-width: 767px) { .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-large br{display:none} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {font-size: 90px;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-large {font-size: 40px !important;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xl {font-size: 45px !important;} .column-width .e-con-boxed.e-con{width:48% !important} .column-width .e-con-boxed.e-con .e-con-inner{max-width:100%} .netbluez-counters .elementor-image-box-wrapper .elementor-image-box-content{margin-top:-20px !important} .home-services .elementor-image-box-wrapper .elementor-image-box-img{margin-bottom:15px !important} .process-slider:before{display:none} .process-slider .elementor-swiper{width: 100%} .process-slider .elementor-swiper .swiper-pagination{width: 100%} .process-slider .elementor-testimonial .elementor-testimonial__content{text-align:center} .process-slider .elementor-testimonial .elementor-testimonial__footer{justify-content:center !important} .process-slider .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__text{max-width:100%} .post-carousel .anwp-pg-simple-slider .anwp-pg-post-teaser__title{color:#000; text-align:center} .post-carousel .anwp-pg-simple-slider .swiper-pagination{bottom:-100px !important} .post-carousel .anwp-pg-simple-slider .anwp-pg-post-teaser__muted_bg{background:none} .post-carousel .anwp-pg-simple-slider .anwp-pg-post-teaser__thumbnail{overflow:inherit} .post-carousel .anwp-pg-post-teaser{overflow:inherit !important} .post-carousel .anwp-pg-simple-slider .anwp-pg-post-teaser__content .anwp-pg-post-teaser__title{position:absolute; bottom:-80px; overflow: inherit; max-height: initial; -webkit-line-clamp: initial; display: block; -webkit-box-orient: initial; text-overflow: initial;} .post-carousel .anwp-pg-simple-slider{overflow:initial !important} .overflow-hidden-sm{overflow:hidden} } @media only screen and (max-width: 576px) { .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xl { font-size: 40px !important;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-medium {font-size: 35px !important;} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {font-size: 78px; letter-spacing:0} .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-large {font-size: 36px !important; letter-spacing: 0px;} .netbluez-services .elementor-tab-title .elementor-accordion-title {font-size: 24px !important;} .netbluez-services .elementor-tab-title .elementor-accordion-title:before {font-size: 24px;} .netbluez-services .elementor-tab-title:after{font-size: 12px; right: 20px; top: 5px;} .netbluez-services .elementor-tab-content {font-size:15px !important; padding-top:40px !important} .netbluez-services .elementor-tab-content p strong {font-size: 15px;} .netbluez-services .elementor-tab-title:hover .elementor-accordion-icon { margin-top: -5px;} .netbluez-services .elementor-accordion-icon {font-size: 11px;} .netbluez-services .elementor-tab-title {margin: 20px 0px !important;} .netbluez-services .elementor-tab-content p a{font-size:14px} .elementor-element.elementor-button-warning .elementor-button.elementor-size-md {padding: 25px 30px;} .service-banner .elementor-element .elementor-heading-title em{font-size:150px !important} .single-post .post-content ul li{font-size:14px; line-height:1.7; color:#202020; margin-bottom:20px; list-style:none; position:relative} .single-post .post-content ol li{font-size:14px;} .single-post .post-content ol{margin-left: 15px;} } @media only screen and (max-width: 420px) { #contact-btn a{font-size:15px !important} } @media only screen and (max-width: 380px) { .elementor-element .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {font-size: 60px;} .text-sm p {font-size: 12px;} #contact-btn a {font-size: 12px !important;} } /*New_template */ @media only screen and (max-width: 500px) { .new_template_form .elementor-widget-container .elementor-form .elementor-button[type="submit"] { padding: 20px 64px 18px 67px; } } div#error-message { color: red; font-size: 12px; position: absolute; bottom: -25px; right: 30px; display: inline-block; } @media only screen and (max-width: 1024px) { div#error-message { right: 10px; text-align: center; bottom: -37px; line-height: 16px; width:100%; } } @media only screen and (max-width: 767px) { div#error-message { right: unset; left: 30px; text-align: unset; width:unset; bottom: -25px; } }