@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

html, body{
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6
{
    /* font-family: "Libre Baskerville", serif; */
    font-family: "Poppins", sans-serif;
}
a
{
    font-family: "Poppins", sans-serif;
}
p
{
    font-family: "Poppins", sans-serif;
}
li
{
    font-family: "Poppins", sans-serif;
}
section
{
    padding:100px 0;
}
.card
{
    border-radius:0px;
}

/*menu*/

a.logo 
{
    color: #000;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 700;
}
a.logo img
{
    width: 100%;
    max-width: 216px;
}
header.desktopmenu.darkHeader
{
    background: #000;
}
.desktopmenu
{
    /*position: absolute;*/
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    z-index: 100;
    /*background: #000;*/
}
.desktopmenu nav 
{
    display: flex;
    align-items: center;
    padding: 16px 0
}
.desktopmenu nav .collapsemenu 
{
    position:relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.desktopmenu nav ul
{
    margin-bottom:0px;
    margin-left: 7px;
}
.desktopmenu nav ul li
{
    margin-right: 30px;
    display: inline-block;
}
.desktopmenu nav ul li:last-child
{
    margin-right:0px;
}
.desktopmenu nav ul.rightmenu li:nth-child(1) a
{
    color:#fff;
    background:#f77223;
    border:2px solid #f77223;
    padding: 7px 18px;
}
.desktopmenu nav ul.rightmenu li:nth-child(1) a:hover
{
    background: transparent;
}
.desktopmenu nav ul.rightmenu li:nth-child(2) a
{
    color:#fff;
    border: 2px solid #f77223;
    padding: 7px 18px;
}
.desktopmenu nav ul.rightmenu li:last-child a:hover
{
    color:#fff;
    background:#f77223;
}
.desktopmenu nav ul li a
{
    color:#fff;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    padding:15px 0;
}
.desktopmenu nav ul li a i
{
    font-size: 12px;
    margin-right:5px;
}
.toggle
{
    display: none;
}
.desktopmenu nav ul li.cdropdown-menu:hover .megamenu
{
    display: block;
    visibility:visible;
}
.megamenu
{
    position: absolute;
    visibility:hidden;
    top: 217%;
    left: 0;
    border: 0;
    width: 100%;
    max-width: 100%;
    margin: -20px auto auto !important;
    border-radius: 4px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 0 5px 0 #292929;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}
.megaTitle
{
    margin-left: 20px;   
}
.megaLinks img
{
    width: 16%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 5px;
}
.megamenu ul li a
{
    font-size: 16px;
    color: #292929;
    font-weight: 700;
}
.scrollNav
{
    border-top: 2px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 3%;
    margin-bottom: 10% !important;
    padding-left: 0;
    padding-top: 15px;
    margin-left: 20px;
    align-items: center;
    gap: 40px;
    height: 460px;
    overflow-y: scroll;
}
.megaLinks
{
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}
.megaDiv
{
    padding: 0 15px;
}
.megaDiv .menulinks 
{
    font-size: 16px;
    color: #000 !important;
    font-weight: 700;
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
}
.megaDiv p
{
    margin-bottom: 0;
    font-size: 13px;
}

.scrollNav::-webkit-scrollbar {
    width: 3px
}

.scrollNav::-webkit-scrollbar-track {
    background: #f1f1f1
}

.scrollNav::-webkit-scrollbar-thumb {
    background: #223235
}

.scrollNav::-webkit-scrollbar-thumb:hover {
    background: #555
}
.unUseDiv
{
    visibility: hidden;
}
.lastCol 
{
    background: #f1f1f1;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-right: 20px;
}
.megaImg
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.megaImg img
{
    width: 90px;
}
.border1
{
    margin: 0px;
    padding:0px;
}
.font14 
{
    font-size: 14px;
}
.fw700 
{
    font-weight: 700;
}
.bookcall 
{
    margin-top: 32px;
}
.bookcall a 
{
    background: #f77223 !important;
    /*border-radius: 100px;*/
    padding: 10px 19px !important;
}
.bookcall a:hover
{
    color:#fff;
    background: #000 !important;
}
.desktopmenu nav ul li.mobile-d
{
    display:none;
}
header.desktopmenu nav ul li.mobiledropdown-menu 
{
    display: none;
}

/*hombanner*/

.hombanner
{
    position: relative;
    /*background:url('../images/bg/main-banner-img.webp') no-repeat center;*/
    background:#000;
    height: 46.5rem;
    overflow:hidden;
}
.hombanner:after 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/homebanner/home-pattern3.webp) no-repeat center;
    background-size: cover;
    transition: background-position 0.1s;
    background-position: var(--bg-position-left, 50% 50%);
}

.hombanner:before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/homebanner/homebanner-pattern4.webp');
    background-size: cover;
    mix-blend-mode: overlay;
    transition: background-position 0.1s;
    background-position: var(--bg-position-right, 50% 50%); /* Moves to the right */
    opacity: 0.5;
    z-index: 1;
}
@keyframes float1 
{
	0% 
	{
		transform: translatey(0px);
	}
	50% 
	{
		transform: translatey(10px);
	}
	100% 
	{
		transform: translatey(0px);
	}
}
@keyframes float2 
{
	0% 
	{
		transform: translatey(0px);
	}
	50% 
	{
		transform: translatey(-10px);
	}
	100% 
	{
		transform: translatey(0px);
	}
}
section.hombanner .homebanner-book1 
{
    position: absolute;
    left: -180px !important;
    bottom: -10px;
    max-width: 600px !important;
    width: 100%;
    z-index: 2;
    animation: float1 6s ease-in-out infinite;
}
section.hombanner .homebanner-book2
{
    position: absolute;
    right: -151px !important;
    bottom: -40px;
    max-width: 600px !important;
    width: 100%;
    z-index: 2;
    animation: float2 6s ease-in-out infinite;
}
section.hombanner .bannerdetails h1 span
{
    color:#f77223;
}
.bannerbtn
{
    display: flex;
    justify-content:center;
    margin-top: 45px;
}
.bannerbtn .cbtn a
{
    text-decoration: none;
    padding:10px 25px;
    text-transform: capitalize;
}

.filter_invert{
    filter: invert(1);
}


.btn_primary {
 padding: 15px 25px;
 border: unset;
 color: #212121;
 z-index: 1;
 background: transparent;
 position: relative;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 1s;
 overflow: hidden;
}

.btn_primary::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 background-color: #f77223;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 800ms;
}

.btn_primary:hover {
 color: #e8e8e8;
}

.btn_primary:hover::before {
 width: 100%;
}



.btn_primary {
 padding: 15px 25px;
 border: unset;
 color: #212121;
 z-index: 1;
 background: transparent;
 position: relative;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 1s;
 overflow: hidden;
}

.btn_primary::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 background-color: #f77223;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 800ms;
}

.btn_primary:hover {
 color: #e8e8e8;
}

.btn_primary:hover::before {
 width: 100%;
}


.btn_primary1 {
 padding: 15px 25px;
 border: unset;
 color: #212121;
 z-index: 1;
 background: transparent;
 position: relative;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 1s;
 overflow: hidden;
}

.btn_primary1::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 background-color: #f77223;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 800ms;
}

.btn_primary1:hover {
 color: #fff;
 border: 2px solid #f77223 !important;
}

.btn_primary1:hover::before {
 width: 100%;
}


.btn_dark1 {
 padding: 15px 25px;
 border: unset;
 color: #212121;
 z-index: 1;
 background: #f77223;
 position: relative;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 1s;
 overflow: hidden;
 border: 2px solid #f77223 !important;
}

.btn_dark1::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 background-color: #000;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 800ms;
}

.btn_dark1:hover {
 color: #fff !important;
 border: 2px solid #000 !important;
}

.btn_dark1:hover::before {
 width: 100%;
}


.btn_dark {
 padding: 15px 25px;
 border: unset;
 color: #212121;
 z-index: 1;
 background: #f77223;
 position: relative;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 1s;
 overflow: hidden;
}

.btn_dark::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 background-color: #000;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 800ms;
}

.btn_dark:hover {
 color: #e8e8e8;
 border: 2px solid #000 !important;
}

.btn_dark:hover::before {
 width: 100%;
}


.btn_light {
 padding: 15px 25px;
 border: unset;
 color: #212121;
 z-index: 1;
 background: #f77223;
 position: relative;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 1s;
 overflow: hidden;
}

.btn_light::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 background-color: #fff;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 800ms;
}

.btn_light:hover {
 color: #F77223 !important;
 border: 2px solid #fff !important;
}

.btn_light:hover::before {
 width: 100%;
}

.text_primary{
    color: #f77223; !important
}

.bannerbtn .bannerbtn1 a
{
    margin-right:10px;
    color:#fff;
    border:2px solid #f77223;
}
.bannerbtn .bannerbtn2 a
{
    margin-right:10px;
    color:#fff;
    background:#f77223;
    border:2px solid #f77223;
}
.bannerbtn .bannerbtn2 a:hover
{
    background: transparent;
}
.absolutecenter
{
    position: absolute;
    left:50%;
    top:57% !important;
    transform: translate(-50%,-50%);
    z-index:1;
}
.bannerdetails h1
{
    margin-bottom: 22px;
    font-size: 48px;
}
section.hombanner .bannerdetails p
{
    color:#fff;
    margin-bottom: 43px;
}
.hombanner .logos
{
    max-width:80%;
    margin: 48px auto;
    /*filter: brightness(100) invert(1);*/
}

/*home banner right column*/

.bannerimg
{
    position: relative;
    display: block;
    text-align: center;
}
.borderframe img 
{
    position: relative;
    z-index: 1;
    max-width: 340px;
}
.borderframe:before
{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 470px;
    height: 373px;
    border: 20px solid #f77223;
    transform: translate(-50%, -50%);
}
.bannerimg .shape
{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) !important;
    width: 100%;
    max-width: 544px;
}

/*strugglingwriters*/

.strugglingwriters
{
    position: relative;
    background: #eee;
}
.bookdiv 
{
    position:relative;
    margin: 8px 0;
}
.bookdiv
{
    position:relative;
}
.bookdiv:before
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
    background-color: #262626;
    transition: 0.5s;
    clip-path: circle(0%);   
}
.bookdiv:after
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
    background-color: #262626;
    transition: 0.5s;
    clip-path: circle(0%);   
}
.bookdiv:hover:before
{
    height: 100%;
    bottom: 0px;
    left: 0px;
    clip-path: circle(100%);
    transition: 0.5s;
}
.bookdiv:hover:after
{
    height: 100%;
    bottom: 0px;
    left: 0px;
    clip-path: circle(100%);
    transition: 1.5s;    
}
.bookdiv img
{
    display: block;
    width: 100%;
    margin: auto;
}
.title
{
    font-size: 48px;
    color:#f77223;
    font-weight: 700;
    text-transform: capitalize;
}

/*logosslider*/

.logosslider-section
{
    position: relative;
    background:#f77223;
    padding:35px 0;
}
.logoslider-img img 
{
    width: 100%;
    max-width: 175px;
}
.subheading
{
    margin-bottom: 30px;
}
.subheading p
{
    margin-top: 30px;
    margin-bottom: 35px;
}
.bannerbtn-ipad
{
    display: none;
}

/*featurebooks*/

.featurebooks
{
    position: relative;
    padding-bottom:0px;
}

.ctabs
{
    width: fit-content;
    margin: 0 auto 28px;
}
.ctabs .nav-tabs
{
    border:0px !important;
}
.ctabs .nav-items
{
    margin-right:10px;
}
.ctabs .nav-link
{
    text-transform: capitalize;
    font-size: 16px;
    color:#000;
    /* font-family: "Libre Baskerville", serif; */
    font-family: "Poppins", sans-serif;
    border: 2px solid #000 !important;
    border-radius: 0px;
    padding: 7px 48px 7px !important;
    margin-right:20px;
    font-weight: 600;
}
.ctabs .nav-link:last-child
{
     margin-right:0px;
}
.ctabs .nav-link.active
{
    background-color:#f77223 !important;
    border-color:#f77223 !important;
    color:#fff;
    font-weight: 600;
}
.singleimg-box
{
    position:relative;
}
.singleimg-box img
{
    /*height: 300px;*/
    object-fit: cover;
    width: 100%;
}
.singleimg-box:before
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
    background-color: #262626;
    transition: 0.5s;
    clip-path: circle(0%);   
}
.singleimg-box:after
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
    background-color: #262626;
    transition: 0.5s;
    clip-path: circle(0%);   
}
.singleimg-box:hover:before
{
    height: 100%;
    bottom: 0px;
    left: 0px;
    clip-path: circle(100%);
    transition: 0.5s;
}
.singleimg-box:hover:after
{
    height: 100%;
    bottom: 0px;
    left: 0px;
    clip-path: circle(100%);
    transition: 1.5s;    
}

/*struggling-contact*/

.struggling-contact
{
    position: relative;
    /*background: url(../images/bg/cta2.webp) repeat center;*/
    background-size: contain;
}

.subheading2 h2
{
    margin-bottom:30px;
}
.subheading2 p
{
    margin-bottom: 32px;
}

.struggling-contact .form input
{
    height:55px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-radius: 0px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 27px;
    font-size: 14px;
}
.struggling-contact .form input:focus
{
    box-shadow: none;
    outline:0px;
    border-color:#f77223;
}
.struggling-contact .form input::placeholder
{
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
}
.btndiv
{
   display: flex;
   align-items: center;
}
.btndiv .btn1:first-child a
{
    /*border: 2px solid transparent !important;*/
    background:#f77223;
    color: #fff;
    border: 0px;
}
.stopworrying .btn1.btn2 a:hover 
{
    background-color: transparent;
    /*border: 2px solid #f77223 !important;*/
}
.btndiv .btn1 a
{
    margin-right:20px;
    border: 2px solid #000;
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
    text-transform: capitalize;
}
.btndiv .btn1:nth-child(2) a
{
    border: 2px solid #000;
}
.btndiv .btn1:nth-child(1) a:hover
{
    background: transparent;
    color: #000;
    /*border: 2px solid #000 !important;*/
}
.btndiv .btn1:nth-child(2) a:hover
{
    border:2px solid transparent;
    background:#f77223;
    color:#fff;
}
.btndiv .btn1:nth-child(3) a:hover
{
    background:#f77223;
    color:#fff;
}
.lst
{
    padding:0px;
}
.lst li
{
    display: flex;
    align-items: baseline;
    position: relative;
    margin-bottom: 21px;
}
.lst li:before
{
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 12px;
    color: #fff;
    background:#f77223;
    border-radius: 0px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.struggling-contact .form
{
    background-color: #fff;
    /*border: 1px solid #f77223;*/
    border-radius: 0px;
    /*box-shadow: 0 3px 8px rgba(0,0,0,.24);*/
    /*box-shadow: 0px 1px 8px rgb(247 114 35);*/
    box-shadow: 0px 0px 10px 4px #0B0B0B40;
    overflow: hidden;
    padding: 32px 30px 27px;
    width: 100%;
    max-width: 80%;
    margin: auto;
}
.struggling-contact .form h3
{
    font-family: 25px;
    text-align: center;
    font-weight:600;
    color:#f77223;
    font-style: italic;
}
.struggling-contact .form p
{
    font-style: italic;
    text-align: center;
    font-family: 16px;   
}
.submit
{
    border:0px;
    background:#f77223;
    padding: 10px 25px;
    display: block;
    width: fit-content;
    font-family: "Poppins", sans-serif;
    color: #fff;
    margin: auto;
    border:2px solid transparent;
}
.submit:hover
{
    border:2px solid #000;
    background:transparent;
    color:#000;
}

.contact-form .form_control_main textarea{
    border: 1px solid #75757580 !important;
    padding-top: 12px;
}

.contact-form .form_control_main textarea:focus{
    box-shadow: none;
}

.contact-form .form_control_main input{
    border: 1px solid #75757580 !important;
    height: 44px !important;
    padding-top: 12px;
    border-radius: 5px;
}

.contact-form .form_control_main label{
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.form_control_main {
    position: relative;
    margin-top: 22px;
}

.form_control_main label {
    position: absolute;
    top: -12px;
    left: 15px;
    background-color: #fff;
    padding: 0px 8px;
}

/*aboutus*/
/*section.aboutbanner 
{
    height:773px;
    height:40.5rem;
    background-position: top;
}*/
/*.aboutbanner
{
    position:relative;
    background:url('../images/about/about-banner1.jpg') no-repeat;
    background-size:cover;
    background-position: right;
    height: 650px;
}*/
section.aboutbanner 
{
    position: relative;
    /*background:url('../images/bg/main-banner-img.webp') no-repeat center;*/
    background:#000;
    height: 40.5rem;
    overflow:hidden;
}
section.aboutbanner:after 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/homebanner/home-pattern3.webp) no-repeat center;
    background-size: cover;
    transition: background-position 0.1s;
    background-position: var(--bg-position-left, 50% 50%);
}

section.aboutbanner:before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/homebanner/homebanner-pattern4.webp');
    background-size: cover;
    mix-blend-mode: overlay;
    transition: background-position 0.1s;
    background-position: var(--bg-position-right, 50% 50%); /* Moves to the right */
    opacity: 0.5;
    z-index: 1;
}
section.aboutbanner .absolutecenter
{
    top:56%;
}
section.aboutbanner .logos 
{
    max-width: 80%;
    margin: 48px auto;
    filter: none; 
}

.row_gap_25{
    row-gap: 25px;
}

/*writing-experts*/

.writing-experts
{
    position: relative;
    background:url('../images/bg/creative_bg.webp') no-repeat center;
    background-size: cover;
    background-position: center;
    padding-bottom: 113px;
}
.highlight-orange
{
    color:#f77223;
    font-weight: 700;
}
.highlight-black
{
    color:#000;
    font-weight: 700;
}
.signle-btn
{
    margin-top: 29px;
}
.signle-btn a
{
    background: #f77223;
    padding: 10px 25px;
    width: fit-content;
    color:#fff;
    text-decoration: none;
    border:3px solid #f77223;
    text-transform: capitalize;
}
.signle-btn a:hover {
    background-color: transparent;
}
/*footer-bottom-slider*/

.footer-bottom-slider
{
    position: relative;
}
.footer-bottomdivimg
{
    margin:10px 0;
}
.footer-bottomdivimg img 
{
    max-width: 90px;
    margin: auto;
    display: block;
}

/*buy-booknow*/

.buy-booknow
{
    position: relative;
    background:#eee;
    padding: 79px 0 67px;
}
section.buy-booknow .title
{
    color:#000;
    margin-bottom: 26px;
}
.sub-heading
{
    color:#f77223;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.list2 ul
{
    padding:0px;
    margin-bottom:20px;
}
.list2 ul li
{
    list-style: none;
    display: inline-block;
    margin-right: 27px;
}
.list2 ul li:last-child
{
    margin-right:0px;
}
.booknow-img img
{
    position: relative;
    display: block;
    margin: auto;
}
.buy-booknow .plant
{
    position: absolute;
    right: 54px;
    bottom: -56px;
    max-width: 195px;
}

/*location-section*/

.location-section
{
    padding:0px;
    position: relative;
    z-index: 1;
}
.footer-location
{
    position: relative;
    padding: 29px 0px 6px;
    background: #f77223;
    margin: 0 auto 0 40px;
    width: 96.2%;
}
.footer-column
{
    text-align: center;
}
.footer-column p
{
    color:#fff;
    font-family: "Poppins", sans-serif;
}
.footer-column .widget h4
{
    color:#fff;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

/*footer*/

footer
{
    position: relative;
    background:#000;
    margin-top: -50px;
}
.footerdiv
{
    padding: 26px;
}
footer .widget h4
{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom:20px;
    color:#fff;
}
.footer-menu p
{
    margin-bottom: 25px;
    color:#c0c0c0;
}
.footer-menu ul
{
    padding:0px;
}
.footer-menu ul li
{
    margin-bottom:10px;
    list-style: none;
}
.footer-menu ul li a
{
    color:#c0c0c0;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s;
    border-bottom: solid 1px transparent;
    text-transform: capitalize;
}
.footer-menu ul li a:hover
{
    color:#f77223;
    border-bottom: solid 1px #f77223;
}
.subscribe form
{
    display: flex;
    background: #303030;
}
.subscribe input
{
    width:100%;
    height:60px;
    padding: 0 0 0 22px;
    background:transparent;
    border:0px;
    color:#fff;
    /*text-transform: capitalize;*/
}
.subscribe input:focus
{
    box-shadow: none;
    outline:0px;
    border:0px;
}
.subscribe input::placeholder
{
    color:#fff;
    text-transform: capitalize;
}
.subscribe button
{
    padding: 10px 18px;
    background:transparent;
    color:#fff;
    border:0px;
}
.subscribe button i
{
    color:#f77223;
}
.upperfooter
{
    padding: 74px 0 10px;
}
.bottom-footer
{
    border-top:1px solid #343434;
    padding:40px 0;
    margin:0px;
}
.bottom-img
{
    float:right;
    margin-top: 10px;
}
.footer-logo img
{
    max-width: 100px;
}
.footer-logo a
{
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 700;
}
.text-credit
{
    color:#f77223;
    margin:0px;
}

/*stopworrying*/

.stopworrying
{
    position: relative;
    background:url('../images/bg/creative_bg.webp') no-repeat center;
    background-size: cover;
}
.stopworrying .subheading .subheading3
{
    font-family: "Poppins", sans-serif;
    margin-bottom: 17px;
    text-transform: capitalize;
    letter-spacing: 4px;
    font-size: 25px;
}
.btn1.btn2 a:hover{
    background-color:#f77223;
}
.stopworrying .btndiv .btn1:first-child a
{
    border: 2px solid transparent;    
}
.stopworrying .btndiv .btn1:first-child a:hover
{
    /*border: 2px solid #fff !important; */
    color: #fff;
}
.stopworrying .btndiv .btn1 a
{
    border: 2px solid #fff;
}
.btn1.btn2 a {
    color: #fff;
}
/*.stopworrying .btndiv .btn1:last-child a:hover*/
/*{*/
/*    background:transparent;*/
/*}*/
.btndiv-ipad
{
    display: none;
}

/*.whychoose*/

section.whychoose 
{
    position:relative;
    overflow-x: hidden;
	background-image: url(../images/bg/portfolio-section.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-blend-mode: color;
	background-color:rgba(0, 0, 0, 0.649);
	background-attachment: fixed;
}

.whychoose-img img 
{
    width: 100%;
    max-width: 326px;
    display: block;
    margin: auto;
}

.whychoose-img img
{
    width: 100%;
}
.vtabs
{
    justify-content: space-between;
}
.vtabs .nav-link.active
{
    color:#67676d;
}
.vtabs .nav-link 
{
    text-transform: capitalize;
    text-align: left;
    border-top: 0px;
    border-bottom: 2px solid #8d8e88;
    border-radius: 0px;
    padding: 18px 0;
    color:#67676d;
    font-family: "Poppins", sans-serif;
}
.vtabs .nav-link
{
    text-transform: capitalize;
    text-align: left;
    border-top:0px;
    border-bottom:2px solid #8d8e88;
    border-radius: 0px;
    font-size: 20px;
}
.vtabs .nav-link:last-child
{
    border-bottom: 0px;
}
.vtabs .nav-link.active
{
    background:transparent;
}
.numertag 
{
    font-size: 40px;
    padding: 20px 25px 22px 0;
}
.dtablist 
{
    display: -webkit-box;
    padding-right: 25px;
    color:#fff;
}
.dtablist img
{
    width: 100%;
    max-width: 60px;
}
.w-df 
{
    width: 91%;
}
.vcontent 
{
    padding: 15px 0;
    color:#fff;
}

/*services-section*/

section.services-section .subheading
{
    margin-bottom: 35px;
}
.flipcard 
{
    background-color: transparent;
    display: flex;
    width: 100%;
    height: 25rem;
    perspective: 1000px;
    margin-bottom: 27PX;
    transition: all 0.3s ease;
    overflow: hidden;
    padding: 4px;
}

.flipcardinner 
{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d;
    transition:ease 0.3s;
}

/*.flipcard:hover .flipcardinner 
{
    transform: rotateY(180deg);
}*/

.flipcardfront1
{
    transition:0.8s ease;
}
.flipcardfront1 .front
{
    display:block;
}
.flipcard:hover .flipcardfront h3
{
    opacity:0;   
}
.flipcard:hover .flipcardback .back
{
    display:block;
}

.flipcard:hover .flipcardfront1
{
    background:#FFF2EA !important;    
}
.flipcard:hover .flipcardback
{
    transform: translateY(-90%) !important;
    opacity: 1;
}
.flipcard .flipcardfront1 img 
{
    transition:all 0.4s;
}
.flipcard:hover .flipcardfront1 img 
{
    max-width: 50px;
    margin-top:-10rem;
}
.flipcardback
{
    transition:0.8s ease;
}

.flipcardback 
{
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flipcardfront 
{
    color: #223235;
}

.flipcardback 
{
    /* border: 1px solid #ce510f; */
    /*box-shadow: 0 1px 6px 0 #ce510fab;*/
    color: #fff;
    transform: translateY(102%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5%;
    opacity: 0;
}

.flipcardback h3, .flipcardback h4
{
    color: #223235;
    font-weight: 600;
    font-size: 17px;
    font-family: Poppins;
}
.flipcardback h4{
    color: #fff;
}

.flipcardback p 
{
    color: #777;
    font-size: 13px;
    font-weight: 500;
}

.flipcardfront h3 
{
    font-size: 24px;
    font-weight: 600;
    color: #24303e;
    margin-top: 8%;
}

.flipcardfront1 
{
    background: #fff;
    display: flex;
    height:100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 6px 0 #ce510fab;
    /*border: 1px solid #ce510f;*/
}
.flipcardfront1 img 
{
    /*filter: brightness(0);*/
    width:100px;
    max-width:100px;
    
}

/*customersatisfaction*/

.customersatisfaction
{
    position: relative;
    background:#000;
    background:url('../images/bg/creative_bg.webp') no-repeat center;
    background-size:cover;
}
.positionelative
{
    position: relative;
    z-index:1;
}
/*.customersatisfaction:before 
{
    content: '';
    width: 100%;
    background-color: #201515;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    opacity: 0.9;
}*/
.satisfaction-div img
{
    display: block;
    margin: auto;
    width:70px;
}
.satisfaction-div p
{
    margin-top: 17px;
    text-align: center;
    color: #fff;
}
.footer-social ul
{
    padding:0px;
}
.footer-social ul li
{
    display: inline-block;
    margin-right:10px;
}
.footer-social ul li i
{
    color:#fff;
}
.footer-social ul li:last-child
{
    margin-right:0px;
}

/*whatmakeus-section*/

section.whatmakeus-section
{
    position:relative;
    background:url('../images/what-makeus/what-makeus.webp');
}
section.whatmakeus-section:before
{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}
section.whatmakeus-section .subheading p
{
    color:#fff;
}
.whatmakeus-content h3
{
    font-size: 22px;
    text-transform: capitalize;
}
.whatmakeus-content 
{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 40px;
    text-align: center;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    transition:all 0.3s ease;
}
.whatmakeus-content:hover
{
    background:#f77223;
}
.whatmakeus-content img
{
    max-width:50px;
    margin:auto;
}
.m20
{
    margin-bottom:26px;    
}
.whatmakeus-content .white
{
    display:none;
    margin: auto;
    margin-bottom: 20px;
    max-width:100px;
}
.whatmakeus-content .orange
{
    display:block;
    margin: auto;
    margin-bottom: 20px;
    max-width:100px;
}
.whatmakeus-content:hover .white
{
    display:block;
}
.whatmakeus-content:hover .orange
{
    display:none;
}

/*testimonial*/

.testimonial-section
{
    position: relative;
    background: #eee;
    overflow: hidden;
    padding: 66px 0px 43px;
}
.testimonialslider 
{
    position: relative;
    z-index: 1;
    transform: translateX(0%);
}
.testimonial-row {
    position: relative; 
    z-index: 2; 
}
.testimonial-div
{
    /*height: 19em;*/
    padding: 30px;
    display: flex;
    height:100%;
    align-items: center;
}
.testimonial-img
{
    width: 100%;
    max-width: 100px;
    min-width: 90px;
    margin-right: 30px;
}
.testimonial-txt p
{
    font-size: 14px;
    font-style: italic;
    flex:1;
}
.testimonial-img img.img-fluid {
    border-radius: 50px;
}
.testimonial-txt span
{
    color:#7e7e7e;
    font-size: 12px;
    font-weight: 500;
}
.testimonial-title
{
    font-size: 16px;
    font-weight: 700;
    color: #f77223 !important;
}
.testimonialslider .owl-stage
{
    display:flex;
    height:100%;
}
.testimonialslider .item
{
    display:flex;
    height:100%;
}
.testimonialslider .owl-dot.active
{
    border-radius: 100px;
    width:8px;
    height:8px;
    background: #f77223 !important;
}
.testimonialslider .owl-dot
{
    border-radius: 100px;
    width:6px;
    height:6px;
    background: #f08985 !important;
}
.testimonialslider .owl-dots
{
    display: block;
    text-align: center;
    margin-top: 35px;
}
.testimonialslider .owl-dot
{
    margin-right:10px;
}
.star-icon ul
{
    padding:0px;
}
.star-icon ul li
{
    display:inline-block;
    list-style:none;
}
.star-icon ul li i
{
    color:#f77223;
    font-size: 14px;
}
.mleft 
{
    margin-left: 106px;
}

/*illustration-service*/

.illustrationdiv img
{
    width:100%;
    max-width: 70%;;
}
.illustrationdiv .subheading h3
{
    display: block;
    text-align: start;
}

/*new-illustration-service*/

section.new-illustration-service
{
    position:relative;
    display:flex;
}
section.new-illustration-service .illustration-details 
{
    padding: 30px 33px 20px;
    background: #f77223;
}
section.new-illustration-service .illustration-details .illustration-div h3 
{
    position: relative;
    padding-left: 16px;
    color:#fff;
    font-weight:700;
}
section.new-illustration-service .illustration-details .illustration-div p
{
    color:#fff;
}
section.new-illustration-service .illustration-details .illustration-div h3:before 
{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 38%;
    background: #fff;
    border-radius: 100px;
}
section.new-illustration-service .main-slider img 
{
    width: 100%;
    height: 295px;
    object-fit: cover;
}
.new-illustration-cta
{
    padding:50px 0 0;
}
.new-illustration-cta p
{
    font-weight: 700;
    margin:0px;
    font-size:24px;
    color:#fff;
}
section.new-illustration-service .signle-btn a:hover
{
    color:#000;    
}
section.approach-service-section2 img
{
     display: block;
    margin: 0 auto 23px;
    width:50px;
    height:50px;
}
section.approach-service-section2 .approach-card
{
    padding: 25px 25px 1px;
}
section.approach-service-section2 .approach-card h3
{
    font-size: 18px;
}

/*faq-section*/

section.faq-section
{
    position:relative;
    padding-bottom:0px;
}

section.faq-section .accordion-button
{
    font-weight: 600;
}
section.faq-section .accordion-button::after 
{
    content: '\2b'; 
    font-family: 'FontAwesome';
    font-size: 16px;
    margin-right: 10px;
    background-image: none !important;
}
section.faq-section .accordion-button:not(.collapsed)::after
{
    content: '\f068'; 
    font-family: 'FontAwesome';
    font-size: 16px;
    margin-right: 10px;
    background-image: none !important;
}
section.faq-section .accordion-button:focus
{
    box-shadow:none;    
}
section.faq-section .accordion-button:not(.collapsed)
{
    background-color:transparent !important;    
    color:#000 !important;
    font-weight: 600;
}
section.faq-section .accordion-item:first-of-type>.accordion-header .accordion-button
{
     font-weight: 600;
}

/*cta-section*/

section.cta-section
{
    position:relative;
    background:#222;
    padding:50px 0;
}
section.cta-section .cta-section-details h3
{
    font-weight:600;
    font-size:24px;
    color:#fff;
    margin-bottom: 20px;
}
section.cta-section .cta-section-details p
{
    margin-bottom: 37px;
    color:#fff;
}

/*section.cta-sectiontwo*/

section.cta-sectiontwo
{
    position:relative;
    background:#222;
    padding:50px 0;
}
section.cta-sectiontwo .cta-section-details h3
{
    font-weight:600;
    font-size:24px;
    color:#fff;
    margin-bottom: 20px;
}
section.cta-sectiontwo .cta-section-details a
{
    text-decoration:none;
     color:#fff;
}
section.cta-sectiontwo .cta-section-details a 
{
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    color:#f77223;
}
/*back top top*/

#button {
    background-color: #f77223;
    width: 50px;
    height: 46px;
    text-align: center;
    border-radius: 0px;
    position: fixed;
    bottom: 25px;
    left: 25px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 1000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    font-size: 20px;
  }
  #button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    color: #fff;
  }
  #button:hover {
    cursor: pointer;
    background-color: #222;
  }
  #button:active {
    background-color: #222;
  }
  #button.show {
    opacity: 1;
    visibility: visible;
  }

  /*pricing-banner*/

  .pricing-banner
  {
    position: relative;
    background:url('../images/bg/pricing-banner-bg.webp');
    height:650px;
    overflow-x: hidden;
  }
  .pricing-banner:before
  {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
  }
  .pricing-banner:hover:after
  {
    width: 43%;
  }
  .pricing-banner h1
  {
    font-size: 48px;
  }
  /*section.pricing-banner .absolutecenter*/
  /*{*/
  /*  top:50%;*/
  /*}*/
  .pricingbanner h1
  {
    color:#fff;
  }
  .pricingbanner p
  {
    color:#fff;
    margin-top: 25px;
  }
  .pricingbanner .bannerbtn
  {
    margin-top: 45px;
  }
  .pricingbanner .logos
  {
    margin-top: 45px;
    filter: brightness(100) invert(1);
  }
  .font36
  {
    font-size: 36px;
    text-transform: uppercase;
    color:#f77223;
    font-weight: 700;
  }
  .pricing-box
  {
    padding: 36px 36px 55px 40px;
    box-shadow: 0 0 21px 3px #ddd;
    margin-bottom: 20px;
  }
  .pricing-box .bannerbtn .bannerbtn1 a
  {
    color:#000;
  }
  .pricing-box p
  {
    margin-bottom: 33px;
  }
  .pricing-box img 
  {
      width:100%;
    /*max-width: 175px;*/
    /*height: 175px;*/
    /*display: block;*/
    /*object-fit: cover;*/
    /*margin: auto;*/
}

/*contactbanner*/

section.contactbanner
{
    position: relative;
    background: #000;
    height: 40.5rem;
    overflow: hidden;
}
section.contactbanner:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/homebanner/homebanner-pattern4.webp);
    background-size: cover;
    mix-blend-mode: overlay;
    transition: background-position 0.1s;
    background-position: var(--bg-position-right, 50% 50%);
    opacity: 0.5;
    z-index: 1;
}
section.contactbanner:after
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/homebanner/home-pattern3.webp) no-repeat center;
    background-size: cover;
    transition: background-position 0.1s;
    background-position: var(--bg-position-left, 50% 50%);    
}
.contact-banner-details .title
{
    color:#fff;    
}

/*contactfooter*/

.contactfooter
{
    position: relative;
    /*padding-top: 0px;*/
}

/*contact section*/

.contactlog
{
    position: relative;
    background:#FFF8F4;
}
section.contactlog .title 
{
    color: #F77223 !important;
}
.contactlog-details ul
{
    padding:0px;
    margin-top:30px;
}
.contactlog-details ul li
{
    display:flex;
    list-style: none;
    margin-bottom: 10px;
    color:#000;
    align-items: center;
}
.contactlog-details ul li i 
{
    background: #F77223;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.contactlog-details ul li a
{
    text-decoration: none;
    color: #000;
}
.contactlog-details ul:last-child
{
    margin-bottom: 0px;
}
.ct h4
{
    font-size: 20px;
    color: #fff;
}
.ct
{
    text-align: center;
    margin-top: 17px;
}
.ct p
{
    font-size: 20px;
    color: #fff;
}
/*.contactlog-details ul li a span
{
    border-bottom:3px solid #f77223;
}*/
.formsection form input[type="checkbox"]{
    margin-bottom: 10px;
}
.formsection form input{
    height:45px;
    border:1px solid #f77223;
    padding: 20px;
    margin-bottom:20px;
    border-radius: 0px;
}
.formsection form input:focus
{
    border: 1px solid #f77223;
    box-shadow: none;
    outline:0px;
}
.formsection form textarea
{
    border:1px solid #f77223;
    padding: 20px;
    border-radius: 0px;
    margin-top: 11px;
    margin-bottom: 25px;
}
.formsection form textarea:focus
{
    border:1px solid #f77223;
    box-shadow: none;
    outline:0px;
}
.formsection form textarea::placeholder
{
    text-transform: capitalize;
    font-size: 16px;
}
.formsection form input::placeholder
{
    text-transform: capitalize;
    font-size: 16px;
}
.inputbox label 
{
    font-size: 16px;
    display: flex;
    align-items: baseline;
    text-transform: capitalize;
}
.inputbox input[type='checkbox']
{
    margin-right:10px;
    height: unset;
}
.form-text a
{
    color:#000;
    text-decoration: none;
    border-bottom: 2px solid #f77223;
}
section.formsection .form button
{
    margin-top: 13px;
    border-radius: 0px;
    width: fit-content;
    text-transform: capitalize;
}
section.book-publishing-banner-section.proofreadingbanner {
       background:url('../images/proofreadingbanner.jpg') no-repeat center;
}
section.book-publishing-banner-section.ghostwriting {
       background:url('../images/ghostwritingbanner.jpg') no-repeat center;
}
section.book-publishing-banner-section.ebookwriting {
       background:url('../images/ebookwritingbanner.jpg') no-repeat center;
}
section.book-publishing-banner-section.digitalmarket {
       background:url('../images/digitalmarketbanner.jpg') no-repeat center;
}
section.book-publishing-banner-section.book-market{
       background:url('../images/bookmarketing-banner.jpg') no-repeat center;
}
section.book-publishing-banner-section.bookformat
{
    background:url('../images/formatting-banner.jpg') no-repeat center;
}
/*book-publishing-banner*/
section.book-publishing-banner-section
{
    position: relative;
    /*background:url('../images/bg/main-banner-img.webp') no-repeat center;*/
    background:#000;
    height: 40.5rem;
    overflow:hidden;
}
section.book-publishing-banner-section:after 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/homebanner/home-pattern3.webp) no-repeat center;
    background-size: cover;
    transition: background-position 0.1s;
    background-position: var(--bg-position-left, 50% 50%);
}

section.book-publishing-banner-section:before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/homebanner/homebanner-pattern4.webp');
    background-size: cover;
    mix-blend-mode: overlay;
    transition: background-position 0.1s;
    background-position: var(--bg-position-right, 50% 50%); /* Moves to the right */
    opacity: 0.5;
    z-index: 1;
}
section.book-publishing-banner-section h1
{
    font-size: 48px;  
    color:#fff;  
}
.book-publishing-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.book-publishing-banner-details .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.book-publishing-banner-details .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.book-publishing-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.book-publishing-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.book-publishing-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.book-publishing-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.book-publishing-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*business-plans-writing*/

section.business-plans-banner-section
{
    position: relative;
    background:url('../images/businessplan-banner.jpg') no-repeat center;
    background-size: cover;
    /*height: 850px;*/
    height: 40.5rem;
}
section.business-plans-banner-section:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.business-plans-banner-section h1
{
    font-size: 48px;  
    color:#fff;  
}
.business-plans-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.business-plans-banner-details .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.business-plans-banner-details .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.business-plans-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.business-plans-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.business-plans-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.business-plans-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.business-plans-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*book-promotion-banner*/

section.book-promotion-banner
{
    position: relative;
    background:url('../images/book-promotion.jpg') no-repeat center;
    background-size: cover;
    height: 40.5rem;
}
section.book-promotion-banner:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.book-promotion-banner h1
{
    font-size: 48px;  
    color:#fff;  
}
.book-promotion-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.book-promotion-banner .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.book-promotion-banner .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.book-promotion-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.book-promotion-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.book-promotion-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.book-promotion-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.book-promotion-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*book-writing-banner*/

section.book-writing-banner
{
    position: relative;
    background:url('../images/bookwriting-banner.jpg') no-repeat center;
    background-size: cover;
    /*height: 850px;*/
    height: 40.5rem;
}
section.book-writing-banner:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.book-writing-banner h1
{
    font-size: 48px;  
    color:#fff;  
}
.book-writing-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.book-writing-banner .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.book-writing-banner .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.book-writing-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.book-writing-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.book-writing-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.book-writing-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.book-writing-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*book-editing-banner*/

section.book-editing-banner
{
    position: relative;
    background:url('../images/book-editing.jpg') no-repeat center;
    background-size: cover;
    /*height: 850px;*/
    height: 40.5rem;
}
section.book-editing-banner:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.book-editing-banner h1
{
    font-size: 48px;  
    color:#fff;  
}
.book-editing-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.book-editing-banner .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.book-editing-banner .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.book-editing-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.book-editing-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.book-editing-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.book-editing-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.book-editing-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*audio-book-banner*/

section.audio-book-banner
{
    position: relative;
    background:url('../images/audio-book.jpg') no-repeat center;
    background-size: cover;
    /*height: 850px;*/
    height: 40.5rem;
}
section.audio-book-banner:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.audio-book-banner h1
{
    font-size: 48px;  
    color:#fff;  
}
.audio-book-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.audio-book-banner .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.audio-book-banner .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.cbtn.bannerbtn1 a:hover {
    background-color: #f77223;
}
.audio-book-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.audio-book-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.audio-book-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.audio-book-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.audio-book-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*web-content-banner*/

section.web-content-banner
{
    position: relative;
    background:url('../images/webcontentbanner.jpg') no-repeat center;
    background-size: cover;
    /*height: 850px;*/
    height: 40.5rem;
}
section.web-content-banner:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.web-content-banner h1
{
    font-size: 48px;  
    color:#fff;  
}
.web-content-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.web-content-banner .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.web-content-banner .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.web-content-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.web-content-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.web-content-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.web-content-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.web-content-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*Whychoosebookwritingcube*/

.Whychoosebookwritingcube
{
    position: relative;
}
/*section.Whychoosebookwritingcube .Whychoosebookwritingdiv .subheading 
{
    margin-top: 40px;
}*/
.Whychoosebookwritingcubeimg img
{
    width: 100%;
    max-width: 450px;
}
.Whychoosebookwritingdiv .btndiv .btn1 a
{
    font-size: 14px;
    text-transform: capitalize;
}
.Whychoosebookwritingdiv .subheading
{
    margin-top: 0;
}
.Whychoosebookwritingdiv .subheading p
{
    margin-bottom: 42px;
}

/*Selfpublishing*/

.Selfpublishing
{
    position: relative;
    /*background:#eee;*/
    background:#fff;
}
section.Selfpublishing .subheading 
{
    margin-top: 40px;
}
.Selfpublishing img
{
    width: 100%;
    max-width: 450px;
    float: right;
}
.Selfpublishing .btndiv .btn1 a
{
    font-size: 14px;
    text-transform: capitalize;
}
.Selfpublishing .subheading
{
    margin-top: 0;
}
.Selfpublishing .subheading p
{
    margin-bottom: 42px;
}
.Selfpublishing .btndiv .btn1:first-child a
{
    border:1px solid #f77223;
    background:transparent;
    color:#000;
}
.Selfpublishing .btndiv .btn1:last-child a 
{
    border: 2px solid #f77223;
    background: #f77223;
    color: #fff;
}
.Selfpublishing .btndiv .btn1:last-child a
{
    border:2px solid #f77223 !important;
    background:#f77223;
    color:#fff;
}
.Selfpublishing .btndiv .btn1:nth-child(2) a:hover
{
    border:2px solid #f77223 !important;
    background: transparent;
}
.desktopmenu nav ul.rightmenu li:nth-child(1) a:hover {

}

/*cant-publishmybook*/

.cant-publishmybook
{

}
.cant-publishmybookform form input
{
    height:55px;
    border:2px solid #f77223;
    padding: 8px 12px;
    margin-bottom:20px;
    border-radius: 0px;
}
.cant-publishmybookform form 
{
    margin-top: 10px;
}
.cant-publishmybookform form input:focus
{
    border:2px solid #f77223;
    box-shadow: none;
    outline:0px;
}
.cant-publishmybookform form input::placeholder
{
    text-transform: capitalize;
    font-size: 20px;
}
.cant-publishmybookform .submit
{
    margin: 0 auto;
    display: block;
    background: #f77223;
    width: 100%;
    height: 56px;
    padding: 16px 15px;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    /*transition:all ease 0.3s;*/
}
.cant-publishmybookform .submit:hover
{
    background:#000;
    color:#fff;
}

/*ourprocess-section*/

section.process
{
    position: relative;
    background:#F5F5F5;
}
section.process .process-content
{
    position: relative;
}
section.process .process-content h3
{
    font-size: 30px;
    color: #F77223;
    font-weight: 700;
}
section.process .process-content p
{
    color: #212529;
    position: relative;
    z-index: 1;
    margin: 0px;
}
.process-number
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.process-number1
{
    justify-content: right;    
}
.process-number2
{
    justify-content: left;    
}
.process-number h4
{
    font-size: 60px;
    color: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 110px;
    height: 110px;
    background: #F77223;
    font-weight: 500;
    position: relative;
    z-index: 1;
    margin: 0px;
}
.process-line01
{
     position: relative;   
     padding:15px 0;
}
.process-line01:before
{
    content:'';
    position: absolute;
    left: 50.5%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80.5%;
    height: 100%;
    border-top:5px dashed #BFBFBF;
    border-bottom: 5px dashed #BFBFBF;
}
.process-line01:after 
{
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    width: 96px;
    height: 100%;
    border-top: 5px dashed #BFBFBF;
    border-right: 5px dashed #BFBFBF;
    border-bottom: 5px dashed #BFBFBF;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.process-line02
{
     position: relative;   
     padding:15px 0;
}
.process-line02:after 
{
    content: '';
    position: absolute;
    left: -25px;
    top: -5px;
    width: 105px;
    height: 106.3%;
    border-top: 5px dashed #BFBFBF;
    border-left: 5px dashed #BFBFBF;
    border-bottom: 5px dashed #BFBFBF;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

/*ourprocess-section*/

.sideline
{
    display: flex;
    justify-content: center;
    height: 100%;
}
.sidepic
{
    border: 1px dashed #f77223;
}
section.ourprocess-contentdetails
{
    padding:15px 0;
}
section.ourprocess-section .ourprocess-contentdetails h3
{
    font-size: 30px;
    color:#F77223;
    font-weight:700;
}
section.ourprocess-section .ourprocess-contentdetails p
{
    color:#212529;
    margin:0px;
}
.ourprocess-number 
{
    display: flex;
    justify-content: center;
    align-items: center;
}
section.ourprocess-section .ourprocess-number h4
{
    font-size: 60px;
    color: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background: #F77223;
    font-weight: 500;
}
.processlin1 {
    position: relative;
    padding: 20px 0 9px;
    border-top: 6px dashed #BFBFBF;
    border-bottom: 6px dashed #BFBFBF;
    border-right: 5px dashed #BFBFBF;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.processlin2 
{
    position: relative;
    border-left: 5px dashed #BFBFBF;
    padding: 20px 0 9px;
}
.processlin3 
{
    position: relative;
    padding: 20px 0 9px;
    border-top: 6px dashed #BFBFBF;
    border-bottom: 6px dashed #BFBFBF;
    border-right: 5px dashed #BFBFBF;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.processlin4 
{
    position: relative;
    border-left: 5px dashed #BFBFBF;
    padding: 20px 0 9px;
}
.processlin5
{
    position: relative;
    padding: 20px 0 9px;
    border-top: 6px dashed #BFBFBF;
    border-bottom: 6px dashed #BFBFBF;
    border-right: 5px dashed #BFBFBF;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}


/*still-section*/

.still-section
{
    position: relative;
    background:#222;
}
section.still-section .stilldiv
{
    height:100% !important;    
}
.stilldiv
{
    display:flex;
    flex-direction:column;
    height:100%;
    padding: 20px;
    border: 1px dashed #f77223;
    margin-bottom: 27px;
    transition:all 0.3s ease;
    box-shadow: 0px 0px 9px 2px #F7722380;
}

.stilltxt_count{
        height: 24px;
    width: 24px;
    background-color: #f77223;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


/*.stilldiv:hover*/
/*{*/
/*    background:#f77223;    */
/*}*/
/*.stilldiv:hover h3*/
/*{*/
/*    color:#fff;    */
/*}*/
/*.stilldiv:hover p*/
/*{*/
/*    color:#fff !important;    */
/*    flex:1;*/
/*}*/
.stillnumber
{
    color:#fff;
    margin-right: 27px;
    font-size: 5.5em;
    font-weight: 900;
    opacity: .3;
}
.stilltxt
{
    display:flex;
    flex-direction:column;
    height:100%;
}
.stilltxt h3
{
    color:#f77223;
    font-size:20px;
    font-weight: 500;
    margin-bottom: 16px;
}
.stilltxt p
{
    color:#fff;
    font-size: 15px;
    margin-bottom: 0;
}

/*approach-service-section*/

.approach-service-section
{
    background:#eee;
    position: relative;
}
.approach-card
{
    padding: 30px 30px 14px;
    box-shadow: 0 0 22px -5px rgba(0,0,0,.11);
    background: #fff;
    margin: 0 0 12px;
    text-align:center;
    height: 100%;
}
.approach-card h3
{
    font-size: 22px;
    margin-bottom:15px;
    margin-top: 11px;
}
.approach-card img
{
    display: block;
    margin: 0 auto 23px;
    width:50px;
}
/*building-identity*/

.building-identity
{
    position: relative;
}
.build-div
{
    text-align: center;
    margin-bottom: 32px;
}
.build-div img
{
    width: 100%;
    max-width: 75px;
    margin: 0 auto 20px;
}
.build-div p
{
    font-size:14px;
}
.font24
{
    font-size: 24px;
}
section.building-identity .build-div .btndiv
{
    justify-content: center;
    margin-top: 25px;
}
.buildingidentity-mobile
{
    display: none;
}
.buildingidentity-desktop
{
    display: block;
}
.Selfpublishingimg
{
    position:relative;
}
section.digitalpublishing .Selfpublishingimg img
{
    float: none;
    display: block;
    margin: auto;
}
.buildingidentity-img img
{
    display: block;
    margin: auto;
}

/*companysection*/

.companysection
{
    position: relative;
    background:#f77223;
}
section.companysection .btndiv .btn1 a
{   
    background:#000;
}
section.companysection .btndiv .btn2 a
{   
    margin-right: 20px;
    border: 2px solid #000;
    border-radius: 100px;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: capitalize;
    color:#fff;
}
.companydiv p
{
    margin-top: 29px;
    margin-bottom: 40px;
}

/*bgwhite*/

.bgwhite
{
    position: relative;
    background: #fff;
}

/*portfolio*/

section.portfolio
{
    position: relative;
    background: #000;
    height: 40.5rem;
    overflow: hidden;
}
section.portfolio:before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/homebanner/homebanner-pattern4.webp);
    background-size: cover;
    mix-blend-mode: overlay;
    transition: background-position 0.1s;
    background-position: var(--bg-position-right, 50% 50%);
    opacity: 0.5;
    z-index: 1;
}
section.portfolio:after 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/homebanner/home-pattern3.webp) no-repeat center;
    background-size: cover;
    transition: background-position 0.1s;
    background-position: var(--bg-position-left, 50% 50%);
}
/*section.portfolio:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}*/
.portfolio-details h1
{
    font-size: 48px;  
    color:#fff;  
    text-transform: capitalize;
}
.portfolio-details p
{
    color:#fff;
    margin-top: 25px;
}
.portfolio-details .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.portfolio-details .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.portfolio-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.portfolio-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.portfolio-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.portfolio-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.portfolio-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}
.seemore
{
    background: #f77223;
    color: #fff;
    border-radius: 100px;
    padding: 7px 18px;
    text-decoration: none;
    float: right;
}
.portfolio-book-section
{
    position: relative;
}
.portfolio-mobile-book1
{
    display:none;    
}
.portfolio-mobile-slider .owl-dots 
{
    display: block;
    text-align: center;
    margin-top: 35px;
}
.portfolio-mobile-slider .owl-dot 
{
    border-radius: 100px;
    width: 6px;
    height: 6px;
    background: #f08985 !important;
    margin-right:10px;
}
.portfolio-mobile-slider .owl-dot.active 
{
    border-radius: 100px;
    width: 8px;
    height: 8px;
    background: #f77223 !important;
}
section.portfolio-mobile-book1 .seemore
{
    float:none;
}
.seemore-div 
{
    margin-top: 20px;
    margin-bottom: 25px;
}


.owl-carousel .owl-item .illustrationdiv img{
    height: 430px;
    object-fit: cover;
}
.orange-background
{
    background:#FFF8F4;
}


/*blog-section*/

section.blog-banner
{
    position: relative;
    background:url('../images/portfolio/banner.jpg') no-repeat center;
    background-size: cover;
    height: 450px;
}
section.blog-banner:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
.blog-banner-details h1
{
    font-size: 48px;  
    color:#fff;  
    text-transform: capitalize;
}
.blog-section
{
    padding:147px 0 100px;
    position: relative;
}
.blogdivs h4
{
    text-decoration: none;
    color:#000;
    font-weight: 700;
    font-size:24px;
}
.blogdivs h4 a
{
    color:#000;
    text-decoration:none;
}
.blogdivs h5 
{
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-top: 13px;
    margin-bottom: 15px;
}
.blogdivs h6 
{
    font-size: 14px;
    font-weight: 600;
}
.blogrow
{
    margin: 0 0 29px;
}
.blogimg
{
    position: relative;
}
.blogimg:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.6;
}
.blogimg a
{
    position: absolute;
    bottom: 26px;
    left:50%;
    transform: translateX(-50%);
    color: #000;
    background: #fff;
    border-radius: 100px;
    padding: 15px 25px;
    width: 83%;
    text-transform: capitalize;
    text-decoration: none;
}
.bloglist
{
    margin-top:3rem;
}
.bloglist h5
{
    font-size: 30px;
    font-weight: 600;
}
.bloglist p
{
    font-size: 14px;
    font-weight: 400;
}
.bloglist a
{
    text-transform: uppercase;
    text-decoration: none;
    color:#000;
    font-weight: 700;
    font-size: 18px;
}
.blognewsletter
{
    border: 1px solid #a8a8a8;
    padding: 30px 20px;
    margin-top: 3rem;
}
.blognewsletter form input
{
    border-top: 0px;
    border-right: 0px;
    border-radius: 0px;
    border-left: 0px;
    border-bottom:1px solid #f77223;
    margin-bottom: 1rem;
}
.blognewsletter form input:focus
{
    box-shadow: none;
    outline:0px;
    border-color: #f77223;
}
.blognewsletter form input::placeholder
{
    text-transform: capitalize;
    font-weight: 700;
    color: #a8a8a8;
}
.blognewsletter form .submit
{
    background:transparent;
    font-size: 18px;
    font-weight: 800;
    color: #000;
    text-transform: capitalize;
    margin: 22px 0 0;
    padding: unset;
}
.blognewsletter form .submit i
{
    margin-left:5px;
}
.blognewsletter h4
{
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}
.blognewsletter h5
{
    color: #000;
    margin-top: 10px;
    font-size: 30px;
    font-weight: 600;
}
.loadpost
{
    padding:15px 25px;
    font-size: 15px;
    font-weight: 700;
    background: #f77223;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    margin: auto;
    display: block;
    width: fit-content;
}
.loadpost-div
{
    margin-top: 2rem;
    margin-bottom: 4.4rem;
}
.loadpost:hover
{
    background:transparent;
    border: 1px solid #f77223;
    color: #000;
}
.display
{
    display: inline-block;
}

/*blog-detaildiv*/

.blog-detailcontent
{
    border-bottom: 1px solid #b8b8b8;
}
.blog-detailcontent h5
{
    color: #222;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
}
.blog-detailcontent h5 img
{
    max-width: 25px;
    margin-top: 0px;
}
.blog-detailcontent h6
{
    color: #222;
    font-size: 14px;
    font-weight: 700;
}
.blog-detaildiv h4
{
    color: #000;
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.blog-detaildiv h6
{
    margin-bottom: 1.3rem;
}
.blog-detaildiv img
{
    width: 100%;
    margin-top: 1.5rem;
}
.blog-detail-text
{
    margin-top: 1.5rem;
}
.blog-detail-text img
{
    display: block;
    margin: auto;
    width: 100%;
    max-width: 500px;
}
.blog-detail-text h2
{
    text-transform: capitalize;
    font-size: 26px;
    line-height: 36px;
    color: #000;
    font-weight: 700;
    margin: 30px 0 15px;
}

/*bookpost*/

.bookpost
{
    position:relative;
    background:url('../images/bg/custome-book-illustration.jpg') no-repeat center;
    background-size:cover;
}
.bookpost:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}
.position-relative
{
    position:relative;
    z-index:1;
}
section.bookpost h2
{
    color:#fff;
    margin-bottom:29px;
}
section.bookpost p
{
    color:#fff;
}

/*book-illustration-banner*/

section.book-illustration-banner-section
{
    position: relative;
    background:url('../images/illustrationbanner.jpg') no-repeat center;
    background-size: cover;
    /*height: 850px;*/
    height: 40.5rem;
}
section.book-illustration-banner-section:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.book-illustration-banner-section h1
{
    font-size: 48px;  
    color:#fff;  
}
.book-illustration-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.book-illustration-banner-details .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.book-illustration-banner-details .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.book-illustration-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.book-publishing-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.book-illustration-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.book-illustration-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.book-illustration-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}

/*book-trailer-banner*/

section.book-trailer-banner-section
{
    position: relative;
    background:url('../images/bg/booktrailor.jpg') no-repeat center;
    background-size: cover;
    height: 40.5rem;
    /*height: 850px;*/
}
section.book-trailer-banner-section:before
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.7;
}
section.book-trailer-banner-section h1
{
    font-size: 48px;  
    color:#fff;  
}
.book-trailer-banner-details p
{
    color:#fff;
    margin-top: 25px;
}
.book-trailer-banner-details .logos
{
    margin-top: 30px;
    filter: brightness(100) invert(1);
}
.book-trailer-banner-details .bannerbtn .bannerbtn1 a
{
    border: 2px solid #f77223;
}
.book-trailer-banner-details .bannerbtn .bannerbtn2 a
{
    background: #f77223;
    border: 2px solid #f77223;
}
.book-trailer-banner-details .bannerbtn .bannerbtn2 a:hover
{
    background:transparent;
}
.book-trailer-banner-details .bannerbtn .bannerbtn2 a i
{
    margin-right:5px;
}
.book-trailer-banner-details .bannerbtn-ipad a
{
    border: 2px solid #f77223;
}
.book-trailer-banner-details .bannerbtn-ipad .bannerbtn2 a
{
    background:#f77223;
    border-radius: 100px;
}
.portfolio-div1
{
    position:relative;
}
.portfolio-div1:before 
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
    background-color: #262626;
    transition: 0.5s;
    clip-path: circle(0%);
}
.portfolio-div1:after 
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
    background-color: #262626;
    transition: 0.5s;
    clip-path: circle(0%);
}
.portfolio-div1:hover:after
{
    height: 100%;
    bottom: 0px;
    left: 0px;
    clip-path: circle(100%);
    transition: 1.5s;    
}
.customquote a
{
    position: fixed;
    right: -41px;
    top: 50%;
    transform: rotate(270deg) translate(42px, 50px);
    margin-bottom: 14px;
    background-color: #f77223;
    box-shadow: 0 0 10px rgb(0 0 0/.1);
    /*border: 2px solid #fff;*/
    margin-left: auto;
    color: #fff;
    padding: 10px 26px;
    text-decoration: none;
    text-transform: capitalize;
    z-index: 9;
}

/*children-books-writers*/

section.children-books-writers
{
    position:relative;
    background:url('../images/children-books/homebanner.webp') no-repeat;
    background-size:cover;
    background-position: right;
    height:40.5rem;
    /*height:750px;*/
}
section.children-books-writers img
{
    width:100%;
    max-width:400px;
    display: block;
    margin: auto;
}
section.children-books-writers:before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}
.service-banner-details .list ul
{
    padding:0px;
}
.service-banner-details .list ul li 
{
    color: #fff;
    list-style: none;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.service-banner-details .list ul li:before 
{
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-right: 7px;
    font-size: 12px;
    color: #fff;
    background: #f77223;
    border-radius: 100px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.children-books-writers .bannerbtn .cbtn a
{
    padding:10px 20px;
}
/* modal */

/*.modal-overlay*/
/*{*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0, 0, 0, 0.7);*/
/*    z-index: 999;*/
/*}*/

/*.moddal-dialog */
/*{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.modal1 {*/
/*    position:relative;*/
/*    background: #fff;*/
/*    padding: 37px;*/
    width: 80%; /* Adjust as needed */
/*    max-width: 500px;*/
/*    border-radius: 30px;*/
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
/*    border-bottom: #f77223 5px solid;*/
/*}*/

/*.modal1 .modalform {*/
/*    text-align: center;*/
/*}*/

/*.modal1 .modalform input,*/
/*.modal1 .modalform textarea,*/
/*.modal1 .modalform button {*/
/*    width: 100%;*/
/*    margin-bottom: 10px;*/
/*}*/
/*.modal1 .modalform input*/
/*{*/
/*    height:30px;*/
/*}*/
/*.modal1 .modalform input, .modal1 .modalform textarea*/
/*{*/
/*    border: 2px solid #f77223;*/
/*    padding: 20px;*/
/*    border-radius: 0px;*/
/*    margin-top: 11px;*/
/*    margin-bottom: 25px;*/
/*}*/
/*.modal1 .modalform input:focus, .modal1 .modalform textarea:focus*/
/*{*/
/*    outline:none;*/
/*    box-shadow:none;*/
/*    border-color:#f77223;*/
/*}*/
/*.modal1 .modalform input::placeholder, .modal1 .modalform textarea::placeholder*/
/*{*/
/*    text-transform:capitalize;*/
/*}*/

/*.modal1 .btn-close1 {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 10px;*/
/*    font-size: 20px;*/
/*    cursor: pointer;*/
/*    border-radius: 100px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    color: #fff;*/
/*    border: 0px;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*}*/
/*.modal1 .btn-close1{*/
/*    text-decoration:none;*/
/*    background: #000;*/
/*}*/

.customquote a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f77223;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.customquote a:hover {
    background-color: #d65c00;
}
.modal-overlay.getmodalshow{
    display:block !important;
}
.service-banner-details .logos
{
     margin-top: 30px;
    filter: brightness(100) invert(1);
}
.service-banner-details > h1{
    color: #fff;
}
.service-banner-details > p{
    font-size: 15px;
    color: #fff;
}

.column_2
{
    column-count: 2;
}

/*--------------------------------- Get a Quote Popup CSS -----------------------------------*/
body.modal-open{
           padding-right: 0 !important;
       }
       #getaquotemodal .modal-header{
           display: grid;
           text-align: center;
           position: relative;
            padding: 38px 35px;
       }
       #getaquotemodal .modal-header .btn-close{
           position: absolute;
           top: 6px;
           right: 6px;
           opacity: 1;
           font-size: 13px;
       }
       #getaquotemodal .modal-header .btn-close:focus{
           box-shadow: none;
       }
       #getaquotemodal .modal-header > p{
           font-size: 18px;
       }
       #getaquotemodal .modal-header > h2{
           font-size: 35px;
           font-weight: 600;
           line-height: 1.2;
       }
       #getaquotemodal .modal-body{
            background: #f7722338;
            padding: 38px 35px;
       }
       #getaquotemodal .modal-body form button{
            width: 100%;
            background: #f77223;
            border-color: #f77223;
            padding: 5px 12px;
            height: 45px;
            border: 0;
            border-radius: 0px;
            font-size: 16px;
            font-weight: 600;
       }
       #getaquotemodal .modal-body form button:active, #getaquotemodal .modal-body form button:focus{
           border-color: #f77223;
           background: #f77223;
       }
       #getaquotemodal .modal-body form input{
            padding: 5px 12px;
            height: 45px;
            border: 0;
            border-radius: 0px;
            font-size: 15px;
       }
       #getaquotemodal .modal-body form input:focus{
           box-shadow: none;
       }
       #getaquotemodal .modal-dialog{
            max-width: 700px;
       }
       .getaquotebtn{
           cursor: pointer;
       }
       #getaquotemodal .modal-content, #getaquotemodal .modal-header, #getaquotemodal .modal-body{
           border-radius: 0px;
       }




/*--------------------------------- Mobile Responsive CSS -----------------------------------*/
@media (max-width: 650px) {
    .hideonmobile{
        display: none;
    }
    section.hombanner{
        height: 650px !important;
    }
    .satisfaction-div p {
        font-size: 18px !important;
    }
    .testimonial-div {
        display: grid;
    }
    .bannerdetails h1 {
        font-size: 32px !important;
    }
    p.sub-heading{
        margin-top: 0;
    }
    h3.font36{
        font-size: 24px;
    }
    .btn1 a, .cbtn a{
        margin-right: 0 !important;
        font-size: 15px !important;
    }
    .cant-publishmybookform .submit {
        margin: 0 auto;
        width: 100%;
        padding: 16px 15px;
        font-size: 18px;
    }
    .service-banner-details > h1{
        width: 100% !important;
        font-size: 29px !important;
    }
    .service-banner-details > p{
        margin-top: 10px;
    }
    .subheading p {
        margin-top: 20px;
        margin-bottom: 0px;
    }
   
    .build-div > h3.font24{
        font-size: 20px;
    }
    .pricingbannerbtn{
        display: grid !important;
    }
    .pricingbannerbtn > .bannerbtn1{
        margin-bottom: 40px;
    }
    section.formsection .form button {
        width: 100%;
    }
    #button {
        width: 44px;
        height: 42px;
        bottom: 15px;
        right: 15px;
    }
    .desktopmenu nav .collapsemenu{
        background: transparent;
    }
    .bannerbtn-ipad a{
        border-radius: 0 !important;
    }
    .mobilerowgap{
        gap: 15px 0;
    }
    
}

@media(max-width: 576px){
    .hombanner
    {
        background:url('../images/bg/main-banner-img-mobile.webp') no-repeat center !important;
    }
}

    .comodal
    {
        border-radius: 0 !important;
        border: #f77223 3px solid;
        padding: 15px;
        background: #fff;
    }
    .pop-upform h2
    {
        font-size: 25px;
        text-transform: uppercase;
        text-align: center;
        font-weight:700;
    }
    .pop-upform p
    {
        text-align: center;
    }
    .m-header
    {
        border-bottom:0px;
        justify-content: right;
        padding-bottom:0px;
    }
    .close-btn 
    {
        position: relative;
        border-radius: 0;
        width: 30px;
        height: 30px;
        background: #f77223;
        display: flex;
        align-items: center;
        justify-content: center;
        border: #fff 3px solid;
        box-shadow: #00000082 0 0 6px;
    }
    .btn-close1
    {
        padding: 0px !important;
        margin: 0px !important;
        --bs-btn-close-bg: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 0px;
    }
    .btn-close1 i
    {
        color: #fff;
    }
    .form21 .form-group
    {
        position: relative;
    }
    .form21 ::placeholder
    {
        font-size: 16px;
        color: #000 !important;
        font-weight: 300 !important;
    }
    .form21 input
    {
        font-size: 16px;
        font-family: "Poppins", sans-serif;
        margin-bottom:10px;
        border: #dcdcdc 1px solid !important;
        padding: 10px 10px 10px 40px !important;
        background: #fafafa !important;
        color: #757575 !important;
        font-weight: 300 !important;
        border-radius: 0px !important;
        height:40px;
    }
    .form21 input:focus
    {
        box-shadow:none !important;
        border-color:#f77223 !important;
    }
    .form21 .message
    {
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        border: #dcdcdc 1px solid !important;
        padding: 7px 10px 10px 40px !important;
        background: #fafafa !important;
        color: #757575 !important;
        font-weight: 300 !important;
        border-radius: 0px !important;
        margin-bottom: 15px;
    }
    .form21 .message:focus
    {
        box-shadow:none !important;
        border-color:#f77223 !important;
    }
    .activatenow {
        display:block;
        margin:auto;
        background: #f77223;
        padding: 6px 40px;
        border-radius: 0;
        text-decoration: none;
        color: #fff;
        text-transform: capitalize;
        border: 0px;
        border: 2px solid #f77223;
        font-family: "Poppins", sans-serif;
    }
    .form-btns
    {
        justify-content: center;
        display: flex;
    }
    .chatting-btn
    {
        background:#f77223; 
        border-radius: 0px;
        padding:6px 15px;
        text-decoration: none;
        color: #fff;
        text-transform: capitalize;
        font-family: "Poppins", sans-serif;
    }
    .icons01
    {
        position: absolute;
        left: 13px;
        top: 12px;
        /*color: #757575;*/
        color: #f77223;
        font-size: 14px;
    }
    .icons02
    {
        position: absolute;
        left: 21px;
        top: 18px;
        color: #757575;
        font-size: 14px;
    }
    /*.message*/
    /*{*/
    /*    height:120px;*/
    /*}*/