/*
Theme Name: Book Creating
Theme URI: -
Description: Custom Development Theme
Author: MWG
Author URI: https://www.bookcreating.com/
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Custom Template
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
@font-face { font-family: BebasNeue; src: url(fonts/BebasNeue.woff); }
@font-face { font-family: BrandingProLight; src: url(fonts/BrandingProLight.woff); }
@font-face { font-family: BrandingProBold; src: url(fonts/BrandingProBold.woff); }
ul { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a,
.btn-default,
textarea { margin: 0; padding: 0; }
* { margin: 0; padding: 0; }
a { text-decoration: none !important; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
body {    /* overflow-x: hidden; */

/* font-family: 'Poppins', sans-serif; */ }

/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg { position: fixed; top: 10px; left: 10px; width: 40px; height: 40px; z-index: 9999999; text-align: center; color: white; display: none; transition: all ease-out 0.3s; }
a#hamburg i { position: relative; top: 50%; transform: translateY(-50%); }
.nav1 { transition: all ease-out 0.3s; display: none; }
.nav1 a { color: #fff; font-size: 13px; }
.nav1 ul { margin: 0; padding: 0; background-color: #303030; }
.nav1 ul li { display: inline-block; position: relative; }
.nav1 ul li>a { display: inline-block; padding: 10px; }
.nav1 ul li>a>i { margin-left: 15px; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; }
.nav1 ul li ul { display: none; position: absolute; top: 38px; background: #222; width: 200px; text-align: left; }
.nav1 .search-nav,
.nav1 .title { display: none; }
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover>a { color: #000; text-decoration: none; }
.nav1 ul li:hover>a>i { transform: rotateZ(90deg); }
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float: right; height: 0; margin: 8px 0 0 8px; width: 0; }
.nav1 ul li.open span.marrow { border-left: 5px solid transparent; border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
@media screen and (max-width:991px) {
	a#hamburg { display: block; }
	main { transition: all ease-out 0.3s; }
	.nav1 .row { margin: 0px; }
	.nav1 { background: #0b2a39; box-shadow: -2px 0 0px #ec0303 inset; display: block; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; transform: translateX(-250px); width: 250px; }
	.nav1 .search-nav,
	.nav1 .title { display: block; }
	.nav1 .search-nav input { border: 1px solid #2c313f; background-color: rgba(255, 255, 255, 0.2); padding: 5px; width: 100%; color: #000; margin: 10px 0; }
	.nav1 .search-nav input[type="submit"] { background: url("images/search-icon.png") no-repeat scroll center center; border: 0; width: auto; font-size: 0; height: 16px; position: absolute; right: 7px; top: 8px; width: 16px; filter: invert(100%); }
	.nav1 .title { background: #000; color: #fff; font-size: 14px; margin: 0 -15px; padding: 6px 15px 6px; }
	.search-nav>form { position: relative; }
	.nav1 a:hover { color: #0c73b4; text-decoration: none; }
	.nav1 ul { text-align: left; background-color: transparent; margin-top: 50px; }
	.nav1 ul li { display: block; border-bottom: 1px solid #999; }
	.nav1 ul li a { display: block; padding: 10px 0; }
	.nav1 ul li:hover>a { color: #0c73b4; }
	.nav1 ul li a>i { float: right; }
	.nav1 ul li ul { display: none; position: static; width: 100%; background-color: transparent; padding: 0 10px; }
	.nav1 ul li:hover>ul { display: none; }
	.nav1 ul li:hover>a>i { transform: rotateZ(0); }
	.nav1 ul li.open>a { background-color: transparent; }
	.nav1 ul li.open>a>i { transform: rotateZ(90deg); }
	.nav1 ul li.open>ul { display: block; }
	div#menuoverlay { display: block; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-out 0.3s; z-index: 1; opacity: 0; }
	html.open-menu { overflow: hidden; }
	html.open-menu div#menuoverlay { visibility: visible; background: rgba(0, 0, 0, 0.5); min-height: 100vh; width: 100% !important; opacity: 1; width: calc(-150%); left: 250px; }
	html.open-menu a#hamburg { transform: translateX(250px); z-index: 999; }
	html.open-menu main { transform: translateX(250px); }
	html.open-menu nav.nav1 { z-index: 3; transform: translateX(0); }
	.menu-main-menu-container ul ul ul li a { padding: 5px; }
	ul li.has-subnav .accordion-btn { color: #000; font-size: 24px; width: 20px !important; float: right; line-height: inherit !important; }
	.nav1 ul li:last-child { border: 0; }
	.nav-cross.open>span { background: #ec0303; }

	/*---------------------Hamberg Icon --------------------------------------------- */
	.nav-cross { width: 24px; height: 40px; position: relative; margin: 0px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
	.nav-cross span { display: block; position: absolute; height: 3px; width: 100%; background: #ec0303; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
	#nav-icon1 span:nth-child(1) { top: 0px; }
	#nav-icon1 span:nth-child(2) { top: 18px; }
	#nav-icon1 span:nth-child(3) { top: 36px; }
	#nav-icon1.open span:nth-child(1) { top: 18px; transform: rotate(135deg); }
	#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
	#nav-icon1.open span:nth-child(3) { top: 18px; transform: rotate(-135deg); }
	.nav-cross span:nth-child(1) { top: 12px; transform-origin: left center; }
	.nav-cross span:nth-child(2) { top: 20px; transform-origin: left center; }
	.nav-cross span:nth-child(3) { top: 28px; transform-origin: left center; }
	.nav-cross.open span:nth-child(1) { transform: rotate(45deg); top: 11px; left: 4px; }
	.nav-cross.open span:nth-child(2) { width: 0%; opacity: 0; }
	.nav-cross.open span:nth-child(3) { transform: rotate(-45deg); top: 28px; left: 4px; }
}

/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider { position: relative; clear: left; overflow: hidden; }
.slider .inner-item { height: 756px; }
.slider .container { position: relative; }
.slick-slide .caption { color: #fff; font-size: 1.2em; line-height: 1.2em; position: absolute; left: 10%; text-shadow: 2px 2px 2px #000; top: 37%; width: 35%; background: rgba(0, 0, 0, 0.7); padding: 20px 20px 0; z-index: 99; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.thumb-slider .slick-slide { margin: 5px 0 0 5px; }
.slider-thumb .thumb-slider .slick-slide img { max-width: 100%; height: auto; box-sizing: border-box; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; transition: all .25s ease; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; z-index: 11; bottom: -30px; margin: 0px; padding: 0; text-align: center; width: 100%; }
.slick-dots li { list-style: none; display: inline-block; }
.slick-dots button { border: 1px solid #333; background: #fff; width: 12px; height: 12px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px; }
.slick-dots .slick-active button { background: red; }
.slick-arrow { border: 0px; font-size: 0; right: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 1; background: var(--secondary-background-color); width: 60px; height: 55px;    /*transform: rotate(180deg)*/ transition: all ease 1s; }
.services-slider .slick-arrow { height: 65px; }
.slick-arrow:hover { background: #000 url(images/right-arrow.png) no-repeat center center; }
.slick-next.slick-arrow { transform: rotate(0deg) }
.slider-progress { width: 100%; height: 5px; background: rgba(0, 216, 192, 0.8); position: absolute; top: 0; z-index: 99; }
.slider-progress .progress { width: 0%; height: 5px; background: rgba(36, 51, 0, 0.8); }
.thumb-slider .slick-active img { border: 1px solid transparent; }
.thumb-slider .slick-current img { opacity: 0.5; }

/* custom css */
.baselineRow { display: flex; align-items: baseline; }
.centerRow { display: flex; align-items: center; }
section { padding: 50px 0; }
marquee { width: 100%; height: 32px; display: flex; align-items: center; }
marquee .animatedTxt { margin: 0; font-size: 120px; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px #dddd; }
marquee .animatedTxt span { -webkit-text-stroke: 1px #ff000057; }

/* slider css */

/* theme css end */

/* custom css */

/* roots */:root { --primary-background-color: #e0b698; --secondary-background-color: #bf7e51; --dark-background-color: #2e433a; --black-color: #1b272e; --White-color: #fff; --primary-headingcolor: #1b272e; }
.primaryHeading { font-family: 'BebasNeue', sansserif; font-size: 60px; line-height: 1; color: var(--primary-headingcolor); font-weight: 500; }
.primaryHeading .primarySpan { color: var(--secondary-background-color); }
.subtitle { font-family: 'BebasNeue', sansserif; font-size: 16px; background: var(--secondary-background-color); width: 60%; letter-spacing: 3px; padding: 5px 10px; text-align: center; border-radius: 5px; color: #fff; line-height: 1.1; font-weight: 500; }
.secondSubtitle { color: var(--White-color); background: var(--secondary-background-color); font-size: 16px; }
.textBox { color: var(--black-color); font-size: 16px; line-height: 1.6; }

/* btns */
.primarybtn .border.btn1 { color: #fff; background: var(--dark-background-color); width: 220px; display: block; text-align: center; padding: 15px; padding-left: 40px; border-radius: 10px; border: 2px solid transparent; }
.primarybtn .border.btn1:hover { background: var(--secondary-background-color); border: 2px solid #fff; color: var(--dark-background-color); font-weight: 800; }
.primarybtn .border.btn2 { color: #fff; background: var(--secondary-background-color); width: 220px; display: block; text-align: center; padding: 15px; border-radius: 10px; border: 2px solid transparent; transition: all ease 1s; text-transform: capitalize; }
.primarybtn .border.btn2:hover { border: 2px solid #fff; background: var(--primary-background-color); color: var(--dark-background-color); font-weight: 800; }
.primarybtn .border.btn1.btnChat.lightBtn { background: var(--primary-background-color); }
.primarybtn .border.btn1.btnChat.lightBtn:hover { background: var(--secondary-background-color); }

/* btns */

/* header start */
header { background: #e0b698; padding: 0; position: relative; padding-bottom: 70px; z-index: 1; }
.topHeader { display: flex; justify-content: space-between; padding: 10px 0 10px; align-items: center; position: relative; z-index: 0; }
header .topHeader ul { display: flex; gap: 50px; margin: 0; }
header .bottomHeader .menu ul { display: flex; gap: 20px; margin: 0; }
header .topHeader ul li a { display: flex; align-items: center; color: #000; gap: 10px; }
header .topHeader ul li a p { margin: 0; transition: all ease 1s; }
.headerBottom .bottomHeader { display: flex; align-items: center; padding: 10px 40px; background: #2e433a; border-radius: 20px;    /* position: absolute; */    /* left: 0; */

	/* right: 0; */

	/* width: 90%; */

/* margin: 0 auto; */ }
.menu.left-menu { width: 43%; }
.logo { width: 15%; }
.menu.right-menu { width: 27%; }
.headerBottom .bottomHeader .primarybtn { width: 15%; }
header .bottomHeader .menu ul li { padding: 15px 7px; transition: all ease 1s; border-bottom: 2px solid transparent; }
header .bottomHeader .menu ul li:hover { border-bottom: 2px solid var(--secondary-background-color); }
header .bottomHeader .menu ul li a { color: #fff; }
header .bottomHeader .menu ul li:hover a { color: var(--secondary-background-color); }
header .bottomHeader .menu.right-menu { display: flex; justify-content: flex-end; }
.headerBottom .bottomHeader .border.btn2 { margin: 0 auto; margin-right: 0; }
header .topHeader ul li a i { width: 40px; height: 40px; background: #ce9e7c; display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: all ease 1s; }
header .topHeader ul li a:hover { transition: all ease 1s; }
header .topHeader ul li a:hover i { background: var(--dark-background-color); color: #fff; transition: all ease 1s; }
header .topHeader ul li a:hover p { color: var(--White-color); transition: all ease 1s; }
.primarybtn .border.btn1.btnChat { position: relative; text-align: left; }
.primarybtn .border.btn1.btnChat .chat { position: absolute; right: 28px; background: url(images/images-removebg-preview.png); background-size: contain; background-repeat: no-repeat; width: 50px; height: 40px; padding-left: 9px; padding-top: 2px; font-size: 15px; top: 5px; }
.primarybtn .border.btn1.btnChat:before { content: ''; background: var(--secondary-background-color); position: absolute; width: 40px; height: 23px; right: 36px; top: 10px; animation: chatIcon 2s linear infinite; border-radius: 4px; }
.primarybtn .border.btn1.btnChat:after { content: ''; background: red; position: absolute; width: 18px; height: 15px; right: 55px; top: 30px; z-index: 0; clip-path: polygon(85% 0, 29% 0, 0 100%); animation: chatIcon 2s linear infinite; }
.primarybtn .border.btn1.btnChat:hover { transition: all ease 1s; }
.primarybtn .border.btn1.btnChat:hover:before { background: var(--White-color); }
.topHeader .primarybtn .border.btn1.btnChat:hover:after { background: var(--White-color); }
.headerBottom { position: absolute; left: 0; right: 0; width: 90%; margin: 0 auto !important; z-index: 1; }

/* header end */

/* banner start */
.banner { position: relative; z-index: 0; background: url(images/bannerBG.png); padding: 130px 0 64px;    /* display: flex; */    /* height: 740px; */
align-items: center; }
.banner .container-fluid { width: 90%; }
.banner .row { display: flex; align-items: center; }

/* .bannerAnimImgs {
position: absolute;
top: 0;
right: 0;
z-index: -1;
transform: rotate(25deg);
right: -50px;
} */
.bannerAnimImgs .leftImg { position: relative; left: 610px; height: 380px; width: 300px; object-fit: contain; }
.bannerAnimImgs .RightImg { position: relative; left: 0; width: 300px; height: 380px; bottom: -400px; object-fit: contain; }
.bannerImg1 { animation: slide-top 2s linear infinite alternate both; }
.RightImg.bannerImg4 { animation: slide-top 2s linear infinite alternate both; bottom: -430px; }
.circle { position: absolute; width: 150px; height: 150px; background: var(--secondary-background-color); border-radius: 100%; }
.circle.c1 { top: 0; left: 60%; animation: slide-left 2s infinite alternate both; }
.circle.c2 { bottom: -70px; left: 10%; animation: slide-right 2s infinite alternate both; }
.bannerImg2 { animation: slide-top 4s linear infinite alternate both; }
.bannerImg3 { animation: slide-top 4s linear infinite alternate both; position: absolute; bottom: -633px; }

/* form box */
.form-box { width: 60%; margin: 0 auto; background: var(--dark-background-color); border-radius: 10px; margin-top: 40px; margin-left: 35px; }
.form-box input { width: 100%; margin-bottom: 15px; outline: none; padding: 10px 15px; border-radius: 10px; border: 2px solid transparent; }
.form-box textarea { width: 100%; margin-bottom: 10px; outline: none; padding: 10px 20px; }
.form-content { background: var(--secondary-background-color); border-radius: 10px; margin-bottom: 20px; }
.form-content .primaryHeading { padding: 20px 35px; color: var(--White-color); font-size: 27px; margin: 0; text-align: center; letter-spacing: 1px; font-family: 'BrandingProLight', sans-serif; font-weight: 200; line-height: 1.1; }
.form-box form {    /* background: var(--dark-background-color); */
padding: 0 70px 30px; }
.form-box input::placeholder { font-size: 16px; }
textarea::placeholder { font-size: 16px; }
.form-box input:focus { background: var(--secondary-background-color); color: var(--White-color); }
.form-box input:focus::placeholder { color: var(--White-color); }
.form-box textarea:focus { background: var(--secondary-background-color); color: var(--White-color); }
.form-box textarea:focus::placeholder { color: var(--White-color); }
.form-box form .border.btn2 { margin: 0; width: 100%; }

/* form box */

/* banner end */

/* bookInfo start */
.bookInfo { background: #fff; position: relative; padding-bottom: 0; }
.bookInfo .circle.c1 { top: 90%; z-index: -1; left: 75%; }
.bookInfo .row { display: flex; justify-content: center; text-align: center; }
.bookInfo .subtitle { margin: auto; width: 65%; }
.bookInfo .primaryHeading { font-size: 65px; }
.booxInfoGrid { position: relative; background: url(images/sketchBg.png), var(--primary-background-color); background-size: 100% 100%; background-position: center right; background-repeat: no-repeat; padding: 40px; display: flex; align-items: center; border-radius: 10px; }
.booxInfoGrid:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 31%; width: 3px; height: 80%; background: var(--secondary-background-color); }
.bookInfoImg { width: 30%; padding: 20px; }
.bookInfoImg img { width: 100%; animation: rotatebook 4s ease infinite; }
.bookInfoContent { width: 70%; padding: 20px; text-align: left; }
.bookInfoTextGrid { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 33px; padding-bottom: 20px; }
.bookInfoTextGrid .textBox { width: 48%; }
.booxInfoGrid .primarybtn { display: flex; gap: 10px; }
.booxInfoGrid .bookInfoContent .subtitle { width: 10%; margin-left: 0; }

/* bookInfo end */

/* aboutCreating */
.aboutCreating { position: relative; padding: 200px 0 180px; }
.aboutCreating .aboutCreatingImg img { position: absolute; width: 1000px; z-index: -1; left: 0; top: 270px; bottom: 0; margin: auto; }
.aboutCreatingContent .subtitle { width: 40%; }
.aboutCreatingContent .primaryHeading span { display: block; }
.aboutCreatingContent .textBox { font-size: 16px; }

/* aboutCreating end */

/* buy book */
.buyBook { position: relative; background: linear-gradient(360deg, #e1b99d 50%, transparent 50%); }
.buyBook .circle.c1 { left: 9.5%; top: -20px; animation: slide-left 4s infinite alternate both; }
.buyBook .circle.c2 { left: 86.5%; bottom: 280px; animation: slide-left 4s infinite alternate both; z-index: -1; }
.buyBook .buyBookBG { background: url(images/buyBookBG.jpg); background-size: cover; padding: 80px 20px; display: flex; justify-content: space-between; border-radius: 10px; align-items: center; background-repeat: no-repeat; position: relative; z-index: 2; }
.buyBookContent .subtitle { width: 25%; }
.buyBookContent .primaryHeading { color: var(--White-color); }
.buyBookContent .primaryHeading span { display: block; }
.buyBookContent .textBox { color: var(--White-color); }
.buyBookContent .primarybtn { display: flex; gap: 10px; }
.buyBookImg { text-align: center; position: absolute; left: 150px; top: -240px; }
.buyBookImg img { width: 100%; animation: rotatebook 4s ease infinite alternate both; }

/* buy book end */

/* bookstore */
.bookfeaturedBooks img { width: 100%; height: 500px; object-fit: contain; }
.bookStore { position: relative; background: linear-gradient(180deg, #e1b99d 30%, transparent 90%); }
.crossImg1 { animation: rotatebook 10s ease infinite; }
.crossImg2 { animation: rotatebook 10s ease infinite 5s; }

/* bookstore end */

/* writer */
.writer { background: url(images/treeBG.jpg); background-size: 100% 66%; background-position: top; background-repeat: no-repeat; padding-top: 150px; position: relative; }
.writerMain { background: url(images/writerContentBG.jpg); background-size: cover; background-position: center; padding: 130px 90px 60px; text-align: center; }
.writerMain .writerContent { width: 45%; margin: 0 auto; }
.writerMain .writerContent .primaryHeading { font-size: 71px; line-height: 1; }
.writerMain .writerContent .textBox { color: var(--secondary-background-color); }
.writerMain .writerContent .primarybtn { display: flex; gap: 10px; justify-content: center; }
.writer .circle.c1 { top: 57%; left: 83%; z-index: -1; }

/* writer end */

/* whyChoose */
.whyChoose { position: relative; padding: 170px 0 120px; }
.whyChoose:before { content: ''; position: absolute; width: 100%; height: 88%; background: linear-gradient(90deg, #bf7e5182 0%, transparent 30%); bottom: 0; }
.whyChooseBooksImg img { position: absolute; width: 960px; z-index: -1; right: 0; top: 250px; bottom: 0; margin: auto; }
.allQualities { display: flex; gap: 15px; }
.allQualities .qualityImgBox { width: 60px; background: var(--secondary-background-color); height: 60px; border-radius: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; }
.allQualities .qualityImgBox img { width: 40px; height: 40px; object-fit: contain; }
.qualityContent .primaryHeading { margin-top: 0; font-size: 25px; font-weight: 700; }
.ChooseContent { padding: 10px 0; }
.qualityContent .textBox { font-size: 16px; color: #929ea3; }
.whyChooseContent { padding-left: 80px; }

/* whyChoose end */

/* faq */
.accordion-container { position: relative; width: 100%; height: auto; margin: 40px auto; padding: 50px 70px; z-index: 1; }
.accordion-container:before { content: ''; position: absolute; z-index: -1; background: linear-gradient(360deg, #8d5f43 10%, #71452fa1 90%); height: 100%; left: 65px; width: 97%; top: 10px; border-radius: 120px 0; transform: rotate(8deg); }
.accordion-container:after { content: ''; position: absolute; z-index: -1; background: #2b32482e; height: 100%; left: 0px; width: 100%; top: 25px; border-radius: 120px 0; border: 2px solid #282c3138; }
.accordion-container>h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #ddd }
.set { position: relative; width: 100%; height: auto; background-color: #f5f5f5 }
.set>a { display: block; padding: 10px 15px; text-decoration: none; color: #555; font-weight: 600; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear }
.set>a.active { color: #000; margin-left: 65px }
.set>a:before { float: right; content: ""; height: 8px; margin: 6px 0 0; width: 15px }
.set>a.active:before { filter: invert(100%); transform: rotate(180deg) }
.accordion-container .content { position: relative; width: 100%; height: auto; display: none }
.accordion-container .content p { padding: 10px 15px; margin: 0; color: #333 }
.faq-section .set { background: #a1b2c5; border-radius: 10px; margin: 0 0 20px;    /* box-shadow: 0 0 0 1px #2e433a; */ }
.faq-section .set>a { border: unset; font-size: 20px; line-height: normal; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; font-weight: 600; color: var(--primary-headingcolor); position: relative }
.faq-section .set>a:after { content: '+'; left: unset; right: 15px; position: absolute; background: #fff; width: 30px; height: 30px; text-align: center; top: 50%; transform: translateY(-50%); border-radius: 100%; color: #083a63; display: inline-flex; align-items: center; justify-content: center; font-size: 25px; padding: 3px 0 0 }
.faq-section .set>a.active { margin: 0; background: var(--dark-background-color); border-radius: 10px 10px 0 0; box-shadow: 0 0 10px #0000000f; color: #fff; }
.faq-section .content { border: unset; border-radius: 0 0 10px 10px; box-shadow: 0 10px 10px #0000000f; padding-left: 10px; padding-bottom: 15px; margin: 0 0 20px; padding-right: 50px; background: var(--dark-background-color); }
.faq-section .set>a.active:after { background: #fff; color: #083a63; }
section.faq-section .gl-heading h2 { margin: 0 0 5px }
section.faq-section .para p { max-width: 700px; margin: 0 auto; text-align: center; margin-bottom: 40px }
.faq-section .content p { color: var(--white-color); font-size: 16px; font-weight: 400 }
.faq-section .content { color: #929ea3; }
.faq-section .set>a.active .content { background: #fff; }
section.faqs-sec.faqs.faq-section { background: linear-gradient(515deg, #1b3e6a 25%, #010204 50%, #1b3e6a 75%, #010204 100%); padding: 100px 0 50px; }
.faqSec-heading { width: 100%;    /* margin-left: 80px; */ }
.faqSec-heading img { width: 30%; }
.aiVectorBgBox { text-align: center; position: relative; top: -150px; transition: all ease-in-out; }
.aiVectorBgBox img { position: absolute; left: 0; right: 0; margin: 0 auto; }
.aiVectorBgBox .questionMark { width: 30%; top: 30px; left: 50px; }
.aiVectorBgBox img { width: 70%; z-index: 1; }
.aiVectorBgBox:before { content: ''; position: absolute; width: 210px; height: 320px; top: 51px; left: 289px; z-index: 0; border-radius: 50%; animation: vectorshadow linear 3s infinite alternate both; }
.faqSec-heading .primaryHeading { color: #fff; font-size: 65px; }

/* faq end */

/* call to action */
.callToAction { background: url(images/ctaBg.jpg); background-size: cover; background-position: center; }
.callToAction .row { display: flex; justify-content: center; }
.callToActionContent { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 33; }
.callToActionContent .primaryHeading {color: var(--White-color);text-align: center;}
.callToActionContent .textBox {color: var(--White-color);margin-bottom: 25px;text-align: center;}
.callToActionContent .primarybtn { display: flex; gap: 10px; }

/* call to action end */

/* yourStoryWords */
.giveYourStoryContent { padding-left: 80px; }
.giveYourStoryContent .allQualities.storyBoxs { display: flex; width: 32.5%; flex-direction: column; align-items: center; background: var(--primary-background-color); text-align: center; padding: 15px; border-radius: 15px; transition: all ease 1s; }
.storyBoxsMain { display: flex; flex-wrap: wrap; gap: 10.5px; }
.giveYourStoryContent .allQualities.storyBoxs .textBox { color: var(--black-color); }
.giveYourStoryContent .allQualities.storyBoxs:hover { background: var(--secondary-background-color); }
.giveYourStoryContent .allQualities.storyBoxs:hover .qualityImgBox { background: var(--primary-background-color); }
.giveYourStoryContent .allQualities.storyBoxs:hover .primaryHeading { color: var(--White-color); }
.giveYourStoryContent .allQualities.storyBoxs:hover .textBox { color: var(--White-color); }
.giveYourStoryContent .allQualities.storyBoxs .primaryHeading { transition: all ease 1s; }
.giveYourStoryContent .allQualities.storyBoxs .textBox { transition: all ease 1s; }
.giveYourStoryContent .allQualities.storyBoxs:hover .qualityImgBox img { filter: invert(1); }
.giveYourStoryContent .allQualities.storyBoxs .qualityImgBox img { transition: all ease 1s; }
.yourStoryWords { min-height: 950px; position: relative; display: flex; align-items: flex-end; }
.yourStoryWords .circle { position: absolute; z-index: -2; }
.yourStoryWords .circle.c1 { left: 61.4%; top: 44%; animation: none; animation: scale-up-center 3s linear infinite alternate both; }
.storyCtaBox { position: relative; left: -15px; padding: 40px 0; width: 100%; margin-top: 40px; background: var(--secondary-background-color); border-radius: 0 10px 10px 0; }
.storyCtaBox .primarybtn { display: flex; gap: 10px; justify-content: center; }
.storyCtaBox .border.btn1 { padding: 15px; }
.storyCtaBox .border.btn1.btnChat { padding-left: 40px; }
.yourStoryWords .bannerAnimImgs { right: -20px; z-index: 1; top: 70px; }
.yourStoryWords .circle.c2 { bottom: 0px; left: 65%; animation: none; animation: scale-up-center 3s linear infinite 1s alternate both; }
.yourStoryWords .circle { width: 100px; height: 100px; }
.storyCtaBox img { position: absolute; width: 100px; left: 10%; top: 0; bottom: 0; margin: auto; animation: scale-up-center 2s linear infinite alternate both; }
.yourStoryWords .bannerAnimImgs .leftImg.bannerImg2 { top: -50px; }
.yourStoryWords .bannerAnimImgs .RightImg.bannerImg4 { top: 370px; }

/* yourStoryWords end */

/* testimonial */
.testimonialsContent { padding-left: 80px; }
.testiSlider .itemMain { padding: 80px 30px 30px; background: var(--primary-background-color); margin: 50px 10px 0; position: relative; transition: all ease 1s; border-radius: 10px; }
.testiSlider { margin-left: 50px; }
.testimonials { padding: 100px 0; position: relative; }
.testimonials .row { display: flex; align-items: center; }
.testiSlider .primaryHeading.testiName { font-size: 36px; font-weight: 600; margin-bottom: 10px; }
.testiSlider .dessignation { color: var(--black-color); margin-bottom: 10px; }
.testiSlider .testiContent { color: var(--black-color); font-size: 16px; line-height: 1.7; height: 145px; }
.testiSlider .itemMain:before { content: ''; position: absolute; left: 10%; top: -36px; width: 100px; height: 80px; background: url(images/quoteImg.png); background-size: contain; z-index: 1; transition: all ease 1s; background-repeat: no-repeat; }
.testiSlider .itemMain:after { content: ''; position: absolute; left: 53px; top: -9px; height: 60px; width: 50px; background: var(--secondary-background-color); z-index: 0; border-radius: 5px; transition: all ease 1s; }
.testiSlider .itemMain:hover { transition: all ease 1s; background: var(--secondary-background-color); }
.testiSlider .itemMain:hover:after { left: 103px; background: var(--primary-background-color); }
.testiSlider .arrowWrapper.nextArrow.slick-arrow { left: -540px; top: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }
.testiSlider .arrowWrapper.nextArrow.slick-arrow i { color: #fff; font-size: 30px; font-weight: 600; }
.testiSlider .arrowWrapper.prevArrow.slick-arrow { left: -604px; top: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }
.testiSlider .arrowWrapper.prevArrow.slick-arrow i { color: #fff; font-size: 30px; font-weight: 600; }
.testiSlider .arrowWrapper.slick-arrow:hover { background: var(--dark-background-color); }
.testiSlider .arrowWrapper.slick-arrow { border-radius: 10px; }
.testiSlider ul.slick-dots { display: flex; left: -590px; bottom: 20px; width: 90px; justify-content: center; gap: 20px; position: relative; }
.testiSlider ul.slick-dots li:first-child { display: block; }
.testiSlider ul.slick-dots li:last-child { display: block; position: relative; }
.testiSlider ul.slick-dots li { display: none; cursor: pointer; }
.testiSlider ul.slick-dots li:first-child a { color: var(--secondary-background-color); font-size: 35px; }
.testiSlider ul.slick-dots li a { color: #000; }
.testiSlider ul.slick-dots li:last-child:before { content: '/'; color: #000; }
.testimonials .circle.c2 { position: absolute; z-index: -1; left: 86.8%; bottom: 50px; }
.testiSlider .arrowWrapper { cursor: pointer; }

/* testimonial end */

/* darkCta */
.callToAction.darkCta { background: url(images/darkCtaBG.png); background-size: cover; background-position: center; }
.callToAction.darkCta .border.btn1 { padding: 15px; }
.callToAction.darkCta .border.btn1.btnChat { padding-left: 40px; }

/* darkCta end */

/* footer */
footer.footer#footer .col li { list-style: none; }
footer .row { display: flex; justify-content: center; }
footer .col { width: 13.232%; padding: 0px 15px; }
footer { padding: 50px 0 0; background: #000; }
footer .col ul li a { color: #f2f2f2; font-size: 13px; display: flex; gap: 10px; text-transform: capitalize; line-height: 25px; }
footer .col ul li a span { color: var(--secondary-background-color); font-size: 22px; letter-spacing: -5px; }
footer .col ul li a:hover { color: var(--secondary-background-color); letter-spacing: 0.3px; }
footer .col ul li a span:hover { color: var(--white-color); }
footer .footerHeading { color: var(--secondary-background-color); font-size: 14px; margin: 10px 0; padding: 0; font-weight: bold; text-transform: uppercase; }
footer .copyRight { background: var(--secondary-background-color); display: flex; margin-top: 30px; padding: 0; flex-direction: row; justify-content: center; align-items: center; }
footer .copyRight .col-md-4 { }
footer .copyRight .col-md-4 p { color: var(--White-color); margin: 0; text-align: left; font-size: 13px; }
footer .copyRight .col-md-4 ul { display: flex; margin: 0; justify-content: center; gap: 20px; }
footer .copyRight .col-md-4 ul li a { color: var(--White-color); font-size: 13px; }
footer .copyRight .col-md-4 ul li a:hover { color: #000; }
.paymentImages { text-align: end; }

/* footer end */

/* about page */

/* innerBanner */
.innerBanner { position: relative; z-index: 0; background: url(images/aboutPage/Rectangle\ 4.png); background-size: 100% 100%; background-position: bottom; padding: 78px 0 64px; display: flex; align-items: center; height: 450px; z-index: 0; overflow: hidden; }
.innerBanner .circle.c1 { top: -10px; left: 40%; z-index: -1; }
.innerBanner .circle.c2 { left: 50%; bottom: -80px; }

/* innerBanner */

/* btnsSection */
.btnsSection { background: url(images/aboutPage/btnSecBG.png), #fff; background-size: cover; background-position: center; padding-bottom: 70px; position: relative; }
.btnGridsBox { background: url(images/buyBookBG.jpg); background-size: cover; background-position: center; padding: 100px 0px; border-radius: 10px; }
.btnGridsBox .btnGrid .primarybtn { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.btnGridsBox .btnGrid .primarybtn .border.btn2 { width: 200px; font-size: 14px; padding: 15px 10px; }
.btnGridsBox .primaryHeading { text-align: center; color: var(--White-color); margin: 0 0 20px; }
.btnsSection .btnBox { display: flex; align-items: center; padding-top: 50px; padding: 180px 0; }

/* leftSection-rightImg */
.leftSection-rightImg .primarybtn { display: flex; gap: 10px; }
.leftSection-rightImg .primarybtn .border.btn1 { padding: 15px; }
.leftSection-rightImg .primaryHeading span { display: block; }
.rightSection-rightImg { display: flex; position: relative; width: 90%; margin: 0 auto; margin-right: 0; z-index: 0; }
.rightSection-rightImg .img1 { position: absolute; top: 80px; bottom: 0; z-index: 1; width: 50%; margin: auto;    /* opacity: 0.8; */ animation: rotatebook 4s ease infinite; }
.rightSection-rightImg .img2 { position: absolute; z-index: 2; top: 10px; left: 200px; bottom: 0; width: 60%; margin: auto; animation: rotatebook 4s ease infinite 1.5s; }
.rightSection-rightImg:before { content: ''; position: absolute; background: url(images/aboutPage/blob.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 70%; right: 26%; background-position: center; height: 580px; z-index: 1; bottom: -410px; animation: svgRotate 12s infinite alternate linear; }

/* leftSection-rightImg */

/* btnsSection */

/* about page */

/* topNotch translation */
.topNotchBannerAnimImgs { position: absolute; top: 40%; right: 0; z-index: -1; left: 68%; }
.topNotchBannerAnimImgs .leftImg { position: absolute; top: 0; width: 680px; height: 480px; object-fit: contain; }
.left-RightSection { padding: 50px 0 0; display: flex; align-items: center; }
.left-RightSection img { width: 100%; }
.left-RightSection .primaryHeading.leftHeading1 { font-size: 65px; }
.left-RightSection .primaryHeading.leftHeading2 { font-size: 44px; }
.left-RightSection .primarybtn { display: flex; gap: 10px; }
.left-RightSection .primarybtn .border.btn2:nth-child(2) { width: auto; }
.Right-leftSection { padding: 50px 0 0px; display: flex; align-items: center; }
.Right-leftSection .primaryHeading.rightHeading1 { font-size: 65px; }
.servicesLayout-RightAndLeftGrid .primarybtn { display: flex; gap: 10px; }
.servicesLayout-RightAndLeftGrid .Right-leftSection { padding: 0; }
.Right-leftSection img { width: 100%; }

/* topNotch translation */

/* spanishTranslateService */
.topNotchBannerAnimImgs.spanishTranslateService-bannerImg { top: 20%; left: 63%; }
.topNotchBannerAnimImgs.spanishTranslateService-bannerImg .leftImg { width: 700px; height: 700px; object-fit: cover; }

/* spanishTranslateService */

/* top-Children-book-Service */
.topNotchBannerAnimImgs.top-Children-book-Service-bannerImg { top: 20%; left: 65%; }
.topNotchBannerAnimImgs.top-Children-book-Service-bannerImg .leftImg { width: 620px; height: 620px; object-fit: contain; }

/* top-Children-book-Service */

/************************************************** servicesLayout 
**************************************************/
.banner.servicesLayoutBanner { overflow: hidden; }
.buyBook.servicesLayout { padding-top: 220px; }
.buyBook.servicesLayout .circle.c1 { top: 17%; }
.buyBook.servicesLayout .circle.c2 { bottom: 360px; }
.servicesLayout-LeftAndRightGrid { padding: 0; }
.servicesLayout-LeftAndRightGrid .Right-leftSection { padding: 0; }
.servicesLayout-LeftAndRightGrid .Right-leftSection .Right-leftSection-content { padding: 0 20px 0 40px; }
.servicesLayout-LeftAndRightGrid .Right-leftSection .Right-leftSection-content .primarybtn { display: flex; gap: 10px; padding-top: 20px; }
.servicesLayout-LeftAndRightGrid .Right-leftSection .Right-leftSection-content .primarybtn .border.btn1 { padding: 15px; }

/* musicSectionGrid */
.musicSectionGrid { position: relative; padding-top: 130px; }
.musicSectionGrid:before { content: ''; position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #000; animation: example5 8s linear infinite alternate; }
.musicSectionGrid:after { content: ''; position: absolute; top: 0; right: 0; width: 80px; height: 80px; background: #000; animation: example6 8s linear infinite alternate; }
.musicSectionGrid .row { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.musicSectionGrid .musicSectionGridMain .primaryHeading { font-weight: 600; }
.musicSectionGrid-Row { display: flex; row-gap: 15px; }
.musicSectionGrid .musicSectionGrid-content { padding: 50px 20px; text-align: left; display: flex; flex-wrap: wrap; background: #F5F5F5; gap: 10px; }
.musicSectionGrid .musicSectionGrid-content .primaryHeading { font-size: 40px; font-weight: 600; }
.musicSectionGrid .musicSectionGrid-content .textBox { font-size: 16px; }
.musicSectionGrid .musicSectionGrid-content .border.btn2 { width: auto; padding: 15px 25px; }

/* musicSectionGrid */

/* dominateTheRapBattle */
.dominateTheRapBattle { padding-top: 100px; background: url(images/upgrade-your-bars-with-our-lyrical-art-rhyme/greenBG.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.dominateTheRapBattle .row { display: flex; justify-content: center; }
.dominateTheRapBattle .dominateTheRapBattleGrid { display: flex; flex-wrap: wrap; row-gap: 30px; }
.dominateTheRapBattle .primaryHeading { color: var(--White-color); text-align: center; }
.dominateTheRapBattle-Content .textBox { color: var(--White-color); font-size: 16px; }
.dominateTheRapBattle-Content { border: 2px solid #fff; }
.dominateTheRapBattle-Content { padding: 40px 20px; display: flex; flex-wrap: wrap; row-gap: 20px; }

/* dominateTheRapBattle */

/* qualitiesofTopRap-Songwriters */
.dominateTheRapBattle.qualitiesofTopRap-Songwriters { background: none; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .primaryHeading { color: var(--black-color); text-align: left; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .row { justify-content: left; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid { row-gap: 10px; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid .textBox { color: var(--black-color); }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid .dominateTheRapBattle-Content { padding: 30px 20px 30px 50px; position: relative; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid .dominateTheRapBattle-Content:before { content: ''; position: absolute; background: url(images/upgrade-your-bars-with-our-lyrical-art-rhyme/greenCheckMark.png); background-size: contain; left: 0; top: 30px; width: 34px; height: 34px; }

/* qualitiesofTopRap-Songwriters */

/************************************************** servicesLayout end
**************************************************/


.contentGridMain { display: flex; background: #eee; border: 1px solid #000; }
.contentGridMain .content { width: 33.333%;    /* border: 2px solid #000; */ }
.contentGridMain .content .contentBoxText { border: 1px solid #000; padding: 10px; }
.contentGridMain .content.contentBox3 .contentBoxText { height: 100%; }
.contentGridMain .content .contentBox3 .contentBoxText { border-bottom: none; }

/* book Section */
.book-MainHeading { text-align: center; }
.bookImg { background: url(images/upgrade-your-bars-with-our-lyrical-art-rhyme/book.png); background-size: contain; background-position: center center; background-position: top; padding: 0 85px; height: 1000px; background-repeat: no-repeat; display: flex; align-items: center; }
.bookImg .row { display: flex; flex-wrap: wrap; }
.bookImg .row .textBox { padding: 0 60px; }

/* book Section */

/* contactPage */
input#gform_submit_button_1 { background: #bf7e51; color: #fff; border-radius: 0; margin: 0; border: 2px solid #bf7e51; -webkit-transition: .6s; transition: .6s; }
input#gform_submit_button_1:hover { background: transparent; letter-spacing: 2px; }
.contactBannerImg img { width: 100%; }
.innerBanner.contactPage .row { display: flex; align-items: center; }
.innerBanner.contactPage { background: url(images/innerBanerBg.png); background-position: bottom; }
.contactSection input { width: 100%; }
.contact-Main { padding: 50px; background: #f8f8f8; border-radius: 30px; border: 1px solid #f3efef; }
.contactSection { position: relative; height: 900px; display: flex; align-items: center; padding: 0; }
.contactSection .contactSectionImg { position: absolute; top: 0; right: 0; text-align: right; }
.contactSection .contactSectionImg img { width: 80%; }
.contact-Main input { padding: 15px; border-radius: 10px; border: 1px solid #d5d4d9; margin: 10px 0; }
.contact-Main .primarybtn { margin-top: 20px; }
.contact-Main .primarybtn input.border.btn2 { width: 100%; }
.contact-Main input:hover { outline: 1px solid #bf7e51; }
.contact-Main input:focus { outline: 1px solid #bf7e51; }
.contact-Main p { color: #898791; }
.contact-Main label { color: #000; }
.contact-Main h2 { margin-top: 0; font-family: 'Poppins', sans-serif; text-transform: capitalize; }

/* contactPage */

/* blogPage */
.blogSection .row { display: flex; justify-content: center; }
.blog-content .primaryHeading { font-size: 42px; }
.blog-content .nameAndDate { display: flex; justify-content: space-between; }
.blog-content .nameAndDate .author { color: #000; }
ul { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a,
.btn-default,
textarea { margin: 0; padding: 0; }
* { margin: 0; padding: 0; }
a { text-decoration: none !important; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
body {    /* overflow-x: hidden; */

/* font-family: 'Poppins', sans-serif; */ }

/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg { position: fixed; top: 15px; left: 10px; width: 40px; height: 40px; z-index: 9999999; text-align: center; color: white; display: none; transition: all ease-out 0.3s; }
a#hamburg i { position: relative; top: 50%; transform: translateY(-50%); }
.nav1 { transition: all ease-out 0.3s; display: none; }
.nav1 a { color: #fff; font-size: 13px; }
.nav1 ul { margin: 0; padding: 0; background-color: #303030; }
.nav1 ul li { display: inline-block; position: relative; }
.nav1 ul li>a { display: inline-block; padding: 10px; }
.nav1 ul li>a>i { margin-left: 15px; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; }
.nav1 ul li ul { display: none; position: absolute; top: 38px; background: #222; width: 200px; text-align: left; }
.nav1 .search-nav,
.nav1 .title { display: none; }
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover>a { color: #000; text-decoration: none; }
.nav1 ul li:hover>a>i { transform: rotateZ(90deg); }
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float: right; height: 0; margin: 8px 0 0 8px; width: 0; }
.nav1 ul li.open span.marrow { border-left: 5px solid transparent; border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
@media screen and (max-width:1169px) {
	a#hamburg { display: block; }
	main { transition: all ease-out 0.3s; }
	.nav1 .row { margin: 0px; }
	.nav1 { background: #2e433a; box-shadow: -2px 0 0px #e0b698 inset; display: block; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; transform: translateX(-250px); width: 250px; }
	.nav1 .search-nav,
	.nav1 .title { display: block; }
	.nav1 .search-nav input { border: 1px solid #2c313f; background-color: rgba(255, 255, 255, 0.2); padding: 5px; width: 100%; color: #000; margin: 10px 0; }
	.nav1 .search-nav input[type="submit"] { background: url("images/search-icon.png") no-repeat scroll center center; border: 0; width: auto; font-size: 0; height: 16px; position: absolute; right: 7px; top: 8px; width: 16px; filter: invert(100%); }
	.nav1 .title { background: #000; color: #fff; font-size: 14px; margin: 0 -15px; padding: 6px 15px 6px; }
	.search-nav>form { position: relative; }
	.nav1 a:hover { color: #0c73b4; text-decoration: none; }
	.nav1 ul { text-align: left; background-color: transparent; margin-top: 50px; }
	.nav1 ul li { display: block; border-bottom: 1px solid #999; }
	.nav1 ul li a { display: block; padding: 10px 0; }
	.nav1 ul li:hover>a { color: #0c73b4; }
	.nav1 ul li a>i { float: right; }
	.nav1 ul li ul { display: none; position: static; width: 100%; background-color: transparent; padding: 0 10px; }
	.nav1 ul li:hover>ul { display: none; }
	.nav1 ul li:hover>a>i { transform: rotateZ(0); }
	.nav1 ul li.open>a { background-color: transparent; }
	.nav1 ul li.open>a>i { transform: rotateZ(90deg); }
	.nav1 ul li.open>ul { display: block; }
	div#menuoverlay { display: block; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-out 0.3s; z-index: 1; opacity: 0; }
	html.open-menu { overflow: hidden; }
	html.open-menu div#menuoverlay { visibility: visible; background: rgba(0, 0, 0, 0.5); min-height: 100vh; width: 100% !important; opacity: 1; width: calc(-150%); left: 250px; }
	html.open-menu a#hamburg { transform: translateX(250px); z-index: 999; }
	html.open-menu main { transform: translateX(250px); }
	html.open-menu nav.nav1 { z-index: 3; transform: translateX(0); }
	.menu-main-menu-container ul ul ul li a { padding: 5px; }
	ul li.has-subnav .accordion-btn { color: #000; font-size: 24px; width: 20px !important; float: right; line-height: inherit !important; }
	.nav1 ul li:last-child { border: 0; }
	.nav-cross.open>span { background: #2e433a; }

	/*---------------------Hamberg Icon --------------------------------------------- */
	.nav-cross { width: 24px; height: 40px; position: relative; margin: 0px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
	.nav-cross span { display: block; position: absolute; height: 3px; width: 100%; background: #2e433a; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
	#nav-icon1 span:nth-child(1) { top: 0px; }
	#nav-icon1 span:nth-child(2) { top: 18px; }
	#nav-icon1 span:nth-child(3) { top: 36px; }
	#nav-icon1.open span:nth-child(1) { top: 18px; transform: rotate(135deg); }
	#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
	#nav-icon1.open span:nth-child(3) { top: 18px; transform: rotate(-135deg); }
	.nav-cross span:nth-child(1) { top: 12px; transform-origin: left center; }
	.nav-cross span:nth-child(2) { top: 20px; transform-origin: left center; }
	.nav-cross span:nth-child(3) { top: 28px; transform-origin: left center; }
	.nav-cross.open span:nth-child(1) { transform: rotate(45deg); top: 11px; left: 4px; }
	.nav-cross.open span:nth-child(2) { width: 0%; opacity: 0; }
	.nav-cross.open span:nth-child(3) { transform: rotate(-45deg); top: 28px; left: 4px; }
}

/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider { position: relative; clear: left; overflow: hidden; }
.slider .inner-item { height: 756px; }
.slider .container { position: relative; }
.slick-slide .caption { color: #fff; font-size: 1.2em; line-height: 1.2em; position: absolute; left: 10%; text-shadow: 2px 2px 2px #000; top: 37%; width: 35%; background: rgba(0, 0, 0, 0.7); padding: 20px 20px 0; z-index: 99; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.thumb-slider .slick-slide { margin: 5px 0 0 5px; }
.slider-thumb .thumb-slider .slick-slide img { max-width: 100%; height: auto; box-sizing: border-box; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; transition: all .25s ease; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; z-index: 11; bottom: -30px; margin: 0px; padding: 0; text-align: center; width: 100%; }
.slick-dots li { list-style: none; display: inline-block; }
.slick-dots button { border: 1px solid #333; background: #fff; width: 12px; height: 12px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px; }
.slick-dots .slick-active button { background: red; }
.slick-arrow { border: 0px; font-size: 0; right: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 1; background: var(--secondary-background-color); width: 60px; height: 55px;    /*transform: rotate(180deg)*/ transition: all ease 1s; }
.services-slider .slick-arrow { height: 65px; }
.slick-arrow:hover { background: #000 url(images/right-arrow.png) no-repeat center center; }
.slick-next.slick-arrow { transform: rotate(0deg) }
.slider-progress { width: 100%; height: 5px; background: rgba(0, 216, 192, 0.8); position: absolute; top: 0; z-index: 99; }
.slider-progress .progress { width: 0%; height: 5px; background: rgba(36, 51, 0, 0.8); }
.thumb-slider .slick-active img { border: 1px solid transparent; }
.thumb-slider .slick-current img { opacity: 0.5; }

/* custom css */
.baselineRow { display: flex; align-items: baseline; }
.centerRow { display: flex; align-items: center; }
section { padding: 50px 0; }
marquee { width: 100%; height: 32px; display: flex; align-items: center; }
marquee .animatedTxt { margin: 0; font-size: 120px; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px #dddd; }
marquee .animatedTxt span { -webkit-text-stroke: 1px #ff000057; }

/* slider css */

/* theme css end */

/* custom css */

/* roots */:root { --primary-background-color: #e0b698; --secondary-background-color: #bf7e51; --dark-background-color: #2e433a; --black-color: #1b272e; --White-color: #fff; --primary-headingcolor: #1b272e; }

/* .secondSubtitle {
color: var(--White-color);
background: var(--secondary-background-color);
font-size: 16px;
} */
.primarybtn .border.btn1.btnChat.lightBtn { background: var(--primary-background-color); }
.primarybtn .border.btn1.btnChat.lightBtn:hover { background: var(--secondary-background-color); }

/* btns */

/* header start */
header { background: #e0b698; padding: 0; position: relative; padding-bottom: 70px; z-index: 1; }
header .topHeader ul li a { display: flex; align-items: center; color: #000; gap: 10px; }
header .topHeader ul li a p { margin: 0; transition: all ease 1s; }
.headerBottom { position: absolute; left: 0; right: 0; width: 90%; margin: 0 auto !important; z-index: 1; }

/* header end */
.bannerAnimImgs { position: absolute; top: 0; right: 0; z-index: -1; transform: rotate(25deg); right: 30px; }

/* banner end */

/* whyChoose */

.whyChooseBooksImg img { position: absolute; width: 960px; z-index: -1;    /* right: 0px; */ top: 250px; bottom: 0; margin: auto; }

/* whyChoose end */

/* yourStoryWords */


.yourStoryWords .bannerAnimImgs { right: 50px; z-index: 1; top: 70px; }

/* yourStoryWords end */

/* about page */

/* innerBanner */
.innerBanner { position: relative; z-index: 0; background: url(images/aboutPage/Rectangle\ 4.png); background-size: 100% 100%; background-position: bottom; padding: 78px 0 64px; display: flex; align-items: center; height: 450px; z-index: 0; overflow: hidden; }
.innerBanner .circle.c1 { top: -10px; left: 40%; z-index: -1; }
.innerBanner .circle.c2 { left: 50%; bottom: -80px; }

/* innerBanner */

/* btnsSection */
.btnsSection { background: url(images/aboutPage/btnSecBG.png), #fff; background-size: cover; background-position: center; padding-bottom: 70px; position: relative; }
.btnGridsBox { background: url(images/buyBookBG.jpg); background-size: cover; background-position: center; padding: 100px 0px; border-radius: 10px; }
.btnGridsBox .btnGrid .primarybtn { display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; }
.btnGridsBox .btnGrid .primarybtn .border.btn2 { width: 250px; font-size: 14px; padding: 15px 10px; }
.btnGridsBox .primaryHeading { text-align: center; color: var(--White-color); margin: 0 0 20px; }
.btnsSection .btnBox { display: flex; align-items: center; padding-top: 50px; padding: 180px 0; }

/* leftSection-rightImg */
.leftSection-rightImg .primarybtn { display: flex; gap: 10px; }
.leftSection-rightImg .primarybtn .border.btn1 { padding: 15px; }
.leftSection-rightImg .primaryHeading span { display: block; }
.rightSection-rightImg { display: flex; position: relative; width: 90%; margin: 0 auto; margin-right: 0; z-index: 0; }
.rightSection-rightImg .img1 { position: absolute; top: 80px; bottom: 0; z-index: 1; width: 50%; margin: auto;    /* opacity: 0.8; */ animation: rotatebook 4s ease infinite; }
.rightSection-rightImg .img2 { position: absolute; z-index: 2; top: 10px; left: 200px; bottom: 0; width: 60%; margin: auto; animation: rotatebook 4s ease infinite 1.5s; }
.rightSection-rightImg:before { content: ''; position: absolute; background: url(images/aboutPage/blob.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 70%; right: 26%; background-position: center; height: 580px; z-index: 1; bottom: -410px; animation: svgRotate 12s infinite alternate linear; }

/* leftSection-rightImg */

/* btnsSection */

/* about page */

/* topNotch translation */
.topNotchBannerAnimImgs { position: absolute; top: 40%; right: 0; z-index: -1; left: 68%; }
.topNotchBannerAnimImgs .leftImg { position: absolute; top: 0; width: 680px; height: 480px; object-fit: contain; }
.left-RightSection { padding: 50px 0 0; display: flex; align-items: center; }
.left-RightSection img { width: 100%; }
.left-RightSection .primaryHeading.leftHeading1 { font-size: 65px; }
.left-RightSection .primaryHeading.leftHeading2 { font-size: 44px; }
.left-RightSection .primarybtn { display: flex; gap: 10px; }
.left-RightSection .primarybtn .border.btn2:nth-child(2) { width: auto; }
.Right-leftSection { padding: 50px 0 0px; display: flex; align-items: center; }
.Right-leftSection .primaryHeading.rightHeading1 { font-size: 65px; }
.servicesLayout-RightAndLeftGrid .primarybtn { display: flex; gap: 10px; }
.servicesLayout-RightAndLeftGrid .Right-leftSection { padding: 0; }
.Right-leftSection img { width: 100%; }

/* topNotch translation */

/* spanishTranslateService */
.topNotchBannerAnimImgs.spanishTranslateService-bannerImg { top: 20%; left: 63%; }
.topNotchBannerAnimImgs.spanishTranslateService-bannerImg .leftImg { width: 700px; height: 700px; object-fit: cover; }

/* spanishTranslateService */

/* top-Children-book-Service */
.topNotchBannerAnimImgs.top-Children-book-Service-bannerImg { top: 20%; left: 65%; }
.topNotchBannerAnimImgs.top-Children-book-Service-bannerImg .leftImg { width: 620px; height: 620px; object-fit: contain; }

/* top-Children-book-Service */

/*********************** servicesLayout *********************/
.banner.servicesLayoutBanner { overflow: hidden; }
.buyBook.servicesLayout { padding-top: 220px; }
.buyBook.servicesLayout .circle.c1 { top: 17%; }
.buyBook.servicesLayout .circle.c2 { bottom: 360px; }
.servicesLayout-LeftAndRightGrid { padding: 0; }
.servicesLayout-LeftAndRightGrid .Right-leftSection { padding: 0; }
.servicesLayout-LeftAndRightGrid .Right-leftSection .Right-leftSection-content { padding: 0 20px 0 40px; }
.servicesLayout-LeftAndRightGrid .Right-leftSection .Right-leftSection-content .primarybtn { display: flex; gap: 10px; padding-top: 20px; }
.servicesLayout-LeftAndRightGrid .Right-leftSection .Right-leftSection-content .primarybtn .border.btn1 { padding: 15px; }

/* musicSectionGrid */
.musicSectionGrid { position: relative; padding-top: 130px; }
.musicSectionGrid:before { content: ''; position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #000; animation: example5 8s linear infinite alternate; }
.musicSectionGrid:after { content: ''; position: absolute; top: 0; right: 0; width: 80px; height: 80px; background: #000; animation: example6 8s linear infinite alternate; }
.musicSectionGrid .row { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.musicSectionGrid .musicSectionGridMain .primaryHeading { font-weight: 600; }
.musicSectionGrid-Row { display: flex; row-gap: 15px; }
.musicSectionGrid .musicSectionGrid-content { padding: 50px 20px; text-align: left; display: flex; flex-wrap: wrap; background: #F5F5F5; gap: 10px; }
.musicSectionGrid .musicSectionGrid-content .primaryHeading { font-size: 40px; font-weight: 600; }
.musicSectionGrid .musicSectionGrid-content .textBox { font-size: 16px; }
.musicSectionGrid .musicSectionGrid-content .border.btn2 { width: auto; padding: 15px 25px; }

/* musicSectionGrid */

/* dominateTheRapBattle */
.dominateTheRapBattle { padding-top: 100px; background: url(images/upgrade-your-bars-with-our-lyrical-art-rhyme/greenBG.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.dominateTheRapBattle .row { display: flex; justify-content: center; }
.dominateTheRapBattle .dominateTheRapBattleGrid { display: flex; flex-wrap: wrap; row-gap: 30px; }
.dominateTheRapBattle .primaryHeading { color: var(--White-color); text-align: center; }
.dominateTheRapBattle-Content .textBox { color: var(--White-color); font-size: 16px; }
.dominateTheRapBattle-Content { border: 2px solid #fff; }
.dominateTheRapBattle-Content { padding: 40px 20px; display: flex; flex-wrap: wrap; row-gap: 20px; }

/* dominateTheRapBattle */

/* qualitiesofTopRap-Songwriters */
.dominateTheRapBattle.qualitiesofTopRap-Songwriters { background: none; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .primaryHeading { color: var(--black-color); text-align: left; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .row { justify-content: left; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid { row-gap: 10px; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid .textBox { color: var(--black-color); }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid .dominateTheRapBattle-Content { padding: 30px 20px 30px 50px; position: relative; }
.dominateTheRapBattle.qualitiesofTopRap-Songwriters .dominateTheRapBattleGrid .dominateTheRapBattle-Content:before { content: ''; position: absolute; background: url(images/upgrade-your-bars-with-our-lyrical-art-rhyme/greenCheckMark.png); background-size: contain; left: 0; top: 30px; width: 34px; height: 34px; }

/* qualitiesofTopRap-Songwriters */

/************************************************** servicesLayout end
**************************************************/
.contentGridMain { display: flex; background: #eee; border: 1px solid #000; }
.contentGridMain .content { width: 33.333%;    /* border: 2px solid #000; */ }
.contentGridMain .content .contentBoxText { border: 1px solid #000; padding: 10px; }
.contentGridMain .content.contentBox3 .contentBoxText { height: 100%; }
.contentGridMain .content .contentBox3 .contentBoxText { border-bottom: none; }

/* book Section */
.book-MainHeading { text-align: center; }
.bookImg { background: url(images/upgrade-your-bars-with-our-lyrical-art-rhyme/book.png); background-size: contain; background-position: center center; background-position: top; padding: 0 85px; height: 1000px; background-repeat: no-repeat; display: flex; align-items: center; }
.bookImg .row { display: flex; flex-wrap: wrap; }
.bookImg .row .textBox { padding: 0 60px; }

/* book Section */

/* contactPage */
.contactBannerImg img { width: 100%; }
.innerBanner.contactPage .row { display: flex; align-items: center; }
.innerBanner.contactPage { background: url(images/innerBanerBg.png); background-position: bottom; }
.contactSection input { width: 100%; }
.contact-Main { padding: 50px; background: #f8f8f8; border-radius: 30px; border: 1px solid #f3efef; }
.contactSection { position: relative; height: 900px; display: flex; align-items: center; padding: 0; }
.contactSection .contactSectionImg { position: absolute; top: 0; right: 0; text-align: right; }
.contactSection .contactSectionImg img { width: 80%; }
.contact-Main input { padding: 15px; border-radius: 10px; border: 1px solid #d5d4d9; margin: 10px 0; }
.contact-Main .primarybtn { margin-top: 20px; }
.contact-Main .primarybtn input.border.btn2 { width: 100%; }
.contact-Main input:hover { outline: 1px solid #bf7e51; }
.contact-Main input:focus { outline: 1px solid #bf7e51; }
.contact-Main p { color: #898791; }
.contact-Main label { color: #000; }
.contact-Main h2 { margin-top: 0; font-family: 'Poppins', sans-serif; text-transform: capitalize; }

/* contactPage */

/* blogPage */
.blogSection .row { display: flex; justify-content: center; }
.blog-content .primaryHeading { font-size: 42px; }
.blog-content .nameAndDate { display: flex; justify-content: space-between; }
.blog-content .nameAndDate .author { color: #000; }
.blog-content .nameAndDate .date { color: var(--secondary-background-color); }

/* blogPage */

/* custom Scrollbar */::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e0b698; border-radius: 1px; }
::-webkit-scrollbar-thumb { background: var(--secondary-background-color); border-radius: 1px; }
::-webkit-scrollbar-thumb:hover { background: var(--dark-background-color); }

/* blogPage */

/* custom Scrollbar */::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e0b698; border-radius: 1px; }
::-webkit-scrollbar-thumb { background: var(--secondary-background-color); border-radius: 1px; }
::-webkit-scrollbar-thumb:hover { background: var(--dark-background-color); }
.testimonials .circle.c2 { left: 83.8%; }

/*SIMPLE CONTENT SECTION*/
.page-template-page-simple-template .wrap { padding: 50px 0; color: #000; font-size: 16px; line-height: 1.6; }

/*My Custom Styling*/
.giveYourStoryContent p {
    color: #000;
    text-align: center;
}

/*My Custom Styling End*/






/*Responsive Media queries Start*/
@media only screen and (min-width: 480px){
.headerBottom .bottomHeader {
    width: 90%;
    margin: 0 auto;
}}
/*Responsive Media queries Start*/