* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    --prime : #1A3052;
}
html {
    position: relative;
}
body {
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    background: var(--white);
    font-family: "Archivo", sans-serif;
    overflow-x: hidden;
    --screen-width: calc(100vw - (100vw - 100%));
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
h5 {
    font-size: 20px;
    margin: 0;
}
h6 {
    font-size: 18px;
    margin: 0;
}
p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}
strong {
    font-weight: 700;
}
.fs-7 {
    font-size: 14px !important;
}
.text-prime{
    color:var(--prime);
}
h2:has(strong){
    font-weight: 300;
}
a,
a:hover {
    text-decoration: none;
    transition: 0.3s all ease-in-out;
}
ul {
    margin: 0px; padding: 0;
}
.container {
    max-width: 1320px;
    margin: 0 auto;
}
img {
    display: block;
    max-width: 100%;
    width: 100%;
    outline: none;
}
/**********animation**********/
@media (prefers-reduced-motion: no-preference) {
    .animate-this {
        opacity: 0;
        transform: translateY(50px);
    }
    .animate-this.animated {
        animation: fade-in 0.8s ease-in-out forwards;
    }
    .animate-this.rtl {
        opacity: 0;
        transform: translateX(50px);
    }
    .animate-this.animated.rtl {
        animation: fade-in-right 0.8s ease-in-out forwards;
    }
    .animate-this.lft {
        opacity: 0;
        transform: translateX(-20px);
    }
    .animate-this.animated.lft {
        animation: fade-in-left 0.8s ease-in-out forwards;
    }

    @keyframes fade-in {
        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }
    @keyframes fade-in-right {
        to {
            opacity: 1;
            transform: translateX(0px);
        }
    }
    @keyframes fade-in-left {
        to {
            opacity: 1;
            transform: translateX(0px);
        }
    }
}
@keyframes tp-animate {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, -10px);
    }
    100% {
        transform: translate(0, 0);
    }
}
/**********header**********/
header { position: relative; top: 0px; left:0; width: 100%; transition: all 0.5s ease-in-out; padding: 12px 0px; background-color: #FFFFFF; }
header.sticky {  position: fixed;  transition: all 0.5s ease-in-out; z-index: 999; }
.header_main{display:flex;  width:100%; justify-content: space-between;    align-items: center;}
.logo { width: 330px; transition: all 0.5s ease-in-out; }
.logo a{ display: block;transition: all 0.5s ease-in-out;  }
.logo img{ width: 100%; }
header.sticky .logo { width: 255px; transition: all 0.5s ease-in-out; }
header.sticky a.sticky-logo { display: block; opacity: 1;}
.nav_bg { width: calc(100% - 240px); }
nav{  position: relative;}
nav ul { display: flex; align-items: center;  justify-content: flex-end;  }
nav ul li{ text-transform: capitalize; list-style:none; float:left; font-size: 18px;}
nav ul li:not(:last-child) {  margin-right: 40px;}
nav ul li a{ color: rgba(0, 9, 26, 0.6); position:relative; }
nav ul li a.active, nav ul li a:hover, nav ul li.active a{ color: #00091A; }
header.sticky nav { transition: all 0.5s ease-in-out;  }
header.sticky nav ul li{ font-size: 16px; }
/**********nav-icon**********/
.nav-icon { display: none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;	z-index: 9;	width: 24px;
 height: 20px; position: absolute; top: 25px; right: 33px;  border-radius:4px; }
.nav-icon span{display: block; position: absolute; height: 2px; background: #1A3052; opacity: 1; left: 6px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;	-o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) 	{ top: 0px;	width:24px; right: 0px;	left: auto;}
.nav-icon span:nth-child(2)	{top: 8px; width:24px;  right: 0px;  left: auto;}
.nav-icon span:nth-child(3)	 { top: 16px; width:24px;  right: 0px;  left: auto;}
.nav-icon.open span:nth-child(1){top: 8px;    right: 0px; -webkit-transform: rotate(135deg);	-moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.nav-icon.open span:nth-child(2){ 	opacity: 0; }
.nav-icon.open span:nth-child(3){top: 10px;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);    right: 0px;  top: 8px;	}
/**************banner-sec****************/
.banner_slider { position: relative;     margin-top: -23px; }
.banner-image img{ width: 100%; height: 100%; object-fit: cover; object-position: top; }
.banner-text { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.h3{ font-size: 48px; font-weight: 400; margin-bottom: 15px; color: #1A3052; }
.banner-text h1{ color: #FFFFFF; padding-right: 5px; }
.banner-text h1 strong, .h3 strong{ font-weight: 800; }
.banner-text p { color: #FFFFFF; font-size: 16px; margin-bottom: 20px;    font-weight: 300; }
.banner-text ul{ display: flex; gap: 16px; padding: 0; margin-top: 40px; }
.banner-text ul li{ color: #FFFFFF; position: relative; display: inline-block; }
.banner-text ul li a { display: block;    padding: 18px 45px; font-size: 20px;     width: 225px;
    text-align: center; }
.banner-maintext { max-width: 618px; }
.items { position: relative; }
.btn-white { background: #FFFFFF; border: 1px solid #FFFFFF; padding: 15px 40px; color: #003399; font-size: 18px;font-weight: 800; display: inline-block; border-radius: 12px;  }
/**************contact-sec****************/
.contact_round { background: #F5F6FA99; padding: 50px 30px; border-radius: 50px; }
.contact_round h6 { color: #003399; font-size: 20px; margin-bottom: 20px; }
.contact_round h2 { color: #3B3B3B; font-size: 52px; margin-bottom: 20px; font-weight: 800; }
.contact_round p { color: #3B3B3B; font-size: 18px; margin-bottom:92px; }
.form-group { position: relative; }
.btn-prime{ background:#003399; border: 1px solid #003399; color: #FFFFFF; padding:15px 40px; border-radius: 12px !important; width: 100%; font-size: 16px; display: inline-block; font-weight:700; }
.btn-prime:hover{transform: translateY(-7px);}
.visit_office h3 { font-size:20px; font-weight: 500; color: #3B3B3B; margin-bottom: 10px; }
.visit_office p img{ width: 20px;  }
.visit_office p { font-size:15px; font-weight: 500; color: #003399; display: flex; align-items: center; 
gap: 8px; margin: 0; }
.contact_card { background: #F5F6FA; padding: 25px 25px; border-radius: 30px;  }
.contact_cardbox { padding:28px 20px; border-radius: 20px; display: flex; gap: 15px; align-items: center; 
margin-bottom: 15px; }
.contact_cardbox:last-child { margin-bottom: 0; } 
.contact_cardbox h4 { color: #3B3B3B; font-weight: 500; font-size: 20px; display: block;  }
.contact_cardbox a { color: #0046AE; font-weight: 700; font-size: 17px; text-decoration: none;}

.contact_icon { background: #E4EEF6; border-radius: 60px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;  }
.contact_icon img { width: 26px;  }

.contact-image img { border-radius: 50px; }
.map_sec{padding-bottom:50px;}
.map_sec iframe { height: 600px;  border-radius: 16px; }
.join_sec { padding: 130px 0px; }
.join_txt { max-width: 700px; margin-left: auto; }
.join_txt h2 {color: #FFFFFF; font-size: 70px; font-weight:700; text-transform: capitalize; margin-bottom:30px; }
.join_txt p { color: #FFFFFF; font-size: 17px; margin-bottom:40px; font-weight: 300; margin-bottom: 40px;  }
a.btn-outline {  border: 1px solid #FFFFFF; border-radius: 15px; padding: 16px 82px;  color: #FFFFFF; font-weight:700;
text-transform: capitalize; font-size: 18px; display: inline-block; transition: transform 0.3s ease-out;  }
a.btn-outline:hover{transform: translateY(-7px);}
button.btn-outline {  border: 1px solid #FFFFFF; border-radius: 18px; padding: 16px 75px;  color: #FFFFFF; 
text-transform: capitalize; font-size: 18px; display: inline-block; transition: transform 0.3s ease-out;  }
button.btn-outline:hover  { border: 1px solid #FFFFFF; color: #FFFFFF; transform: translateY(-10px);}
.hero_py h1 { font-size:60px; font-weight:900;  color: #FFFFFF;  }
.border-btn{transition: transform 0.3s ease-out;}
.border-btn:hover{transform: translateY(-7px);}
.bio-btn{transition: transform 0.3s ease-out;}
.bio-btn:hover{transform: translateY(-7px);}
.btn-orange{transition: transform 0.3s ease-out;}
.btn-orange:hover{transform: translateY(-7px);}
.btn-white{transition: transform 0.3s ease-out;}
.btn-white:hover{transform: translateY(-7px);}
button.btn-prime{transition: transform 0.3s ease-out;}
button.btn-prime:hover{transform: translateY(-7px);background: #003399; color:#fff;}
.contact_card .bg-white .contact_txt{transition: transform 0.3s ease-out;}
.contact_card .bg-white .contact_txt:hover{transform: translateY(-7px);} 
.footer_link ul li a{transition: all 0.3s;}
.footer_link ul li a:hover{transform: translateY(-5px);color: #003399;margin-left:5px;}
.pad-btm{padding-bottom:40px;}
/**************blog****************/
.common-padd { padding: 50px 0px; }
.blog_sec { background-image: linear-gradient(to top, rgba(0, 51, 153, 0.1), rgba(0, 51, 153, 0.05)); }
.title_box { margin-bottom:50px; }
.title_box h3 { color: #000000; font-size:48px; font-weight:800; margin-bottom: 10px;  }
.title_box h3 span { color: #003399; }
.title_box p { color: rgba(0, 9, 26, 0.7); font-size: 18px;  } 
.blog_box {
    box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1);
	border-radius:12px 12px ;
	background: #FFFFFF;
	margin-bottom: 25px;
	position: relative;
}
.blog_box > a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.blog_image{
	position: relative;
    width: 100%;
    padding-bottom: 40%;
    border: 0;
}
.blog_image img {
    border-radius: 12px 12px 0 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog_txt {
	padding: 30px 30px;
	align-items: flex-end;
	justify-content: space-between;
}
.blog_txt h5{
	color: #000000;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}
.blog_txt h5 span{
	display: inline-block;
}
.blog_maintxt {
	width: calc(100% - 55px);
	padding-right: 20px;
	max-width: 435px;
}
.blog_txt a{
	width: 55px;
}
.blog_txt a img{
	width: 100%;
}
.blog_txt p {
	margin-bottom: 0;
}
.blog_maintxt p span{
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
	display: inline-block;
}
.blog_maintxt p span:first-child{
	padding-left: 0px;
}
.similar_title {
	margin-bottom:25px;
}
.similar_titlebox {
    align-items: end;
	justify-content: space-between;
	gap: 110px;
	position: relative;
	z-index: 9;
}
.similar_titletxt, .similar_titletxt p {
	margin: 0 !important;
}
.similar_blogs .btn-prime { width: 230px; text-align: center; }
.blog_slider , .activities_slider{
    width: 100%;
    padding-left: calc((var(--screen-width) - 1305px) / 2);
}
.blog_slider .items{
	margin: 15px 10px;
}
.blog_slider .blog_box {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
	height: 100%;
}
.blog_slider .blog_image {
    padding-bottom: 48%;	
}
.blog_slider .blog_txt{
	padding: 30px 30px;
}
.blog_slider .blog_maintxt, .blog_slider .blog_txt p{
	margin-bottom: 0;
}
.innerblog_box .blog_image {
    padding-bottom: 45%;
}
.innerblog_box .blog_maintxt h4 {
	font-size:36px;
}
.innerblog_box  {
	margin-bottom: 50px;
}
.innerblog_box .blog_txt {
    padding: 50px 50px;
}
.innerblog_box .blog_maintxt {
    max-width: 100%;
	margin-bottom: 15px;
}

.innerblog_box .blog_txt p {
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 24px;
}
.all-blog-btn-hold{text-align:center; padding-top:12px;}
.all-blog-btn-hold .btn-prime{margin:auto; width:200px;display: inline-block;}
.donors_sec .title_box p {  max-width: 720px; margin: 0 auto; }
.donors_box {border: 1px solid #003399; border-radius: 40px; padding: 40px 40px; height: 100%; background: #fff;}
.donors_col:first-child .donors_box { background: #00339905;  }
.donors_box h5 { color: #003399; text-transform: uppercase; font-size: 28px; font-weight: 600; }
.donors_box h3 { color: #003399; font-size: 60px; font-weight: 900; padding-bottom: 30px; margin-bottom: 30px; 
border-bottom: 2px solid #000000; }
.donors_box h6 { color: #000000; font-size: 20px; font-weight: 700; margin-bottom: 30px; }
.donors_box ul { margin-bottom: 30px; min-height: 480px;}
.donors_box ul li { display: block; padding-left: 40px; color: #000000; font-size: 18px; position: relative;
margin-bottom: 20px;  }
.donors_box ul li:before { content:''; position: absolute; left: 0; top:15px; transform: translateY(-50%);
width: 26px; height:26px;  background: url('../images/check_circle_blue.svg') no-repeat; background-size:26px; }
.donors_box a.btn-orange { width: 100%; background: #E66A00; color: #FFFFFF; padding: 15px 20px;
 border-radius: 12px !important; display: block;  text-align: center;     font-size: 18px; }
.donors_btn-box button.btn-orange { width: 100%; background: #E66A00; color: #FFFFFF; padding: 15px 20px;
 border-radius: 12px !important; display: block;  text-align: center;     font-size: 18px; border:0; }
.suport_sec { background: #00143D; padding: 40px 0px; }
.suport_sec ul { display: flex; justify-content: space-between; }
.suport_sec ul li { color: #FFFFFF; font-size: 44px; font-weight: 900; text-transform: capitalize;
margin-right: 30px; padding-right: 30px; display: inline-block; position: relative; }
.suport_sec ul li:before {  content: ''; position: absolute; right: -38px; top: 24px; width:16px; height:16px;
background: #FFFFFF; border-radius: 50px; }
.suport_sec ul li:last-child {  margin-right: 0px; padding-right: 0px;  }
.suport_sec ul li:last-child:before { display: none; }
/*********************accessories donar*************************/
.accessories-bdr{border:1px solid #003399; border-radius: 40px; padding-top:40px; padding-bottom:20px;margin: 0; padding-left:20px;}
.donors_box_accessories {border:0px solid #003399; border-radius: 40px; padding:0px 40px 40px; height: 100%; background: #fff;}
.donors_box_accessories h5 { color: #003399; text-transform: uppercase; font-size: 28px; font-weight: 600; }
.donors_box_accessories ul { margin-bottom: 30px; min-height:auto; display: grid;  grid-template-columns: 1fr 1fr;}
.donors_box_accessories ul li { display: block; padding-left: 40px; color: #000000; font-size: 18px; position: relative;
margin-bottom: 20px;  }
.donors_box_accessories ul li:before { content:''; position: absolute; left: 0; top:15px; transform: translateY(-50%);
width: 26px; height:26px;  background: url('../images/check_circle_blue.svg') no-repeat; background-size:26px; }
.donors_box_accessories a.btn-orange { width: 100%; background: #E66A00; color: #FFFFFF; padding: 15px 20px;
 border-radius: 12px !important; display: block;  text-align: center;     font-size: 18px; }
.donors_box_accessories button.btn-orange { width: 100%; background: #E66A00; color: #FFFFFF; padding: 15px 20px;
 border-radius: 12px !important; display: block;  text-align: center;     font-size: 18px; border:0; }
.donors_box_accessories h6 { color: #000000; font-size: 20px; font-weight: 700; margin-bottom: 30px; }
/*.accessories-bdr .title_box h3{color:#003399;}*/
/**************note_sec****************/
.note_box { background: #00267314; border-radius: 40px; padding: 40px 40px; display: flex; gap: 50px; }
.note_box h3 { color: #000000; font-size: 36px; font-weight:800; }
.note_txt p { color: #000000; font-size: 15px; font-weight: 400; margin-bottom: 20px; line-height: 20px;}
.note_txt p:last-child { margin-bottom: 0; }
.note_txt p strong { font-weight: 600; }
/**************homeabout_title****************/
.homeabout_sec { position: relative; padding: 70px 0px 110px; }
.homeabout_title { width: 85%; }
.homeabout_title h2 { color: #012369; font-size: 240px; line-height: 180px; font-weight: 900; 
text-transform: uppercase; }
.homeabout_text { max-width: 530px; margin-left: auto; margin-top: -180px; font-size: 16px;  line-height: 26px; color: rgba(0,0,0,0.8);}
.homeabout_text p { color: rgba(0, 9, 26, 0.7); margin-top: 30px; }
.homeabout_text a.btn-outline { border: 1px solid #003399; border-radius: 14px; padding: 18px 55px; 
font-size: 18px; font-weight: 800; color: #003399; margin-top: 50px; }
.homeabout_image {       width: 46%;
    position: absolute;
    bottom: -25px;
    left: 0;}
.homeabout_image img { width: 100%; }

/**************comitment_sec****************/
.comitment_sec { background: rgba(244, 143, 1, 0.1); margin-top: -30px;     padding-top: 90px;}
.comitment_titlebox { gap: 50px; }
.comitment_titletxt { width: 50%; margin-bottom: 25px;}
.comitment_right { width: 50%; }
.comitment_right p { color: rgba(0,0,0,0.8); }
.comitment_list { display: flex; gap: 10px; margin-bottom: 50px; position: relative;     padding-top: 120px;}
.comitment_list:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; background: url('../images/elipse.webp') no-repeat; height: 150px; background-size: 100%; }
.comitment_box { margin-bottom: 40px; }
.comitment_box:last-child { margin-bottom: 0px; }
.comitment_box h5 { color: #000000; font-size: 28px; font-weight: 700; margin-bottom: 15px; }
.comitment_box p { color: rgba(0,0,0,0.7); }
.comitment_leftlist { width: 35%;  }
.comitment_rightlist { width: 35%; }
.vision_box { background: #FFFFFF; border-radius: 16px; padding: 40px 26px; height: 100% }
.mision_box { background: #FFFFFF; border-radius: 16px; padding: 40px 26px; height: 100%  }
.vision_box h5, .mision_box h5 { color: #000000; font-size: 28px; font-weight: 700; margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid #000000; position: relative; }
.vision_box h5:before, .mision_box h5:before  { content:''; position: absolute; left:0; bottom: -6px;
width: 50px; height: 4px; background: #E76C01; }
.mision_box p { color: rgba(0,0,0,0.8); }
.mision_box ul { padding-left: 20px;  }
.mision_box ul li { color: #000000; font-size: 16px;  }
.comitment_image {     margin-top: -60px; }
.review-popup .modal-dialog{max-width: 60%;}

.select2-selection__rendered {
  
}
.select2-selection{border: 0 !important;}
  .select2-container .select2-selection__arrow{top: 5px;}
  
  .select2-container{width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
/**************review****************/
.review-section{padding:60px 0;background: #EFF1F7;background: linear-gradient(0deg, rgba(239, 241, 247, 1) 52%, rgba(255, 255, 255, 1) 100%);}
.review-sec{gap: 20px; display: grid;}
.review-sec .testimonial-card {
  background: #ffffff;
  border-radius: 22px;
  padding: 26px 28px;
  max-width: 520px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
  font-family: Inter, sans-serif;
  transition: 0.3s ease;
}
.review-sec .testimonial-card:hover {background:#003399;}
.review-sec .testimonial-card a{display:block;}
.review-section .stars {
  color: #f4c430;
  font-size: 18px;
  letter-spacing: 4px;
  margin-bottom: 14px;
}
.review-section .review-text {
  font-size: 16px;
  line-height: 1.7;
  color: #4a4a4a;
  margin-bottom: 26px;
}
.review-sec .testimonial-card:hover .review-text{color:#fff}
.review-section .testimonial-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review-section .user-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.review-section .user-info img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
}
.review-section .user-info h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #111;
}
.review-sec .testimonial-card:hover .user-info h4{color:#fff;}
.review-section .user-info span {
  font-size: 14px;
  color: #777;
}
.review-sec .testimonial-card:hover .user-info span{color:#fff;}
.review-section .arrow-btn {
  width:50px;
  height:50px;
  border-radius: 50%;
  border: 1.5px solid #999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s ease;
  rotate: -40deg;
}
.review-sec .testimonial-card:hover .arrow-btn {
  background: #fff;
  color: #000;
  border-color: #fff;
}
.committee-review-head {
    background: url(../images/Testimonials-Section.webp) 0 0 no-repeat;
    background-size: cover;
    min-height: 500px;
    border-radius: 20px;
}
.testimonial-popcard{padding:30px 20px;}
.testimonial-popcard .user-title{padding-bottom:15px;}
.testimonial-popcard h4{margin: 0;  font-size: 17px;  font-weight: 600;  color: #111;}
.testimonial-popcard h4 span {  font-size: 14px;  color: #777;}
.testimonial-popcard p{font-size: 16px;  line-height: 1.7;  color: #4a4a4a;  margin-bottom: 26px;}
.side-head {
    width: 45%;
}
.side-head h2 {
    font-size: 48px;
    font-weight: 500;
}
.home-review { margin-bottom: -25px; }
.activities_sec  { padding-bottom: 40px; }
.activities_titlebox {    align-items: center;
    justify-content: space-between;
    gap: 60px;
    position: relative; }
.activities_titletxt { width: 55%; }
.activities_right { width: 48%; }
.activities_titletxt h3 { }
.activities_titletxt p { }
.activities_right p {  margin-bottom: 40px; }
.activities_right a.btn-prime {     width: 250px; text-align: center;  padding: 20px 40px; }
.activities_box { background: #E6EBF5; border-radius: 18px; position: relative; }
.activities_box > a {  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; }
.activities_slider .items{
	margin: 15px 10px;
}
.activities_slider .activities_box {
	height: 100%;
}
.activities_slider .activities_image {
    padding-bottom: 70%;	
	position: relative;
    width: 100%;
	border-radius: 24px;
}
.activities_slider .activities_image:before {
	content: '';
	position: absolute;
	left: 0; 
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	z-index: 9;
	border-radius: 24px;
}
.activities_slider .activities_txt{
	padding: 24px 25px 40px;
	position: relative;
}
.activities_slider .activities_txt:before{
	content: '';
	position: absolute;
	right: 25px; 
	top: 28px;
	width: 30px;
	height: 30px;
	background: url('../images/blue-circle.svg') no-repeat;
	background-size: 30px;
}

.activities_maintxt a.all-txt { background: #FFFFFF;  padding: 10px 35px; font-size: 18px; font-weight: 400;
border-radius: 40px; color: #000000; display: inline-block; margin-bottom: 20px; }
.activities_maintxt h5 { color: #000000; font-weight: 800; font-size: 22px;    max-width: 350px; margin-bottom: 20px; }

.activities_image > img {
    border-radius: 24px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.activities_image > a { padding: 11px 22px; background: #FFFFFF33; color: #F4F4F4; display: flex; gap: 8px;
border-radius: 100px; position: absolute; bottom: 15px; left: 15px; align-items: center;     z-index: 9;}
.activities_image > a:hover{transform: translateY(-7px);}
.activities_image > a img { width: 30px !important; }
.activities_slider button.owl-prev {
        background: url('../images/roundarrow-left.svg') no-repeat !important;
        left: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 66px;
    height: 56px;
    font-size: 0 !important;
    z-index: 99;
    opacity: 1;
    background-size: 50px !important;
    }
	.activities_slider button.owl-next {
        background: url('../images/roundarrow-right.svg') no-repeat !important;
        right: 0px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
         width: 66px;
    height: 56px;
        font-size: 0 !important;
        z-index: 99;
        opacity: 1;
        background-size: 50px !important;
    }
	
.activities_slider .owl-nav.disabled {
	display: block !important;
}
/**************tab_sec****************/
.tab_sec { background-image: linear-gradient(to bottom, rgba(244, 143, 1, 0.1), rgba(244, 143, 1, 0)); 
padding-bottom: 80px; }
.category_tab nav { background: #F5BC9033; border-radius: 20px; padding: 11px 11px; max-width: 100%; 
margin: 0 auto; margin-bottom: 40px;  }
.category_tab nav .nav { display: flex; justify-content: space-between; border: 0 !important;gap: 10px;  }
.category_tab nav .nav button.active{ background: #FFFFFF; color: #E55C00; }
.category_tab nav .nav button { padding: 14px 20px; color: #E55C00; font-size: 20px; font-weight: 800;
width: 32%; text-align: center;   border: 0 !important;  background: rgba(255,255,255,0); border-radius: 20px;  }
.tab-main { display: flex; gap: 40px;  }
.tab-image a.btn-outline { color: #E55C00; font-size: 18px; font-weight: 800; border: 1px solid #E55C00;
margin-top: 20px; }
.tab-image { max-width: 50%;  }
.tab-image img { width: 100%;  }
.tab-text { width: 50%; }
.tab-text h3 { color: #000000; font-size: 62px; font-weight: 700; margin-bottom: 20px;  }
.tab-text p { color: rgba(0,0,0,0.6); font-size: 18px; margin-bottom: 30px; }
.tab-text ul li img{width:15px;}
.tab-text ul li { color: rgba(0,0,0,0.6); font-size: 18px; margin-bottom:8px; display: flex;  align-items: center;  gap: 5px;}
.tab-text a.btn-outline { border: 1px solid #E55C00; border-radius: 14px; padding: 19px 65px; 
font-size: 18px; font-weight: 800; color: #E55C00; margin-top: 20px; }
.tab-text ul li{background: url('../images/check_circle.svg') 0 center no-repeat;
    background-size: auto;  padding-left:22px; background-size: 16px;}
/**************modal****************/
.modal-main { display: flex; align-items: center; }
.modal-image { width: 45%; }
.modal-text { width: 55%; }
.modal-text h3 { font-size: 70px; margin-bottom: 20px; color: #000000; font-weight: 800; }
.modal-text p { margin-bottom:30px; font-size: 18px; color: #000000; }
.modal-dialog { max-width: 90%; margin: 0 auto; border: 10px solid #FFFFFF80; border-radius:28px; 
    top: 50%;
    transform: translateY(-50%) !important;}
.btn-close { 
position: absolute;
    right: 20px;
    top: 20px;
}
.modal-content { 
    border-radius:18px;
}
.modal-text a.btn-prime { display: inline-block; width: auto; }
.modal-header h5 {
  color: #003399;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;}
/**************footer****************/
.footer { background-color: #F0F4F9; padding: 40px 0px 30px; }
.footer-logo { max-width: 350px; }
.footer-logo img { width: 100%; margin-bottom: 15px; }
.footer-logo p { color: #5E6670;   }
.footer_link { width: 50%; }
.footer_inform { width: 50%; }
.footer_main  { gap: 30px; }
.footer_main h5 { font-weight: 700;font-size: 22px;   margin-bottom: 20px; color: #22282E; }
.footer_link ul { column-count: 2; padding: 0;}
.footer_link ul li { display: block; margin-bottom: 10px; }
.footer_link ul li a { color: #5E6670; font-size: 16px; }
.footer_inform p { margin-bottom: 10px; display: flex; gap: 8px; align-items: self-start; color:#5E6670; }
.footer_inform p img { width: 24px;  }
.footer_inform p a { color: #5E6670; }
.footerbtm p a{ color: #22282E; }
.footer_inform p a{transition: all 0.3s;}
.footer_inform p a:hover{color: #003399;margin-left:2px;}
.footer-row { padding-bottom: 45px; }
.footerbtm { display: flex; border-top: 1px solid #B3BEC6; padding-top: 25px;  gap: 10px; 
align-items: center; justify-content: space-between; }
ul.footer_btmlink  { display: flex; gap: 25px; }
ul.footer_btmlink li { display: inline-block; }
ul.footer_btmlink li a { color: #000000; font-size: 16px; }
ul.footer_social { display: flex;  gap: 15px; }
ul.footer_social li { display: inline-block; }
ul.footer_social li a { width: 48px; height: 48px; border: 1px solid #EDEDED; display: flex; align-items: center; justify-content: center; border-radius: 100px; background: #FFFFFF; transition: all 0.3s;}
ul.footer_social li a img { width: 24px; }
ul.footer_social li a:hover{transform: translateY(-7px);}
.home-devider{height:180px; background:#012369; width:25%; float:right;}
ul.footer_btmlink li a{transition: all 0.3s;}
ul.footer_btmlink li a:hover{transform: translateX(-5px) !important;color: #003399; }

/*********************Affiliation*************************/
.affiliation-section{padding:5px 0;}
.zig-zag-sec{padding:50px 0; border-bottom:1px solid #ccc;}
.custom-head h2 {  color: #000000;  font-size: 48px;  font-weight: 800;  margin-bottom: 10px;}
.affiliation-text h2{margin-bottom:25px;}
.affiliation-logo{width:50%; margin-top:20px;}
.affiliation-logo img{width:100%; height:auto;}
.affiliation-section .zig-zag-sec:nth-child(even) .row{flex-direction:row-reverse; display:flex;}
.zig-zag-sec:last-child{border-bottom:0;}
/*********************Tournament*************************/
.tournament-section{padding:35px 0 45px;background:#f1f2f7;}
.tournament-holder{background:#fff; padding:40px 25px; border-radius:12px;}
.tournament-holder .poster{ margin:0 auto 20px; text-align:center;}
.tournament-holder .poster img{width:auto; height:100%; margin:0 auto;}
.tournament-details{padding:30px 0;}
.tournament-details .tournamentdetails-head h4{color: #000000;  font-size:30px;  font-weight: 800;  margin-bottom:0px;}
.tournament-details .tournamentdetails-head h3{color:#003399;  font-size:42px;  font-weight: 800;  margin-bottom: 10px;}
.personal-header { border-bottom: 1px solid #ccc;  margin-bottom: 25px;}
.personal-header h2 {  background: #0b3c8d;  color: #fff;  display: inline-block; padding: 10px 45px;  font-weight: 600;  border-radius: 4px 4px 0 0;  
margin: 40px 0 15px;    margin-bottom: 15px;  font-size: 16px;  font-weight: normal;  margin-bottom: 0;}
.tournament-info h4{color: #222;  font-size:18px;  font-weight:600;  margin-bottom:10px;}
.tournament-info .info-box{margin-bottom:20px;}
.tournament-info p{color:#767676;}
.tournament-details .button-hold{display:flex;justify-content: space-around; padding-top:25px; gap:20px;}
.button-hold a.btn-outline {  border: 1px solid #003399;  border-radius: 14px;  padding: 18px 55px;  font-size: 18px;  font-weight: 800;  color: #003399;display:block;width: 100%;text-align:center;}
a.solid-btn{background: #003399;  border: 1px solid #003399;  color: #FFFFFF;  padding: 15px 40px;  border-radius: 12px !important;  font-size: 16px;  display:block;  font-weight: 700;width: 100%;text-align:center;}
a.solid-btn:hover{transform: translateY(-7px);}
/**************responsive****************/
@media (min-width: 1799px) and (max-width:1921px) {
	.homeabout_image img {  width: 75%;}
}

@media (min-width: 1440px) and (max-width:1599px) {
	.hero_py h1{margin-top: 0rem !important;}
	.hero_py p {  margin-bottom: 0rem !important;}
}


@media (max-width: 1439px) {
.container { max-width: 93%; }
.join_txt { max-width: 630px;  }
.donors_box {
    padding: 35px 28px;
}
.donors_box h5 {
    font-size: 24px;
}
.donors_box h3 {
    font-size: 52px;
	padding-bottom: 20px;
}
.donors_box h6 {
    font-size: 19px;    margin-bottom: 20px;
}
.suport_sec ul li:before {
    right: -30px;
    top: 23px;
}
.join_sec {
    padding: 90px 0px;
}
.homeabout_image {
    width: 48%;
    bottom: -15px;
}
}
@media (max-width: 1399.9px) {
.blog_slider , .activities_slider {
     padding-left: calc((var(--screen-width) - 1265px) / 2);
}
.suport_sec ul li {
    font-size: 34px;
}
.suport_sec ul li:before {
    right: -80px;
    top: 17px;
}
}
@media (max-width: 1365px) {
	.blog_slider, .activities_slider {
            padding-left: calc((var(--screen-width) - 1170px) / 2);
        }
.title_box h3 {
    font-size: 38px;
}
.homeabout_image img {
  width: 85%;
}
.home-devider{height:180px; background:#012369; width:20%; float:right;}
.hero_sm .hero_py{padding-top:.5rem !important; padding-bottom:.5rem !important;}
}
@media (max-width: 1279px) {
	    .join_txt {
        max-width: 500px;
    }
.contact_round h2 {
    font-size: 42px;
}
.hero_py h1 {
    font-size: 40px;
}
.hero_py{
	padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
    .donors_box h3 {
        font-size: 44px;
	}
	    .suport_sec ul li {
        font-size: 30px;margin-right: 25px;
    padding-right: 25px;
    }
	nav ul li:not(:last-child) {
    margin-right: 30px;
}
.blog_slider, .activities_slider {
        padding-left: calc((var(--screen-width) - 1090px) / 2);
    }
.home-devider{height:180px; background:#012369; width:12%; float:right;}
}
@media (max-width: 1179px) {
	    .container {
        max-width: 96%;
    }
	nav ul li:not(:last-child) {
    margin-right: 25px;
}
    .blog_slider, .activities_slider {
        padding-left: calc((var(--screen-width) - 1030px) / 2);
    }
}
@media (max-width: 1079px) {
.donors_col  { margin-bottom: 20px; }
.suport_sec ul li {
        font-size: 27px;
        margin-right: 15px;
        padding-right: 15px;
    }
.suport_sec ul li:before {
        right: -60px;
        top: 13px;
    }
	.note_box h3 {
    font-size: 28px;
	}
	nav ul li:not(:last-child) {
    margin-right: 14px;
}
.hero_py h1 { margin-top: 2rem !important; }
.hero_py p { margin-bottom: 2rem !important; }
.blog_txt {
    padding: 20px 18px;
}
.blog_txt a {
    width: 40px;
}
.blog_maintxt {
    width: calc(100% - 40px);    padding-right: 8px;
}
.blog_txt h5 {
    font-size: 18px;
}
.blog_maintxt p span {
    font-size: 15px;
    padding-right: 5px;
    padding-left: 5px;
}
.title_box {
    margin-bottom: 30px;
}
.common-padd {
    padding: 30px 0px;
}
.innerblog_box .blog_txt {
    padding: 40px 40px;
}
    .blog_slider, .activities_slider {
        padding-left: calc((var(--screen-width) - 950px) / 2);
    }
	.h3 {font-size: 30px;}
	.banner-text ul li a {  display: block; padding: 15px 15px;  font-size: 17px;  width: 170px;  text-align: center;}
	.homeabout_title h2 {  font-size:70px;	line-height:78px;}
	.homeabout_text { max-width: 60%;}
	.homeabout_title {  width: 40%;}
	.homeabout_image img {  width: 260px;}
	.committee-review-head{background-size: 100%;}
	.side-head h2 { font-size: 28px;}
	.category_tab nav{display: block;  position: relative;top: 0;}
.category_tab nav .nav button {  padding: 16px 15px;  font-size: 17px;  font-weight:700;  width: 31%;  }
.tab-text h3 { font-size: 40px;}
.home-devider{display:none;}
}

@media (max-width: 991.9px) {
.nav-icon{display:block;  top: 26px; right: 20px; }
.nav_bg { position: absolute; right: 0; top: 0; border: 0; }
body.open { overflow: hidden; }
.open nav {display:block; }
.logo {  width: 180px; }
header.sticky .logo { width: 180px; }
nav {display:none; position:fixed; top: 80px; left:0;width: 100%; right:0;float:none;z-index:9999; 
background: #FFFFFF;  transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; overflow: auto; max-height: calc(100% - 80px); max-height: -webkit-calc(100% - 80px);  max-height: -moz-calc(100% - 80px); padding: 0px; width: 100%; max-width: 100%; border: 0; border-radius: 0;  padding-bottom: 15px; }
nav ul {width: 100%;max-width: 100%;  display: block; justify-content: normal;    margin-top: 0;  padding: 0px;}
nav ul li {display: block;  float: none;  margin: 0; text-align: left; padding: 9px 30px; }
nav ul li:last-child{border:0px;}
nav ul li:not(:last-child) { margin-right: 0; }

.contact_round p { margin-bottom: 35px; }
.contact_round { padding: 40px 30px; margin-bottom: 30px; }
.map_sec {  padding-bottom: 30px;}
.join_sec { background-position: right !important;        padding: 40px 0px; }
.join_txt h2 { font-size: 60px; margin-bottom: 20px;}
.join_txt {  max-width: 85%; }
.donors_box h3 {
        font-size: 36px;
    }
	    .donors_box h5 {
        font-size: 20px;
    }
    .donors_box h6 {
        font-size: 18px;
	}
	    .suport_sec ul li {
        font-size: 24px;
		}
	.suport_sec ul li:before {
        right: -30px;
        top: 9px;
    }
	.note_box {
    padding: 25px 25px;    gap: 16px;
	} 
	.note_box h3 {
        font-size: 24px;
    }
	.blog_slider, .activities_slider {
        padding-left: calc((var(--screen-width) - 740px) / 2);
    }
	.blog_slider .blog_txt {
    padding: 25px 15px;
}
.innerblog_box .blog_maintxt h4 {
    font-size: 28px;
}
.home-devider{display:none;}
.custom-head h2 {  font-size:30px;}
.zig-zag-sec {padding:8px 0;}
.tournament-details .tournamentdetails-head h4 {  font-size: 16px;  font-weight:700;}
.tournament-details .tournamentdetails-head h3 {font-size: 30px;}
.personal-header h2{margin: 10px 0 15px;}
.tournament-details .button-hold {display: block;}
.tournament-details .button-hold a{margin:5px 0;}
.head-point {  padding-top: 40px;  padding-right: 0px !important;  width: 100%;}
.head-point .rit-gap {padding-right: 10px !important;}
.join-head h2{padding-right:15px;}
}
@media (max-width: 767px) {
	.h3 {font-size: 30px;}
	.banner-text {  position: relative;  left: 0;  width: 100%;  top: 50%;  transform: translateY(0%);  background: #012369;padding-bottom: 20px;padding-top:10px;}
	.banner-text ul li a {  display: block; padding: 15px 15px;  font-size: 14px;  width: 150px;  text-align: center;}
	.homeabout_title h2 {  font-size: 65px;	line-height: 68px;}
	.homeabout_text {margin-top: 0px;max-width: 100%;}
	.homeabout_image img {  width: 200px;}
	.homeabout_sec { padding: 40px 0px 140px;}
	.homeabout_text a.btn-outline {  padding: 15px 35px;  font-size: 15px;  margin-top: 30px;}
	.comitment_right {  width: 100%;}
	.comitment_titletxt {  width: 100%;  margin-bottom: 25px;}
	.comitment_titlebox{display:block !important;}
	.comitment_list {	display: block;}
	.comitment_leftlist {  width: 100%;}
  .comitment_image {  margin-top: 0px; margin-bottom:20px;}
  .comitment_rightlist {width: 100%;}
  .mision_box { margin-top: 20px;}
  .side-head {  width:48%;}
  .side-head h2 {  font-size: 24px;  font-weight: 500;}
  .committee-review-head{background-size: 100%;}
  .committee-review-head {  border-radius: 20px;  margin-bottom: 20px;}
  .activities_titlebox {  display: block !important;}
  .activities_right {  width: 100%;}
 .title_box {    margin-bottom: 30px;}
 .activities_titletxt {width: 100%;}
 .activities_right a.btn-prime {  width: 175px;  padding: 15px 40px;}
 .tab-text h3 { font-size: 30px;}
 .tab-main {  display: block;}
 .tab-text {  max-width: 100%;margin-bottom: 20px; width:100%;}
 .tab-image {max-width: 100%;}
 .tab-text a.btn-outline {  padding: 13px 40px;  font-size: 16px;}
 .tab-text p {font-size: 16px;}
 .activities_slider .activities_txt::before {  content: '';  position: absolute;  right: 8px;  top: 34px;  width: 30px;  height: 30px; }
	.activities_slider .activities_txt {padding: 24px 20px 40px;}
	.activities_maintxt a.all-txt {  padding: 10px 20px;  font-size: 15px;}
	.review-sec {justify-content: center;}
.category_tab nav{display: block;  position: relative;top: 0;}
.category_tab nav .nav button {  padding: 14px 10px;  font-size: 13px;  font-weight:700;  width: 30%;  }
.home-devider{width:23%; display:block; height:120px;}
.banner_slider {margin-top: -10px;}
 .homeabout_image {bottom: 6px; }
 .comitment_list { padding-top: 50px;}
 .committee-review-head{min-height:320px;margin-bottom: 35px;}
 .tab-text a.btn-outline{margin-top:0; margin-bottom:15px;}
 .hero_py h1{margin-top:0rem !important;}
	.hero_py p {  margin-bottom:0rem !important;}
	 .hero_sm .hero_py {padding-top:0rem !important;    padding-bottom:0rem !important;  }
	 .suport_sec ul li::before{display:none;}
	 .review-popup .modal-dialog{max-width:90%;}
	.accessories-bdr .title_box h3 span{display:block;}
	.accessories-bdr .title_box h3{text-align:left !important;}
	.donors_box_accessories ul { margin-bottom: 30px; min-height:auto; display:block;}
.donors_box_accessories ul li { display: block; padding-left:40px; color: #000000; font-size: 16px; 
margin-bottom:10px;  }
.donors_box_accessories {  padding: 0px 4px 40px;}
	
.container { max-width: 100%;  padding: 0px 20px !important; }
.hero_py h1 {  font-size: 40px; }
.contact_sec { padding-top: 40px; }
.contact_round h2 { font-size: 32px; margin-bottom: 12px; }
.contact_round p { margin-bottom: 30px; font-size: 16px; }
.contact_cardbox { padding: 15px 15px; }
.map_sec { margin-top: 20px; }
    .join_txt {
        max-width: 100%;
    }
.join_txt h2 {
        font-size: 50px;
        margin-bottom: 10px;
    }
.join_txt p {
    font-size: 16px;
    margin-bottom: 20px;
}
a.btn-outline {
    padding: 14px 60px;
    font-size: 16px;
}
.footer-logo {
    max-width: 100%; margin-bottom: 15px;
}
.footer-logo img {
    max-width: 300px;
}
.footer_main {
    flex-wrap: wrap;
}
.footer_link, .footer_inform {
    width: 100%;
}
.footer_link ul {
    column-count: 1;
}
.footer_main {
    gap: 10px;
}
.footerbtm {
    flex-wrap: wrap;
}
.contact_round h6 {
    font-size: 18px;
}
.contact_cardbox a {
    font-size: 16px;
}
.footer_main h5 {
    font-size: 20px;
    margin-bottom: 15px;
}
.donors_box ul li {
    font-size: 16px;
}
.donors_box ul {
    min-height: auto;
}
    .title_box h3 {
        font-size: 30px !important;
    }
	.title_box p {
    font-size: 16px;
}
.donors_box {
        padding: 30px 20px;
    }
	.suport_sec ul, .note_box {
    flex-wrap: wrap;
}
.suport_sec {
    padding: 25px 0px;
}
.common-padd {
    padding: 35px 0px;
}
    .innerblog_box .blog_txt {
        padding: 30px 30px;
    }
	.blog_slider, .activities_slider {
        padding-left: 10px;
    }
	.similar_titlebox  { flex-wrap: wrap;         gap: 20px;}
	.similar_blogs .btn-prime {
    width: 185px;
	}
	.btn-prime {
    padding: 12px 16px;
	}
}
@media (max-width: 479px) {
    .contact_round h2 {
        font-size: 28px;
	}
.visit_office p { margin-bottom: 0; }
.contact_icon {
    width: 40px;
    height: 40px;        flex-shrink: 0;
}
.contact_icon img {
    width: 16px;
}
.map_sec iframe {
    height: 300px;
}
.join_txt h2 {
        font-size: 40px;
}
.footer-row {
    padding-bottom: 25px;
}
    .hero_py h1 {
        font-size: 30px;
    }
.contact_round {
    padding: 30px 25px;
    border-radius: 24px;
}
.contact_card {
    padding: 15px 10px;    gap: 10px;
}
    .blog_txt {
        flex-wrap: wrap;
    }
	    .blog_maintxt {
        width: 100%;
        padding-right: 0;
    }
	.blog_txt p {
    padding-right: 40px;
}
.blog_txt a {
        position: absolute;
        right: 15px;
    }
	.innerblog_box .blog_txt p {
    padding-right: 0;
}
    .innerblog_box .blog_maintxt h4 {
        font-size: 24px;
    }
	    .innerblog_box .blog_txt {
        padding: 28px 25px;
    }
}