/*scroll*/
::selection{background:#895ffc;color:#fff;text-shadow:none;}
::-webkit-scrollbar{width:10px;background-color:#F5F5F5;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#dedede;}
::-webkit-scrollbar-thumb:vertical{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-image:linear-gradient(#397786,#64c9e6);}
body{font-family: 'Ubuntu';overflow-x:hidden;}
/*HEADER SECTION START*/
.main-header{padding:41px 0px;}
header{position:absolute;width:100%;padding:0px 0px;z-index:1;}
.menu{background:linear-gradient(to top,#397786,#64c9e6);padding:27px 0px;border-radius:12px;box-shadow:0px 0px 7px -1px #000;margin:4% 0%;}
ul.menu li{letter-spacing:1px;display:inline;padding:12px 19px;}
ul.menu li a{color:#fff;font-size:17px;text-transform:capitalize;font-weight:400;font-family:calibri;}
ul.menu li a:hover{color:#000;}
ul.menu li.active a{color:#000;}
.mainBanner{height:75vh;display:flex;vertical-align:middle;align-items:center;background-repeat:no-repeat;background-size:cover;}
.mainBanner h1{color:#ffffff;font-size:27px;font-weight:400;}
.mainBanner h2{color:#ffffff;font-size:40px;font-weight:900;padding:8px 0px;}
.mainBanner p{color:#fff;font-size:20px;line-height:26px;padding-bottom:15px;}
.mainBanner a{color:#fff;font-size:23px;}
.mainBanner a:hover{color:#64c9e6;}
.ban-box { background-color: #0000008c; padding: 45px 50px; border-radius: 17px; margin-top: 26%; }
.r-img img {}
.topbar-icon{color:#fff;font-size:25px;margin:0px 29px 0px 0px;transition: 0.5s;}
.topbar-icon:hover {color:#000;}
.search-bar{border:solid 2px #fff;padding:10px 9px;border-radius:9px;width:100%;background-color:#ffffff9c;}
.search-field{background-color:#faebd700;border:none;width:90%;}
.search-icon{border:none;background-color:#faebd700;color:#fff;font-size:20px;}
.innerBanner{height:60vh;display:flex;vertical-align:middle;align-items:center;background-repeat:no-repeat;background-size:cover;}
.innerBanner h1{color:#ffff;font-size:47px;font-weight:800;margin-top:35%;}
.innerBanner h2{color:#ffff;font-size:19px;padding:16px 0px;}
.innerBanner a {color: #fff}
.innerBanner a:hover {color: #64c9e6}
.d-hide {display: none;}
/*HEADER SECTION END*/
/*HOME PAGE START*/
.sec-pad {padding: 50px 0px}
.in1{background-image:url(../images/banner/in1.png);background-size:cover;background-repeat:no-repeat;}
.checked {color: #64c9e6;}
.books li{display:inline-block;width:24%;}
.l1 {background: linear-gradient(to top,#397786,#64c9e6);padding: 36px 16px;}
.l2 {background: linear-gradient(to top,#e9b0b7,#e5aeb4);padding: 36px 16px;}
.l3 {background: linear-gradient(to top,#96b4d0,#94b2ce);padding: 36px 16px;}
.slider2 li h1{color:#fff;font-size:26px;font-weight:500;}
.slider2 li h2{color:#fff;font-size:37px;font-weight:900;padding:15px 0px;}
.slider2 li h3{color:#fff;font-size:24px;font-weight:100;padding:0px 0px 27px 0px;}
.slider2 li span {font-weight:500;}
.slider2 li p{color:#ffff;font-size:21px;line-height:32px;font-weight:300;padding:0px 0px 28px 0px;}
.in2 {background-image:url(../images/banner/in2.png);background-size:cover;background-repeat:no-repeat;}
.test-box{border-radius:8px;border:solid 5px #fff;padding:56px 50px;background-color:#ffffff1f;margin: 24px;}
.testimonial li h1 {color: #fff;font-size: 43px;font-weight: 700;}
.testimonial li h2{color:#fff;font-size:28px;padding:0px 0px 20px 0px;}
.testimonial li p{color:#fff;font-size:17px;line-height:32px;padding:69px 0px;font-weight:100;}
.testimonial li h3{color:#fff;font-size:19px;font-weight:100;padding: 0px 0px 50px 0px}
.in3{background-image:url(../images/banner/in3.png);background-size:cover;background-repeat:no-repeat;}
.ab-box{box-shadow:0px 0px 9px -4px #000;border-radius:11px;padding:60px 43px;}
.ab-box:hover {background:linear-gradient(to top,#397786,#64c9e6)}
.ab-box:hover h1 {color: #fff;}
.ab-box:hover h2 {color: #fff;}
.ab-box:hover p {color: #fff;}
.ab-box h1{color: #64c9e6;font-size: 30px;}
.ab-box h2{color:#000;font-size:46px;font-weight:500;padding:18px 0px;}
.ab-box p{font-size:16px;line-height:28px;}
.search-bar2{border:solid 2px #dcdcdc;padding:13px 9px;border-radius:9px;width:82%;background-color:#ffffff9c;}
.search-icon2{border:none;background-color:#faebd700;color:#bbb;font-size:20px;}
.topics li{border:solid 1px #ccc;padding:15px 21px;margin:15px 0px;border-radius:11px;box-shadow:0px 0px 8px -3px #000;}
.topics li h1 {font-size: 25px;font-weight: 500;color: #000;}
.topics li:hover {background:linear-gradient(to top,#397786,#64c9e6);}
.topics li:hover h1 {color: #fff;}
.pagination li {margin: 0px 12px;}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#000000;background-color:#fff;border:1px solid #bdbdbd;border-radius:6px;font-weight:700;}
.page-link:hover {background:linear-gradient(to top,#397786,#64c9e6);color: #fff;}
.page-link:active {background:linear-gradient(to top,#397786,#64c9e6);color: #fff;}
.m3-h h2{font-size:29px;color:#000;font-weight:500;margin-top:7%;}
.m3-h h3{font-size:17px;padding:25px 0px;}
.m3-h h4 {font-size: 40px;font-weight: 600;}
.m3-h span {color: #64c9e6;}
.m3-h p{font-size:18px;line-height:24px;padding:36px 0px 40px 0px;}
.icon-s{color:#64c9e6;font-size:19px;border:solid 2px #64c9e6;padding:12px;width:49px;border-radius:50%;margin:0px 0px 0px 14px;}
.icon-s:hover {color: #000;border:solid 2px #000;}
/*HOME PAGE END*/
/*FOOTER START*/
footer {background:linear-gradient(to top,#397786,#64c9e6);padding: 50px 0px;}
.widget p{color:#fff;padding:13px 0px 37px 0px;font-size:16px;line-height:20px;}
.widget h1{color:#fff;font-size:22px;font-weight:500;padding:9px 0px 21px 0px;}
.widget h2{color:#fff;font-size:15px;line-height:22px;padding:0px 0px 27px 0px;}
.a-footer a{color:#fff;font-size:16px;line-height:28px;}
.a-footer a:hover{color:#000;}
.copyright {background-color:#326b76;padding: 20px 0px;}
.copyright p{color:#fff;}
/*FOOTER END*/
/*HEADINGS / PARAGRAPHS START*/
.m1-h h1{color:#64c9e6;font-size:28px;font-weight:500;}
.m1-h h2{color:#000;font-size:43px;font-weight:900;padding:4px 0px 19px 0px;}
.m1-h p{font-size:19px;color:#000;font-weight:300;line-height:33px;padding:0px 0px 22px 0px;}
.m2-h h1{color:#000;font-size:23px;font-weight:600;padding:0px 0px 16px 0px;}
.m2-h {margin-top: 4%;}
/*HEADINGS / PARAGRAPHS END*/
/*MARGINS PADINGS START*/
.mar1 {margin-top: 12%;}
.mar2 {margin-top: 4%;}
.mar3 {margin-top: 7%;}
.mar4 {margin-top: 2%;}
/*MARGINS PADINGS END*/
/*BUTTONS START*/
.theme-btn{background:linear-gradient(to top,#397786,#64c9e6);color:#fff;font-size:18px;padding:17px 28px;border-radius:9px;}
.theme-btn:hover {background:linear-gradient(to top,#000,#000)}

.theme-btn2{color:#fff;font-size:18px;padding:17px 28px;border-radius:9px;border:solid 2px #fff;}
.theme-btn2:hover {border:solid 2px #000;color: #000;}
/*BUTTONS END*/
/*SLIDER ARROWS*/
.slider-book .slick-prev.slick-arrow{right:32%;}
.slider-book .slick-arrow{position:absolute;right:30%;top:-40px;font-size:60px;color:#25234d;}
.icon-margin{margin-left:-47px;}
ul.slider-book button.slick-prev.slick-arrow:after{content:'\f104';}
ul.slider-book button.slick-arrow:after{content:'\f105';position:absolute;font-family:fontAwesome;font-size:38px;width:50px;height:50px;background-color:#67ceec;padding:4px;border-radius:50%;color:white;border:solid 2px;box-shadow:0px 0px 4px 0px #2f2f2f;}
ul.slider-book button.slick-arrow.slick-next{position:absolute;z-index:1;font-size:0;border:0;padding:0;bottom:0%;right:-5%;}
ul.slider-book button.slick-arrow.slick-prev{position:absolute;z-index:1;font-size:0;border:0;padding:0;bottom:0%;left:-9%;}


.center .slick-prev.slick-arrow{right:32%;}
.center .slick-arrow{position:absolute;right:30%;top:-40px;font-size:60px;color:#25234d;}
.icon-margin{margin-left:-47px;}
ul.center button.slick-prev.slick-arrow:after{content:'\f104';}
ul.center button.slick-arrow:after{content:'\f105';position:absolute;font-family:fontAwesome;font-size:38px;width:50px;height:50px;background-color:#67ceec;padding:4px;border-radius:50%;color:white;border:solid 2px;box-shadow:0px 0px 4px 0px #2f2f2f;}
ul.center button.slick-arrow.slick-next{position:absolute;z-index:1;font-size:0;border:0;padding:0;bottom:0%;right:160px;}
ul.center button.slick-arrow.slick-prev{position:absolute;z-index:1;font-size:0;border:0;padding:0;bottom:0%;left:100px;}
/*SLIDER ARROWS*/
/*TABS START*/
.tab {
    float: left;
    border: 2px solid #64c9e6;
    background-color: #fff;
    width: 24%;
    height: 89vh;
    padding: 30px 0px;
    overflow-y: scroll;
}
.tab button{display:block;background-color:inherit;color:black;padding:22px 16px;width:100%;border:none;outline:none;text-align:left;cursor:pointer;transition:0.3s;font-size:17px;}
ul.btn-tabs.text-center li:hover{background:linear-gradient(to top,#397786,#64c9e6);color:#fff;}
ul.btn-tabs.text-center li.current{background:linear-gradient(to top,#397786,#64c9e6);color:#fff;}
.tab h1{font-size:34px;text-align:center;font-weight:800;padding:0px 0px 33px 0px;}
.tabcontent {
    float: left;
    padding: 15px 12px;
    width: 70%;
    border-left: none;
    margin-left: 20px;
    height: 89vh;
    border: 2px solid #64c9e6;
    overflow-y: scroll;
}
.b-tab li {
    display: inline-block;
    width: 24%;
}
.b-tabs li {
    width: 23%;
    margin-left: 20px;
    display: inline-block;
    margin-bottom: 27px;
}
/*TABS END*/
/* slider dot */
ul.index-slider ul.slick-dots li,.trand-slider ul.slick-dots li{margin:0 6px 5px 0px;width:auto;display:inherit;vertical-align:middle;overflow:hidden;padding:0px;border:none;display:inline-block;}
ul.index-slider ul.slick-dots,.trand-slider ul.slick-dots{text-align:center;position:absolute;left:0;right:0;bottom:75px;}
ul.index-slider ul.slick-dots li button,.trand-slider ul.slick-dots li button{height:10px;border:solid 2px #fff;width:10px;padding:0px;cursor:pointer;border-radius:50%;font-size:0px;padding:0px;-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;box-sizing:border-box;}
ul.index-slider .slick-dots li.slick-active button,.trand-slider ul.slick-dots li.slick-active button{background:#64c9e600;width:10px;height:10px;border-radius:33px;}
/*body*/
*:hover,*:focus,*{outline:none!important;}
.overflw{overflow:hidden;}
[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}
img{max-width:100%;height:auto;}
a:hover{-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;}
/* Hamburger Menu */
.menu-Bar{width:30px;height:20px;cursor:pointer;position:absolute;right:15px;top:0;bottom:0px;margin:auto;z-index:22;display:none;}
.menu-Bar span{display:block;height:4px;width:100%;background:#fff;position:absolute;transition:.6s all;border-radius:100px;}
.menu-Bar span:nth-child(1){top:0;}
.menu-Bar span:nth-child(2){top:8px;transform-origin:left;}
.menu-Bar span:nth-child(3){top:16px;}
.menu-Bar.open span{background:#fff;}
.menu-Bar.open span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center;}
.menu-Bar.open span:nth-child(2){width:0;opacity:0;}
.menu-Bar.open span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center;}
.m2-h h1{font-size : 50px;margin-top : 0}
/* click search field */
#demo-2 input[type=search]{width:30px;height:30px;color:#000;cursor:pointer;border:1px solid #fff;-webkit-transition-duration:0.4s;transition-duration:0.4s;border-radius:20px;}
#demo-2 input[type=search]{background:#fff url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;border:solid 1px transparent;padding:9px 10px 9px 32px;width:45px;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;background-color:transparent;}
form#demo-2{position:absolute;top:-20px;}
.serch{position:relative;}
#demo-2 input[type=search]:focus{width:220px;padding-left:32px;color:#000;background-color:#fff;cursor:auto;border-radius:20px;border:1px solid #f5821f;}
@media (max-width: 1440px) {}
@media (max-width:1200px){
	.menu-Bar{display:block;top:0px;}
	.menuWrap.open{display:flex;left:0px;}
	.menuWrap{position:fixed;left:-210%;right:0;top:0;bottom:0;margin:auto;background:#000;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all 0.4s ease;z-index:3;width:100vw;}
	.menuWrap .menu li{display:block;}
	.menuWrap .menu li a{margin-bottom:10px;padding:0;display:block;text-align:center;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;font-size:15px;text-transform:capitalize;}
	.container{position:relative;}
	header .header-top{display:none;}
	header .main-header ul.menu>li{display:block;padding:0px;}
	header .main-header ul.menu>li a{color:#fff;padding:0px;text-align:left;}
	header .main-header ul.menu>li a:before{display:none;}
}
@media (max-width: 980px) {}

@media (max-width: 1024px) {
	.search-field {width: 83%;}
	.topbar-icon {display: none;}
	.topbar-icon{font-size:25px;}
	.mainBanner p{font-size:14px;}
	.m1-h p{font-size:14px;line-height:21px;}
	.b-tab li{width:45%;}
	.tab h1{font-size:22px;text-align:center;font-weight:800;padding:0px 0px 12px 0px;}
	.tab button{padding:15px 16px;}
	.testimonial li p{padding:17px 0px;}
	.m3-h p{font-size:13px;line-height:24px;padding:36px 0px 20px 0px;}
	.menu{background:linear-gradient(to top,#39778600,#64c9e600);padding:27px 0px;border-radius:12px;box-shadow:0px 0px 7px -1px #0000;margin:0% 0%;}
	.m2-h h1 {font-size : 32px; margin : 0;padding-bottom : 10px;}
	.m1-h h2{font-size : 36px}
	.widget.f-img img {width : 80%; height : auto; margin : 0;}
	.widget h1{padding: 0px 0px 15px 0px}
	section.sec-pad.special.in1{padding : 50px 0}
	.mainBanner{height:60vh}
	.tab{width : 32%;height:60vh}
	.tabcontent {width:65%;height :60vh}
}
@media (max-width: 767px) {
	.d-hide {display: block;}
	.m-hide {display: none;}
	a.logo img{width:48%;}
	.search-field{width:86%;}
	.search-bar{padding:5px 9px;margin-top: 15px;}
	.topbar-icon{display:none;}
	.main-header{padding:17px 0px;}
	.menu-Bar{display:block;top:-60px;}
	.ban-box{padding:21px 14px;margin-top:8%;}
	.mainBanner h1 {font-size: 19px;}
	.mainBanner h2 {font-size: 24px;}
	.mainBanner p {font-size: 16px;line-height: 20px;}
	.mainBanner a {font-size: 17px;}
	.mainBanner {height: 60vh;}
	.m2-h p{font-size: 14px; padding-bottom :10px}
	.m1-h h1{font-size:19px;}
	.m1-h h2{font-size:27px;padding:4px 0px 15px 0px;}
	.m1-h p{font-size:15px;line-height:22px;padding:0px 0px 23px 0px;}
	.theme-btn{font-size:15px;padding:10px 17px;}
	.theme-btn2{font-size:15px;padding:10px 17px;}
	.mar1{margin-top:0%;}
	.in1{background-image:url(../images/banner/in1q.png);}
	.books li{width:49%;}
	.m2-h h1 {font-size: 28px;padding: 0px 0px 10px 0px;}
	.mar2 {margin-top: 15%;}
	.slider2 li h1 {font-size: 15px;}
	.slider2 li h2 {font-size: 24px;padding: 7px 0px;}
	.slider2 li p{font-size:14px;line-height:18px;padding:0px 0px 14px 0px;}
	.slider2 li h3{font-size:19px;padding:0px 0px 0px 0px;}
	.l1{padding:23px 0px;}
	.l2{padding:23px 0px;}
	.l3{padding:23px 0px;}
	.tab button{display:inline-block;padding:8px 9px;width:32%;font-size:13px;border-radius:9px;}
	.tab{border:0px solid #64c9e6;width:100%;padding:12px 0px;}
	.tab h1{font-size:20px;text-align:left;font-weight:500;padding:0px 0px 13px 0px;}
	.tabcontent{padding:0px 12px;width:100%;height:100%;}
	.b-tab li{display:inline-block;width:32%;}
	.b-tab li{width:48%;}
	.testimonial li p{font-size:12px;line-height:18px;padding:17px 0px;}
	.testimonial li h2{font-size:17px;padding:0px 0px 7px 0px;}
	.testimonial li h3{font-size:12px;padding:0px 0px 0px 0px;}
	.test-box{padding:19px 7px;margin:6px;}
	
	.widget p{padding:19px 0px 0px 0px;font-size:14px;line-height:17px;}
	.widget h1{font-size:20px;padding:37px 0px 6px 0px;}
	.a-footer a {font-size: 13px;line-height: 19px;}
	.widget h2{font-size:11px;line-height:18px;padding:0px 0px 3px 0px;}
	.copyright p {font-size: 11px;}
	.menu{background:linear-gradient(to top,#39778600,#64c9e600);padding:27px 0px;border-radius:12px;box-shadow:0px 0px 7px -1px #0000;margin:0% 0%;}
	.ab-box h1 {font-size: 22px;}
	.ab-box h2 {font-size: 32px;padding: 6px 0px;}
	.ab-box p {font-size: 13px;line-height: 21px;}
	.ab-box{box-shadow:0px 0px 9px -4px #000;border-radius:11px;padding:23px 18px;margin:11px 0px;}
	.innerBanner h1 {font-size: 34px;text-align : center}
	.innerBanner h2 {font-size: 15px;padding: 16px 0px;}
	.search-bar2{border:solid 2px #dcdcdc;padding:4px 9px;border-radius:9px;width:100%;background-color:#ffffff9c;}
	.topics li h1 {font-size: 16px;}
	.topics li {border:solid 1px #ccc;padding:9px 12px;margin:15px 0px;border-radius:11px;box-shadow:0px 0px 8px -3px #000;}
	.m3-h h2{font-size:22px;color:#000;font-weight:500;margin-top:4%;}
	.m3-h h3{font-size:13px;padding:10px 0px;}
	.m3-h p{font-size:13px;line-height:18px;padding:12px 0px 0px 0px;}
	.m3-h h4{font-size:23px;font-weight:600;padding:10px 0px 0px 0px;}
	.icon-s {margin: 17px 0px 0px 5px;}
	.b-tabs li{width : 45%; padding: 5px; margin : 0}
	.overlay h1{font-size : 15px}
	section.sec-pad.special.in1{padding : 30px 0}
	.widget.f-img img {width : 60% ; height : auto ; margin : 0}
	footer {padding : 30px 0}
	.widget h1 {padding : 20px 0 6px 0}
	.testimonial li h1{font-size :28px}
	.sec-pad {padding: 30px 0}
	.innerBanner h1{margin-top : 40px}
	ul.btn-tabs.text-center li{padding :16px}
	ul.btn-tabs.text-center li a{font-size : 15px}
	.tabcontent {margin: 10px 0 0 0; height: 60vh}
	.widget.f-img img {
    height: auto;
    width: 80%;
    margin-top: 0;
}
ul.b-tab img{padding :2px}
}
@media (min-width:418px) and (max-width:786px) {
    .innerBanner h1 {margin-top : 85px;line-height:54px}
    .tabcontent {height:80vh}
    .tab{height : 80vh}
    }
    
.widget.f-img img {
    height : auto;
    margin-top : 0;
    }