@charset "utf-8";
/* CSS Document */

/*html, body {
	width: 100%;
	overflow-x: hidden;
} */

/* Google Fonts */
@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');
/* Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css'); */



:root {
    
    /* Color */
    --main-bg-color: linear-gradient(#5A8BEC, #A9A90F); 
    --second-bg-color: #FFC46A;
    --heading-text-color:#175f37;
    --main-text-color: #022547; 
    --gray-text-color: #6d6d6d;
    --white: #fff;
    --black: #000;

    --bg-green: #175f37; 
    --bg-gray: #eee;
    --bg-orange: #f7ab00;
    /* Font family */
    --body-font-poppins: 'Poppins', sans-serif;
    --body-font-roboto: "Roboto"; 
}

html
{
    scroll-behavior: smooth;
}


* {
    padding: 0;
    margin: 0;
    text-decoration: none !important;
    outline: none !important;
    font-size: 15px;
}
body {
    font-family: var(--body-font-roboto);
    font-family: var(--body-font-poppins);
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    background: var(--white);
    letter-spacing: 0.4px;
    overflow-x: hidden;
    color: var(--main-text-color);
    /* font-family: "Roboto";
    font-family: 'Poppins', sans-serif; */
}

img 
{
    border: 0;
}
ul, ol 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a, a:hover,a:focus { text-decoration: none; }
ol { list-style: decimal inside; }
h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    color: var(--heading-text-color);
    line-height: 1.2;
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px 0;    
}
h1 { font-size: 40px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; }
h4 { font-size: 28px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }
p
{
    margin: 0 0 10px 0;
    padding: 0;
    color: var(--main-text-color);
    font-size: 15px;
    line-height: 1.5;
}
b, strong 
{
    font-weight: 600;
}
blockquote 
{
    margin: 0;
    padding: 0;
    border: none;
}
/* a, a:hover, a:visited 
{
    color: #21a108;
} */
/* ::selection 
{
    background: #21a108;
    color: #fff;
}
::-moz-selection 
{
    background: #21a108;
    color: #fff;
} */
a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus { outline:none; }
.btn:focus {box-shadow: none;} 

/***************
page scrool
**************/
.scrollup 
{
    right: 15px;
    position: fixed;
    bottom: -80px;
    width: 45px;
    height: 45px;
    z-index: 9999;
    background:var(--bg-orange);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: center;
    color: var(--white);
    padding: 10px;
    font-size: 18px;
}
.scrollup.active 
{
    bottom: 110px;
    right: 15px;
}
.btn { padding: 10px 25px; border: 1px solid var(--main-bg-color); background: -webkit-linear-gradient(#E80289, #0C71C3); border-radius: 4px; }
.btn:hover { border: 1px solid var(--bg-orange); background: var(--bg-orange); }

/***************
page scrool
***************/


/************* Top Header ***************/
header { width: 100%;}

.header-top { width: 100%; background: var(--main-bg-color); padding: 10px 0; overflow: hidden; }
.social_box { float: right; margin: 0 0 0 15px;}
.social_box  ul li { float: right; margin: 0 10px; font-size: 16px;}
.social_box  ul li:first-child { margin-left: 0;}
.social_box  ul li a { font-size: 16px; color: var(--black);}
.social_box  ul li a:hover { color: var(--bg-orange);}
.right-top { float: right; margin: 0 15px 0 0;}
.right-top ul li { float: right; margin: 0 10px; font-size: 16px;}
.right-top ul li a { font-size: 13px; color: var(--black);}
.right-top ul li:last-child { margin-right: 0;}
.main_header { width: 100%; height: auto;}
.log_btn { padding: 5px 15px; border: 1px solid var(--second-bg-color); border-radius: 4px; background: var(--second-bg-color);}
.log_btn:hover, .log_btn:active, .log_btn:focus { background: var(--bg-orange); color: var(--white); border-color: var(--second-bg-color);}
.log_btn:focus { box-shadow: none;}
/************* NavBar **************/
.main_header .navbar-nav .nav-item { margin: 0 15px;}
.main_header .navbar-nav .nav-item:first-child { margin-left: 0;}
.main_header .navbar-nav .nav-item:last-child { margin-right: 0;}
.main_header .navbar-nav .nav-link { color: var(--heading-text-color); font-weight: normal; }
.main_header .navbar-nav .nav-link:hover, .main_header .navbar-nav .nav-link.active { color: var(--white); font-weight: normal; background: var(--bg-orange); }
.dropdown-item:focus, .dropdown-item:hover { background: var(--main-bg-color); color: var(--white);}
.main_header .nav-item .dropdown-menu { font-size: 14px;}
.main_header .nav-item .dropdown-menu .dropdown-item { padding: 0.75rem 1rem;}
.header_logo { width: 100px;}
/*************** Banner ****************/
.main-slider { position: relative; width: 100%; height: auto; margin: 0; overflow: hidden; }
.slick-next { right: 35px; } 
.slick-prev { left: 15px;}
.img-fill { width: 100%; position: relative;}
.main-slider .info { position: absolute; top: 0; left: auto; width: 100%; }
.slider_content { width: 72%; margin: 100px auto; text-align: center;}
.slider_content h1 { font-size: 34px; line-height: 40px; color: var(--white); margin: 0 0 30px 0; }
.slider_content p { font-size: 20px;  color: var(--white); margin: 0 0 30px 0; }
.section { width: 100%; padding: 70px 0; }
.our_section .card { overflow: hidden; background-image: linear-gradient(180deg, rgba(43, 135, 218, 0.58) 0%, #29c4a9 100%), url(https://www.abhiyan.org.in/wp-content/uploads/2024/01/map-1-01.png);}
.our_section .card-body { height: 200px; overflow: hidden; text-align: center; }
.our_section .card-body .card-title { font-size: 24px; text-align: center; color: #fff;}


/************************************/



footer .footer-logo { width: 130px; text-align: left; }
.footer_logo { width: 100%;}
.footer-text p 
{
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

.footer-holder h4 
{
    font-size: 18px;
    margin-bottom: 20px;
     color: #fff;
    font-weight: 600;
}
.footer-holder p { font-size: 14px;  color: #fff; margin: 0 0 10px 0; }
.footer-holder p span.set { display: table; }
.footer-holder p i { vertical-align: top; margin: 5px 10px 10px 0; display: inline-block; float: left;}
.footer-link li { margin: 5px 0 0 0;}
.footer-link li:first-child { margin-top: 0;}
.footer-link li a 
{
    font-size: 15px;
  color: #fff;
    padding-left: 20px;
    position: relative;
    line-height: 30px;
}
.footer-link li a:hover {  color: #fff;}
.footer-link li a::before
{
    content: '\f00c';
    font-family: 'fontawesome';
    font-size: 14px;
    left: 0;
    position: absolute;
}

.contact-details li a
{
     color: #fff;
    margin-bottom: 10px;
}

.contact-details li a span 
{
    display: flex;
    background-color: var(--second-bg-color);
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-right: 15px;
    color: var(--white);
}


.footer-holder input[type="email"] 
{
    border-radius: 0;
    color: #000;
    font-size: 14px;
    height: 40px;
    box-shadow: none;
}

.submit-btn 
{
    background: var(--second-bg-color);
    color: var(--white);
    border-radius: 0;
    border: none;
    padding: 0 15px;
}

.bottom-footer 
{
    background: var(--second-bg-color);
}

.bottom-footer p { font-size: 13px; }
.footer-social li { float: left;}
.footer-social li a {
    width: 30px;
    background: #1F618D;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin: 0 5px;
}
.footer-social li a:hover { background: var(--bg-orange); color: var(--white);}
.bottom-footer p 
{
    color: var(--main-text-color);
    font-weight: 600;
}
.copyright_base { background: #000; padding: 10px 0; margin: 40px 0 0 0; }
.copyright p { color: var(--white); margin: 0; }
.bg_gray { background: var(--bg-gray);}
.bg_green { background: var(--bg-green);}
.title_box { width: 70%; text-align: center; margin: 0 auto 30px auto;}
.title_box h6 { font-size: 18px; color: var(--gray-text-color); text-align: center; font-weight: 600; margin: 0 0 15px 0;}
section .title { text-align: center; font-weight: 700; padding: 0; margin: 0 0 15px 0; text-transform: uppercase; color: var(--main-bg-color); }
.member-slider .img_box { width: 100%; max-height: 340px; margin: 0 auto 20px auto; text-align: center; overflow: hidden; padding: 15px; }
.member-slider .img_box img { width: 100%; margin: 0 auto;}
.member-slider .txt_box { text-align: center;}
.service_section .card { position: relative; margin: 15px 0; }
.member-slider .txt_box h6 { color: var(--main-bg-color); }
.slick-next, .slick-prev {z-index: 5;}
.member-slider .slick-prev { left: -40px; }
.member-slider .slick-next { right: -20px; }
.slick-next:before, .slick-prev:before { font-size: 40px; }
.section .slick-next:before, .section .slick-prev:before { color: var(--main-bg-color); }
.section.bg_gray .slick-next:before, .section.bg_gray .slick-prev:before, 
.section.bg_green .slick-next:before, .section.bg_green .slick-prev:before { color: var(--bg-orange); }
.service_section .card:hover { border-color: var(--bg-orange);}
.service_section .card .card-imgbox { overflow: hidden;}
.service_section .card .card-body { text-align: center; overflow: hidden;}
.service_section .card .card-title { font-size: 20px; color: var(--main-bg-color); }
.service_section .card .card-text-body { height: 160px; margin: 0 0 15px 0; overflow: hidden; }
.read_box { padding: 10px 0 10px 0; margin: 0;}
.read_box a.btn { font-size: 14px; padding: 6px 20px; color: var(--white); }
.read_box a.btn:hover { padding: 6px 20px; color: var(--white); }

.bg_green .info_box .title { text-align: left; color: var(--white);}
.info_box .title { text-align: left; color: var(--main-bg-color);}
.info_box p { color: var(--gray-text-color); display: flex; }
.info_box h6 { color: var(--gray-text-color); }
.bg_green .info_box p { color: var(--white); }
.info_box ul { margin: 20px 0 0 0; }
.info_box ul li { margin: 0 0 15px 0; color: var(--gray-text-color);}
.bg_green  .info_box ul li { color: var(--white); } 
.info_box ul li i { font-size: 34px; display: inline-block; float: left; margin: 0 10px 0 0; }
.member-slider .train_box { border: 1px solid #ccc; margin: 0 5px; border-radius: 5px;}
.img-box {width: 100%; }
.img-box img { width: 100%; display: block;}
.training_section .txt_box { height: 230px; padding: 0 15px 15px 15px; overflow: hidden; }
.testimonial_section .card-body { text-align: center;}
.testimonial_section .card-body img { margin: 0 auto 15px auto;}
.training_section .train_box .title_box1 { height: auto; margin: 0 0 10px 0; overflow: hidden;}
.testi-card{ border-radius: 5px; box-shadow: 0 0 12px rgb(18 33 70 / 18%);  text-align: center; position: relative; margin-top: 40px; padding: 50px 20px; padding-bottom: 10px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; }
.testi-card:hover {  }
.testi-card:hover p{ color: var(--white); }

.quat-icon{ margin-top: -18px; position: absolute; top: 0; left: 43%; right: auto; }
.testi-card p{ font-size: 16px; letter-spacing: 0px; line-height: 22px; color: var(--white); font-weight: 300; text-align: center; }
.user-info{ margin-top: 20px; }
.user-info img{ margin: auto; width: 74px; height: 74px; border-radius: 50%; margin-bottom: 10px; border: 2px solid var(--white); }
.user-info .title{ font-size: 16px; text-transform: uppercase; color: var(--bg-orange); font-weight: 600;  margin-bottom: 0; }
.testi-card:hover .user-info .title { color: var(--bg-orange);}
.user-info p{ font-size: 14px; letter-spacing: 0px; color: var(--gray-text-color); font-weight: 300; }
.contact_section { background: url(../images/bg-img1.jpg) left center no-repeat; background-position: 0 160px; background-size: calc(100% - 80%);}
.contact_section .info_box h6, .about_section .info_box h6 { font-size: 18px; color: var(--gray-text-color);}
.contact_section .info_box p { color: var(--black);}
.page-slider .slider_content { margin: 46px auto; text-align: center;}
.page-slider .info { width: 100%;}
.page-slider .slider_content { width: 72%; text-align: center;}
.page-slider .breadcrumb { margin: 0 auto;}
.page-slider .main-slider .info { width: 100%;}
.breadcrumb { display: inline-block;}
.breadcrumb li { float: left; }
.breadcrumb li, .breadcrumb li a { font-size: 24px; color: var(--white);}
.breadcrumb li i { margin: 0 10px;}
.thumbnail_box { width: 100%;}
.gallery_imgbox { width: 100%; margin: 15px 0;}
 .gallery-holder {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    margin: 0%;
}
 .gallery-holder > .holder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}
 .gallery-holder > .holder .capson {
    background: rgb(23 23 23 / 65%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-100%,0px);
    transition: all 0.4s;
}
 .gallery-holder > .holder .capson .lightbox {
    position: relative;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: var(--white);
    transform: translate(-500%,0px);
    transition: all 0.9s;
}
.gallery-holder > .holder .capson .lightbox i {
    position: relative;
    z-index: 1;
}
.navbar-light .navbar-toggler { border-color: var(--main-bg-color); color: var(--main-bg-color); }
.navbar-toggler:focus { box-shadow: 0 0 6px var(--main-bg-color); }

.bg_log { background: var(--main-bg-color);}
.logbasebox {width: 500px; margin: 0 auto; }
.loginbox { background: var(--white); padding: 30px; border-radius: 5px; }
.loglogo_box { width: 100px; margin: 0 auto 15px auto; }
.loginbox h4 { color: var(--main-bg-color); text-align: center; text-transform: uppercase;}
.log_links { text-align: right; margin: 0 0 40px 0; }
.log_links a { color: var(--main-bg-color);}
.log_btnsty { margin: 0 auto; display: block; width: 100%;}
.or_txt { font-size: 20px; color: #888; text-align: center; font-weight: bold; margin: 30px auto; display: table; }
.or_txt a { font-size: 14px; color: var(--main-bg-color); font-weight: normal; }
.top_btnalign { margin-top: 40px;}
.detail_box .detail_imgbox { width: 64%; margin: 0 auto 30px auto; overflow: hidden;}
.detail_box h6 { font-size: 17px;} 
.detail_box ul { margin: 15px 0;}
.detail_box ul li { margin: 5px 0 5px 20px; list-style-type: disc; }
.short_address {margin: 10px 0;}
.short_address p strong { margin: 0 5px 0 0;}
.img_roundbox {
    width: 74px;
    height: 74px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto 15px auto;
    background: #eee;
}

.img_roundbox img {
    width: 100%;
    height: 100%;
    display: block;
}

.testimonial_section .card-body:hover .img_roundbox {
    border: 2px solid #fff;
}

.testimonial_section .slick-prev {
    left: -30px;
}

.testimonial_section .slick-next {
    right: -10px;
}
.noticeboard_sec { width: 100%; background-image: linear-gradient(90deg, rgba(232, 2, 137, 0.32) 0%, rgba(41, 196, 169, 0.32) 100%), url(http://www.abhiyan.org.in/wp-content/uploads/2024/01/World-Map-PNG.png) !important; line-height: 1.4; padding: 15px 0; overflow: hidden; position: relative;}
.scrolltxt_box { width: 100%; overflow: hidden; position: relative;}
.scrolltxt_box .notice_heading { font-size: 18px; color: #000; font-weight: bold; background: var(--white); line-height: 1.5; padding: 1px 20px; position: absolute; top: 0; left: 0; z-index: 1;}
.scrolltxt_box p { display: inline-block; line-height: 1.5; padding: 4px 0; margin: 0 10px; color: #000;}
.bold { font-weight: bold;}
.scrolltxt_box a { color: #000; }
.scrolltxt_box i {font-size: 18px; margin: 0 10px 0 0; display: inline-block;}
.devider_line { margin: 0 5px; display: inline-block; color: var(--white);}
.notice_table { width: 100%; border: 1px solid #ccc;}
.notice_table th, .notice_table td { border: 1px solid #ccc;}
.b_pagination { margin: 20px auto 0 auto; display: table;}
ul.pagination li { padding: 0; margin: 0;}
ul.pagination li a { color: var(--main-bg-color); padding: 4px 10px; display: block;}
ul.pagination li.active a { color: var(--white); background: var(--main-bg-color); }
ul.pagination li a:hover, ul.pagination li.active a:hover { background: var(--bg-orange); color: var(--white); }
.gallery_imgbox.doc_imgbox { box-shadow: 0 0 3px #ccc; }
.main_header .navbar-nav .nav-item.dropdown:hover ul.dropdown-menu { display: block;}
.main_header .navbar-nav .nav-item ul.dropdown-menu { border: 0; }