@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&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');

html,body{
	min-height: 100%;
	height: 100%;
}

body{
	background: #f7f7f7;
	width: 100%;
	min-height: 100%;
	height: 100%;
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	background-color: #111827;
	background-image: url(../../images/bg_img2.png);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.container, .container-lg, .container-md, .container-sm, .container-xl{
	max-width: 1170px;
}

ul{
	list-style-type: none;
}

button:disabled {
  opacity:.5 !important;
  cursor:not-allowed !important;
}

a:disabled {
  opacity:.5 !important;
  cursor:not-allowed !important;
}

.text-decoration-none{
    text-decoration: none !important; 
}

.text-primary{
    color: #FA3F3F !important;
}

a.text-primary:focus, a.text-primary:hover{
    color: #FA3F3F !important;
}

.text-dark{
    color: #111010 !important;
}

.text-white{
    color: #ffffff;
}

.text-gray{
    color: #777777;
}

.text-gray-1{
    color: #999999;
}

.text-ccc{
	color: #ccc;
}

.font-12{
    font-size: 12px !important;
}

.font-13{
    font-size: 13px !important;
}

.font-14{
    font-size: 14px !important;
}

.font-15{
    font-size: 15px !important;
}

.font-16{
    font-size: 16px !important;
}

.font-17{
    font-size: 17px !important;
}

.font-18{
    font-size: 18px !important;
}

.font-19{
    font-size: 19px !important;
}

.font-20{
    font-size: 20px !important;
}

.font-21{
    font-size: 21px !important;
}

.font-22{
    font-size: 22px !important;
}

.font-23{
    font-size: 23px !important;
}

.font-24{
    font-size: 24px !important;
}

.font-400{
    font-weight: 400 !important;
}

.font-500{
    font-weight: 500 !important;
}

.font-600{
    font-weight: 600 !important;
}

.font-bold{
    font-weight: 700 !important;
}

.btn-theme{
	background: #FA3F3F !important;
	border: #FA3F3F !important;
	color: #fff !important;
	border-radius: 5px !important;
	box-shadow: 0 4px 7px rgba(0,0,0,0.07) !important;
	transition: .2s;
}

.btn-theme:hover{
	box-shadow: 0 4px 12px rgba(0,0,0,0.14);
	transition: .2s;
}

.btn-theme:active{
	opacity: .7;
}

.btn-theme-border{
	background: transparent !important;
	border: 1px solid #FA3F3F !important;
	color: #FA3F3F !important;
	border-radius: 5px !important;
	box-shadow: 0 4px 7px rgba(0,0,0,0.07) !important;
	transition: .2s;
}

.btn-theme-border:hover{
	box-shadow: 0 4px 12px rgba(0,0,0,0.14);
	transition: .2s;
}

.btn-theme-border:active{
	opacity: .7;
}

/*Navbar css*/

.navbar_main{
	/*background: #1f2937;*/
	background: #1b2436;
	padding: 0px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	box-shadow: 0 4px 22px rgb(0 0 0 / 10%);
}

.navbar_main nav.navbar.navbar-expand-lg{
	padding: 15px 10px;
}

.navbar_main nav.navbar .navbar-brand{
	padding: 0;
    height: 60px;
    width: 190px;
}

.navbar_main nav.navbar .navbar-brand img{
	width: 100%;
    height: 100%;
    object-fit: contain;
}

.navbar_main nav .navbar-nav .nav-item{
	display: flex;
	align-items: center;
}

.navbar_main nav .navbar-nav .nav-item .nav-link{
	color: #f7f7f7;
	font-size: 15px;
}

.navbar_main nav .navbar-nav .nav-item .nav-link:hover{
	color: #FA3F3F;
    transition: ease 0.5s;
}

.navbar_main nav .navbar-nav .nav-item.active > .nav-link{
	color: #FA3F3F;
    transition: ease 0.5s;
}

.navbar_main nav .navbar-nav .nav-item a.nav_link_brdr:after {
    content: '';
    position: absolute;
    bottom: -.1rem;
    left: 50%;
    transform: translate(-50%,-50%);
    height: .2rem;
    width: 0px;
    z-index: -1;
    background: #FA3F3F;
    transition: ease 0.5s;
}

.navbar_main nav .navbar-nav .nav-item.active a.nav_link_brdr:after {
    width: 50%;
    transition: ease 0.5s;
}

.navbar_main nav .navbar-nav .nav-item a.nav_link_brdr:hover:after {
    width: 50%;
    transition: ease 0.5s;
}
.navbar_main nav .navbar-nav .nav-item a {
    position: relative;
    z-index: 9;
}

.navbar_main nav .navbar-nav .nav-item .join_btn{
	width: 120px;
	height: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	cursor: pointer;
	font-size: 15px;
}

.buy_now_btn{
	width: 170px;
	height: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	cursor: pointer;
	font-size: 15px;
}

.buy_now_dropdown .dropdown-menu{
	left: unset;
    right: 0;
    margin-top: 15px;
    min-width: 275px;
    border-radius: 5px;
    /*background: #1f2937;*/
    background: #1b2436;
    color: white;
    box-shadow: 0 4px 22px rgb(0 0 0 / 20%);
}

.buy_now_dropdown .dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  animation-fill-mode: forwards; 
  transform: scale(0.9, 0.7) translateY(-25px);
  display: block; 
  transition: all .2s ease;
}
.show > .dropdown-menu {
  transform: scale(1, 1) translateY(0);  
  opacity: 1;
  visibility: visible;
  transition: all .2s ease;
}

.amazon_logo_conatiner{
	background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;	
}

.buy_now_dropdown .dropdown-menu .dropdown-item{
    transition: .2s;	
    position: relative;
    color: #ccc;
}

.buy_now_dropdown .dropdown-menu .dropdown-item:hover{
	color: #FA3F3F;
    text-decoration: none;
    background-color: rgba(0,0,0,.17);
    transition: .2s;
}

.arrow_on_amazon{
	line-height: 0;
    position: absolute;
    right: 15px;
    display: none;
    top: 50%;
    transform: translate(-50%,-50%);
	transition: .4s;
}

.buy_now_dropdown .dropdown-menu .dropdown-item:hover > .arrow_on_amazon{
	right: 7px;
	display: block;
	transition: .4s;
}

/*//// Header css ////*/

.header_main{
	padding: 215px 0;
}

.header_main h1{
	font-weight: 300;
	font-size: 55px;
	font-family: 'Oswald', sans-serif;	
}

.header_main h1 span{
	font-family: 'Oswald', sans-serif;	
	font-weight: 600;
	position: relative;
}

.header_main h1 span:after{
	background-image: url('../../images/underline_headert_title.png');
	position: absolute;
    bottom: -8px;
    left: 0;
    content: "";
    width: 100%;
    height: 10px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.header_title .arrow_header_doted{
	position: absolute;
    left: 105%;
    transform: rotate(15deg);
    width: 185px;
    top: 7px;
}

.header_title p{
	line-height: 1.7;
	font-weight: 400;
	text-align: justify;
	color: #ccc !important;
}

.classmain_book_img img{
	transition: .4s ease-in-out;
	cursor: pointer;
}

.classmain_book_img img:hover{
	transition: .4s ease-in-out;
	transform: scale(1.1);	
}

.copyright_section{
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.download_btn_hm{
	cursor: pointer;
	position: relative;
	display: block;
  	box-shadow: 0 0 0 0 rgba(25, 183, 0, .5);  	
  	-webkit-animation: pulse 1.5s infinite;
}
  
.pulse-button:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  70% {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 0 0 75px rgba(25, 183, 0, .5);
    -webkit-box-shadow: 0 0 0 75px rgba(25, 183, 0, .5);
  }
  100% {
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(25, 183, 0, 0);
    -webkit-box-shadow: 0 0 0 0 rgba(25, 183, 0, 0);
  }
}

/*////// Download Free sample page ///////////*/

.download_sample_section{
	padding: 125px 0;
	padding-bottom: 55px;
}

.download_sample_section h1{
	font-weight: 300;
	font-size: 55px;
	font-family: 'Oswald', sans-serif;	
}

.download_sample_section h1 span{
	font-family: 'Oswald', sans-serif;	
	font-weight: 600;
	position: relative;
}

.download_sample_section h1 span:after{
	background-image: url('../../images/underline_headert_title.png');
	position: absolute;
    bottom: -8px;
    left: 0;
    content: "";
    width: 100%;
    height: 10px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.book_banner_img_sec{
	margin: auto;
    height: 500px;
    justify-content: center;
    overflow: hidden;
}

.book_banner_img_sec img{
	border-radius: 7px;
	box-shadow: 0 4px 22px rgba(0,0,0,.7);
	overflow: hidden;
	object-fit: contain;
}

.download_sample_section .download_btn_hm{
	box-shadow: 0 3px 27px rgba(0, 0, 0, .8);
	position: relative;
	/*top: -25px;*/
	font-size: 18px;
}

/*///// Coming Soon Page /////*/

.text_loading_fr_coming_sn{
	font-size: 175px;
    text-transform: uppercase;
    color: #111827;
    text-shadow: -2px 2px 0 #797b8f, 2px 2px 0 #797b8f, 2px -2px 0 #797b8f, -2px -2px 0 #797b8f;
    font-family: 'Oswald', sans-serif;	
    font-weight: 600;
    text-align: center;
    opacity: 0.09;
}

.coming_soon_imgs_sec{
	height: 300px;
	margin: auto;
}

.coming_soon_imgs_sec img{
	width: 100%;
	object-fit: contain;
}

/*/// Contact Us ///*/

.contact_section{
	padding: 125px 0;
	padding-bottom: 150px;
}

.contact_section h1{
	font-weight: 300;
	font-size: 55px;
	font-family: 'Oswald', sans-serif;	
}

.contact_section h1 span{
	font-family: 'Oswald', sans-serif;	
	font-weight: 600;
	position: relative;
}

.contact_section h1 span:after{
	background-image: url('../../images/underline_headert_title.png');
	position: absolute;
    bottom: -8px;
    left: 0;
    content: "";
    width: 100%;
    height: 10px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.contact_person_cards{
	background: #1b2436;
	border-radius: 5px;
	box-shadow: 0 4px 22px rgba(0, 0, 0, .2);
	width: 100%;
	padding: 15px;
	min-height: 300px;
	text-align: left;
	transform: scale(1);
	transition: .4s ease-in-out;
	cursor: pointer;
}

.contact_person_cards:hover{
	transform: scale(1.04);	
	transition: .4s ease-in-out;
}

.contact_person_cards h3{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}

.contact_person_cards .designation_badge{
	color: #007eff;
    display: inline-block;
    margin-top: 15px;
    border: 1px solid #007eff;
    padding: 7px 15px;
    background: rgba(0, 126, 255,.15);
    border-radius: 4px;
    font-weight: 600;
}	

.connect_person_on_social{
	position: relative;
	top: 35px;
	display: flex;
}

.connect_person_on_social li a{
	background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.main_person_img_sec{
	width: 100%;
}

.main_person_img{
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 325px;
    overflow: hidden;
}

.main_person_img img{
	width: 100%;
	height: 100%;
	border-radius: 7px;
	box-shadow: 0 4px 15px rgab(0,0,0,.22);
	object-fit: cover;
	object-position: top;
}

/*/// Author ////*/

.author_person_cards h3{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}

.author_person_cards .designation_badge{
	color: #007eff;
    display: inline-block;
    margin-top: 15px;
    border: 1px solid #007eff;
    padding: 7px 15px;
    background: rgba(0, 126, 255,.15);
    border-radius: 4px;
    font-weight: 600;
}	

.author_person_cards .connect_person_on_social{
	position: relative;
}

.author_person_cards .connect_person_on_social li a{
	background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.author_person_cards .social_media_on_authors{
    top: unset;
    position: unset;
    width: auto !important;
}

.author_person_cards .main_person_img{
	height: 325px;
}


/*/////Responsive CSS/////*/


/*//////////// Responsive On 1200px ////////////////*/

@media screen and (max-width:1200px){

	.navbar_main nav .navbar-nav .nav-item .nav-link{
		font-size: 14px;
	}

	.navbar_main nav .navbar-nav .nav-item .join_btn{
		width: 110px;
		height: 44px;
	}

	.navbar_main nav .navbar-nav .nav-item .join_btn span.material-icons{
		font-size: 18px !important;
	}

	.navbar_main nav .nav-item .buy_now_btn{
		width: 150px;
		height: 44px;
	}

	.navbar_main nav .nav-item .buy_now_btn span.material-icons{
		font-size: 18px !important;
	}

	.header_main{
		padding: 175px 0;
	}

	.header_title p{
		font-size: 14px !important;
	}

	.connect_person_on_social li a{
		width: 38px;
  		height: 38px;
	}

	.p_0_on_res{
		padding: 0 !important;
	}

	.author_person_cards.row p.text-ccc.font-16{
		font-size: 14px !important;
		line-height: 1.9;
	}

	.author_person_cards .connect_person_on_social li a{
		width: 38px;
		height: 38px;
	}

	.navbar_main nav.navbar .navbar-brand{
		height: 55px;
	    width: 170px;
	}

}

/*//////////// Responsive On 991px ////////////////*/

@media screen and (max-width:991px){

	/*Navbar*/
	
	.navbar_main nav .navbar-nav .nav-item a.nav_link_brdr:after {
	    left: 0;
		height: .15rem;
		bottom: 0;
		transform: none;
	}

	#navbarScroll.navbar-collapse.collapse{
		padding-top: 5px;
		margin-top: 15px;
		border-top: 1px solid rgba(255, 255, 255, .2);
	}

	.navbar_main nav.navbar .navbar-brand{
		height: 45px;
	    width: 140px;
	}

	/*.navbar_main nav.navbar.navbar-expand-lg{
		padding: 10px 0;
	}
*/
	.navbar_main nav .nav-item .buy_now_btn{
		width: auto;
		height: 40px;
		font-size: 13px;
	}

	.buy_now_dropdown {
		position: absolute;
		right: 55px;
		top: 18px;
	}

	.navbar_main button.navbar-toggler{
		position: absolute;
		right: -5px;
		top: 20px;
		color: #eee;
	}

	.dis_none_on_res{
		display: none;
	}

	.buy_now_dropdown .dropdown-toggle::after{
		border-top: .4em solid;
		border-right: .4em solid transparent;
		border-bottom: 0;
		border-left: .4em solid transparent;
	}

	.navbar-nav-scroll{
		overflow: unset;
		margin-bottom: 0 !important;
	}	

	.navbar_main nav .navbar-nav .nav-item .join_btn{
		width: 100%;
		margin-top: 20px;
		height: 55px;
	}

	/*//////////*/

	.header_main{
		padding: 145px 0;		
	}

	.header_main h1{
		font-size: 40px;
	}

	.contact_section h1{
		font-size: 40px;
	}

	.download_sample_section h1{
		font-size: 40px;
	}

	.header_title .arrow_header_doted{
		width: 125px;
	}

	.contact_section_persons_row{
		justify-content: center;
	}

	.contact_person_cards{
		margin-bottom: 55px;
	}

	.header_sec_btns .join_btn_hm{
		padding: 15px !important;
		font-size: 14px;
	}

	.header_sec_btns .download_btn_hm{
		padding: 15px !important;
		font-size: 14px;
	}

	.classmain_book_img{
		text-align: center !important;
	}

	.author_person_cards h3{
		font-size: 24px;
	}

	.author_person_cards .designation_badge{
		font-size: 13px;
	}

	.author_person_cards .main_person_img{
		height: 295px;
	}

}


/*//////////// Responsive On 767px ////////////////*/

@media screen and (max-width:767px){

	/*Navbar*/
	
	.navbar_main nav .navbar-nav .nav-item a.nav_link_brdr:after {
	    left: 0;
		height: .15rem;
		bottom: 0;
		transform: none;
	}

	#navbarScroll.navbar-collapse.collapse{
		padding-top: 5px;
		margin-top: 15px;
		border-top: 1px solid rgba(255, 255, 255, .2);
	}

	.navbar_main nav.navbar .navbar-brand{
		height: 45px;
	}

	.navbar_main nav.navbar.navbar-expand-lg{
		padding: 10px 0;
	}

	.navbar_main nav .nav-item .buy_now_btn{
		width: auto;
		height: 40px;
		font-size: 13px;
	}

	.buy_now_dropdown {
		position: absolute;
		right: 55px;
		top: 13px;
	}

	.navbar_main button.navbar-toggler{
		position: absolute;
		right: -5px;
		top: 17px;
		color: #eee;
	}

	.dis_none_on_res{
		display: none;
	}

	.buy_now_dropdown .dropdown-toggle::after{
		border-top: .4em solid;
		border-right: .4em solid transparent;
		border-bottom: 0;
		border-left: .4em solid transparent;
	}

	.navbar-nav-scroll{
		overflow: unset;
		margin-bottom: 0 !important;
	}	

	.navbar_main nav .navbar-nav .nav-item .join_btn{
		width: 100%;
		margin-top: 20px;
		height: 55px;
	}

	/*//////////*/

	.header_main{
		padding: 110px 0;
	}

	.contact_section{
		padding: 110px 0;
	}

	.download_sample_section{
		padding: 110px 0;
		padding-bottom: 55px;
	}

	.author_person_cards h3{
		margin-top: 25px;
		margin-bottom: 30px;
		position: relative;
	}

	.author_person_cards h3:after{
		content: "";
		background: #FA3F3F;
		width: 45px;
		height: 3px;
		position: absolute;
		bottom: -15px;
		left: 0;
	}

	.author_person_cards .designation_badge{
		position: absolute !important;
		top: 10px;
		right: 0;
	}

	.author_person_cards.row .connect_person_on_social{
		top: 0;
		margin-top: 25px !important;
	}

	.author_person_cards .social_media_on_authors{
		display: flex !important;
		width: 100% !important;
		position: absolute;
		bottom: -45px;
		left: 0;
	}

	.author_person_cards {
		margin-bottom: 55px;
	}

	.author_person_cards.row p.text-ccc.font-16{
		margin-top: 0 !important;
	}

	.float_lef_on_res{
		float: left !important;
	}

	.flex-row-reverse--on-res{
		flex-direction: row-reverse;
	}

	.author_person_cards .main_person_img{
		height: 375px;
	}

	.header_sec_btns{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
		box-shadow: 0 -7px 22px rgba(0, 0, 0, .45);
		background: #1b2436;
	}

	.header_sec_btns .download_btn_hm{
		animation: none;
		width: 60%;
		z-index: 999;
		justify-content: center;
		margin: 0 !important;
		border-radius: 0 !important;
		padding: 0 !important;
		height: 60px;
	}

	.header_sec_btns .join_btn_hm{
		animation: none;
		justify-content: center;
		padding: 0 !important;
		height: 60px;
		width: 40%;
		z-index: 999;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	.header_main h1{
		font-size: 32px;
	}

	.contact_section h1{
		font-size: 32px;
	}

	.download_sample_section h1{
		font-size: 32px;
	}

	.header_title .arrow_header_doted{
		width: 95px;
	}

	.header_main h1 span::after {
		height: 8px;
		bottom: -12px;
	}

	.contact_section h1 span::after{
		height: 8px;
		bottom: -12px;
	}

	.download_sample_section h1 span::after {
		height: 8px;
		bottom: -12px;
	}

	.copyright_section p{
		font-size: 14px;
	}

	.text_loading_fr_coming_sn{
		font-size: 75px;
		margin-top: 25px !important;
	}

	.heading_title.text-center p.w-50{
		width: 100% !important;
	}

	.heading_title p.font-15.text-ccc.mb-5.w-75.mt-2.mx-auto{
		width: 100% !important;
	}

	.download_btn_on_sep_pg{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
		box-shadow: 0 -7px 22px rgba(0, 0, 0, .45);
		background: #1b2436;
		margin: 0 !important;
	}

	.download_btn_on_sep_pg .download_btn_hm{
		animation: none;
		width: 100%;
		border-radius: 0 !important;
		justify-content: center;
		font-size: 14px;
	}

	.book_banner_img_sec{
		height: 350px;
	}

	.row_mr_0_on_res{
		margin: 0 !important;
	}

	.author_person_cards .col-lg-4.col-md-4{
		padding: 0;
	}

	.author_person_cards .col-lg-8.col-md-8{
		padding: 0;
	}

	.flex-column-reverse--on-res{
		flex-direction: column-reverse;
	}

	.contact_section_persons_row{
		margin-top: 20px !important;
	}

}