.mbl-logo{display:none;}
@media (min-width:1200px) and (max-width:1600px) {
	.home-about-head-2 {
		padding: 30px 80px !important;
		display: table;
		margin: auto;
	}

	.bookBox {

		/* padding: 0 20px; */

		/* width: 950px; */
		transition: all .5s ease-in-out;
		width: 65%;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;
	}


	section.ficton-cta.bk-new-cta-sec .cta-head h2 {
		font-size: 36px;{display:none;}
	}

	section.ficton-cta.bk-new-cta-sec .cta-img img {
		width: 90%;
	}

	.home-about-head p {
		padding: 20px 0px;
	}

	.ghostwriter-new-sec {
		padding: 40px 0;
	}

	.port-slider li {
		width: 25%;
		text-align: center;
	}

	.news-head h4 {
		padding: 00000;
	}

	.news-head h2 {
		padding: 00000;
	}

	.sucess-sec {
		padding: 70px 0px !important;
	}

	section.ghostwriter-new-sec .inner-banner-cta {
		margin: 20px 0 0 0;
	}

	.home-about-head p {
		color: #666666;
		font-size: 15px;
	}

	.affordable-sec {
		padding: 70px 0px 175px;
	}

	.home-about-head h2 {
		font-size: 28px;
	}

	section.ghostwriter-new-sec .row {
		display: flex;
		align-items: center;
	}

	.port-list ul li {
		width: 22%;
	}

	.home-about-img img {

		/* max-width: fit-content; */
	}

	.home-about-head {
		padding: 0px 80px 0 !important;
	}

	.cta-img img {

		/* max-width: 100%; */
	}

	.cta-img {
		bottom: 0;
	}

	.story-sec {
		padding: 50px 0px;
	}

	.contact-sec {
		margin-bottom: 50px;
	}

	.home-about-head {
		padding: 0px 80px 0 !important;
	}

	.non-fiction-head {
		margin: 30px 0 0 0;
	}

}

@media(max-width:1550px) {
	section.bk-proces-new-sec.story-new-sec .process-new-box p {
	    font-size: 14px;
	    line-height: 18px;
	}
}
@media(max-width:1199px) {
	.menu-icon {
		display: block;
		right: 55px;
		top: 35px;
	}
	.menu-icon__line {
    background: #233462;
}
	.headr-btn-st{
		display: none;
	}
	.menuWrap {
		display: none;
	}

	

	section.top-header {
		display: none;
	}

	.main-header {
		top: 15px;
	}

}

@media (min-width:768px) and (max-width:1024px) {
	section.home-about .row {
		flex-direction: column;
	}

	.home-about-head {
		padding: 20px 20px;
		text-align: center;
	}

	section.home-about .row .col-md-6 {
		flex: 1 0 100%;
		max-width: 100%;
	}

	.home-about-head .inner-banner-cta {
		justify-content: center;
	}

	section.hire-sec .row {
		flex-direction: column-reverse;
	}

	section.hire-sec .row .col-md-6 {
		flex: 1 0 100%;
		max-width: 100%;
	}

	.news-head-2 {
		text-align: center;
		padding: 20px 20px;
	}

	.hire-sec .news-head h2 {
		text-align: center;
	}

	.news-head-2 p {
		text-align: center !important;
		padding-bottom: 0 !important;
	}

	.hire-list li {
		justify-content: center;
	}

	section.story-sec .row {
		flex-wrap: wrap;
	}

	section.story-sec .row .col-md-3 {
		flex: 1 0 50%;
		max-width: 50%;
		margin-top: 60px;
	}

	.story-box-2::before {
		display: none;
	}

	.footer-sec .row .col-md-4,
	.footer-sec .row .col-md-2,
	.footer-sec .row .col-md-3 {
		max-width: 50%;
		flex: 1 0 50%;
		margin-bottom: 20px;
	}

	.footer-sec .row {
		padding-bottom: 0;
	}

	ul.ftr-social li a {
		font-size: 20px;
	}

	.home-ghost-head p br {
		display: none;
	}

	section.sucess-sec .row {
		flex-direction: column;
	}

	section.sucess-sec .row .col-md-5,
	section.sucess-sec .row .col-md-7 {
		max-width: 100%;
		flex: 0 0 100%;
	}

	.sucess-img img {
		width: 100%;
	}

	.counter-sec-sucess {
		justify-content: center;
		margin-top: 30px;
	}

	section.folio-sec {
		padding-top: 0;
	}

	.home-banner {
		padding-top: 120px;
	}

	.home-banner .inner-head {
		text-align: left;
	}

	section.inner-banner.home-banner .inner-banner-cta {
		justify-content: flex-start;
	}

	.port-slider .slick-dots li {
		width: auto;
		margin: 0 9px;
	}

	.port-slider .slick-dots {
		width: 100%;
	}

	.brandlogo-slider .row {
		flex-direction: column;
	}

	.ghostwriter-new-sec .row {
		flex-direction: column;
	}

	.ghostwriter-new-sec .row .col-md-6 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.fiction-img img {
		width: 100%;
	}

	.news-head {
		height: 500px;
	}

	.gst-serv-list-new ul li {
		width: 50%;
		margin-top: 15px;
	}

	.gst-serv-list-new ul {
		flex-wrap: wrap;
	}

	section.ficton-cta ul.inner-banner-cta li {
	}

	.design-serv-new-cta-sec .col-md-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	section.detail-sec-inner-design-serv .row {
		flex-direction: column;
	}

	section.detail-sec-inner-design-serv .row .col-sm-6 {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}

	.dtl-txt-iner-srv h3 {
		text-align: center;
		width: 100%;
	}

	.dtl-txt-iner-srv li {
		justify-content: center;
	}

	.consultant-sec .row {
		flex-direction: column;
	}

	.consultant-sec .row .col-sm-6 {
		max-width: 100%;
	}

	.consultant-sec .consultant-hd-txt {
		text-align: center;
	}

	.consultant-sec .consultant-hd-txt h2 {
		text-align: center;
	}

	.consultant-sec .consultant-hd-txt ul.inner-banner-cta {
		justify-content: center;
	}

	.inner-head h1 {
		font-size: 35px;
	}

	.range-sec-design-serv-pg .row {
		flex-direction: column;
		justify-content: center;
	}

	.range-sec-design-serv-pg .row .col-sm-7,
	.range-sec-design-serv-pg .row .col-sm-5 {
		max-width: 100%;
		flex: 0 0 100%;
	}

	.range-sec-design-serv-pg .row .col-sm-5 {
		margin-top: 50px;
		text-align: center;
	}

	.range-sec-design-serv-pg ul.inner-banner-cta {
		justify-content: center;
	}

	.range-lft-div h2 {
		text-align: center;
	}

	.range-lft-div p {
		text-align: center;
	}

	.range-circle-m-div {
		margin: 0 auto;
	}

	.bk-story-bx {
		padding: 40px 18px;
	}

	.bk-story-bx {
		padding: 40px 18px;
	}

	.bk-story-bx h5 {
		right: 8px;
		font-size: 24px;
	}

}

@media (min-width:320px) and (max-width:767px) {
	.bk-story-hd-txt h2 {
		font-size: 20px;
	}

	.design-serv-img-st-inr.fiction-img img {
	    width: 75%;
	    margin: 0 auto;
	    display: table;
	}
	.bk-writing-pg-ghost-sec-new .fiction-img {
	    width: 100%;
	}
	.bk-writing-pg-ghost-sec .row .col-md-6 {
	    padding: 0;
	}
	.seo-new-inner-sec .row {
	    justify-content: center;
	    width: 100%;
	    margin: 0;
	}
	.wikipedia-serv-sec-new .row {
	    justify-content: center;
	}
	.hd-txt-inner {
	    text-align: center;
	}
	.bk-writing-pg-ghost-sec .row {
	    justify-content: center;
	}
	.seo-new-inner-sec .col-sm-12 {margin: 0;width: 100%;text-align: center;padding: 0;}

	.seo-new-inner-sec .col-sm-12 .col-md-6 {
	    padding: 0;
	}

	.new-consultant-sec-logo h4 {
	    text-align: center;
	}
	section.wikipedia-serv-sec-new.inner-text-st.logo-process-sec-new {
	    display: none;
	}
	section.affordable-sec.bk-portfolio-new-sec.new-portfolio-sec .col-md-4:nth-child(n+5) {
	    display: none;
	}
	.main-header ul.inner-banner-cta {
		display: none;
	}
	.new-sucess-sec .sucess-img {
	    width: 100%;
	}
	.inner-div-about2 .about-bx-txt {
	    padding: 0 20px;
	}
	.counter-sec-sucess {
	    column-gap: 20px;
	    margin-bottom: 15px;
	}
	.inr-about-side-img img {
	    margin: 20px 0;
	}

	.cta-sec-new2:before {
	    height: 100%;
	}
	.home-banner .inner-head h1 span {
    	font-size: 20px;
	}

	section.cta-sec.cta-sec-new.cta-sec-new2 {
	    margin-top: 0;
	}

	.awards-new-sec {
	    text-align: center;
	}

	.home-banner .inner-head p {
		width: 100%;
	}

	.bnr-cl-logo {
		display: none;
	}

	section.rating-sec {
		display: none;
	}

	.cta-new-side-img img {
		display: none;
	}

	.cta-txt h2 {
		font-size: 30px;
		line-height: 31px;
		text-align: center;
		color: #fff;
	}

	.inner-banner-cta {
		flex-wrap: wrap;
	}

	ul.inner-banner-cta.cta-new-btn .tel-btn {
		margin-top: 15px;
	}

	.hd-txt h2 {
		font-size: 35px;
		text-align: center;
		line-height: normal;
	}

	.new-portfolio-slider .slick-list.draggable {
		width: 100%;
		text-align: center;
		margin: 0;
	}

	.about-bx-txt h2 {
		text-align: center;
		font-size: 28px;
		line-height: 32px;
	}

	.inner-div-about.inner-div-about2.row {
		flex-direction: column-reverse;
	}

	.new-testi-slider .slick-list.draggable {
		width: 100%;
		margin: 0;
	}

	.testi-box {
		margin: 0 !important;
	}

	.new-testi-slider .slick-list.draggable .slick-slide {

		/* margin: 0; */
	}

	section.top-header {
		display: none;
	}

	.front,
	.back,
	.page1,
	.page2,
	.page3,
	.page4,
	.page5,
	.page6 {
		width: 180px;
	}

	.bookBox {
		width: 98%;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	ul.genre-list li:nth-child(n+7) {
		margin-bottom: 50px;
	}

	.menu-icon__line {
		background: #233462;
	}

	section.story-sec  .col-md-3:last-child .story-box {
		margin: 0;
	}

	.inner-serv-pg-st-sec .home-about-head-2 {
	}

	.inner-serv-pg-st-sec 
	.home-about-head {
		padding: 50px 20px;
	}

	.inner-serv-pg-st-sec .home-about-img img {
		width: 100%;
		height: 100%;
	}

	.home-about-img {
		margin-top: 20px;
	}

	.overlay-extra1 {
		width: 100%;
		height: 50%;
	}

	.extra-link-sec .extra-link-txt h2 {
		font-size: 25px;
		line-height: initial;
	}

	.overlay-extra2 {
		width: 100%;
		height: 50%;
		top: auto;
		bottom: 0;
	}

	.extra-link-txt ul.inner-banner-cta {

		/* margin: 0; */
	}

	.extra-link-sec .col-sm-6:nth-child(2) .extra-link-txt {
		padding-top: 50px;
	}

	.range-sec-logo-design .range-lft-div h4 {
		text-align: center;
	}

	.website-feature-new-serv .web-fea-boxes-st {
		flex-direction: column;
		text-align: center;
	}

	.dtl-txt-iner-srv h3 {
		width: 100%;
		text-align: center;
	}

	.inner-range-side-img img {
		width: 80%;
		margin: 0 auto;
		display: table;
	}

	

	.menuWrap {
		display: none;
	}

	.menu-icon {
		display: block;
		right: 35px;
	}

	.bk-story-sec .story-list-col-bk {
		flex-wrap: wrap;
		justify-content: center;
	}

	.bk-story-bx {
		margin-bottom: 100px;
	}

	.bk-writing-pg-ghost-sec-new h4 span {
	    font-size: 30px !important;
	    line-height: 35px !important;
	}

	section.ficton-cta.bk-new-cta-sec .cta-head p {
		width: 100%;
	}

	.bk-process-list ul li {
		flex-direction: column;
		text-align: center;
	}

	.bk-process-txt {
		margin: 0;
		width: 100%;
	}

	.range-lft-div h2 {
		font-size: 20px;
		text-align: center;
		line-height: inherit;
	}

	.range-sec-design-serv-pg .col-sm-5 {
		display: none;
	}

	.price-hd-txt-design h2 {
		font-size: 20px;
	}

	.price-hd-txt-design p {
		margin-bottom: 20px;
	}

	.price-design-col {
		flex-wrap: wrap;
	}

	.price-design-ul-1 ul {
		text-align: center;
	}

	.price-design-ul-2 {
		text-align: center;
	}

	.pricing-design-img img {
		display: none;
	}

	a.design-price-call-img {
		text-align: center;
		margin: 10px auto;
		display: table;
	}

	.price-design-ul-3 ul.inner-banner-cta {
		flex-direction: inherit;
	}

	.price-design-ul-3 ul.inner-banner-cta a {
		font-size: 13px !important;
	}

	.consultant-sec .consultant-hd-txt h2 {
		font-size: 20px;
		text-align: center;
	}

	.consultant-hd-txt h4 {
		text-align: center;
	}

	.bus-hd-txt h2 {
		font-size: 20px;
	}

	.bk-process-side-img img {
		margin-bottom: 15px;
	}

	.bk-process-txt h4 {
		padding-top: 10px;
	}

	.ghst-hd-txt-new h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.gst-serv-list-new ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.gst-serv-list-new ul li {
		width: 50%;
		padding: 0 5px;
		margin-top: 10px;
	}

	.gnre-bx-s-3.card h4 {
		font-size: 15px !important;
		line-height: inherit !important;
	}

	.ghostwriting-new-serv-sec {
		padding-top: 0 !important;
	}

	.testi-tab {
		flex-wrap: wrap;
		margin: 0;
	}

	.testi-tab li {
		width: 35%;
		text-align: center;
	}

	.testi-tab li {
		margin: 0 0 30px 0;
	}

	.testi-details {
		margin: 0 0 20px 0;
	}

	section {
		overflow: hidden;
	}

	section.ghostwriter-new-sec .row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ftr-head-1 span::before {
		position: absolute;
		content: "";
		background: #fff;
		width: 46px;
		height: 1px;
		bottom: 0;
		margin: auto;
		display: table;
		text-align: center;
		justify-content: center;
		top: 0;
		right: 0;
		bottom: -35px;
		left: 0;
	}

	h5.sub-heading {
		text-align: center;
	}

	.content-page ul li {
		text-align: center;
	}

	.genre-sec h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.ftr-social-links li {
		justify-content: center;
	}

	.new-dd-box {
		transform: scale(1);
		background: none;
		position: relative;
		width: 100%;
		top: 0;
	}

	.new-dd-box img {
		display: none;
	}

	ul.new-dd-list li a {
		padding: 9px 0px;
		font-size: 14px;
	}

	ul.new-dd-list {
		flex-wrap: inherit;
		display: block;
		overflow-y: scroll;
		height: 137px;
	}

	ul.new-dd-list li {
		border: none;
		width: 100%;
	}

	ul.new-dd-list::before {
		display: none;
	}

	li.dd-link:hover {
		background: none;
	}

	.writers-tab ul li {
		width: 50%;
	}

	.writer-inr-tb-sec .col-sm-12 {
		display: block;
	}

	.summary.box {
		padding-left: 20px;
	}

	.writers-tab ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.writers-tab ul li:hover .writer-txt-tb,
	.writers-tab ul li.active .writer-txt-tb {
		height: 210px;
	}

	.writer-txt-tb h3 {
		font-size: 12px !important;
	}

	.writer-txt-tb p {
		font-size: 12px !important;
	}

	.writer-txt-tb {
		padding: 25px 10px;
	}

	.writier-tb-inr-img img {
		margin: 0 auto;
		display: table;
	}

	.writer-tb-inr-txt {
		padding: 0;
	}

	.writer-tb-inr-txt h2 {
		font-size: 22px;
		text-align: center;
		margin-top: 20px;
	}

	.writer-tb-inr-txt p {
		text-align: center;
	}

	.skills.summary.box ul {
		width: 98%;
	}

	.skills.summary.box ul li {
		width: 50%;
	}

	.experties.summary.box ul li {
		width: 50%;
	}

	.contact-form h4 {
		padding: 20px 0;
	}

	.pricing-tabs {
		flex-wrap: wrap;
	}

	.pricing-tabs li {
		margin: 0 3px 15px 0px;
	}

	span.phone-tel-img {
		display: none;
	}

	.inner-banner::before {
		position: absolute;
		content: "";
		background: #0000007d;
		height: 100%;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
	}

	.review-sec .testi-details {
		text-align: center;
	}

	section.review-sec .slick-slide img {
		margin: auto;
	}

	.brand-logos {
		margin: 0;
		display: n;
	}

	.news-head {
		text-align: center;
		padding: 20px 10px;
	}

	.genre-list li {
		width: 33%;
	}

	.folio-book {
		text-align: center;
	}

	.inner-banner {
		min-height: auto;
		padding: 108px 0 10px 0 !important;
		position: relative;
		z-index: 1;
	}

	.inner-head h5 {
		padding: 10px 0px;
	}

	.inner-head h1 {
		padding: 10px 0px;
		font-size: 18px !important;
		line-height: 30px !important;
	}

	.ghostwriter-new-sec h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	section {
		padding: 30px 0px !important;
	}

	.about-sec .news-head {
		padding: 0;
		text-align: center;
	}

	.news-head p {
		text-align: center !important;
	}

	.inner-banner-cta {
		justify-content: center !important;
	}

	.ficton-cta {
		text-align: center;
		padding: 30px 0 0 0 !important;
	}

	ul.ftr-social {
		display: block;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
	}

	ul.ftr-social li a {
		padding: 20px 0px;
		font-size: 15px;
	}

	section.folio-sec .slick-slide img {
		width: 100%;
	}

	.port-slider li {
		text-align: center;
	}

	.slick-dots {
		padding: 10px 0 0;
	}

	header {
		z-index: 2;
	}

	header .header-btn a {
		display: none !important;
	}

	/*.logo img {*/
	/*	max-width: 100%;*/
	/*	filter: brightness(40.5);*/
	/*}*/

	.main-menu {
		display: grid;
	}

	.main-menu li a {
		padding: 0 0 10px 0;
		font-size: 14px;
	}

	.dropdown-box {
		display: block;
		position: relative;
		background: none;
		padding: 0 0 0 20px;
	}

	.dropdown-box-list li a {
		color: #fff;
	}

	.home-banner {
		min-height: auto;
	        padding: 150px 0 40px 0 !important;
		position: relative;
		z-index: 1;
	}

	.inner-head {
		text-align: center !important;
	}

	h3 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.genre-sec h3 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	h5 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.affordable-sec h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.home-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65) !important;
    z-index: 1 !important;
    display: block !important;
    pointer-events: none;
}

	.home-img {
		display: none;
	}

	p {
		font-size: 15px !important;
		line-height: 22px !important;
		text-align: center !important;
	}

	.inner-banner-cta li:nth-child(1) a {
		padding: 15px 20px;
		font-size: 14px;
	}

	.inner-banner-cta li:nth-child(1) a i {
		display: none;
	}

	.inner-banner-cta li:nth-child(2) a i {
		display: none;
	}

	.inner-banner-cta li:nth-child(2) a {
		padding: 15px 20px;
		font-size: 14px;
	}

	.home-banner .inner-banner-cta {
		justify-content: center;
		margin-bottom: 20px;
	}

	.fld-input input {
		margin: 0 0 20px 0;
	}

	.ghostwriter-new-sec {
		padding: 30px 0px 0;
	}

	.home-ghost-sec {
		padding: 30px 0px;
		text-align: center;
	}

	span {

		/* font-size: 18px !important; */
	}

	.home-ghost-slider-box {
		display: block;
	}

	section.home-ghost-sec .slick-slide img {
		margin: 0 auto 20px;
	}

	.home-ghost-sec .home-ghost-head h3 {
		padding-bottom: 20px;
	}

	.home-ghost-sec .home-ghost-head h2 {
		padding-bottom: 20px;
		font-size: 20px !important;
		line-height: 30px !important;
	}

	section.sucess-sec {
		padding: 30px 0px;
	}

	.home-ghost-head h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	h4 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.news-head-2 {
		text-align: center;
		margin: 20px 0 0 0;
		padding: 0;
	}

	.news-head h4 {
		text-align: center;
		padding: 0;
	}

	.home-about-head h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	section.testi-sec-new h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.news-head h2 {
		text-align: center;
		padding: 0;
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.counter-sec-sucess li strong {
		font-size: 17px;
	}

	.port-list ul li {
		width: 100%;
	}

	.port-list ul li p {
		font-size: 12px !important;
		line-height: 12px !important;
	}

	section.ficton-cta h2 {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	br {
		display: none;
	}

	.cta-img {
		display: none;
	}

	.home-cta {
		padding: 20px 0px 0;
		margin: 0 0 20px 0;
		text-align: center;
	}

	.ficton-cta .inner-banner-cta {
		justify-content: center;
	}

	.home-about-head {
		padding: 20px;
		text-align: center;
	}

	.home-about-head .inner-banner-cta {
		justify-content: center;
	}

	.hire-sec {
		padding: 30px 0px;
		text-align: center;
	}

	.hire-sec .news-head h4 {
		text-align: center !important;
	}

	.hire-sec .news-head h2 {
		text-align: center !important;
	}

	.hire-list li {
		text-align: left !important;
		display: flex;
	}

	.story-sec {
		padding: 30px 0px 0;
	}

	.story-box::before {
		display: none;
	}

	.story-box {
		margin: 0 0 50px 0;
	}

	.testi-sec {
		padding: 0 0 20px 0;
	}

	.testi-sec h6 {
		padding: 20px 0 0 0;
	}

	.ftr-social {
		display: block;
		margin: auto;
		text-align: center;
	}

	.ftr-social li a {
		font-size: 20px;
		padding: 20px 0px;
	}

	.social-icons {
		justify-content: center;
		margin: 20px 0 0 0;
	}

	.ftr-head-1 {
		text-align: center;
	}

	.ftr-head-1 span {
		margin-top: 20px;
	}

	ul.ftr-social-links {
		display: table;
		margin: auto;
	}

	.brand-logos {
		display: none;
	}

	.ghostwriter-new-sec p {
		padding-bottom: 20px;
		text-align: center !important;
	}

	.telephone-link {
		font-size: 25px;
	}

	.ghostwriter-new-sec h3 {
		text-align: center;
		margin: auto;
		display: table;
	}

	.our-writer-sec {
		background-color: #f2f2f2;
		margin: 0 0 0 0;
	}

	.home-ghost-box-inner p {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.port-slider li {
		width: 30%;
		margin: 0 5px;
	}

	.port-img-txt {
		display: none;
	}

	section.story-sec .news-head p {
		padding-bottom: 80px;
	}

	.main-header {
		padding-top: 15px;
		background: transparent;
		top: 0;
	}

	.service-box-content.st-3 {
		display: block;
	}

	.service-box-content.st-3 .service-box-content-icon {
		float: none;
		margin: 0 auto;
		display: table;
	}

	.service-box-content.st-3 .service-box-content-text h4 {
		font-size: 17px !important;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 15px;
	}

	.service-box-content p {
		height: max-content;
	}

	section.service-box-area .col-lg-4.col-md-6:nth-child(n+3) .service-box-content {
		padding-bottom: 25px;
	}
	.inner-head h1 span {
	    font-size: 18px;
	}


	.story-list-col-bk .col-sm-4:last-child  .bx-story-bx {
	    margin-bottom: 0 !important;
	    background: red;
	    display: none;
	}

	.bk-gnre-sec-new {
	    display: none;
	}

	.bk-proces-new-sec .row {
	    flex-direction: column;
	}

	.bk-proces-new-sec {
	    display: none;
	}

}


@media (min-width: 0px) and (max-width: 769px){
    header{    background: unset !important;}
    .lp-logo{display:none;}
    .mbl-logo{display:block;}
    .main-header{        background: #fff;}
    .logo img{        max-width: 70%;}
}


/* Ensure Overlay sits strictly on top of video, under all text and content */
.home-banner {
    position: relative !important;
    z-index: 1 !important;
}

#myVideo {
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    pointer-events: none !important;
}

.home-banner:before,
.home-banner::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.65) !important;
    z-index: 2 !important;
    display: block !important;
    pointer-events: none !important;
}

.home-banner .container {
    position: relative !important;
    z-index: 10 !important;
}

.home-banner .inner-head,
.home-banner .banner-hero-form,
.home-banner .bnr-cl-logo {
    position: relative !important;
    z-index: 15 !important;
}


/* ==========================================================================
   Mobile Menu Drawer (Slide From Left) & Overlay
   ========================================================================== */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(2px);
    z-index: 1004;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
}

.mobile-menu-overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-drawer-header {
    display: none;
}

@media (max-width: 991.98px) {
    .mobile-drawer-header {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 12px;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .mobile-drawer-header .drawer-logo img {
        max-width: 140px;
        height: auto;
        display: block;
    }
    
    .mobile-drawer-close {
        background: transparent;
        border: none;
        font-size: 32px;
        line-height: 1;
        color: #333333;
        cursor: pointer;
        padding: 0 5px;
        transition: 0.2s all;
    }
    
    .mobile-drawer-close:hover {
        color: var(--color-primary);
        transform: scale(1.1);
    }

    .menuWrap {
        position: fixed !important;
        top: 0 !important;
        left: -340px !important;
        right: auto !important;
        width: 320px !important;
        max-width: 86vw !important;
        height: 100vh !important;
        background: #ffffff !important;
        box-shadow: 5px 0 30px rgba(0, 0, 0, 0.25) !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 20px !important;
        transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
        overflow-y: auto !important;
        z-index: 1005 !important;
    }
    
    .menuWrap.open {
        left: 0 !important;
    }
    
    .main-menu {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 0 !important;
    }
    
    .main-menu .nav-item {
        width: 100% !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }
    
    .main-menu .nav-item .nav-link {
        width: 100% !important;
        padding: 12px 4px !important;
        font-size: 15px !important;
        color: #222222 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .main-menu .nav-item .nav-link.active {
        color: var(--color-primary) !important;
        border-bottom: none !important;
        font-weight: 700 !important;
    }
    
    .main-menu .nav-item.dd-link .new-dd-box {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        background: #f8f9fa !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        padding: 8px 12px !important;
        margin: 4px 0 10px 0 !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        border: 1px solid #eeeeee !important;
    }
    
    .main-menu .nav-item.dd-link.open .new-dd-box {
        display: block !important;
    }
    
    .main-menu .nav-item.dd-link.open .nav-link i {
        transform: rotate(180deg) !important;
    }
    
    ul.new-dd-list {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }
    
    ul.new-dd-list li a {
        padding: 8px 6px !important;
        font-size: 13.5px !important;
    }
    
    .mobile-cta-wrapper {
        margin-top: 20px !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding-bottom: 25px !important;
    }
    
    .mobile-cta-wrapper .header-call-btn,
    .mobile-cta-wrapper .header-getstarted-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 12px 18px !important;
    }
}

/* ==========================================================================
   Full Index Page Mobile Responsiveness
   ========================================================================== */
@media (max-width: 991.98px) {
    /* Hero Banner */
    .home-banner {
        min-height: auto !important;
        padding: 40px 0 !important;
    }
    
    .home-banner .inner-head {
        text-align: center !important;
    }
    
    .home-banner .inner-head h1 {
        font-size: clamp(26px, 5.5vw, 38px) !important;
        text-align: center !important;
        line-height: 1.25 !important;
        margin-bottom: 15px !important;
    }
    
    .home-banner .inner-head p {
        font-size: 14.5px !important;
        text-align: center !important;
        margin: 0 auto 20px !important;
        max-width: 100% !important;
    }
    
    .home-banner .inner-banner-cta {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    
    .banner-hero-form {
        margin-top: 30px !important;
        padding: 22px 18px !important;
    }
    
    .home-banner .bnr-cl-logo {
        margin-top: 30px !important;
    }

    /* Ghostwriter Books 3D Slider */
    .home-ghost-head {
        text-align: center !important;
        margin-bottom: 30px !important;
    }
    
    .home-ghost-head h2 {
        font-size: clamp(22px, 5vw, 34px) !important;
        line-height: 1.3 !important;
    }
    
    .home-ghost-slider-box {
        flex-direction: column !important;
        text-align: center !important;
        align-items: center !important;
        padding: 25px 15px !important;
    }
    
    .home-ghost-slider-box .bookBox {
        margin: 0 auto 20px !important;
    }
    
    .home-ghost-box-inner {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .home-ghost-box-inner .inner-banner-cta {
        justify-content: center !important;
    }

    /* Services Grid (boxsectionwrp) */
    .boxsectionwrp {
        padding: 40px 0 !important;
    }
    
    .boxsectionwrp .txtwrp {
        text-align: center !important;
        margin-bottom: 25px !important;
    }
    
    .boxsectionwrp .txtwrp .main-heading {
        font-size: clamp(22px, 5vw, 34px) !important;
    }
    
    .boxsectionwrp .mainwrp {
        margin-bottom: 20px !important;
        padding: 22px 18px !important;
    }

    /* Success / Stats Section */
    .new-sucess-sec {
        padding: 40px 0 !important;
        text-align: center !important;
    }
    
    .new-sucess-sec .news-head-2 h2 {
        font-size: clamp(22px, 5vw, 34px) !important;
    }
    
    .counter-sec-sucess {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
        padding: 0 !important;
    }
    
    .counter-sec-sucess li {
        flex: 1 1 110px !important;
        margin: 0 !important;
    }
    
    .sucess-img img {
        max-width: 85% !important;
        margin: 25px auto 0 !important;
        display: block !important;
    }

    /* CTA Sections */
    .cta-sec-new {
        padding: 40px 0 !important;
        text-align: center !important;
    }
    
    .cta-sec-new .cta-txt h2 {
        font-size: clamp(20px, 4.5vw, 30px) !important;
        line-height: 1.3 !important;
    }
    
    .cta-sec-new .cta-new-btn {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    
    .cta-new-side-img img {
        max-width: 75% !important;
        margin: 25px auto 0 !important;
        display: block !important;
    }

    /* Published Works Portfolio Section */
    .portfolio-sec-new {
        padding: 40px 0 !important;
    }
    
    .portfolio-sec-new .port-txt {
        text-align: center !important;
        margin-bottom: 25px !important;
    }
    
    .portfolio-sec-new .port-txt .inner-banner-cta {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    
    .marque-st {
        font-size: clamp(26px, 6vw, 50px) !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    /* About Section */
    .about-section {
        padding: 40px 0 !important;
    }
    
    .about-section .hd-txt {
        text-align: center !important;
        margin-bottom: 25px !important;
    }
    
    .about-section .hd-txt h2 {
        font-size: clamp(22px, 5vw, 34px) !important;
    }
    
    .inner-div-about {
        flex-direction: column-reverse !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    .about-bx-txt {
        padding: 20px 0 !important;
    }
    
    .about-bx-txt .inner-banner-cta {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    
    .inr-about-side-img img {
        max-width: 80% !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* Story / Process Steps Section */
    .story-new-sec {
        padding: 40px 0 !important;
    }
    
    .story-new-sec .news-head-2 {
        text-align: center !important;
    }
    
    .story-new-sec .news-head-2 h2 {
        font-size: clamp(22px, 5vw, 34px) !important;
    }
    
    .story-new-sec .news-head-2 p {
        width: 100% !important;
        font-size: 14px !important;
    }
    
    .process-main-col-bk {
        display: flex !important;
        flex-direction: column !important;
        margin: 20px 0 0 0 !important;
        padding: 0 15px !important;
    }
    
    .process-main-col-bk .col-sm-3 {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .process-new-box {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        padding: 20px 18px !important;
        margin-bottom: 15px !important;
        border-radius: 12px !important;
    }
    
    .process-new-box h4 {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    
    .process-new-box p {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
        min-height: auto !important;
    }

    /* Awards Section */
    .awards-new-sec {
        padding: 40px 0 !important;
    }
    
    .awards-new-sec .hd-txt {
        text-align: center !important;
        margin-bottom: 25px !important;
    }
    
    .awards-new-sec .hd-txt h2 {
        font-size: clamp(22px, 5vw, 34px) !important;
    }
    
    .award-list-st ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
        padding: 0 !important;
    }
    
    .award-list-st ul li {
        width: calc(50% - 15px) !important;
        max-width: 130px !important;
        text-align: center !important;
    }
    
    .award-list-st ul li img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Testimonials Section */
    .testi-new-sec {
        padding: 40px 0 !important;
    }
    
    .testi-new-sec .port-txt {
        text-align: center !important;
        margin-bottom: 25px !important;
    }
    
    .testi-new-sec .port-txt h2 {
        font-size: clamp(22px, 5vw, 34px) !important;
    }
    
    .testi-new-sec .port-txt .inner-banner-cta {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    
    .testi-box {
        padding: 22px 18px !important;
    }

    /* Footer */
    .footer-sec {
        padding: 40px 0 20px !important;
    }
    
    .ftr-social {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
        padding: 0 0 25px 0 !important;
    }
    
    .ftr-head-1 {
        text-align: center !important;
        margin-bottom: 25px !important;
    }
    
    .ftr-links {
        padding: 0 !important;
        text-align: center !important;
    }
    
    .ftr-social-links {
        justify-content: center !important;
    }
}

@media (max-width: 575.98px) {
    .home-banner .inner-head h1 {
        font-size: 24px !important;
    }
    
    .home-banner .inner-banner-cta li,
    .home-banner .inner-banner-cta li a {
        width: 100% !important;
        justify-content: center !important;
    }
    
    .banner-hero-form {
        padding: 18px 14px !important;
    }
    
    .banner-hero-form .form-head h3 {
        font-size: 20px !important;
    }
    
    .inner-banner-cta li a {
        padding: 10px 18px !important;
        font-size: 14px !important;
    }
}


/* ==========================================================================
   Fix Black Menu Toggle & Hero Banner Mobile Spacing
   ========================================================================== */
.menu-Bar {
    width: 32px !important;
    height: 22px !important;
    position: relative !important;
    cursor: pointer !important;
    display: none !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    z-index: 1010 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.menu-Bar span {
    display: block !important;
    width: 100% !important;
    height: 3.5px !important;
    background: #000000 !important;
    border-radius: 4px !important;
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transition: all 0.3s ease !important;
}

.menu-Bar.open span {
    background: #000000 !important;
}

.menu-Bar.open span:nth-child(1) {
    transform: translateY(9px) rotate(45deg) !important;
}

.menu-Bar.open span:nth-child(2) {
    opacity: 0 !important;
    transform: scale(0) !important;
}

.menu-Bar.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg) !important;
}

@media (max-width: 991.98px) {
    .menu-Bar {
        display: flex !important;
    }
    
    .header-inner-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    .header-logo-col {
        flex: 0 0 auto !important;
    }
    
    .header-action-col {
        display: flex !important;
        align-items: center !important;
        margin-left: auto !important;
    }

    /* Hero Section Fix */
    .home-banner {
        min-height: auto !important;
        padding-top: 60px !important;
        padding-bottom: 50px !important;
    }
    
    .home-banner .inner-head {
        padding-top: 15px !important;
        text-align: center !important;
    }
    
    .home-banner .inner-head h1 {
        font-size: clamp(24px, 5.5vw, 36px) !important;
        line-height: 1.3 !important;
        margin-top: 0 !important;
        margin-bottom: 16px !important;
        padding: 0 !important;
        color: #ffffff !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
    }
    
    .home-banner .inner-head h1 span {
        display: inline !important;
        color: var(--color-accent) !important;
        font-size: inherit !important;
        font-weight: 800 !important;
    }
    
    .home-banner .inner-head p {
        font-size: 14.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 22px !important;
        color: #ffffff !important;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9) !important;
    }
    
    .home-banner .inner-banner-cta {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }
    
    .home-banner .inner-banner-cta li,
    .home-banner .inner-banner-cta li a {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }
}


/* ==========================================================================
   Dark Mobile Slide Menu (Matching Reference Mockup)
   ========================================================================== */
@media (max-width: 991.98px) {
    .menuWrap {
        position: fixed !important;
        top: 0 !important;
        left: -350px !important;
        right: auto !important;
        width: 320px !important;
        max-width: 88vw !important;
        height: 100vh !important;
        background: #000000 !important;
        box-shadow: 6px 0 35px rgba(0, 0, 0, 0.7) !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px 20px 30px !important;
        transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
        overflow-y: auto !important;
        z-index: 1005 !important;
    }
    
    .menuWrap.open {
        left: 0 !important;
    }
    
    .mobile-drawer-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding-bottom: 20px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    }
    
    .mobile-drawer-header .drawer-logo img {
        max-width: 145px !important;
        height: auto !important;
        display: block !important;
        filter: brightness(0) invert(1) !important;
    }
    
    .mobile-drawer-close {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: var(--color-primary) !important;
        color: #ffffff !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        cursor: pointer !important;
        box-shadow: 0 4px 15px rgba(178, 34, 52, 0.4) !important;
        transition: transform 0.2s ease !important;
        padding: 0 !important;
    }
    
    .mobile-drawer-close:hover {
        transform: scale(1.08) !important;
    }
    
    .main-menu {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 0 !important;
    }
    
    .main-menu .nav-item {
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .main-menu .nav-item .nav-link {
        width: 100% !important;
        padding: 16px 4px !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-decoration: none !important;
    }
    
    .main-menu .nav-item .nav-link:hover,
    .main-menu .nav-item .nav-link.active {
        color: var(--color-accent) !important;
        border-bottom: none !important;
    }
    
    .main-menu .nav-item .nav-link i {
        color: var(--color-primary) !important;
        font-size: 14px !important;
        transition: transform 0.25s ease !important;
    }
    
    .main-menu .nav-item.dd-link .new-dd-box {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        background: #111111 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        padding: 10px 12px !important;
        margin: 4px 0 14px 0 !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .main-menu .nav-item.dd-link.open .new-dd-box {
        display: block !important;
    }
    
    .main-menu .nav-item.dd-link.open .nav-link i {
        transform: rotate(180deg) !important;
    }
    
    ul.new-dd-list {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }
    
    ul.new-dd-list li a {
        padding: 10px 8px !important;
        font-size: 14px !important;
        color: #dddddd !important;
        border-radius: 8px !important;
        font-weight: 500 !important;
    }
    
    ul.new-dd-list li a:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
    }
    
    .mobile-cta-wrapper {
        margin-top: 25px !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding-bottom: 25px !important;
    }
    
    .mobile-drawer-call-btn {
        width: 100% !important;
        height: 52px !important;
        border: 2px solid #ffffff !important;
        border-radius: 50px !important;
        background: transparent !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        text-decoration: none !important;
        transition: 0.3s all !important;
    }
    
    .mobile-drawer-call-btn:hover {
        background: #ffffff !important;
        color: #000000 !important;
    }
    
    .mobile-drawer-getstarted-btn {
        width: 100% !important;
        height: 52px !important;
        border-radius: 50px !important;
        background: var(--color-primary) !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        transition: 0.3s all !important;
        border: none !important;
        box-shadow: 0 4px 15px rgba(178, 34, 52, 0.4) !important;
    }
    
    .mobile-drawer-getstarted-btn:hover {
        background: var(--color-primary-dark) !important;
        transform: translateY(-2px) !important;
    }
}


/* ==========================================================================
   100% Full Width Dark Mobile Slide Menu
   ========================================================================== */
@media (max-width: 991.98px) {
    .menuWrap {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100vw !important;
        height: 100vh !important;
        background: #000000 !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 25px 24px 40px !important;
        transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
        overflow-y: auto !important;
        z-index: 1005 !important;
        box-sizing: border-box !important;
    }
    
    .menuWrap.open {
        left: 0 !important;
    }
    
    .mobile-drawer-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding-bottom: 20px !important;
        margin-bottom: 5px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        box-sizing: border-box !important;
    }
    
    .mobile-drawer-header .drawer-logo img {
        max-width: 155px !important;
        height: auto !important;
        display: block !important;
        filter: brightness(0) invert(1) !important;
    }
    
    .mobile-drawer-close {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: var(--color-primary) !important;
        color: #ffffff !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        cursor: pointer !important;
        box-shadow: 0 4px 15px rgba(178, 34, 52, 0.4) !important;
        transition: transform 0.2s ease !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .mobile-drawer-close:hover {
        transform: scale(1.08) !important;
    }
    
    .main-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }
    
    .main-menu .nav-item {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    .main-menu .nav-item .nav-link {
        display: flex !important;
        width: 100% !important;
        padding: 16px 0 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }
    
    .main-menu .nav-item .nav-link:hover,
    .main-menu .nav-item .nav-link.active {
        color: var(--color-accent) !important;
        border-bottom: none !important;
    }
    
    .main-menu .nav-item .nav-link i {
        color: var(--color-primary) !important;
        font-size: 15px !important;
        transition: transform 0.25s ease !important;
    }
    
    .main-menu .nav-item.dd-link .new-dd-box {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        background: #111111 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        padding: 12px 14px !important;
        margin: 4px 0 16px 0 !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-sizing: border-box !important;
    }
    
    .main-menu .nav-item.dd-link.open .new-dd-box {
        display: block !important;
    }
    
    .main-menu .nav-item.dd-link.open .nav-link i {
        transform: rotate(180deg) !important;
    }
    
    ul.new-dd-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    
    ul.new-dd-list li {
        width: 100% !important;
    }
    
    ul.new-dd-list li a {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 10px 10px !important;
        font-size: 14px !important;
        color: #e0e0e0 !important;
        border-radius: 8px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
    
    ul.new-dd-list li a:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
    }
    
    .mobile-cta-wrapper {
        margin-top: 25px !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding-bottom: 30px !important;
        box-sizing: border-box !important;
    }
    
    .mobile-drawer-call-btn {
        width: 100% !important;
        height: 52px !important;
        border: 2px solid #ffffff !important;
        border-radius: 50px !important;
        background: transparent !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        text-decoration: none !important;
        transition: 0.3s all !important;
        box-sizing: border-box !important;
    }
    
    .mobile-drawer-call-btn:hover {
        background: #ffffff !important;
        color: #000000 !important;
    }
    
    .mobile-drawer-getstarted-btn {
        width: 100% !important;
        height: 52px !important;
        border-radius: 50px !important;
        background: var(--color-primary) !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        transition: 0.3s all !important;
        border: none !important;
        box-shadow: 0 4px 15px rgba(178, 34, 52, 0.4) !important;
        box-sizing: border-box !important;
    }
    
    .mobile-drawer-getstarted-btn:hover {
        background: var(--color-primary-dark) !important;
        transform: translateY(-2px) !important;
    }
}


/* ==========================================================================
   Modern 5-Column Footer Layout
   ========================================================================== */
.site-footer {
    background: #fffaf5;
    color: #333333;
    position: relative;
    z-index: 10;
    font-family: inherit;
}

.footer-main-sec {
    padding: 60px 0 45px 0;
}

.container-footer {
    max-width: 1380px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.footer-grid-row {
    row-gap: 30px;
}
.footer-logo-img {
    max-width: 100%;
    width: 280px; /* Adjust this value (e.g., 280px - 350px) to make it bigger */
    height: auto;
    display: block;
    margin: 0 !important;
}
.footer-about-text {
    font-size: 14px;
    line-height: 1.65;
    color: #4a4a4a;
    margin-bottom: 20px;
    max-width: 346px;
}

.footer-social-icons {
    display: flex;
    justify-content: flex-start;
    gap: 10px; /* Adjust spacing between icons if needed */
}
.footer-about-text {
    font-size: 14px;
    line-height: 1.65;
    color: #4a4a4a;
    margin-bottom: 20px;
    max-width: 346px; /* Match wider logo/column flow if desired, or keep 320px */
}
.footer-social-icons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.footer-social-icons a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #111111;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-social-icons a:hover {
    background: var(--color-primary);
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(178, 34, 52, 0.3);
}

/* Cols 2, 3, 4: Link Groups */
.footer-heading {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 0;
}

.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.footer-nav-list li a {
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    transition: all 0.25s ease;
}

.footer-nav-list li a:hover {
    color: var(--color-primary);
    transform: translateX(4px);
}

.footer-dmca-wrap {
    margin-top: 15px;
}

.footer-dmca-wrap img {
    max-width: 120px;
    height: auto;
}

/* Col 5: Security & Reach Us */
.footer-sec-desc {
    font-size: 13.5px;
    line-height: 1.6;
    color: #555555;
    margin-bottom: 16px;
}

.footer-guarantee-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.guarantee-pill {
    font-size: 11px;
    font-weight: 700;
    color: var(--color-secondary);
    background: #eef4fc;
    border: 1px solid #d4e4f7;
    padding: 5px 9px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.guarantee-pill i {
    color: #1a9e3f;
    font-size: 12px;
}

.footer-payment-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 20px;
    align-items: center;
}

.pay-card {
    font-size: 11px;
    font-weight: 800;
    padding: 5px 9px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.pay-card.visa { background: #1a1f71; color: #fff; }
.pay-card.mastercard { background: #eb001b; color: #fff; }
.pay-card.amex { background: #006fcf; color: #fff; }
.pay-card.discover { background: #f76b1c; color: #fff; }
.pay-card.wire { background: var(--color-secondary); color: #fff; text-transform: capitalize; gap: 4px; font-size: 11px; }

.footer-reach-block {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eddcd0;
}

.reach-heading {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 10px;
}

.reach-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.reach-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 13.5px;
    color: #444444;
    line-height: 1.5;
}

.reach-info-list li i {
    color: var(--color-primary);
    font-size: 15px;
    margin-top: 2px;
    flex-shrink: 0;
}

.reach-info-list li a {
    color: #333333;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.reach-info-list li a:hover {
    color: var(--color-primary);
}

/* Copyright Bar */
.footer-copyright-bar {
    background: #fbf5ef;
    border-top: 1px solid #ebdcd0;
    border-bottom: 1px solid #ebdcd0;
    padding: 16px 0;
    text-align: center;
}

.copyright-text {
    font-size: 13.5px;
    color: #555555;
    margin: 0;
    font-weight: 500;
}

/* Disclaimer Banner */
.footer-disclaimer-banner {
    background: var(--color-primary);
    color: #ffffff;
    padding: 18px 0;
    text-align: center;
}

.disclaimer-title {
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 4px 0;
}

.disclaimer-text {
    font-size: 13px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

/* Mobile responsive adjustments for new footer */
@media (max-width: 991.98px) {
    .footer-main-sec {
        padding: 45px 0 30px 0;
    }
    
    .footer-about-text {
        max-width: 100%;
    }
    
    .footer-grid-row {
        row-gap: 25px;
    }
}

@media (max-width: 575.98px) {
    .footer-main-sec {
        padding: 35px 0 20px 0;
    }
    
    .footer-heading {
        font-size: 16px;
        margin-bottom: 14px;
    }
    
    .footer-nav-list li a {
        font-size: 13.5px;
    }
    
    .footer-social-icons {
        margin-bottom: 10px;
    }
    
    .disclaimer-text {
        font-size: 12px;
        padding: 0 10px;
    }
}


/* ==========================================================================
   USA Flag Themed Header, Services Dropdown & Buttons
   ========================================================================== */
.main-header {
    background: #ffffff !important;
    border-bottom: 2px solid rgba(60, 59, 110, 0.08);
    box-shadow: 0 2px 15px rgba(60, 59, 110, 0.06);
}

.main-menu .nav-item .nav-link {
    color: var(--usa-blue) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 10px 14px !important;
    position: relative !important;
    transition: all 0.25s ease !important;
}

.main-menu .nav-item .nav-link:hover,
.main-menu .nav-item .nav-link.active {
    color: var(--usa-red) !important;
}

.main-menu .nav-item .nav-link.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 14px !important;
    right: 14px !important;
    height: 3px !important;
    background: var(--usa-red) !important;
    border-radius: 3px !important;
}

.main-menu .nav-item .nav-link i {
    color: var(--usa-red) !important;
    font-size: 12px !important;
}

/* Services Dropdown - USA Flag Theme */
.main-menu .nav-item.dd-link .new-dd-box {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(15px) !important;
    width: 650px !important;
    background: #ffffff !important;
    border-radius: 0 0 14px 14px !important;
    border-top: 3.5px solid var(--usa-red) !important;
    border-left: 1px solid rgba(60, 59, 110, 0.1) !important;
    border-right: 1px solid rgba(60, 59, 110, 0.1) !important;
    border-bottom: 1px solid rgba(60, 59, 110, 0.1) !important;
    box-shadow: 0 18px 40px var(--usa-shadow) !important;
    padding: 20px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    z-index: 1010 !important;
}

.main-menu .nav-item.dd-link:hover .new-dd-box {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(5px) !important;
}

ul.new-dd-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

ul.new-dd-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    color: var(--usa-blue) !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-left: 3px solid transparent !important;
}

ul.new-dd-list li a img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    padding: 0 !important;
}

ul.new-dd-list li a:hover {
    background: #f4f6fb !important;
    color: var(--usa-red) !important;
    border-left-color: var(--usa-red) !important;
    transform: translateX(4px) !important;
}

/* Header Buttons - USA Flag Colors */
.header-call-btn {
    border-radius: 50px !important;
    background: transparent !important;
    color: var(--usa-blue) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 22px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 2px solid var(--usa-blue) !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
}

.header-call-btn i {
    color: var(--usa-red) !important;
}

.header-call-btn:hover {
    background: var(--usa-blue) !important;
    color: var(--usa-white) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px var(--usa-shadow) !important;
}

.header-call-btn:hover i {
    color: var(--usa-white) !important;
}

.header-getstarted-btn {
    border-radius: 50px !important;
    background: var(--usa-red) !important;
    color: var(--usa-white) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 24px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.25s ease !important;
    border: 2px solid var(--usa-red) !important;
    box-shadow: 0 4px 14px rgba(178, 34, 52, 0.25) !important;
}

.header-getstarted-btn:hover {
    background: var(--usa-red-hover) !important;
    border-color: var(--usa-red-hover) !important;
    color: var(--usa-white) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(178, 34, 52, 0.35) !important;
}

/* Hero Section CTA Buttons */
ul.inner-banner-cta li:first-child a {
    background: var(--usa-blue) !important;
    border: 2px solid var(--usa-blue) !important;
    color: var(--usa-white) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px var(--usa-shadow) !important;
    transition: all 0.25s ease !important;
}

ul.inner-banner-cta li:first-child a:hover {
    background: var(--usa-blue-hover) !important;
    border-color: var(--usa-blue-hover) !important;
    transform: translateY(-3px) !important;
}

ul.inner-banner-cta li:last-child a {
    background: var(--usa-red) !important;
    border: 2px solid var(--usa-red) !important;
    color: var(--usa-white) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(178, 34, 52, 0.3) !important;
    transition: all 0.25s ease !important;
}

ul.inner-banner-cta li:last-child a:hover {
    background: var(--usa-red-hover) !important;
    border-color: var(--usa-red-hover) !important;
    transform: translateY(-3px) !important;
}


/* ==========================================================================
   Official US Flag Gradient for CTA Sections
   ========================================================================== */
section.cta-sec,
section.cta-sec.cta-sec-new,
section.cta-sec.cta-sec-new.cta-sec-new2,
section.cta-sec.cta-sec-new.seo-cta-sec-st,
.cta-sec,
.cta-sec-new,
.cta-sec-new2 {
    background: linear-gradient(135deg, var(--usa-blue) 0%, #262548 48%, var(--usa-red) 100%) !important;
    position: relative !important;
    z-index: 1 !important;
}

section.cta-sec:before,
section.cta-sec.cta-sec-new:before,
section.cta-sec.cta-sec-new2:before,
.cta-sec-new2:before {
    display: none !important;
}

.cta-txt h2,
.cta-sec .cta-txt h2,
.cta-sec-new .cta-txt h2 {
    color: var(--usa-white) !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

.cta-sec-new .cta-new-btn li a.chats,
.cta-sec .cta-new-btn li:first-child a {
    background: var(--usa-blue) !important;
    color: var(--usa-white) !important;
    border: 2px solid var(--usa-white) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.25s ease !important;
}

.cta-sec-new .cta-new-btn li a.chats:hover,
.cta-sec .cta-new-btn li:first-child a:hover {
    background: var(--usa-blue-hover) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

.cta-sec-new .cta-new-btn li a.popup-btn,
.cta-sec .cta-new-btn li:last-child a {
    background: var(--usa-white) !important;
    color: var(--usa-red) !important;
    border: 2px solid var(--usa-white) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.25s ease !important;
}

.cta-sec-new .cta-new-btn li a.popup-btn:hover,
.cta-sec .cta-new-btn li:last-child a:hover {
    background: var(--usa-red) !important;
    color: var(--usa-white) !important;
    border-color: var(--usa-red) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(178, 34, 52, 0.4) !important;
}


/* ==========================================================================
   Updated Root Diagonal USA Flag Colors
   ========================================================================== */
:root {
  --usa-red: #B62631;           /* Red Top-Right */
  --usa-white: #FFFFFF;         /* White Center */
  --usa-blue: #182751;          /* Dark Blue Bottom-Left */

  --usa-red-hover: #8C1927;
  --usa-blue-hover: #101b38;
  --usa-shadow: rgba(24, 39, 81, 0.25);

  --primary-color: var(--usa-red);
  --secondary-color: var(--usa-blue);
  --color-primary: var(--usa-red);
  --color-primary-dark: var(--usa-red-hover);
  --color-secondary: var(--usa-blue);
  --color-secondary-dark: var(--usa-blue-hover);
  --diagonal-gradient: linear-gradient(135deg, #182751 0%, #202e5a 45%, #B62631 100%);
}

/* ==========================================================================
   Hero Glassmorphism Form (Matching Reference Mockup)
   ========================================================================== */
.banner-hero-form {
    background: rgba(14, 18, 28, 0.78) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    padding: 30px 28px 25px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.55) !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 15 !important;
}

.banner-hero-form .form-head {
    margin-bottom: 20px !important;
    text-align: left !important;
}

.banner-hero-form .form-head h3 {
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 8px 0 !important;
}

.banner-hero-form .form-head p {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.banner-hero-form .fldset {
    margin-bottom: 11px !important;
    position: relative !important;
    width: 100% !important;
}

.banner-hero-form input[type="text"],
.banner-hero-form input[type="email"],
.banner-hero-form input[type="number"],
.banner-hero-form select.hero-service-select {
    width: 100% !important;
    height: 48px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 0 16px !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
}

.banner-hero-form .hero-phone-fld {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

.banner-hero-form .hero-phone-fld .flag-icon {
    position: absolute !important;
    left: 14px !important;
    font-size: 18px !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.banner-hero-form .hero-phone-fld input {
    padding-left: 45px !important;
}

.banner-hero-form select.hero-service-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px !important;
    cursor: pointer !important;
}

.banner-hero-form select.hero-service-select option {
    background: #141724 !important;
    color: #FFFFFF !important;
}

.banner-hero-form textarea {
    width: 100% !important;
    height: 80px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    resize: none !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
}

.banner-hero-form input:focus,
.banner-hero-form select:focus,
.banner-hero-form textarea:focus {
    border-color: var(--usa-red) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(182, 38, 49, 0.35) !important;
}

.banner-hero-form input::placeholder,
.banner-hero-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

.banner-hero-form .banner-submit-btn {
    width: 100% !important;
    height: 50px !important;
    background: var(--usa-red) !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 6px 20px rgba(182, 38, 49, 0.45) !important;
    margin-top: 4px !important;
}

.banner-hero-form .banner-submit-btn:hover {
    background: var(--usa-red-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(182, 38, 49, 0.55) !important;
}

/* ==========================================================================
   Modern Inline Services Section (Matching Reference Mockup)
   ========================================================================== */
.modern-services-section {
    background: #0a0c12 !important;
    padding: 75px 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.services-sec-head {
    margin-bottom: 45px !important;
}

.services-sec-head .upr-head {
    color: var(--usa-red) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 8px !important;
}

.services-sec-head .main-heading {
    color: #FFFFFF !important;
    font-size: clamp(26px, 4vw, 38px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

.services-modern-grid {
    row-gap: 20px !important;
}

.service-item-box {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.service-item-box:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(182, 38, 49, 0.45) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

.service-icon-wrap {
    width: 50px !important;
    height: 50px !important;
    border-radius: 14px !important;
    background: var(--usa-red) !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 14px rgba(182, 38, 49, 0.35) !important;
    transition: all 0.25s ease !important;
}

.service-item-box:hover .service-icon-wrap {
    transform: scale(1.06) !important;
    box-shadow: 0 6px 18px rgba(182, 38, 49, 0.55) !important;
}

.service-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.service-title {
    color: #FFFFFF !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    margin: 0 0 3px 0 !important;
    line-height: 1.3 !important;
    transition: color 0.2s ease !important;
}

.service-item-box:hover .service-title {
    color: #FFFFFF !important;
}

.service-desc {
    color: #9ba1b4 !important;
    font-size: 13.5px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

@media (max-width: 991.98px) {
    .modern-services-section {
        padding: 50px 0 !important;
    }
    
    .services-modern-grid {
        row-gap: 14px !important;
    }
    
    .banner-hero-form {
        margin-top: 30px !important;
        padding: 24px 20px !important;
    }
}


/* ==========================================================================
   Inner Pages Diagonal Gradient Banner (No Image Background)
   ========================================================================== */
.inner-banner {
    background: linear-gradient(135deg, var(--usa-blue) 0%, #202e5a 45%, var(--usa-red) 100%) !important;
    padding: 80px 0 60px 0 !important;
    position: relative !important;
    z-index: 2 !important;
    color: #ffffff !important;
}

/* Homepage Hero banner retains hero.jpg */
.inner-banner.home-banner {
    background: url('assets/images/hero.jpg') no-repeat center center / cover !important;
    padding-top: 60px !important;
    padding-bottom: 50px !important;
}

.inner-banner .inner-head h1,
.inner-banner .inner-head h1 span {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.inner-banner .inner-head p {
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   Navbar Services Dropdown (15 Services with FontAwesome Icons)
   ========================================================================== */
.main-menu .nav-item.dd-link .new-dd-box {
    width: 720px !important;
    max-width: 95vw !important;
    padding: 22px 24px !important;
}

.dd-top-heading {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: var(--usa-red) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 1.5px solid rgba(24, 39, 81, 0.1) !important;
    text-align: left !important;
}

ul.new-dd-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
}

ul.new-dd-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    color: var(--usa-blue) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

ul.new-dd-list li a i {
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    background: rgba(182, 38, 49, 0.1) !important;
    color: var(--usa-red) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

ul.new-dd-list li a:hover {
    background: #f4f6fb !important;
    color: var(--usa-red) !important;
    transform: translateX(3px) !important;
}

ul.new-dd-list li a:hover i {
    background: var(--usa-red) !important;
    color: #ffffff !important;
}

@media (max-width: 991.98px) {
    ul.new-dd-list {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }
    
    .dd-top-heading {
        color: var(--usa-red) !important;
        border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    }
    
    ul.new-dd-list li a {
        color: #e0e0e0 !important;
    }
    
    ul.new-dd-list li a i {
        background: rgba(255, 255, 255, 0.1) !important;
        color: var(--usa-white) !important;
    }
    
    .inner-banner {
        padding: 50px 0 40px 0 !important;
    }
}


/* ==========================================================================
   Hero Section Alignment, Background Image & Heading Accents
   ========================================================================== */
.inner-banner.home-banner {
    background: url('../images/hero.jpg') no-repeat center center / cover !important;
    padding: 85px 0 75px 0 !important;
    min-height: 640px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

.home-banner:before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(10, 14, 25, 0.6) !important;
    z-index: 2 !important;
}

.home-banner .inner-head h1 {
    font-size: clamp(28px, 4.5vw, 48px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #FFFFFF !important;
    margin-bottom: 18px !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
}

.home-banner .inner-head h1 span {
    color: #ff3b4d !important;
    display: inline !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
}

.home-banner .inner-head p {
    font-size: 15.5px !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 25px !important;
    max-width: 580px !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6) !important;
}

/* Compact & Proportional Hero Form */
.banner-hero-form {
    background: rgba(14, 18, 28, 0.82) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 18px !important;
    padding: 24px 22px 20px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 15 !important;
}

.banner-hero-form .form-head {
    margin-bottom: 15px !important;
}

.banner-hero-form .form-head h3 {
    font-size: 20px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
}

.banner-hero-form .form-head p {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.banner-hero-form .fldset {
    margin-bottom: 9px !important;
}

.banner-hero-form input[type="text"],
.banner-hero-form input[type="email"],
.banner-hero-form input[type="number"],
.banner-hero-form select.hero-service-select {
    height: 44px !important;
    font-size: 13.5px !important;
    padding: 0 14px !important;
}

.banner-hero-form .hero-phone-fld .flag-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.banner-hero-form .hero-phone-fld input {
    padding-left: 42px !important;
}

.banner-hero-form textarea {
    height: 65px !important;
    font-size: 13.5px !important;
    padding: 10px 14px !important;
}

.banner-hero-form .banner-submit-btn {
    height: 46px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
}

@media (max-width: 991.98px) {
    .inner-banner.home-banner {
        padding: 50px 0 40px 0 !important;
        min-height: auto !important;
    }
    
    .home-banner .inner-head h1 {
        font-size: clamp(24px, 5.5vw, 36px) !important;
        text-align: center !important;
    }
    
    .home-banner .inner-head p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ==========================================================================
   Header & Navbar Always Visible Above Banner
   ========================================================================== */
header {
    position: relative !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
}

.main-header {
    position: relative !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    padding: 14px 0 !important;
    border-bottom: 2px solid rgba(24, 39, 81, 0.08) !important;
    box-shadow: 0 2px 15px rgba(24, 39, 81, 0.06) !important;
}


/* ==========================================================================
   Explore Our Complete Publishing & Writing Services - Bento Grid Section
   ========================================================================== */
.bento-services-section {
    position: relative;
    padding: 90px 0 100px 0;
    background: #0b1120 url('../images/new-home-pg/banner.jpg') no-repeat center center / cover;
    overflow: hidden;
}

.bento-services-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(14, 23, 42, 0.95) 0%, rgba(24, 39, 81, 0.92) 50%, rgba(182, 38, 49, 0.88) 100%);
    z-index: 1;
}

.bento-services-section .container {
    position: relative;
    z-index: 2;
}

.bento-sec-head {
    max-width: 820px;
    margin: 0 auto 55px auto;
}

.bento-sec-head .bento-badge {
    display: inline-block;
    background: rgba(182, 38, 49, 0.2);
    border: 1px solid rgba(182, 38, 49, 0.6);
    color: #ff6b7a;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
}

.bento-sec-head .main-heading {
    color: #FFFFFF !important;
    font-size: clamp(30px, 4vw, 44px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
    text-transform: capitalize;
}

.bento-sec-head .bento-subtext {
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 640px;
}

.bento-grid-row {
    row-gap: 28px;
}

.bento-card {
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    padding: 32px 28px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.bento-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #182751, #B62631);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bento-card:hover {
    transform: translateY(-6px);
    border-color: rgba(182, 38, 49, 0.5);
    background: rgba(20, 30, 55, 0.88);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45), 0 0 25px rgba(182, 38, 49, 0.25);
}

.bento-card:hover::after {
    opacity: 1;
}

.bento-card-featured {
    padding: 36px 32px;
    background: rgba(18, 28, 52, 0.8);
    border-color: rgba(255, 255, 255, 0.16);
}

.bento-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.bento-icon-badge {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #B62631 0%, #182751 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 22px;
    box-shadow: 0 6px 16px rgba(182, 38, 49, 0.35);
    transition: transform 0.3s ease;
}

.bento-card:hover .bento-icon-badge {
    transform: scale(1.1) rotate(5deg);
}

.bento-eyebrow {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    color: #ff7b88;
    background: rgba(182, 38, 49, 0.15);
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid rgba(182, 38, 49, 0.3);
}

.bento-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.bento-title {
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.01em;
}

.bento-card-featured .bento-title {
    font-size: 24px !important;
}

.bento-desc {
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
    flex-grow: 1;
}

.bento-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
}

.bento-tags span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 4px 10px;
    border-radius: 6px;
}

.bento-tags span i {
    color: #ff5263;
    font-size: 11px;
}

.bento-btn-wrap {
    margin-top: auto;
    padding-top: 10px;
}

.bento-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    padding: 10px 20px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all 0.3s ease;
}

.bento-link i {
    font-size: 12px;
    transition: transform 0.25s ease;
}

.bento-card:hover .bento-link,
.bento-link:hover {
    background: linear-gradient(135deg, #B62631 0%, #8C1927 100%);
    border-color: #B62631;
    color: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(182, 38, 49, 0.4);
}

.bento-link:hover i,
.bento-card:hover .bento-link i {
    transform: translateX(4px);
}

@media (max-width: 991.98px) {
    .bento-services-section {
        padding: 60px 0 70px 0;
    }
    .bento-card {
        padding: 24px 20px;
    }
    .bento-card-featured {
        padding: 26px 22px;
    }
}

@media (max-width: 575.98px) {
    .bento-services-section {
        padding: 45px 0 55px 0;
    }
    .bento-sec-head {
        margin-bottom: 35px;
    }
    .bento-title,
    .bento-card-featured .bento-title {
        font-size: 19px !important;
    }
    .bento-desc {
        font-size: 13.5px !important;
    }
}


/* ==========================================================================
   Alternating Section Rhythm Theme (Light / Dark USA Gradient Contrast)
   ========================================================================== */

/* 1. Ghostwriter 3D Slider Section - Light */
.home-ghost-sec {
    background: #f8f9fc !important;
    padding: 75px 0 !important;
}
.home-ghost-head span {
    color: var(--usa-red, #B62631) !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
}
.home-ghost-head h2 {
    color: #182751 !important;
}
.home-ghost-head h2 strong {
    color: #B62631 !important;
}

/* 2. Success Stats Section - Light */
.new-sucess-sec {
    background: #ffffff !important;
    padding: 70px 0 !important;
}
.new-sucess-sec .news-head-2 span {
    color: #B62631 !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
}
.new-sucess-sec .news-head-2 h2 {
    color: #182751 !important;
}
.counter-sec-sucess .counter-div-st span,
.counter-sec-sucess .counter-div-st strong {
    color: white !important;
}
.counter-sec-sucess h6 {
    color: #182751 !important;
}

/* 3. CTA Sections - Dark USA Gradient */
.cta-sec-new {
    background: linear-gradient(135deg, #182751 0%, #111a33 50%, #B62631 100%) !important;
    padding: 65px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
.cta-sec-new .cta-txt h2 {
    color: #ffffff !important;
    font-size: clamp(26px, 3.5vw, 38px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* 4. Published Works Portfolio - Light */
section.portfolio-sec-new:not(.testi-new-sec) {
    background: #ffffff !important;
    padding: 75px 0 !important;
}
section.portfolio-sec-new:not(.testi-new-sec) .hd-txt h2 {
    color: #182751 !important;
}
section.portfolio-sec-new:not(.testi-new-sec) .hd-txt p {
    color: #4a5568 !important;
}
section.portfolio-sec-new:not(.testi-new-sec) .marque-st {
    color: rgba(24, 39, 81, 0.04) !important;
}

/* 5. About Section - Dark USA Gradient */
.about-section {
    background: linear-gradient(135deg, rgba(14, 23, 42, 0.96) 0%, rgba(24, 39, 81, 0.94) 50%, rgba(182, 38, 49, 0.9) 100%), url('../images/new-home-pg/about-bg.jpg') no-repeat center center / cover !important;
    padding: 85px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
.about-section .hd-txt h4 {
    color: #ff6b7a !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
.about-section .hd-txt h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.about-section .hd-txt h2 span {
    color: #ff4757 !important;
}
.about-section .hd-txt p {
    color: rgba(255, 255, 255, 0.85) !important;
    max-width: 750px !important;
    margin: 0 auto !important;
}
.about-bx-txt h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.35 !important;
    margin-bottom: 18px !important;
}
.about-bx-txt p {
    color: rgba(255, 255, 255, 0.82) !important;
    line-height: 1.7 !important;
    margin-bottom: 24px !important;
}

/* 6. Story & Process Steps - Light */
.story-new-sec,
.bk-proces-new-sec {
    background: #f8f9fc !important;
    padding: 75px 0 !important;
}
.story-new-sec .news-head-2 h2 {
    color: #182751 !important;
}
.story-new-sec .news-head-2 h2 strong {
    color: #B62631 !important;
}
.story-new-sec .news-head-2 p {
    color: #4a5568 !important;
}
.process-new-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 28px 22px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.35s ease !important;
    position: relative !important;
}
.process-new-box:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(182, 38, 49, 0.4) !important;
    box-shadow: 0 12px 30px rgba(182, 38, 49, 0.15) !important;
}
.process-new-box h4 {
    color: #182751 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}
.process-new-box p {
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
.process-new-box span {
    color: rgba(182, 38, 49, 0.25) !important;
    font-size: 32px !important;
    font-weight: 800 !important;
}

/* 7. Awards Section - Light */
.awards-new-sec {
    background: #ffffff !important;
    padding: 75px 0 !important;
}
.awards-new-sec .hd-txt h4 {
    color: #B62631 !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
}
.awards-new-sec .hd-txt h2 {
    color: #182751 !important;
}
.awards-new-sec .hd-txt h2 span {
    color: #B62631 !important;
}

/* 8. Testimonials Section - Dark USA Gradient */
section.portfolio-sec-new.testi-new-sec {
    background: linear-gradient(135deg, rgba(14, 23, 42, 0.97) 0%, rgba(24, 39, 81, 0.95) 50%, rgba(182, 38, 49, 0.9) 100%) !important;
    padding: 85px 0 !important;
    position: relative !important;
}
section.portfolio-sec-new.testi-new-sec .hd-txt h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
}
section.portfolio-sec-new.testi-new-sec .hd-txt p {
    color: rgba(255, 255, 255, 0.85) !important;
}
.testi-box {
    background: rgba(15, 23, 42, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 18px !important;
    padding: 30px 26px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    margin: 10px 15px !important;
}
.testi-box h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}
.testi-box h3 span {
    color: #ff6b7a !important;
}
.testi-box p {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
}
.testi-star-new i {
    color: #f1c40f !important;
    font-size: 14px !important;
}