::selection { background: #060c3a; color: #fff; text-shadow: none; } ::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; } ::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement { display: none; } ::-webkit-scrollbar-track-piece { background-color: #fff; } ::-webkit-scrollbar-thumb:vertical { border-radius: 10px; background-color: #060c3a; } [class^="box-"] { display: none; } [class^="box-"].showfirst { display: block; } body { font-family: "Inter"; overflow-x: hidden; font-size: 16px; line-height: 1; color: #000; position: relative; z-index: 0; background-color: #f7f2e7; overflow-x: hidden; background-size: contain; } html { scroll-behavior: smooth; } a.logo h2 { font-size: 28px; } h1, h2, h3, h4, h5, h6 { display: block; font-weight: 700; font-family: "DarkerGrotesque"; } p { font-family: Inter; } *, :focus, :hover { outline: 0 !important; } img { max-width: 100%; height: auto; } a, input[type="submit"] { -webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out; display: inline-block; cursor: poInter; } a:hover { color: #ff5e14; } span { display: inline-block; } button, input[type] { background: 0 0; font-family: Inter; font-weight: 400; } ::-webkit-input-placeholder { color: #a3a3a3; font-weight: 400; } ::-moz-placeholder { color: #a3a3a3; font-weight: 400; } :-ms-input-placeholder { color: #a3a3a3; font-weight: 400; } :-moz-placeholder { color: #a3a3a3; font-weight: 400; } ::-moz-placeholder { opacity: 1; } .overlay:after { content: ""; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; } .ovr-hiddn { overflow: hidden; } .overlay { display: none; } .overlay.active { display: block; } .bg-sec { background-image: url("../images/sec-bg.html"); background-size: contain; background-repeat: no-repeat; } header { -webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out; width: 100%; z-index: 3; padding: 1rem 0; } .menuWrap { display: flex; align-items: center; justify-content: end; gap: 3rem; } .header-links { display: flex; gap: 1rem; align-items: center; justify-content: end; } .header-links a { font-size: 20px; font-weight: 600; color: rgba(17, 24, 39, 0.8); font-family: "DarkerGrotesque"; } .header-links a i { color: #111827; margin-right: 4px; } .header-links li:first-child a i { transform: rotate(90deg); font-weight: 300; color: rgba(17, 24, 39, 0.8); } .logo { display: inline-block; } .logo img { display: block; width: 250px; } .menu-Bar { width: 30px; height: 20px; cursor: poInter; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; z-index: 22; display: none; } .menu-Bar span { display: block; height: 4px; width: 100%; background: #060c3a; position: absolute; transition: 0.6s all; border-radius: 100px; } .menu-Bar span:nth-child(1) { top: 0; } .menu-Bar span:nth-child(2) { top: 8px; transform-origin: left; } .menu-Bar span:nth-child(3) { top: 16px; }

/* ------------------menu----------------------------------- */
.menu { font-size: 0px; display: inline-block; vertical-align: middle; } .menu > li { display: inline-block; vertical-align: middle; line-height: normal; position: relative; } .menu li a { display: block; text-transform: capitalize; font-family: Inter; font-size: 18px; font-weight: 500; color: #000000; } .menu li a i.fas.fa-phone { transform: rotate(85deg); } ul.sub-menu { position: absolute; width: 234px; background: #fff; text-align: left; top: 30px; left: -16px; z-index: 1; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; box-shadow: 2px 3px 14px #1f2c3e; border-radius: 8px !important; } ul.sub-menu { padding: 10px 15px; border: 1px solid #d6d6d6; border-radius: 0; } ul.sub-menu > li { padding: 14px 0; border-bottom: 1px solid rgb(255 195 0); } ul.sub-menu > li a { font-size: 18px; font-weight: 400; transition: all 0.1s ease-in-out; color: #000 !important; } .menu li:hover a, .menu li.active a { color: #1f2c3e; } li.has-submenu.active .sub-menu { visibility: visible; opacity: 1; z-index: 99; } ul.sub-menu > li { padding: 14px 0; border-bottom: 1px solid #1f2c3e; } .menu li.last { padding-left: 48px; padding-right: 0; } .menu li { display: inline-block; vertical-align: middle; padding-right: 20px; } ul.sub-menu > li.last { padding-left: 0 !important; border: 0; } .call-btn span { margin-right: 10px; } @keyframes btotreverse { 0% { top: 75px; opacity: 1; } 100% { top: 115px; opacity: 0; } } @keyframes btot { 0% { top: 115px; opacity: 0; } 100% { top: 40px; opacity: 1; } } .call-btn { height: 52px; box-shadow: 0 1px 2px rgb(0 0 0 / 5%); font-weight: 500 !important; font-size: 18px !important; line-height: 52px !important; color: #fff !important; text-align: center; background: #1f2c3e; border-radius: 50px; position: relative; overflow: hidden; z-index: 1; padding: 0 16px; } .call-btn:hover { transform: scale(1.03); } .home.our-banner:before { content: ""; width: 100%; height: 100%; background: #212d40; position: absolute; top: 0; left: 0; opacity: 0.6; } .banner-content ul { margin-bottom: 20px; } .banner-content h1 { font-weight: 700; font-size: 53px; line-height: 66px; letter-spacing: -0.01em; color: #ffffff; } .banner-content p { padding: 26px 5% 30px 0; font-weight: 400; font-size: 20px; line-height: 29px; color: #ffffff; } .banner-content ul li { padding-bottom: 18px; padding-left: 30px; position: relative; display: flex; font-weight: 400; font-size: 16px; line-height: 19px; color: #ffffff; } .banner-content ul li::before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; display: inline-block; width: 20px; height: 20px; background: #212d40; border: 1px solid #ffffff; text-align: center; line-height: 17px; border-radius: 25%; font-size: 11px; position: absolute; top: 1px; left: 0; margin: auto; color: #fff; font-weight: 400; } .theme1 { background: #f9f3e9; border-radius: 50px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 0 38px; font-weight: 600; font-size: 18px; color: #000000; text-transform: capitalize; border: 1px solid transparent; } .theme1:hover { transform: scale(1.03); color: #000000 !important; } .theme2 { background: transparent; border-radius: 50px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 0 44px; font-weight: 600; font-size: 18px; color: #ffffff; text-transform: capitalize; border: 1px solid #c6c1bd; } .banner-btns a { margin-right: 5px; } .theme2:hover { transform: scale(1.03); color: #ffffff !important; } .mainBanner.about-us { background-image: url(../images/banner/header2.webp); background-color: #1f2c3e; } .mainBanner.copyrightheader { background-image: url(../images/banner/header3.webp); background-color: #1f2c3e; } .mainBanner.officeaction { background-image: url(../images/banner/header4.webp); background-color: #1f2c3e; } .mainBanner.trademarkmonitor { background-image: url(../images/banner/header5.webp); background-color: #1f2c3e; } .mainBanner.registration { background-image: url(../images/banner/header6.webp); background-color: #1f2c3e; } .mainBanner.registration { background-image: url(../images/banner/header6.webp); background-color: #1f2c3e; } .mainBanner.freetrademark { background-image: url(../images/banner/header7.webp); background-color: #1f2c3e; } .mainBanner.comprehansive { background-image: url(../images/banner/header8.webp); background-color: #1f2c3e; } .mainBanner.faqheader { background-image: url(../images/banner/faq.webp); background-color: #1f2c3e; } .home.our-banner { background-image: url(../images/banner/banner.jpeg); background-size: cover; } .mainBanner { display: flex; align-items: center; position: relative; padding: 110px 0 60px; z-index: 1; background-repeat: no-repeat; background-position-x: 100%; min-height: 820px; background-position-y: center; background-size: 45%; position: relative; } .btn-wrap { display: flex; gap: 10px; } .banner-btns { padding: 10px 0 0 0; } .trusted-logos { padding: 1rem 0; vertical-align: middle; display: grid; height: fit-content !important; grid-template-columns: repeat(8, 1fr); text-align: center; } .trusted-logos li { display: inline-block; vertical-align: middle; } .lp-sec4 { padding: 20px 0 60px; } .dobox-bg { padding: 36px; background: #1f2c3e; border: 0.4px solid #0000005e; border-radius: 32px; } .do-box { padding: 18px; border: 0.4px solid #fff4eb; background: #b0bec5; border-radius: 8px; transition: 0.3s ease; } .do-box:hover { border: 1px solid #efe6df; } .do-box h2 { font-weight: 700; font-size: 24px; line-height: 35px; color: #000000; padding: 12px 0; } .do-box p { font-weight: 400; font-size: 16px; color: #000; line-height: 28px; margin-bottom: 1.4rem; } .common-heading { padding-bottom: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; } .common-heading h2 { font-weight: 700; font-size: 64px; line-height: 70px; color: #000000; } .dobox-bg .common-heading h2 { color: #fff; } .common-heading p { font-weight: 400; font-size: 18px; line-height: 26px; text-align: center; padding-top: 18px; width: 90%; color: #000000; } .abt_cont { text-align: left !important; display: block; padding: 0; } .abt_cont p { text-align: left; } .dobox-bg .common-heading p { color: #fff; } .lp-sec4 .col-lg-3 { padding: 7px; } section#pricing { padding: 0px 0 20px 0; } .lp-sec7 { padding-bottom: 85px; } .lp-sec7 .common-heading { padding-bottom: 50px; } .pckg-list { font-size: 0; text-align: center; height: 100%; transition: 0.3s ease; } .pckg-list:hover { transform: scale(1.04); } .pckg-box { padding: 28px; transition: 0.3s ease-in-out; position: relative; border: 0.4px solid #1f2c3e; border-radius: 16px; background: #1f2c3e; } .package_content { height: 450px; } .pack-badge { background: #b0bec5; border-radius: 50px; padding: 0.6rem 2.4rem; position: absolute; line-height: 100%; color: #1e1e1e; top: -20px; left: 0; right: 0; margin: 0 auto; width: fit-content; font-weight: 600; font-size: 16px; transition: 0.5s ease; } .upper { flex-shrink: 1.5; } .last_Upper { flex-shrink: 2.3; } .border-left { border-left: 1px solid #d9d9d9; padding-left: 15px; margin-left: 15px; } .pckg-box h3 { font-weight: 700; margin-bottom: 20px; font-size: 32px; line-height: 46px; color: #ffffff; } .pckg-box h4 { font-family: "Inter"; font-weight: 700; font-size: 43px; color: #ffffff; } .pckg-box p { font-weight: 400; font-size: 16px; line-height: 19px; } .package_note { background: #b0bec5; font-size: 14px; padding: 8px 20px; text-align: center; font-family: "Inter"; font-weight: 700; border-radius: 5px; margin-bottom: 30px; text-transform: uppercase; } .pckg-box .upper div { display: flex; align-items: center; gap: 3px; justify-content: center; } .pckg-list > li { display: inline-block; width: 33%; vertical-align: top; padding: 0 10px; margin-bottom: 6px; text-align: left; } .pckg-box:hover { border-color: #000000; } .pckg-box h5 { font-family: "Inter"; font-weight: 400; font-size: 16px; color: #ffffff; line-height: 26px; padding-bottom: 0; margin: 20px 0 25px; } .pckg-box2 h5 { margin: 20px 0; } .pckg-box strong { font-weight: 700; } .pckg-box2 .package_note { justify-content: center; } .upper div p { font-size: 14px; line-height: 28px; color: #ffffff; } .pckg-box ul { margin: 12px 0 20px; margin-top: 5px; } .pckg-box ul li { padding-left: 30px; position: relative; margin-bottom: 15px; font-size: 14px; line-height: 26px; color: #ffffff; } .pckg-box2 ul li { margin-bottom: 10px; } .pakg2 .pckg-list .pckg-box2:first-child { padding-top: 25px; } .pckg-box2 { padding: 15px 16px 24px 16px; background: #fff4eb; border: 0.4px solid #000000; border-radius: 16px; } .pakg2 { display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 20px; } .pckg-box ul li::before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; width: 18px; height: 18px; text-align: center; font-size: 9px; position: absolute; top: 7px; left: 0; margin: auto; color: #fff; font-weight: 600; background: #212d40; border: 1px solid #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 4px; } .blackbg { background: #000000 !important; color: #fff !important; } .blackbg:hover { color: #fff !important; } footer { padding: 35px 0; background: #1f2c3e; border-top-left-radius: 48px; border-top-right-radius: 48px; } footer p { font-weight: 400; font-size: 14px; line-height: 22px; color: #ffffff; } .f-icon { display: inline-block; vertical-align: middle; padding-top: 1rem; } .f-icon li { display: inline-block; vertical-align: middle; padding-right: 6px; } 
.f-icon li a { border: 1px solid #feb272; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; } .f-menu li a:hover { color: #feb272; } .foot-hdng h3 { font-weight: 700; font-size: 20px; letter-spacing: 0.15px; color: #ffffff; margin-bottom: 1rem; } .f-menu li a { font-weight: 400; font-size: 14px; line-height: 28px; letter-spacing: 0.25px; color: #ffffff; } .f-logo h2 { font-size: 38px; color: #fff; margin-bottom: 2rem; } .lc-btn { padding: 10px 16px; width: 153px; height: 40px; background: #ffffff; border-radius: 4px; font-weight: 600; font-size: 14px; line-height: 22px; color: #000000; text-transform: uppercase; text-align: center; } .lc-btn i { padding-right: 8px; } .numbr-del a { font-weight: 600; font-size: 14px; color: #ffffff; } .numbr-del h4 { font-size: 13px !important; margin-bottom: 6px; color: #fff; } .call_btn { display: flex; padding: 10px 0; align-items: center; gap: 6px; } .copyright p { padding: 24px 0; max-width: 74%; font-weight: 400; font-size: 12px; color: #ffffff; line-height: 18px; } .copyright ul { display: flex; gap: 1rem; } .copyright ul li { display: flex; flex-wrap: nowrap; justify-content: center; } .copyright ul li a { font-size: 12px; font-weight: 400; text-align: left; color: #ffffff; } .copyright { background-color: #1f2c3e; } .copyright .container { border-top: 1px solid #50586236; } .testi-content h4 { font-size: 30px; font-weight: 700; line-height: 45px; display: inline-block; position: relative; } .testi-content h4 span.qoute { font-size: 110px; display: inline-block; line-height: 0; position: absolute; left: -60px; top: 30px; } .testi-slide { display: flex; align-items: center; gap: 2rem; } .testimonial-bg { padding: 45px 0 30px 20px; background: #1f2c3e; border-radius: 32px; } .testi-slide .user { width: 240px; height: 228px; border-radius: 10px; overflow: hidden; } .testi-slide .user img { width: 100%; height: 100%; object-fit: cover; } .testi-heading h2 { padding-bottom: 2rem; font-weight: 700; font-size: 64px; text-align: center; color: #ffffff; } .testi-slider { margin: 1rem 0; position: relative; } .user span.user-name { font-size: 16px; font-weight: 500; white-space: nowrap; margin-bottom: 10px; margin-top: 10px; } .slide-content p { font-weight: 500; font-size: 22px; line-height: 43px; color: #ffffff; } .user-detail { display: flex; flex-direction: column; gap: 10px; } span.user-des { font-size: 18px; line-height: 24px; color: #ffffff; } span.user-name { font-weight: 700; font-size: 20px; line-height: 32px; font-family: "Inter"; color: #ffffff; } .slide-content { position: relative; flex-basis: 100%; display: flex; flex-direction: column; gap: 2rem; } section.cta { background-size: cover; padding: 80px 0; } .cta-bg { background: #b0bec5; border: 2px solid #1f2c3e; box-shadow: 5px 6px 0px #1f2c3e; border-radius: 16px; padding: 32px; } .cta-bg .banner-btns a { background: #1f2c3e; color: #fff !important; } .cta h2 { margin-bottom: 1rem; font-weight: 700; font-size: 52px; text-align: center; color: #000000; } .cta p { margin-bottom: 2rem; font-size: 16px; line-height: 28px; text-align: center; color: #000000; } .theme-btn2 { font-weight: 500; font-size: 18px; padding: 18px 44px; color: #000000; text-transform: capitalize; border-radius: 25px; text-align: center; border: 1px solid #b0bec5; position: relative; overflow: hidden; z-index: 1; font-family: "Inter"; background: #b0bec5; width: 100%; cursor: pointer; } .blackbg:hover { color: #fff !important; transform: scale(1.03); } .theme-btn2:hover { color: #000000; transform: scale(1.03); }

/* ------------------------------accordion-list----------------------------------------- */
ul.accordion-list li h3:after { content: "\f067"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 0; right: 0; color: #ffffff; transition: all 0.3s ease-in-out; font-size: 16px; font-weight: 600; top: 0; } ul.accordion-list li.active h3:after { content: "\f068"; } section#common-question { padding: 100px 0 140px; background: #f3f7ff; } .accordion-list li h3 { font-weight: 700; font-size: 25px; color: #ffffff; line-height: 35px; } ul.accordion-list li span { display: flex; position: relative; } .answer { padding-top: 15px; } .answer p { font-weight: 400; font-size: 16px; line-height: 30px; color: #ffffff; } .accordion-list li { padding: 15px 20px 20px 20px; cursor: pointer; border-bottom: 1px solid #d7d7d7; width: 100%; margin: 0 auto; background: #1f2c3e; border: 1px solid #1f2c3e; border-radius: 4px; margin-bottom: 0.4rem; } .accordion-list { position: relative; } .accordion-list li.last { border-bottom: 0; } .common-heading.left { text-align: left !important; } .common-heading.left p { text-align: left !important; } .copyright ul li:nth-child(even) { border-left: 1px solid #ddd !important; padding-left: 14px; } .common-question { padding: 60px 0 0 0; } div#container { width: 99.9% !important; margin: 0 auto; } .testimonial { padding: 65px 0 0 0; }

/* --------------------------------trademark registrtaion------------------------------------- */
.white-bg { padding: 36px; background: #1f2c3e; border: 1px solid #000000; box-shadow: 5px 6px 0px #B0BEC5; border-radius: 32px; } .inline-image h4 { font-weight: 700; font-size: 28px; color: #000000; } .search-imp p { font-weight: 400; font-size: 16px; line-height: 28px; color: #333333; padding: 1rem 0; } .search-imp span { margin-right: 15px; } .white-bg .common-heading h2, .white-bg .common-heading p { color: #fff; } .white-bg .inline-image h4, .white-bg .search-imp p { color: #fff; } .dobox-bg .do-box img { filter: invert(1) brightness(0); } .white-bg .inline-image img { filter: invert(1); } .bg2 { background: #b0bec5; } .slide-bg2 { background-image: url(../images/slide-bg.png); background-size: cover; background-repeat: no-repeat; padding: 138px 0 0 0px; }

/* --------------------------------free trademark search------------------------------------- */
.search-div { padding: 7px 0; margin-top: 30px; border-radius: 10px; } .search-data table { margin-bottom: 0 !important; } .search-data td { color: #fff; text-align: center; font-size: 12px; text-align: left; border: 1px solid; } .search-wrapper { border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 7px; box-shadow: 0px 0px 4px rgb(255 255 255 / 73%); } .input-wrapper { position: relative; flex-basis: 100%; } .search-div span { color: #ffffff; font-size: 20px; padding: 0 4px 0 15px; } input.srch { width: 90%; border: 0; font-size: 14px; line-height: 20px; color: #ffffff; } input.srch::placeholder { color: #fff; } .search-data { margin-top: 10px; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .search-data table { width: 100%; } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .search-data table thead tr { background: #f9f9f9; } .search-data table thead tr { border-top: 0.5px solid #ebebeb; } .search-data table thead tr th { height: 30px; vertical-align: middle; font-weight: 500; color: #000000; text-align: left; border: 1px solid #fff; font-size: 14px; padding: 10px; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .search-data table tr th:first-child, .search-data table tr td:first-child { } a.srch-btn:hover, a.lm2-btn:hover { color: #f9f3e9 !important; background-color: #1f2c3e !important; border-color: #fff; } .srch-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 9px 30px; width: 107px; height: 38px; background: #f9f3e9; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; font-family: "Inter"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #000000; text-transform: capitalize; border: 1px solid #fff; } .sec2-details { background: #1f2c3e; border-radius: 32px; padding: 24px 26px 22px 24px; } .sec2-contnt h4 { font-weight: 700; font-size: 36px; line-height: 40px; color: #ffffff; } .sec2-contnt h6 { font-family: "Inter"; font-weight: 600; font-size: 30px; line-height: 36px; color: #b0bec5; padding: 1rem 0; } .sec2-contnt p { font-family: "Inter"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; /* or 175% */ color: #ffffff; } a.g-strt-btn { padding: 15px 50px; height: 52px; background: #f9f3e9 !important; border-radius: 50px; font-weight: 600; font-size: 18px; line-height: 22px; color: #000000 !important; } .ban-buttons { padding-top: 2rem; } .tm-free { padding: 60px 0; } a.g-strt-btn:hover { color: #fff; background: #60d6e1; transform: scale(1.03); } .fs-64 { font-weight: 700; font-size: 64px; line-height: 60px; color: #000000; } .fs-16 { font-weight: 400; font-size: 16px; line-height: 27px; color: #000; } .w-del2 li:before { content: "\f336"; font-family: "Font Awesome 5 Pro"; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; font-size: 18px; position: absolute; background: none; top: 2px; left: 0; margin: auto; color: #212d40 !important; font-weight: 600; } ul.chooseus-del { margin: 14px 0 0 0; } .w-del li { position: relative; padding-left: 35px; } .fs-18 { font-weight: 700; font-size: 18px; color: #000000; margin-bottom: 0.9rem; }

/* --------------------------------comprehensive trademark search------------------------------------- */
.choose-us { padding: 40px 0 30px 0; background: #f4f1e9; }

/* --------------------------------office action response------------------------------------- */
b { font-weight: 600; } .three-steps-process { padding: 4rem 0 0 0; } .cust-badge { width: 34px; height: 34px; font-size: 18px; display: flex; align-items: center; justify-content: center; color: #000000; font-family: "Inter"; background: #ffffff; border-radius: 50%; } .fs-28 { font-weight: 700; font-size: 28px; line-height: 38px; color: #ffffff; } ul.office-action li h5 { display: flex; align-items: center; gap: 14px; } .padding { padding: 1rem 0; } .ar-main h2 { font-weight: 700; font-size: 38px; line-height: 54px; color: #000000; margin-bottom: 1rem; } .ar-main p { font-weight: 400; font-size: 18px; line-height: 35px; color: #333333; } .action-response { padding: 75px 0; } .response-details { background: #1f2c3e; border: 1px solid #ffffff; border-radius: 26px; padding: 1rem 1rem; } .label { font-weight: 700; font-size: 26px; line-height: 35px; text-align: center; color: #ffffff; } .price { font-family: "Inter"; font-weight: 700; font-size: 50px; line-height: 61px; color: #b0bec5; margin: 15px auto 15px; display: table; } .action-para span { font-weight: 600; font-size: 18px; line-height: 22px; color: #b0bec5; } .action-para p { font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; padding: 1rem 0; } a.lm-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 25px; height: 50px; background: #f9f3e9; border-radius: 25px; font-weight: 600; font-size: 18px; line-height: 24px; color: #000000; }

/* --------------------------------trademark monitoring------------------------------------- */
.response-details h4 { font-weight: 700; font-size: 45px; line-height: 54px; color: #28c299; font-family: "Inter"; text-align: center; } .overview-del li { display: flex; font-weight: 500; font-size: 14px; line-height: 22px; color: #ffffff; margin-bottom: 14px; } .overview-del li i { font-size: 12px; margin-right: 12px; } .div-padding { padding: 26px 28px 24px 28px; } .overview { background: #f4f1e9; padding: 80px 0; } .overview-nav { display: inline-block; vertical-align: middle; } .overview-nav li a { font-weight: 700; font-size: 23px; line-height: 35px; color: #353b41; position: relative; } .overview-nav li { display: inline-block; vertical-align: middle; padding-right: 45px; } .overview-nav li a:before { position: absolute; content: ""; width: 0; height: 2px; border-radius: 6px; bottom: -12px; left: 0; background-color: #000000; transition: 0.3s ease-in-out; } .overview-nav li:hover a:before, .overview-nav li.active a:before { width: 100%; } .pro-del li h5 { font-weight: 700; font-size: 30px; line-height: 41px; color: #353b41; } .pro-del { margin: 40px 0 0 0; } .pro-del li p { font-weight: 400; font-size: 16px; line-height: 26px; color: #333333; margin: 8px 0 6px 0; } .w-details p { font-weight: 400; font-size: 16px; line-height: 26px; color: #000000; } .white-bg .w-details p { color: #fff; } .w-details { margin: 42px 0 0 0; } .monitoring-del li { padding-left: 0; } .monitoring-del li p span { font-size: 10px; margin-right: 12px; } .monitoring-del { padding-top: 1rem; }

/* -------------------------------copyright registration------------------------------------- */
.copyright-bg { background: #f4f1e9; border: 0.4px solid #000000; border-radius: 16px; } .copyright-protect { padding: 40px 0 70px 0; } .pad-0 { margin: 0; } .pptable { background: #1f2c3e; border: 0.4px solid #b0bec5; box-shadow: 5px 6px 0px #b0bec5; border-radius: 8px; padding: 20px 26px 35px 30px; height: 100%; margin-top: 1rem; } .pptable .copyright1 li { color: #fff; FONT-WEIGHT: 500; } .pptable .copyright1 li::before { color: #FFF !important; } .cp-hdng1 h4 { font-weight: 700; font-size: 40px; line-height: 54px; color: #ffffff; padding-bottom: 18px; } .copyright1 li { position: relative; font-weight: 700; font-size: 16px; line-height: 21px; color: #000000; margin-bottom: 14px; padding-left: 34px; } .copyright1 li:before { content: "\f336"; font-family: "Font Awesome 5 Pro"; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; font-size: 18px; position: absolute; background: none; top: 2px; left: 0; margin: auto; color: #000000 !important; font-weight: 600; }

/* --------------------------------faqs------------------------------------- */
.faqs-nav li a { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 14px 16px; gap: 10px; height: 50px; border-radius: 50px; font-weight: 600; font-size: 17px; line-height: 22px; color: #000000; border: 1px solid #000; } .faqs-nav li:hover a, .faqs-nav li.active a { background-color: #000000; color: #fff !important; } .faqs-nav { display: inline-block; vertical-align: middle; padding-bottom: 2rem; text-align: center; } .faqs-nav li { display: inline-block; vertical-align: middle; padding-right: 10px; margin: 10px auto; } .section-404 { padding: 130px 0 60px 0; } .section-404 h6 { font-weight: 700; font-size: 60px; line-height: 81px; text-align: center; color: #000000; padding-bottom: 2rem; } .section-404 h4 { font-weight: 700; font-size: 64px; line-height: 87px; text-align: center; color: #000000; } .section-404 p { font-weight: 400; font-size: 18px; line-height: 29px; text-align: center; color: #1d1515; padding: 2rem 0; } section.sec { background-size: cover; padding: 80px 0; }

/* --------------------------------about us------------------------------------- */
.abt-box { background-color: #1f2c3e; border: 0; margin-top: 4rem; padding: 36px 35px 48px 35px; } .abt-hdng p { font-size: 16px; line-height: 30px; color: #000000; } .details h4 { padding: 0; font-size: 28px; } .details p { color: #000000; margin-bottom: 0; line-height: 22px; } .gap { gap: 16px; } .four-box { padding: 20px 40px 20px 30px; } .slide-bg { background-image: url(../images/slide-bg.png); background-size: cover; background-repeat: no-repeat; padding: 265px 0 0 0px; } .mainBanner2 { display: flex; align-items: center; position: relative; padding: 165px 0 108px; z-index: 1; background: #f7f1ec; background-repeat: no-repeat; background-position-x: 100%; background-position-y: center; background-size: 45%; } .client-details { background: #ffffff; border-radius: 8px; padding: 16px 12px; position: absolute; left: 0; right: 0; bottom: 30px; } .details2 h4 { font-size: 20px; font-weight: 700; } .details2 p { font-size: 12px; color: #191919; } .client-review-div { padding: 0 1.5rem; position: relative; margin-right: 1rem; } .clients-slider1 .slick-list { padding: 0 13% 0 0 !important; } .clients-slider2 .slick-list { padding: 0 0 0 13% !important; } .clients-slider2.slick-initialized.slick-slider { direction: rtl; } .f-logo { margin-bottom: 1rem; }

/* --------------------------------contact us------------------------------------- */
.fs-40 { font-weight: 700; font-size: 40px; color: #000000; } .contact-form .form-group input { width: 100%; height: 62px; padding: 0 15px; background: #eeeeee; border: 1px solid rgba(102, 102, 102, 0.5); border-radius: 4px; font-family: "Inter"; font-size: 14px; display: flex; color: #666666; } .contact-form .form-group textarea { width: 100%; height: 100%; padding: 26px 15px; background: #eeeeee; border: 1px solid rgba(102, 102, 102, 0.5); border-radius: 4px; font-family: "Inter"; font-size: 14px; display: flex; color: #666666; } .contact-form .submitbtn { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 15px 85px; gap: 10px; height: 52px; background: #000000; border-radius: 50px; font-weight: 600; font-size: 18px; line-height: 22px; color: #ffffff; } .disclaimer-line { font-weight: 400; font-size: 16px; line-height: 25px; color: #5c5c5c; padding-top: 2rem; } .contact-details li { font-weight: 500; font-size: 16px; line-height: 19px; color: #000000; margin-bottom: 18px; } .smalltext { font-weight: 400; font-size: 14px; color: #1d1515; margin-left: 30px; } .contact-details li span { margin-right: 12px; } .contact-details li span i.fal.fa-phone { transform: rotate(85deg); } .contact-details { padding: 2rem 0; } .txt h6 { font-size: 27px; color: #000000; padding-bottom: 1rem; } .contact-us-sec { padding: 4rem 0; position: relative; } .contact-us-sec::before { content: ""; position: absolute; height: 100%; width: 48%; z-index: -1; top: 0; left: 0; background-color: #b0bec5; } .contact-details li a { font-weight: 600; font-size: 16px; line-height: 19px; color: #000000; }

/* --------------------------------popup start------------------------------------- */
.overlay { background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999999; display: none; } .popupmain { position: fixed; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; width: 490px; background: #fff; box-shadow: 0 0 30px -9px #0000006e; z-index: 9999999; overflow: hidden; display: none; } .mmpopup { text-align: center; background: #f8f8f8; padding: 30px 0; } .mmpopup .formpop { width: 86.4%; margin: auto; } .mmpopup .fld-input { height: 54px; width: 100%; } .mmpopup .centercont h3 { font-size: 38px; color: #141515; margin-bottom: 10px; } .mmpopup .centercont h4 { font-size: 20px; color: #566060; margin-bottom: 15px; } .mmpopup .centercont h4 span { color: #86cb92; } .mmpopup .centercont h4 span span { display: none; } .mmpopup .centercont p { color: #727272; font-size: 18px; margin-bottom: 120px; line-height: 20px; } .closeico { position: absolute; top: 15px; right: 20px; z-index: 9999; } .closeico i { background: url(../../../markfortify.com/lp4/assets/images/e-remove.png) no-repeat; width: 16px; height: 16px; display: block; } .closeico1 { position: absolute; top: 15px; right: 20px; z-index: 9999; } .closeico1 i { background: url(../../../markfortify.com/lp4/assets/images/e-remove.png) no-repeat; width: 16px; height: 16px; display: block; } .mmpopup .centercont p { margin-bottom: 10px; line-height: 23px; color: #565656; max-width: 390px; margin: auto; display: block; padding-bottom: 20px; position: relative; margin-bottom: 28px; } .mmpopup .centercont ul { margin-bottom: 30px; display: inline-block; vertical-align: middle; text-align: left; padding: 27px 49px 27px 24px; background: #fff; border-radius: 10px; margin-right: 20px; } .mmpopup .centercont ul li { display: block; font-size: 15px; color: #000000; padding-bottom: 12px; } .mmpopup .centercont ul li.last { padding-bottom: 0; } .mmpopup .centercont ul li i { color: #ff533e; border: 1px solid; border-radius: 100px; margin-right: 8px; font-size: 10px; padding: 3px; } .mmpopup .centercont h4 { font-size: 35px; color: #000000; } .mmpopup .centercont h3 { font-size: 50px; font-weight: 400; color: #000000; } .mmpopup .centercont h3 span { display: block; margin: 0 5px; font-size: 30px; color: #000000; } .mmpopup .centercont h4 span { font-weight: 400; color: #000000; font-size: 60px; } .fld-input { border-color: #000; border-radius: 5px; background-color: #fff; width: 354px; height: 66px; margin-bottom: 20px; } .fld-input input { font-family: Inter; width: 100%; height: 100%; padding: 0 24px; font-size: 16px; letter-spacing: 0.2px; } .fld-input input::placeholder { color: #737373; font-weight: 400; } .fld-btn button { background: #000000; border-radius: 50px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 0 44px; font-weight: 600; font-size: 18px; color: #ffffff; text-transform: capitalize; border: 1px solid transparent; width: 100%; cursor: pointer; } .fld-btn button i { padding-left: 12px; } .fld-btn button:hover { transform: scale(1.05); transition: 0.3s ease-in-out; } .mmpopup .centercont p:after { background-color: #060c3a; width: 66px; height: 2px; content: ""; position: absolute; bottom: -12px; left: 0; right: 0; margin: auto; } .cta a.theme-btn1 { color: #fff; border-color: #fff; } .step-form .bgform { position: relative; } table.pricing { margin: 0 0 30px; } table.pricing tr td:first-child { font-size: 15px; line-height: 26px; color: #5f7182; } .tp-check-pricing { width: 24px; height: 23px; } table.pricing tr td:first-child { width: 34.3%; font-size: 13px; line-height: 22px; color: #7b8a9b; text-align: left; padding: 3rem 0; } table.pricing tr td:nth-child(2) { color: #344454; } table.pricing tr td:nth-child(3) { color: #65cfa9; } .tp-check-pricing { display: inline-block; width: 21px; height: 21px; background: #344454 url(../../../markfortify.com/lp4/assets/images/check.png) no-repeat center; border-radius: 100%; } .tp-check-pricing.orange { background-color: #65cfa9; } .tp-check-pricing.blue { background-color: #6db6e4; } table.pricing tr td { padding: 10px 15px; text-align: center; vertical-align: middle; } .row.pkg-box .col-md-8 .col-md-4 a, .row.pkg-box .col-md-8 .col-md-6 a { background: #0085ff; padding: 12px 30px; display: inline-block; margin: 10px 0 0; border-radius: 100px; color: #fff; font-size: 14px; font-weight: inherit; text-transform: capitalize; white-space: nowrap; } .row.pkg-box .col-md-8 .col-md-4 { text-align: center; } .row.pkg-box .col-md-4 { text-align: left; } .row.pkg-box .col-md-4 i img { margin: 0 auto; float: left; } .expedited-box { border: 1px solid #f04e23; text-align: left; padding: 55px 30px 50px 65px; margin-bottom: 30px; position: relative; overflow: hidden; } .expedited-box h6 { color: #f04e23 !important; font-size: 16px; display: flex; align-items: center; flex-wrap: wrap; } .expedited-box h6 img { margin-right: 10px; } .m-t-20 { margin-top: 20px; } .form_wrap { padding: 1.5rem; border-radius: 10px; font-family: Inter; background: white; } .form_wrap b { font-weight: bolder !important; } .theme-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 10px; width: 194px; height: 50px; background: #000; box-shadow: 0 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; color: #fff; font-family: Inter; font-size: 16px; font-weight: 600; border: 1px solid transparent; cursor: pointer; } .theme-btn:hover { color: #000; background-color: transparent; border: 1px solid #000; } .form-head { background: #050043; color: #fff; padding: 2rem; border-radius: 10px; } .form-head .form-heading { font-size: 18px; white-space: nowrap; font-weight: 600; margin-bottom: 15px; } .form-head br { display: none; } .form-head span { display: flex; align-items: center; justify-content: center; margin: 1rem 0; font-size: 14px; font-weight: 500; } table.pricing tr { border-bottom: 1px solid #757575; } .form-head .form-price { font-size: 30px; margin: 1rem 0; } .form-head i { font-size: 14px; } .row.pkg-box p { font-size: 27px; font-weight: 700; line-height: 30px; margin-top: 10px; } .pkg-box h3.main-heading { font-size: 22px; font-weight: 500; color: #333; } .btn-normal { background: #28c299; padding: 12px 30px; display: inline-block; margin: 10px 0 0; border-radius: 100px; color: #fff; font-size: 14px; font-weight: inherit; text-transform: capitalize; white-space: nowrap; } .register-pricing { width: 100%; overflow-x: auto; } .slick-arrow { position: absolute; bottom: 2px; padding: 0.6rem 1rem; z-index: 999; font-size: 26px; color: #000000; cursor: pointer; transition: 0.5s ease; background: #ffffff; border-radius: 100%; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .slick-arrow:hover { color: #050043; } .slick-arrow i { font-weight: 300; } span.arr-left.slick-arrow { right: 110px; } span.arr-right.slick-arrow { right: 38px; }

/******-----------*****/ 
.steps-progress > span { width: 30px; height: 30px; display: flex; border-radius: 100px; align-items: center; justify-content: center; position: relative; border: 2px solid #d1d5db; background: white; } .steps-progress span.completed { background: #1f2c3e; border: 0; } .steps-progress span.completed:after { background: #4c50be; } .steps-progress span:last-child:after { content: none; } .pt-80 { padding-top: 80px; } .stepForm #prevBtn { background: no-repeat; border: 1px solid #000000; color: #000000; } .steps-progress { display: flex; gap: 215px; background: #fff; border-radius: 10px; padding: 55px 20px 20px 20px; justify-content: center; align-items: center; margin: 0 0 40px 0; } .steps-progress > span { width: 24px; height: 24px; display: flex; border-radius: 100px; align-items: center; justify-content: center; position: relative; border: 2px solid #dadde5; background: white; background: #dadde5; } .steps-progress span::after { content: ""; display: flex; width: 233px; height: 4px; position: absolute; left: 22px; background: #d1d5db; } .steps-progress span.completed::after { background: #1f2c3e; } .stepform-sec { background: #f2eae2; border-top: 2px solid #1f2c3e; padding: 50px 0px; } .invalid { border: 1px solid red !important; } textarea#mytextnow { height: 400px !important; } .stepform-sec h1 { text-align: center; font-size: 30px; font-weight: bold; margin: 0 0 50px 0; } .order-summray-box h1 { color: #1f2c3e !important; } .step-inner-head { position: absolute; width: max-content; display: flex; align-items: center; top: -34px; transition: 0.5s; padding: 6px 10px; background: #fff; } .step.finish.completed .step-inner-head i { color: #1f2c3e; } .step.finish.completed .step-inner-head h5 { color: #1f2c3e; } .step-inner-head h5 { font-size: 16px; font-weight: bold; padding: 0 0 0 8px; color: #989aa2; } .step-inner-head i { color: #989aa2; vertical-align: middle; } .step.completed .step-inner-head i { color: #1f2c3e; } .steps-progress .completed .step-inner-head i { color: #1f2c3e; } .steps-progress .completed .step-inner-head h5 { color: #1f2c3e; } .steps-progress .completed .step-inner-head { background: #f2eae2; border-radius: 10px; } .stepform-sec .container { max-width: 1220px; } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 25px; cursor: pointer; line-height: 20px; display: inline-block; color: #646464; font-size: 16px; font-weight: 600; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #1f2c3e; border-radius: 100%; background: #fff; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ""; width: 10px; height: 10px; background: #1f2c3e; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .radio-box-inner { display: flex; align-items: center; gap: 10px; margin: 5px 0 25px 0; } .tooltip-head { position: relative; padding: 0 0 0 25px; font-weight: 700 !important; color: #1f2c3e; cursor: pointer; font-size: 20px; font-weight: 600; display: inline; } .tooltip-head .tooltiptext { visibility: hidden; background-color: #fff; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; left: 105%; box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f; width: 500px; padding: 20px; border-radius: 10px; } .form-box-1 h4 { font-size: 22px; font-weight: bold; display: flex; align-items: center; gap: 10px; margin: 0 0 20px 0; } .form-box-1 h4 i { color: #1f2c3e; font-size: 17px; } .form-box-1-inner { padding: 40px 30px 40px; position: relative; border-radius: 13px; background-color: rgb(255, 255, 255); box-shadow: 0px 7px 21px 0px rgba(15, 15, 15, 0.08); } .form-box-1-inner h5 { color: #000000; font-size: 20px; padding: 0 0 20px 0; } .tooltip-head i { color: #1f2c3e; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #1f2c3e; text-align: center; font-size: 10px; line-height: 16px; margin: 0px 5px 0 0; vertical-align: middle; } span.tooltiptext h6 { color: #000; font-size: 25px; } span.tooltiptext p { color: #000000; font-size: 14px; font-weight: 400; line-height: 24px; padding: 20px 0px; } .tooltip-head:hover .tooltiptext { visibility: visible; } .field-box-step-1-innner input, .field-style input { width: 595px; height: 48px; padding: 0px 20px; display: block; transition: 0.2s; border-width: 1px; border-color: #1f2c3e; border-style: solid; background-color: rgb(255, 255, 255); box-shadow: 0px 5px 10px 0px rgba(15, 15, 15, 0.08); border-radius: 24px; font-size: 16px; } .trademark-check-box-radio { display: none; } .mb-15 { margin-bottom: 25px; } .step-1-hr { background: #1f2c3e; margin-bottom: 26px; } .step-1-para-box { margin: 45px 0 0 0; } .step-1-para-box p { font-size: 16px; line-height: 25px; } .stepform-para-conf { margin: 45px 0 0 0; } .stepform-para-conf p { font-size: 16px; line-height: 24px; color: #000000; font-weight: 500; } .form-box-2-inner p { font-size: 14px; line-height: 24px; padding: 0 0 30px 0; } .form-box-2-inner textarea { width: 520px; height: 120px; resize: none; border: 1px solid #1f2c3e; border-radius: 15px; padding: 15px; display: block; font-size: 16px; line-height: 24px; transition: 0.2s; font-family: "Inter"; } .client-contact-info input { width: 100%; } .client-contact-info { margin: 0 0 15px 0; } .form-box-3 h6 { font-size: 20px; font-weight: bold; padding: 10px 0 20px 0; } .checkbox.style-d { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox.style-d input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox.style-d input:checked ~ .checkbox__checkmark { background-color: #1f2c3e; } .checkbox.style-d input:checked ~ .checkbox__checkmark:after { opacity: 1; } .checkbox.style-d:hover input ~ .checkbox__checkmark { } .checkbox.style-d:hover input:checked ~ .checkbox__checkmark { } .checkbox.style-d:hover input ~ .checkbox__body { } .checkbox.style-d .checkbox__checkmark { position: absolute; top: 4px; left: 0; height: 18px; width: 18px; background-color: #eee; transition: background-color 0.25s ease; border-radius: 4px; border: 1px solid #1f2c3e; } .checkbox.style-d .checkbox__checkmark:after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: opacity 0.25s ease; } .checkbox.style-d .checkbox__body { color: #333; line-height: 22px; font-size: 14px; transition: color 0.25s ease; } button#add-person-btn { padding: 14px 17px 16px; border: 1px solid #1f2c3e; border-radius: 16px; font-size: 20px; color: #1f2c3e; margin: 20px 0; } button#add-person-btn i { font-size: 12px; vertical-align: middle; padding: 0px 10px 0 0; } button.remove-btn { position: absolute; right: 0; top: 20px; color: red; font-size: 14px; } .person-box { position: relative; } button.remove-btn i { padding: 0px 10px; } .confidence-box { display: flex; align-items: center; justify-content: start; column-gap: 20px; margin: 40px 0 40px 0; } .step-3-terms-box p { color: #000; font-size: 18px; line-height: 24px; font-weight: 500; } .step-3-terms-box a { color: #1f2c3e; font-weight: bold; } .company-input { display: block; } .person-input { display: block; } .form-box-4 h5 { font-weight: 600; font-size: 20px; } .form-box-4 p { font-size: 18px; line-height: 25px; margin: 0 0 60px 0; color: #646464; } .pricing-box-stepform { border: 1px solid #1f2c3e; border-radius: 10px; padding: 45px 0px; position: relative; cursor: pointer; transition: 0.5s; height: 667px; } .pricing-box-stepform span { display: grid; margin: auto; text-align: center; padding: 8px 15px; background: #f2eae2; width: max-content; border-radius: 10px; font-weight: bold; color: #1f2c3e; font-size: 15px; margin: 30px auto 20px; } .pricing-box-stepform h5 { position: absolute; border: 1px solid #1f2c3e; border-radius: 10px; font-weight: bold; line-height: inherit; text-align: center; top: -18px; left: 0; right: 0; margin: auto; width: fit-content; color: #1f2c3e; background: #fff; width: 206px; height: 39px; line-height: 35px; } .pricing-box-stepform h6 { text-align: center; font-size: 26px; line-height: 30px; font-weight: 600; color: #000000; padding: 0 20px 20px 20px; } .pricing-box-stepform a { display: block; margin: 0px 20px; text-align: center; border: 1px solid #1f2c3e; padding: 11px 24px; border-radius: 5px; color: #1f2c3e; font-size: 20px; font-weight: 600; } .pricing-list-upd li { font-size: 16px; font-family: "Darker Grotesque"; font-weight: 500; padding: 0 0 20px 0; line-height: 20px; } .pricing-box-stepform b { font-size: 14px; margin: 20px 0px; } .pricing-box-stepform h4 { display: block; font-size: 17px; margin: 20px 20px 10px 20px; padding: 0; font-weight: 500; } .pricing-box-stepform h4 strong { font-weight: bold; } .pricing-list-upd { list-style: disc; margin: 0 20px 0 29px; } .pricing-list-upd li::marker { color: #1f2c3e; } .pricing-list-upd li strong { font-weight: bold; } .payemnt-box-1 h5 { font-weight: bold; } .payemnt-box-1 h5 i { color: #1f2c3e; background: #f2eae2; padding: 6px; border-radius: 50%; font-size: 17px; margin: 0px 10px 0 0; font-weight: bold; } .payemnt-box-1 p { font-size: 18px; line-height: 25px; font-weight: 500; } .form-box-5 .form-box-1-inner { padding: 25px 30px; } .credit-card-info-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px 0; } .credit-card-info-head h4 { font-size: 20px; } ul.payment-method-list { } .payment-method-list { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px 0; } ul.payment-method-list li { border: 1px solid; width: 380px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: 0.5s; cursor: pointer; } .form-box-5 input { width: 100%; } .form-box-5 .field-style { margin: 0 0 20px 0; } .payment-method-list li.active { border-color: #1f2c3e; background: #f2eae2; } .gpay-button { background: #000; width: max-content; padding: 12px 60px; border-radius: 10px; display: table; margin: auto; } .pay-agree-btn button { background: #1f2c3e; width: 100%; height: 40px; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 600; } .pay-agree-btn button img { vertical-align: middle; padding: 0 0 0 10px; } .agree-terms-and-cond-box span { font-size: 16px; line-height: 26px; } .agree-terms-and-cond-box { margin: 30px 0px; } .agree-terms-and-cond-box span a { color: #1f2c3e; font-weight: bold; font-size: 18px; } .agree-terms-and-cond-box .checkboxes__item { margin: 20px 0px; } .agree-terms-and-cond-box .checkbox.style-d .checkbox__body { font-size: 16px; line-height: 24px; } .agree-terms-and-cond-box p { font-size: 16px; line-height: 25px; } .agree-terms-and-cond-box p a { font-weight: bold; color: #1f2c3e; font-size: 20px; } .agreement-box-full { border: 1px solid #1f2c3e; padding: 20px 20px; border-radius: 10px; height: 400px; overflow-y: scroll; margin: 0 0 20px 0; } .agreement-box-full h4 { font-size: 20px; font-weight: bold; } .agreement-box-full h5 { font-weight: bold; font-size: 22px; padding: 20px 0px; } .agreement-box-full p { font-size: 16px; line-height: 26px; } .agreement-box-full p span { font-weight: 600; } .agreement-box-full p a { color: #1f2c3e; font-weight: bold; } .agreement-box-full-list { margin: 20px 0px 20px 10px; } .agreement-box-full-list li { font-size: 18px; line-height: 22px; padding: 0 0 15px 0; list-style: auto; } .uspto-head { font-size: 17px; line-height: 22px; } .order-summray-head h4 { font-size: 22px; font-weight: bold; margin: 0px 0 18px 0; color: #1f2c3e; text-align: center; } .order-summray-head h4 i { color: #1f2c3e; font-size: 17px; } .order-summray-box { padding: 15px 10px 10px; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 7px 21px 0px rgba(15, 15, 15, 0.08); } .order-summray-price-box { display: flex; align-items: center; padding: 0px 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #1f2c3e; justify-content: space-between; } .order-summray-price-box h6 { font-size: 16px; max-width: 60%; line-height: 20px; color: #7c7878; } .order-summray-price-box span p { font-size: 11px; color: #1f2c3e; padding: 5px 0 0 0; font-weight: 400; } .order-summray-price-box span { display: table; text-align: right; color: #1f2c3e; font-size: 17px; } .total-box h6 { font-weight: bold; color: #646464; } .total-box span { font-weight: bold; color: #1f2c3e; font-size: 30px; font-family: "DarkerGrotesque"; } .wrapbtn button { border-radius: 5px; width: 49%; color: #fff; height: 40px; font-size: 16px; border-radius: 5px; box-shadow: 0px 5px 10px 0px rgba(15, 15, 15, 0.08); background-color: #1f2c3e; } .wrapbtn { margin: 20px 0 0 0; display: flex ; gap: 10px; } button#prevBtn { width: 33%; } button#nextBtn { width: 65%; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; } .formboxWrap { position: relative; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 999; } .Step_loader { position: fixed; top: 0; left: 0; transform: translate(-50%, -50%); z-index: 1000; display: none; width: 100px; height: 100px; border: solid 10px #1f2c3e; border-radius: 50%; border-right-color: transparent; border-bottom-color: transparent; -webkit-transition: all 0.5s ease-in; -webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; transition: all 0.5s ease-in; animation-name: rotate; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; font-size: 0; right: 0; bottom: 0; margin: auto; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } label.error { margin: 15px 0 0px 0; color: red; font-size: 16px; font-weight: 600; } .pricing-box-stepform.active { transform: scale(1.05); border-color: #1f2c3e; } .pricing-box-stepform.active a { background: #1f2c3e; color: #fff; } input:focus { box-shadow: 0 0 5px #1f2c3eb3; } textarea:focus { box-shadow: 0 0 5px #1f2c3ea6; } .order-summray-head { position: sticky; top: 170px; margin: 42px 0 0 0; } .transaction-failed h1 { color: red; } .transaction-failed img { width: 60px; margin: auto; display: block; } .failed-error-para { padding: 0 !important; } .field-box-step-1-innner h5 { color: #646464; } .progress-bar { width: 100%; border-width: 2px; border-color: #1f2c3e; border-style: solid; background-color: #dee2e6; height: 35px; border-radius: 16px; position: relative; margin: 0 0 20px 0; } .progress-bar-inner { border-radius: 14px; height: 100%; width: 0%; background-color: #1f2c3e; } .progress-text { margin-top: 5px; text-align: center; font-weight: 600; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; } .tab.active { display: block; } .form-box-2-inner p { font-size: 20px; font-weight: 600; padding: 0 0 65px 0; } .form-box-2-inner h5 { color: #646464; font-size: 20px; font-weight: 500; } .form-box-3 .form-box-2-inner p { padding: 0 0 20px 0; } .form-box-2-inner p { font-size: 16px; font-weight: 600; padding: 0 0 35px 0; } .form-box-2-inner h5 { color: #646464; font-size: 20px; font-weight: 700; } .form-box-3 .form-box-2-inner p { padding: 0 0 20px 0; } .form-box-3 .step-1-hr { margin: 35px 0px 25px; padding: 0; } .pricing-box-main h3 { color: #1f2c3e; font-size: 40px; font-weight: bold; } .pricing-box-main h3 b { font-size: 25px; padding: revert; position: relative; top: -10px; } .pricing-box-main h3 strong { font-size: 17px; font-weight: 500; } .pricing-box-main { text-align: center; } .pricing-circle-button { border-width: 1px; border-color: rgb(0, 94, 162); border-style: solid; border-radius: 15px 15px 15px 15px; background-color: rgb(255, 255, 255); height: 44px; position: relative; } .pricing-circle-button b { font-size: 58px; font-weight: 900; position: relative; top: -26px; bottom: 0; left: 0px; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; color: #1f2c3e; } .pricing-circle-button b::before { position: absolute; content: ""; border: 1px solid; width: 16px; height: 16px; border-radius: 50%; top: 39px; left: 0px; right: 1px; margin: auto; } div#package-2 .pricing-list-upd { height: 314px; } .pricing-box-main label { margin: 24px 0px 15px; font-weight: 500; font-size: 16px; } div#package-1 .pricing-list-upd { height: 314px; } div#package-3 .pricing-list-upd { height: 317px; } div#hamburger { display: none; } .ham-bur-box { display: none; } .pricing-box-stepform.active .pricing-circle-button { background: #2e7cb4; } .pricing-box-stepform.active .pricing-circle-button b { color: #fff; } .cxm-form-select { padding: 12px 20px; } .cxm-sticky { position: sticky; top: 0px; } .cxm-pckg-box ul li { position: relative; font-size: 0.8rem; padding: 7px 0 7px 20px; border-bottom: 1px #ccc solid; } .cxm-pckg-box ul li:before { content: "\f058"; position: absolute; font-weight: 900; margin-left: -20px; color: #1f2c3e; font-family: 'Font Awesome 5 Pro'; } .cxm-popover { padding: 10px; background-color: #333333ef; box-shadow: 0 0 10px #999; position: absolute; bottom: 100%; right: 0; border-radius: 10px; color: #fff; font-size: 0.7rem; line-height: 1rem; } .cxm-popover:before { position: absolute; z-index: 0; content: ""; right: calc(50% - 10px); top: 100%; border-style: solid; border-width: 10px 10px 0 10px; border-color: #333333ef transparent transparent transparent; .order-summray-box h1 { color: #1f2c3e !important; } } 
/********form end********/

.our-banner .banner-form { background: #ffffffc7; padding: 30px 0px; position: relative; border-radius: 10px; display: block !important; backdrop-filter: blur(10px); width: 85%; margin: 0 0 0 auto; } .our-banner .banner-form h3 small { font-size: 20px; font-weight: 700; text-transform: uppercase; } .our-banner .banner-form .form_submission { padding: 0 20px; } .Alert { background: #bb0505; padding: 10px; text-align: center; color: #fff; margin: 20px 0; font-size: 16px; } .our-banner .banner-form h3 { font-size: 25px; color: #000000; font-weight: 700; line-height: 40px; margin: 0; display: inline-block; text-transform: uppercase; } .our-banner .banner-form .head { color: #000000; margin: 0; font-size: 22px; line-height: 30px; text-align: center; margin-bottom: 30px; } .text_off.bg-transparent { animation: 1s linear infinite blinker; box-sizing: border-box; color: #fff; text-shadow: rgba(255, 255, 255, 0.27) 0 -1px 1px; font-size: 22px; font-weight: 700; line-height: 0.5; } .our-banner .banner-form h3 span { font-size: 2.5rem; } .our-banner .banner-form p { text-align: center; font-size: 16px; font-weight: 500; color: #000; width: 100%; line-height: 26px; } .our-banner .banner-form p span { color: #f05253; } .our-banner .banner-form input, .our-banner .banner-form select, .our-banner .banner-form textarea { width: 100%; height: 50px; padding: 5px 15px 5px 0; border: none; border-bottom: 1px solid #00000057; border-radius: 0; outline: none !important; box-shadow: none !important; margin-bottom: 10px; background: transparent; font-size: 15px; color: #000000; } .our-banner .banner-form form-group { margin-bottom: 10px; } .our-banner .banner-form .btn { width: 100%; padding: 8px 30px; border: 1px solid #1f2c3e; border-radius: 5px; background: #1f2c3e; color: #fff; margin: 25px 0 0; } .our-banner .banner-form textarea { height: 80px; /* margin-top: 0; */ /* margin-top: 1rem; */ } .our-banner ul li img { margin-right: 10px; }

/*Step-5-new*/
.step-form .pckg span.pckg-title { font-weight: 600; font-size: 24px; display: block; text-align: center; color: #3a868e; } .step-form .pckg span.just-for { font-size: 20px; display: block; text-align: center; } .step-form .pckg span.uspto { font-size: 18px; display: block; text-align: center; } .step-form .pckg .btn-normal { padding: 16px 24px; display: flex; align-items: center; justify-content: center; font-size: 20px; background: #000; color: white; width: fit-content; margin: 1.5rem auto; border-radius: 10px; } .step-form .pckg { padding: 20px; border: 1px solid #ddd; border-radius: 10px; } .step-form .pckg ul { font-size: 16px; display: flex; flex-direction: column; gap: 1rem; line-height: 22px; } .step-form .pckg ul li { position: relative; display: flex; gap: 10px; } .step-form .pckg ul li::before { width: 10px; height: 10px; display: block; content: ""; background: #3a868e; border-radius: 20px; top: 5px; left: 0; flex-shrink: 0; position: relative; }
/*Step-5-new*/

@media (max-width: 1200px) { .fs-64 { font-size: 54px; line-height: 48px; } .overview-nav li { padding-right: 30px; } .overview-nav li a { font-size: 18px; } .foot-hdng { margin-top: 12px; } .numbr-del a { font-size: 16px; } .numbr-del h4 { font-size: 12px !important; margin-bottom: 3px; } .call_btn { padding: 13px 0; } .faq-questomg-box { padding-bottom: 2rem; } .search-div span { padding: 0; } .accordion-list li { padding: 18px 35px 18px 30px; } .fs-40 { font-size: 36px; } .sec2-contnt p { font-size: 15px; } .sec2-contnt h4 { font-size: 32px; line-height: 33px; } .abt-sec { padding: 0 !important; } .pckg-box h5 { font-size: 14px; } .pckg-box .upper div { padding-bottom: 0.5rem; } .pckg-box h3 { font-size: 24px; } .black-box h3 { font-size: 34px !important; } .cta-buttons { flex-direction: column; } .cta h2 { font-size: 45px; } .secAbout .common-heading h2 { font-size: 50px !important; } .common-heading h2 { font-size: 50px; } .do-box { margin-bottom: 0; } .do-box h2 { padding: 5px 0; line-height: 26px; padding-bottom: 10px; } .mainBanner { min-height: 626px; background-size: 50%; } ul.sub-menu > li { padding: 8px 0; border-bottom: 1px solid #000; } ul.sub-menu > li.last { border-bottom: 0; } .sub-menu li a { margin: 0 auto 4px !important; } ul.sub-menu { z-index: 2; left: 0; } .theme-btn2 { padding: 15px 14px; font-size: 16px; } .theme2 span { padding: 18px 16px; font-size: 16px; } .slide-content p { font-size: 17px; line-height: 35px; } .testimonial-bg { padding: 20px 0 10px 20px; } .pckg-box2 ul li { margin-bottom: 8px; font-size: 13px; } .border-left { border-left: 1px solid #d9d9d9; margin-left: -48px; padding-left: 11px; } .pckg-box2 { padding: 10px 12px 24px 12px; } .pckg-box { height: auto; } .lp-sec4 { padding: 35px 0 22px; } .banner-btns + p { font-size: 12px; } .banner-content h1 { font-size: 42px; line-height: 43px; } .header-links a i { color: #fff !important; font-size: 16px; } .pckg-box2 .upper div p { font-size: 12px; } .user { flex-basis: 50%; } .slide-content { padding: 1rem 0; } .menu-Bar.open span { background: #fff; } ul.sub-menu > li a { font-size: 17px !important; } .menu-Bar.open span:nth-child(1) { transform: rotate(45deg); top: 12px; transform-origin: right-center; } .menu-Bar.open span:nth-child(2) { width: 0; opacity: 0; } .menu-Bar.open span:nth-child(3) { transform: rotate(-45deg); top: 12px; transform-origin: right-center; } ul.header-links { flex-direction: column; align-items: center; } .header-links a { color: #fff; font-size: 22px; } img { max-width: 100%; height: auto; margin: 0 auto; display: table; } .menu-Bar { display: block; top: 0; } .menuWrap.open { display: flex; left: 0px; } .menuWrap { position: fixed; left: -210%; right: 0; top: 0; bottom: 0; margin: auto; background: #000000; height: 100vh; display: flex; align-items: center; justify-content: flex-start; flex-flow: column; transition: all 0.4s ease; z-index: 3; width: 100vw; padding: 70px; } ul.menu li { display: block; } ul.menu li a { margin-bottom: 10px; padding: 0; display: block; text-align: center; margin-bottom: 15px; padding-right: 0; margin-right: 0; color: #fff; font-size: 22px; text-transform: capitalize; padding-bottom: 20px; } .container { position: relative; width: 100%; } header .main-header ul.menu > li { display: block; margin: 0; padding: 0; } header .main-header ul.menu > li a { color: #fff; } header .main-header ul.menu > li a:before { display: none; } header .main-header ul.menu > li a { margin: 0 auto 15px; } .call-btn { background: #fff; color: #000000 !important; padding: 0 24px !important; } .do-box p { font-size: 15px; margin: 0; } .dobox-bg .do-box img { margin-bottom: 10px; } }

@media (max-width: 824px) { .step-form .pckg { margin-bottom: 1.5rem; } ul.accordion-list li h3:after { font-size: 13px; top: 3px; right: 2px; } .accordion-list li h3 { font-size: 18px; } .contact-us-sec::before { background: none; } .theme-btn1, .theme-btn2 { padding: 20px 0; } section.testimonial { text-align: center; padding: 20px 0; } .recommend { flex-direction: column; align-items: center; text-align: center; font-size: 18px; } .all-one-btn .theme-btn2 { width: 100%; margin-bottom: 10px !important; } .all-one-btn .theme-btn1 { width: 100%; font-size: 13px; } .all-one .heading { flex-direction: column; gap: 0; margin-top: 2rem; } .banner-img { display: none; } .banner-content h1 { font-size: 32px; line-height: 36px; } .home.mainBanner { background: #1f2c3e !important; } .mainBanner { padding: 50px 0 30px; min-height: 0; background-image: none !important; } .our-banner .banner-form .form_submission { padding: 0 20px; } .our-banner .banner-form p { padding: 0 20px; } .our-banner .banner-form h3 { padding: 0 20px; font-size: 20px; line-height: 25px; } .Alert { margin: 15px 0 15px; } .banner-content ul li::before { top: 5px; } .banner-content p { padding: 0; margin: 14px 0 20px; font-size: 16px; line-height: 25px; } .banner-content ul li { font-size: 16px; padding-bottom: 11px; align-items: flex-start; line-height: 28px; } .theme-btn1 { width: 100%; margin: 0 !important; margin-bottom: 10px !important; } .theme-btn2 { width: 100%; margin-top: 5px; margin: 0 auto !important; } .banner-form { width: 100%; margin: 0 0 0; padding: 20px; } .banner-form h2 { font-size: 37px; padding-bottom: 19px; } .common-heading h2 { font-size: 30px; line-height: 36px; } .secAbout .common-heading h2 { font-size: 29px !important; line-height: 36px !important; } .secAbout .container .row { padding-bottom: 0 !important; } .secAbout .container .row:nth-child(2) { flex-direction: column-reverse; } .portfolio-tab a { font-size: 12px; width: 100%; height: 38px; line-height: 35px; font-weight: 400; justify-content: center; padding: 1rem 1rem; } .custom-logo-box span img { height: 60px; } .lp-sec2 .common-heading { padding-bottom: 26px; } section.lp-sec3 { padding: 40px 0 40px 0; } .img-overlap { display: none; } .custom-logo-box h4 { padding: 20px 0 5px; } .pckg-list > li { width: 100%; margin-bottom: 15px; } .pckg-tab li { width: 47%; } .pckg-tab a { font-size: 14px; padding: 15px; width: 100%; } .pckg-tab { margin: 10px 0; } .banner-btns { text-align: center; } .lp-sec2 { padding: 22px 0; } .lp-sec10 p { font-size: 20px; line-height: 36px; } .lp-sec11 h2 { margin-top: 20px; line-height: 43px; } footer p { font-size: 16px; line-height: 30px; margin-bottom: 20px; } .f-icon { margin-bottom: 1rem; } .call_btn { padding-bottom: 0; display: block; } .call_btn .phone-icon img { width: 7%; margin: 10px auto; display: block !important; } .f-menu li a { line-height: 36px; font-size: 16px; } .f-menu li { text-align: center; } .foot-hdng { margin-top: 1rem; } .foot-hdng h3 { text-align: center; font-size: 25px !important; margin-bottom: 16px; } .livechat-button { text-align: center; } .payment { text-align: center; margin-top: 9px; } .banner-content .arrow-img { display: none; } header { padding: 20px 0 20px; } .logo-list { margin: 0; } .logo-list li { margin: 0 4%; width: 20%; } .lp-sec6 { padding: 30px 0; } .testi-box { margin-bottom: 10px; } .lp-sec11 { padding: 25px 0 25px; } .all-one h2 { font-size: 30px; padding-bottom: 0; } .all-one .price h3 { font-size: 30px; } .all-one { display: block; text-align: center; } .all-one .price { justify-content: center; } .lp-sec8 ul li { font-size: 16px; } .all-one-btn { text-align: center; } .all-one-btn a { margin: 0; } .banner-form p { padding-top: 15px; } .popupmain { width: 90%; } .mmpopup .centercont h3 { font-size: 30px; } .mmpopup .centercont h4 span { font-size: 30px; } .mmpopup .centercont h4 { font-size: 25px; } .mmpopup .centercont p { font-size: 15px; padding: 0 4px 0 4px; } .mmpopup .fld-input { height: 40px; } .fld-btn button { height: 50px; } .banner-form input { margin-bottom: 9px; } .off-now-sec { padding: 1rem 0; margin-bottom: 1.5rem; } .do-box { text-align: center; margin-bottom: 0.5rem; padding: 20px 14px; margin: 0 16px 16px 16px; } .white-bg { padding: 20px; } .dobox-bg { padding: 18px 8px 8px 8px; } ul.sub-menu a { padding: 10px 0 !important; margin: 0 !important; } .lp-sec4 { padding: 28px 0 20px; } .cta-img { display: none; } section.cta { padding: 20px 0 29px 0; margin-bottom: 2rem; } .theme-btn1 { margin-top: 10px !important; } .pckg-box { margin-top: 1rem; padding: 20px; } .testi-content h4 { font-size: 18px; line-height: 28px; font-weight: 500; } .testi-slide { flex-direction: column; align-items: center; } .user { display: flex; flex-direction: column; align-items: center; } span.slide-qoute { left: 0; top: 0; } .copyright .container { flex-direction: column; text-align: center; } section#common-question { padding: 60px 0 50px; } section#pricing { padding: 30px 0 30px; } .cta h2 { font-size: 34px; line-height: 36px; text-align: center; } .cta p { line-height: 23px; margin-bottom: 0rem; } .cta-button { flex-direction: column; gap: 20px; } .lp-sec4 .common-heading { padding-bottom: 30px; } .logo img { } .mainBanner:after { display: none; } section#faq { padding: 25px 0 25px; } footer { text-align: center; padding: 40px 0 0; } footer .logo img { max-width: 100%; margin-bottom: 1rem; } .pckg-list { margin-top: 0; } .custom-logo-box.before-after::after, .custom-logo-box.before-after::before { content: none; } a.theme-btn2 { margin-right: 0; } .slide-content { align-items: center; padding: 1rem; } .slick-arrow { bottom: -70px; } span.arr-left.slick-arrow { left: calc(50% - 66.62px) !important; right: auto; } span.arr-right.slick-arrow { right: calc(50% - 66.62px) !important; } .theme-btn2, .theme-btn1 { font-size: 18px; } .pckg-box ul li { font-size: 14px; padding-bottom: 1px; line-height: 18px; } .pckg-box h3 { margin-bottom: 5px; font-size: 32px !important; } .pckg-box .upper { margin: 0; } .pckg-box h5 { line-height: 24px; padding: 1rem 0; } .black-box { margin-bottom: 1.3rem; } .pckg-box2 { flex-direction: column; margin-top: 0rem; } .pckg-box .upper div { padding-bottom: 0rem; } .border-left { border-left: 0; margin-left: 0; padding-left: 0; } .lp-sec3-img { margin-bottom: 1.5rem; } .custom-logo-box { margin-bottom: 2rem; min-height: auto; } .banner-btns { padding: 16px 0; flex-direction: column; } .banner-btns + p { margin: 0px 0 20px; } .pckg-box ul { height: auto; } .testi-slide { padding-right: 0; gap: 0rem; } .testimonial-bg { padding: 24px 0 76px 0px; border: 1px solid #000; } .testi-heading h2 { font-size: 43px; padding-bottom: 1rem; } .slide-content p { font-size: 16px; line-height: 32px; } .h-med { font-size: 26px; } .custom-logo-box h4 { min-height: auto; } .common-heading p { width: 100%; font-size: 16px; line-height: 22px; padding-top: 12px; } .theme2 span { width: 100%; } .banner-btns a { margin-right: 0; } .btn-wrap { gap: 18px; } .banner-btns + p { flex-direction: row; justify-content: center; } ul.registered-list li h4 { font-size: 26px; margin-bottom: 0; line-height: 45px; } ul.registered-list li p { font-size: 15px; line-height: 24px; } ul.registered-list { margin-top: 2rem; } .accordion-list { padding: 0; } .accordion-list li { padding: 16px 9px; } .copyright p { padding: 14px 0; max-width: 100%; font-size: 14px; line-height: 24px; } ul.registered-list li h4 span { left: -12px; } ul.registered-list li:not(:last-child)::before { left: 12px; } ul.registered-list li { padding-left: 74px; } .trusted-logos { grid-template-columns: repeat(2, 1fr); padding: 0rem 0 14px 0; } .tm-free { padding: 26px 0; } .sec2-details { margin-bottom: 1rem; } .w-details { margin: 0 0 0 0; } .fs-64 { font-size: 36px; line-height: 42px; } .choose-us { padding: 22px 0 25px 0; } .cta-bg { padding: 12px; } .copyright { padding: 1rem 0 2rem; } .action-response { padding: 30px 0; } .ar-main h2 { font-size: 30px; line-height: 32px; margin-bottom: 1rem; } .ar-main p { font-size: 16px; line-height: 30px; } .response-details { margin-top: 2rem; } .overview { padding: 0px 0; } .overview-nav li { display: flex; justify-content: center; align-items: center; padding-right: 0; } .overview-nav { display: block; } .overview-nav li a { font-size: 20px; line-height: 40px; } .overview-nav li a:before { bottom: 0px; } .overview-tabs { padding: 1.5rem 0 2rem 0; } .pro-del { margin: 20px 0 0 0; } .port-content { margin: 26px 0 0 0; } .pptable { height: auto; padding: 10px 18px 12px 20px; } .copyright-protect { padding: 18px 0 12px 0; } .pakg2 { margin-bottom: 1rem; } .abt-box { margin-top: 2rem; } .contact-us-sec { padding: 1rem 0; } .mainBanner2 { padding: 50px 0 50px !important; } .fs-40 { font-size: 28px; } form { margin: 0; } .mainBanner .row { flex-direction: column-reverse; } .our-banner .banner-form { margin-bottom: 30px; } .submitbtn { width: 100%; } .faqs.paddingfaqs { padding: 2rem 0; } .faqs-nav li { width: 100%; margin-bottom: 0px; } .faqs-nav { padding-bottom: 0rem; } .footer-para { text-align: center; } .section-404 h4 { font-size: 50px; line-height: 60px; } .section-404 img { width: 50%; } .section-404 { padding-top: 50px; } 
.modal { padding: 50px 0 0; } #popupform .modal-dialog { max-width: 80%; } #popupform .modal-dialog { max-width: 96% !important; } }

@media (max-width: 767px) { .banner-content h1 { font-size: 34px; line-height: 36px; } section.testimonial { text-align: center; padding: 0 0; } .common-heading p { width: 100%; font-size: 12px; line-height: 22px; padding-top: 12px; } ul.steps-progress { display: flex; gap: 22px; } .steps-progress li > span { width: 25px; height: 25px; display: flex; border-radius: 100px; align-items: center; justify-content: center; position: relative; border: 2px solid #d1d5db; background: white; } .steps-progress span::after { content: ""; display: flex; width: 25px; height: 3px; position: absolute; left: 22px; background: #d1d5db; } ul.trademarksearch-option li { width: 100%; min-height: auto; } .banner-btns + p { flex-direction: column; } .search-div span { padding: 0; } input.srch { width: 85%; font-size: 13px; } .icons-1 { padding: 1rem 0; } .lp-banner {background-image: none !important;background-color: #1f2c3e;} }

@media (max-width: 734px) and (min-width: 667px) { .cust-row .mmpopup { max-height: 350px; overflow-y: auto; } }

a.f-logo img { width: 80%; filter: invert(1) brightness(1000); } .loader img { position: unset !important; width: 45px; text-align: center; margin: 10px auto; } .loader { text-align: center; } .bg-overlay { background: #212d40bd; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 999; backdrop-filter: blur(10px); opacity: 0; visibility: hidden; transition: 0.5s ease-in-out !important; } #popupform .popupform-content { animation: 1.2s linear infinite filter-shadow; overflow: visible; background-image: url(../images/popup-img.png); background-position: 100% 20%; background-repeat: no-repeat; background-size: cover; border-radius: 12px; height: 100% !important; } #popupform .fancybox-close-small.close { padding: 0; background: #000; border: none; opacity: 1; color: #fff; width: 31px; height: 31px; border-radius: 100%; z-index: 11; position: absolute; top: 5px; right: 5px; font-size: 1rem; } #popupform .popup-content { padding: 2rem 1rem; border-radius: 5px; background-color: #212d40c7; backdrop-filter: blur(8px); box-shadow: 0 0 30px rgb(0 0 0 / 70%); } #popupform .popup-content h2 { font-size: 1.5rem; font-weight: 700; text-transform: uppercase; position: relative; display: inline-block; margin: 0 0 1.5rem; line-height: 1.6; } #popupform .text_off { animation: 1s linear infinite blinker; box-sizing: border-box; color: #fc3; text-shadow: rgba(255, 255, 255, 0.27) 0 -1px 1px; font-size: 22px; font-weight: 700; line-height: 0.5; font-family: var(--font-poppins); } #popupform .popup-content .row { margin: 0 -10px; } #popupform .popup-content input[type="email"], .popup-content input[type="tel"], .popup-content input[type="text"], .popup-content select, .popup-content textarea { background: #fbfbfb; padding: 12px 10px; width: 100%; border-radius: 2px; font-size: 13px; color: #000; box-shadow: none !important; outline: 0 !important; margin-bottom: 1rem; border: none; border-radius: 8px; } #popupform .popup-content textarea { height: 100px; resize: none; } #popupform .popup-content input[type="submit"] { background: #f9f3e9; color: #000000; border: 0 none; padding: 12px 50px; font-weight: 600; text-transform: uppercase; display: inline-block; width: 100%; cursor: pointer; border-radius: 8px; } #popupform .modal-content { background-color: transparent; border: none; display: block !important; } #popupform .modal-dialog { margin: auto; max-width: 50%; position: unset !important; } #popupform .popup-content h2 { font-size: 1.5rem; font-weight: 700; text-transform: uppercase; position: relative; display: inline-block; margin: 0 0 1.5rem; line-height: 1.6; color: #fff; } @keyframes blinker { 0%, 100%, 49% { color: var(--color-star); } 60%, 99% { color: transparent; } } .faq-questomg-box { width: 100%; float: left; } .faq-question-title { color: #000000; font-size: 29px; line-height: 29px; } .faq-question-title.about-title { margin-top: 0px; letter-spacing: -0.02em; } .faq-question-title.about-title.text-center { text-align: left; } .faa-paragraph, .terms-service-list-item { margin-bottom: 0px; padding: 13px 0px 9px; color: #000000; font-size: 17px; line-height: 30px; text-align: left; letter-spacing: 0.16px; list-style-type: none; } .faq-content-cover { margin-right: -30px; margin-left: -30px; padding-bottom: 3rem; } .faq-link { display: inline-block; color: #1f2c3e; text-decoration: none; font-weight: 600; } .faq-link:hover { color: #ff4a00; } .terms-service-content { width: 100%; padding-right: 30px; padding-left: 30px; float: left; text-align: left; } .stong { color: #000000; font-size: 22px; } .list-bold { color: #000000; font-size: 40px; font-family: "DarkerGrotesque"; font-weight: 700; margin: 20px 0 20px 10px; display: block; } .privacy-list { position: relative; margin-top: 8px; margin-left: 18px; padding-left: 30px; } .text-block-9 { position: absolute; left: 0%; top: 15px; right: auto; bottom: auto; color: #000000; font-size: 22px !important; } .text-block-9.alphalist { top: 5px; } .list-bold-2 { color: #000000; font-size: 17px; line-height: 30px; margin-left: 5px; margin-bottom: 20px; } .font-big-span { color: #000000; font-size: 22px; text-decoration: underline; margin: -3px 0 0 0; } .privacy-policy-list { margin-top: 0px; color: #344454; font-size: 17px; list-style-type: square; } .privacy-policy-list-item1 { margin-bottom: auto; line-height: 34px; font-weight: 400; vertical-align: top !important; color: #000; } .mainBanner2 { display: flex; align-items: center; position: relative; padding: 165px 0 108px; z-index: 1; background: #1f2c3e; background-repeat: no-repeat; background-position-x: 100%; background-position-y: center; background-size: 45%; } .faq-questomg-box, .terms-conditions { padding: 80px 0; } .terms .list-bold { margin: 20px 0; font-size: 40px; line-height: 50px; font-family: "DarkerGrotesque"; font-weight: 700; } .secAbout .container .row { padding: 25px 0; } .secAbout .container .row:last-child { padding-bottom: 0; } .secAbout .common-heading h2 { font-size: 54px; line-height: 60px; }

/* ==== landing page css ==== */
.call-btn span { margin-right: 10px; } .lp-banner { background-position: center; background-size: cover; padding: 100px 0; position: relative; } .lp-banner .banner-form h3 { padding: 0 15px; font-size: 22px; line-height: 32px; } .lp-banner .banner-form p { padding: 0 15px; font-size: 15px; margin-bottom: 0px; } .lp-banner .banner-form .Alert { margin: 10px 0 13px; } .lp-banner .banner-form .head { margin-bottom: 20px; } .lp-banner .banner-form .form_submission { padding: 0 20px; } .lp-banner .banner-form { width: 100%; padding: 20px 0; } .lp-banner:before { content: ""; width: 100%; height: 100%; background: #212d40; position: absolute; top: 0; left: 0; opacity: 0.9; } .lp-banner h5 { font-size: 35px; line-height: 45px; margin-bottom: 10px; color: #fff; } .lp-banner h1 { font-size: 60px; line-height: 65px; margin-bottom: 20px; color: #fff; } .lp-banner .banner-form h1 { font-size: unset; line-height: unset; color: #000; } .lp-banner p { font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 20px; } .lp-banner ul li { padding-bottom: 18px; padding-left: 30px; position: relative; display: flex; font-weight: 400; font-size: 16px; line-height: 19px; color: #ffffff; } .lp-banner ul { margin-bottom: 0px; } .lp-banner ul li:before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; display: inline-block; width: 20px; height: 20px; background: #212d40; border: 1px solid #ffffff; text-align: center; line-height: 17px; border-radius: 25%; font-size: 11px; position: absolute; top: 1px; left: 0; margin: auto; color: #fff; font-weight: 400; } .lp-banner .viewPackages { font-size: 18px; line-height: 28px; color: #fff; margin-top: 20px; } .lp-banner .viewPackages > a, .lp-banner .viewPackages > strong { color: #bb0505; } .lp-banner .banner-btns a { background: #f9f3e9; color: #000 !important; } .ClrRed { color: #bb0505; font-weight: 600; } .icon-sec-new { padding: 30px 0 0; } .icon-sec-new .compLogos { background: transparent; border: none; margin: 0; } .icon-sec-new .compLogos h2 { color: #000000; font-size: 35px; line-height: 45px; position: relative; } .compLogos h4:after { content: ''; position: absolute; width: 1px; height: 85px; background: #393939; right: 25px; top: 0; bottom: 0; margin: auto; } .mn-hd h4 { font-size: 50px; color: #000000; line-height: 75px; } .mn-hd p { font-size: 18px; color: #000000; font-weight: 400; margin-top: 8px; line-height: 30px; } .solWorksSec { padding: 50px 0; } ul.workList { font-size: 0; margin-bottom: 40px; margin-top: 30px; } ul.workList>li { display: inline-block; vertical-align: top; margin-right: 15px; width: 32.3%; } ul.workList>li:last-child { margin-right: 0; } .wrkWrp { border: 1px solid #ededed; padding: 20px 0 30px; border-radius: 15px; transition: ease 0.4s; background: #1f2c3e; } .wrkWrp h5 { font-size: 70px; line-height: 80px; color: rgb(255 255 255 / 100%); display: flex; align-items: center; justify-content: space-between; padding: 0 35px; } .wrkWrp h5 span { vertical-align: text-top; height: 68px; display: inline-flex; align-items: center; vertical-align: middle; } .wrkWrp h4 { font-size: 30px; color: #ffffff; line-height: 36px; margin: 15px 0; padding: 0 35px; letter-spacing: 0.2px; } .wrkWrp p { font-size: 16px; color: #ffffff; font-weight: 400; line-height: 30px; padding: 0 35px; } ul.workList>li:hover .wrkWrp { background: #fff; transition: ease 0.4s; box-shadow: 0 0 90px 14px rgb(0 0 0 / 12%); background: #fbfbfb; } ul.workList>li:hover .wrkWrp h5, ul.workList>li:hover .wrkWrp p, ul.workList>li:hover .wrkWrp h4 { color: #000; } .wrkWrp img { filter:invert(1) brightness(100); } ul.workList>li:hover .wrkWrp img { filter: brightness(0) saturate(100%) invert(14%) sepia(9%) saturate(2067%) hue-rotate(171deg) brightness(103%) contrast(95%); } .cusBtn .theme1 { background: #b0bec5; width: fit-content; margin: 0 auto; color: #000000 !important; } .about-sec h3 { font-size: 50px; color: #000000; line-height: 75px; padding-bottom: 30px; } .about-img-wrap { position: relative; } .about-sec p { color: #000000; font-size: 16px; line-height: 30px; margin-bottom: 15px; } .lp_pricing { padding: 60px 0 50px !important; } .lp_pricing h2 { font-size: 50px; color: #000000; line-height: 60px; padding-bottom: 0; } .lp_pricing .common-heading { padding-bottom: 60px; } .what-trademark h3 { font-size: 50px; color: #000000; line-height: 65px; padding-bottom: 15px; } .what-trademark p { color: #000000; font-size: 16px; line-height: 30px; margin-bottom: 15px; } .what-trademark { padding-top: 50px; } .what-trademark .row { padding-bottom: 60px; } .ask-expert-cta { background-color: #1f2c3e; padding: 60px 0; } .expert-box-left { position: relative; background-color: #b0bec5; padding: 50px 30px 50px; z-index: 0; border-radius: 10px; } .expert-box-left h3 { color: #000000; font-size: 50px; padding-bottom: 25px; } .expert-box-left p { color: #000000; font-size: 20px; line-height: 30px; padding-bottom: 15px; } .expert-box-left a:hover { box-shadow: 0px 4px 5.82px 0.18px rgba(0, 0, 0, 0.23); } .expert-box-left::before { content: ""; background-image: url(../images/expert-cta.webp); position: absolute; right: 0; bottom: 0; width: 243px; height: 320px; z-index: -1; } .expert-box-right { background-color: #b0bec5; padding: 50px 30px 50px; border-radius: 10px; height: 100%; } .expert-box-right h5 { color: #000000; font-size: 24px; padding-bottom: 5px; margin-bottom: 10px; } .expert-box-right a { color: #000000; font-size: 50px; margin-bottom: 30px; } .expert-box-right p { color: #000000; font-size: 24px; line-height: 30px; } .expert-box-left .cusBtn .theme1 { background: #1f2c3e; color: #fff !important; margin-top: 10px !important; } a.srtChat { background-size: 300% 100%; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; width: 195px; height: 70px; border-radius: 50px; text-align: center; padding: 10px 0; font-size: 26px; color: #000000; text-transform: capitalize; font-weight: 700; } a.srtChat span { display: block; font-size: 14px; font-weight: 500; color: #000000; line-height: normal; text-transform: capitalize; margin-bottom: 4px; transition: ease 0.4s; } a.srtChat img { filter: brightness(0) saturate(100%) invert(14%) sepia(9%) saturate(2067%) hue-rotate(171deg) brightness(103%) contrast(95%); display: inline-block; } .why-choose-new { padding: 50px 0 70px; background: #1f2c3e; } .why-choose-new h3 { color: #ffffff; font-size: 50px; padding-bottom: 65px; text-align: center; } .num-box h4 { color: #b0bec5; font-size: 60px; padding-bottom: 10px; } .num-box h5 { color: #ffffff; font-size: 24px; font-weight: bold; text-transform: capitalize; padding-bottom: 30px; } .num-box p { color: #ffffff; font-size: 16px; line-height: 24px; } .num-wrap { padding-bottom: 45px; border-bottom: 1px solid #cccccc70; } .landing_page .common-question { padding-bottom: 60px; } .packages-include { padding-bottom: 60px; background: #1f2c3e; } .packages-include h3 { color: #272828; font-size: 50px; font-weight: 600; font-family: 'DM Serif Display', serif; text-transform: capitalize; padding-bottom: 50px; text-align: center; } .package-icon-list>li:not(:last-child) { border-right: 1px solid #cccccc70; } .package-icon-list { font-size: 0; margin: 0 -15px; } .package-icon-list>li { display: inline-block; vertical-align: top; width: 16.6667%; text-align: center; } .package-icon h6 { color: #ffffff; font-size: 18px; text-transform: capitalize; line-height: 20px; padding-top: 10px; } .package-icon img { filter: invert(1); margin-bottom: 10px; } .banner-cta { padding: 60px 0 70px; } .banner-cta h3 { color: #000; font-size: 80px; padding-bottom: 25px; text-align: center; } .banner-cta p { color: #000; font-size: 24px; padding-bottom: 40px; text-align: center; } .banner-cta-btns { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 20px 0 0px; border-top: 1px solid #caccd0; max-width: 500px; margin: auto; margin-top: 30px; } .banner-cta-btns h6 { color: #000000; font-size: 20px; text-transform: uppercase; display: flex; align-items: center; gap: 10px; } .banner-cta-btns h6 span { width: 28px; height: 28px; background-color: #1f2c3e; border-radius: 50%; color: #fff; font-size: 14px; text-align: center; line-height: 28px; display: flex; align-items: center; justify-content: center; transform: rotate(90deg); } .banner-cta-btns h6 a { color: #333; font-weight: bold; } .bannercta-chat { display: flex; align-items: center; gap: 15px; color: #000000 !important; font-size: 20px; font-weight: bold; text-transform: uppercase; } .bannercta-chat img { filter: brightness(0) saturate(100%) invert(14%) sepia(9%) saturate(2067%) hue-rotate(171deg) brightness(103%) contrast(95%); } #pricing .row .col-sm-12.col-md-4.col-lg-4:nth-child(2) .pack-badge { background: red; color: #fff; } #pricing .row .col-sm-12.col-md-4.col-lg-4:last-child .pack-badge { background: #917204; color: #fff; }

@media screen and (max-width: 1200px) { .landing_page .menuWrap { display: flex; align-items: end; position: unset; height: unset; background: transparent; width: unset; padding: 0; } .landing_page .menuWrap ul.menu { display: flex; justify-content: end; gap: 20px; } .landing_page .menuWrap ul.menu li a.call-btn { margin: 0; background: #1f2c3e; color: #fff !important; } .landing_page .logo img { max-width: 100%; } }

@media screen and (max-width: 1199px) { .landing_page .container { max-width: 100%; width: 100%; } .lp-banner { padding: 50px 0; } .lp-banner h5 { font-size: 30px; line-height: 40px; } .lp-banner h1 { font-size: 50px; line-height: 60px; } .lp-banner p { font-size: 17px; line-height: 26px; } .lp-banner .banner-form .form_submission { padding: 0 10px; } .lp-banner .banner-form .Alert { font-size: 15px; padding: 5px 0; } .lp-banner .banner-form p { line-height: 20px; font-size: 13px; } .lp-banner .banner-form h3 { line-height: 28px; } .icon-sec-new .compLogos h2 { font-size: 30px; line-height: 40px; } .compLogos h4:after { right: 5px; } ul.workList>li { width: 32.2%; } .wrkWrp h4 { font-size: 23px; line-height: 30px; padding: 0 20px; } .wrkWrp p { padding: 0 20px; font-size: 15px; line-height: 28px; } .wrkWrp h5 { font-size: 50px; } .about-sec h3 { font-size: 40px; line-height: 50px; } .what-trademark h3 { font-size: 40px; line-height: 50px; } .expert-box-left h3 { font-size: 40px; line-height: 50px; } .expert-box-left p { font-size: 16px; line-height: 26px; } .expert-box-right a { FONT-SIZE: 40px; line-height: 50px; } .expert-box-right p { font-size: 20px; } .expert-box-left { padding: 40px 20px; } .expert-box-right { padding: 40px 20px; } .why-choose-new h3 { font-size: 40px; line-height: 50px; padding-bottom: 40px; } .num-box h4 { font-size: 40px; line-height: 30px; } .num-wrap { padding-bottom: 35px; } .why-choose-new { padding-bottom: 50px; } .banner-cta h3 { font-size: 60px; line-height: 70px; } .banner-cta { padding: 50px 0 55px; } .lp_pricing .common-heading { padding-bottom: 40px; } .pckg-box { padding: 20px; } .black-box h3 { font-size: 30px !important; } .pckg-box h5 { font-size: 13px; line-height: 24px; } .package_note { font-size: 13px; margin-bottom: 25px; } .pack-badge { font-size: 14px; } .our-banner .banner-form { width: 100%; } }

@media screen and (max-width: 960px) { .landing_page .menuWrap ul.menu li a.call-btn { font-size: 16px !important; height: 100%; line-height: 26px !important; padding: 8px 20px!important; } .landing_page .menuWrap ul.menu { gap: 9px; } .landing_page .logo { margin-right: -60px; } .lp-banner h1 { font-size: 40px; line-height: 50px; } .lp-banner h5 { font-size: 25px; line-height: 30px; } .lp-banner p { font-size: 14px; } .lp-banner ul li { font-size: 14px; padding-bottom: 10px; } .lp-banner ul li:before { width: 18px; height: 18px; font-size: 8px; } .lp-banner .viewPackages { font-size: 16px; line-height: 22px; margin-top: 10px; } .lp-banner .banner-form .form_submission { margin-bottom: 0; } .lp-banner .banner-form .Alert { font-size: 12px; } .lp-banner .banner-btns a { font-size: 16px; } .icon-sec-new .compLogos h2 { font-size: 25px; line-height: 35px; } .compLogos h4:after { height: 62px; right: 0; } ul.workList>li { width: 31.9%; } .mn-hd h4 { font-size: 40px; line-height: 50px; } .mn-hd p { font-size: 16px; line-height: 20px; } .lp_pricing h2 { font-size: 40px; line-height: 50px; } .black-box h3 { font-size: 24px !important; } .pckg-box .upper div { display: block; } .pckg-box h5 { padding: 0; font-size: 12px; line-height: 20px; margin: 15px 20px; } .pckg-box { margin: 0; padding: 10px; } section#pricing .row .col-sm-12.col-md-4.col-lg-4:not(:last-child) { padding-right: 0; } .pckg-box h4 { margin-bottom: 5px; } .pckg-box ul li::before { width: 16px; height: 16px; font-size: 8px; top: 4px; } .pckg-box ul li { font-size: 12px; line-height: 20px; padding-left: 23px; } .package_note { font-size: 11px; } .package_content { height: 380px; } .pckg-box a.theme-btn2 { font-size: 14px; padding: 10px; } .what-trademark h3 { font-size: 35px; line-height: 45px; } .what-trademark p { line-height: 26px; } .cusBtn .theme1 { font-size: 15px; } .expert-box-left::before { width: 200px; height: 300px; } .expert-box-right p { font-size: 17px; } .expert-box-right a { font-size: 35px; line-height: 45px; } .package-icon h6 { font-size: 15px; line-height: 17px; } .landing_page footer p { text-align: left; line-height: 20px; } }

@media screen and (max-width: 767px) { .landing_page .logo { margin: 0; } .landing_page .menuWrap ul.menu li a.call-btn { font-size: 0 !important; padding: 12px !important; line-height: 0 !important; } .landing_page .menuWrap ul.menu li a.call-btn span { font-size: 16px !important; margin: 0; } .landing_page .menuWrap { margin-top: -50px; } .landing_page header { position: relative; } .lp-banner .row { flex-direction: column-reverse; } .lp-banner .banner-form { margin-bottom: 30px; } .lp-banner .banner-form .Alert { font-size: 15px; padding: 10px; } .lp-banner .banner-form h3 { font-size: 25px; } .lp-banner .banner-form p { font-size: 16px; line-height: 30px; } .lp-banner p { font-size: 16px; } .lp-banner ul li { font-size: 16px; line-height: 30px; } .lp-banner ul li:before { top: 7px; } .icon-sec-new .compLogos h2 { text-align: center; font-size: 30px; line-height: 30px; margin-bottom: 20px; } .compLogos h4:after { display: none; } ul.workList>li { width: 100%; } .about-sec img.author_img { margin-bottom: 20px; } .lp_pricing { padding-top: 30px !important; padding-bottom: 0 !important; } section#pricing .row .col-sm-12.col-md-4.col-lg-4:not(:last-child) { padding-right: 15px; margin-bottom: 30px; } .pckg-box { padding: 25px; width: 80%; margin: 0 auto; } .black-box h3 { font-size: 35px !important; margin-bottom: 20px; } .pckg-box .upper div { display: flex; } .pckg-box h5 { font-size: 16px; line-height: 30px; } .pckg-box ul li { font-size: 15px; line-height: 30px; } .pckg-box ul li::before { top: 7px; } .package_content { height: 100%; } .common-heading p { font-size: 16px; } .what-trademark img { margin-bottom: 20px; } .what-trademark .container .row:first-child { flex-direction: column-reverse; padding-bottom: 30px; } .what-trademark .row { padding-bottom: 50px; } .expert-box-left::before { width: 250px; } .ask-expert-cta .row .col-md-6:first-child { margin-bottom: 20px; } .landing_page .accordion-list li h3 { line-height: 28px; } section#faq .cusBtn { display: block !important; text-align: center; } a.srtChat { margin-top: 10px; } .num-wrap .row .col-md-4:not(:last-child) { margin-bottom: 40px; } .num-wrap .row .num-box { text-align: center; } .num-box h5 { padding-bottom: 20px; } .num-box p { padding: 0 40px; } .package-icon-list { column-count: 3; margin: 0; } .package-icon-list>li { display: block; width: 100%; margin-bottom: 30px; } .package-icon-list > li:nth-child(5) { border: none; } .packages-include { padding-bottom: 40px; } .banner-cta-btns { flex-direction: column; } .banner-cta-btns h6 { margin-bottom: 20px; } .banner-cta { padding-bottom: 40px; padding-top: 40px; } .landing_page footer p { font-size: 13px; text-align: center; line-height: 24px; margin-bottom: 16px; } .privacy-policy, .terms-conditions { padding: 40px 0 0 !important; } .list-bold { font-size: 30px; } .font-big-span { font-size: 18px; } .privacy-list { padding-left: 20px; } .list-bold-2 { font-size: 15px; line-height: 25px; } .privacy-policy-list-item1, .faa-paragraph, .terms-service-list-item { font-size: 15px; line-height: 25px; } .text-block-9 { font-size: 18px !important; } .terms .list-bold { font-size: 30px; line-height: 30px; } }

@media screen and (max-width: 479px) { .lp-banner .banner-form h3 { font-size: 25px; line-height: 32px; margin-bottom: 5px; } .lp-banner h1 { font-size: 30px; line-height: 40px; } .lp-banner .banner-btns a { padding: 0; } ul.workList { margin-bottom: 20px; } .about-sec h3 { font-size: 35px; line-height: 40px; } .pckg-box { width: 100%; padding: 18px; } .what-trademark h3 { font-size: 28px; } .expert-box-left::before { width: 200px; height: 250px; } .expert-box-right p { font-size: 16px; } .expert-box-right { padding: 30px 20px; } .landing_page .accordion-list li h3 { padding-right: 20px; } .package-icon-list { column-count: 2; } .package-icon-list > li:nth-child(4) { border: none; } .banner-cta h3 { font-size: 40px; line-height: 50px; padding-bottom: 17px; } .banner-cta p { font-size: 20px; line-height: 30px; padding-bottom: 20px; } .landing_page .logo img { max-width: 70%; margin: auto 0 0 0; } .landing_page .menuWrap { margin-top: -42px; } .lp-banner h5 { font-size: 20px; line-height: 30px; } .mn-hd h4 { font-size: 35px; line-height: 40px; margin-bottom: 20px; } .mn-hd p { line-height: 30px; } .cusBtn .theme1 { padding: 0; width: 100%; } .lp_pricing h2 { font-size: 35px; line-height: 45px; } .black-box h3 { font-size: 30px !important; } .pckg-box h5 { margin: 20px 0; } .package_note { font-size: 14px; } .expert-box-left h3 { font-size: 35px; line-height: 45px; padding-bottom: 10px; } .expert-box-left p { font-size: 12px; line-height: 20px; } .expert-box-left { padding: 20px; } .expert-box-right a { font-size: 30px; margin-bottom: 10px; } .expert-box-right p > br:last-child { display: none; } section#faq .cusBtn .theme1 { padding: 0 30px; } }