/*------------------------------------------------------------------
Project Name : International School System
Desgined By  : EntireTimes
Date        :  15 September 2020;

[Table of contents]

1. Body Css
2. Header Css
3. Navigation Css
4. Custom Slider Css
5. Categories 
6. School Css 
7. About Css 
8. Class Css
9. Choice Css

11. Services Css
12. Gallery Css 
13. Blog Css 

15. Enrol Css  
16. Teachers Css 
17. Blog Css
18. Contact Css 
19. Newsletter Css 
20. Footer Css 
21. Copyright Css 
22. Inner page title Css
23. Class Details Css
24. Teacher Deatils Css
25. Pricing Css 
26. FAQs Css 
27. Inner Testimonials Css
28. 404 page Css
29. Login Css 
30. RegisterWrp Css 
31. Inner Blog Css
32. Categories Css
33. Tags Css
34. Media Quries Css
-------------------------------------------------------------------*/
@charset "utf-8";
/* Body */
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}
a {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
      color: #ffb607;
}
.unorderList {
  list-style: none;
}
img {
  max-width: 100%;
}
p {
  font-size: 14px;
  line-height: 26px;
  color: #52575e;
}
.style_none {
  list-style: none;
  margin-bottom: 0;
}
.clearfix {
  clear: both;
}
.style_none {
  list-style: none;
}
ul.tick {
  list-style: none;
}
ul.tick li {
  position: relative;
  padding-left: 25px;
  font-size: 15px;
  font-weight: 600;
}
ul.tick li:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: '\f061';
  position: absolute;
  top: 0;
  left: 0;
  color: #ffb607;
}
ul.tick li {
  margin-bottom: 10px;
}
.title {
  margin-bottom: 20px;
  position: relative;
}
.title h1 {
  font-size: 48px;
  color: #56225e;
  margin: 0;
  font-weight: bold;
}


.title h1 span {
  display: block;
}
.title p {
  font-size: 20px;
  letter-spacing: 3px;
  color: #ffb607;
  text-transform: uppercase;
  margin-bottom: 0;
}
.readmore {
  margin-top: 20px;
}
.readmore a {
  text-decoration: none;
  font-size: 15px;
  background: #f0aa00;
  text-transform: uppercase;
  border-radius: 36px;
  font-weight: bold;
  display: inline-block;
  padding: 18px 38px;
  color: #fff;
}
.readmore a:hover {
  color: #fff;
  background: #1d2435;
}


/********************************************
	   == Header Css Start ==
********************************************/
.header-wrap {position:fixed;z-index: 1000;background: #fff; width: 100%;
}
.header-wrap .logo{margin-top: 6px;}
.header-wrap .logo img{border:none;height:83px;width:130px;}
.header-wrap .conInfo {
  padding-left: 52px;
  position: relative;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}
.header_info{display: flex; float: right; margin-top: 16px;}
.header_info div{ padding-right: 0px; margin-right: 10px;}
.header_info div:last-child{border:none; margin-right: 10px; padding-right: 30px;}
.header_info .search a{width: 50px; height: 50px; background: #003090; color: #fff; border-radius: 100%; display: block; text-align: center;line-height: 50px; font-size: 16px;}
.loginwrp1{padding-bottom:17px;padding}
.loginwrp1 a{text-decoration: none; background: #4AC6E3; padding: 10px ;  font-size: 16px; color: #fff; border-radius: 6px; display: inline-block; font-weight: bold;width:145px;height:45px;}
.loginwrp{}
.loginwrp a{text-decoration: none; background: #4AC6E3;  padding-top:10px ;padding-left:10px;  font-size: 16px; color: #fff; border-radius: 6px; display: inline-block; font-weight: bold;width:82px;height:45px;}
.loginwrp2{}
.loginwrp2 a{text-decoration: none; background: #4AC6E3;  padding: 10px ;  font-size: 16px; color: #fff; border-radius: 6px; display: inline-block; font-weight: bold;width:100px;height:45px;}
.header-wrap .conInfo span {
  font-size: 12px;
  text-transform: uppercase;
  color: #a3a3a3;
  letter-spacing: 2px;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.header-wrap .conInfo a {
  text-decoration: none;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  line-height: 24px;
}
.header_info .search a:hover, .loginwrp a:hover{background: #003090;} .loginwrp1 a:hover{background: #003090;} .loginwrp2 a:hover{background: #003090;}
.header-wrap .conInfo a:hover {
  color: #4AC6E3;
}
.header-wrap .addressWrp:before {
  content: "";
  background: url(../images/map_icon.png) no-repeat;
  width: 46px;
  height: 45px;
  position: absolute;
  top: 0px;
  left: 0;
}
.header-wrap .phonewrp:before {
  content: "";
  background: url(../images/phone_icon.png) no-repeat;
  width: 46px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
}
.header-wrap .phonewrp a {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.header-wrap .phonewrp {
  padding-left: 56px;
}
/*********************************************
        Navigation css
*********************************************/
.navbar-brand {
  display: none;
}
.navigation-wrap {
  z-index: 1000;
  position: relative;
}
.navbar-nav li {
  padding: 0;
}
.navbar-light .navbar-nav .nav-link {
  color: #000;
  font-size: 14px;
  padding:34px 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.navbar {
  padding: 0;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .nav-item:hover .nav-link {
  color: #fff; background: #4AC6E3;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff; background: #4AC6E3;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #fff; background: #4AC6E3;
}
.sticky {
  top: 0;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 10000;
  background: #ffb607;
  height: 65px;
  margin-top: 0;
  -webkit-box-shadow: 0px 5px 7px rgba(3, 3, 3, 0.11);
  -moz-box-shadow: 0px 5px 7px rgba(3, 3, 3, 0.11);
  box-shadow: 0px 5px 7px rgba(3, 3, 3, 0.11);
}
.custom-navbar .navbar-nav li.active > a {
  background-color: #1d2435;
  color: #fff;
}
.navbar-nav li {
  position: relative;
}
.navbar-nav > li > ul {
  list-style: none;
  position: absolute;
  left: 0;
  top: 200%;
  width: 260px;
  padding: 0px;
  z-index: 100;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-radius: 0px 2px 2px 2px;
  -ms-border-radius: 0px 2px 2px 2px;
  -webkit-border-radius: 0px 2px 2px 2px;
  -moz-border-radius: 0px 2px 2px 2px;
  -o-border-radius: 0px 2px 2px 2px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.38);
}
.submenu li:last-child {
  border: none;
}
.navbar-nav > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.navbar-nav > li > ul > li {
  position: relative;
  float: none;
  width: 100%;
  border-bottom:1px solid rgb(230 230 230 / 50%);
  padding: 0;
}
.submenu > li:hover > a {
  background: #4AC6E3;
  color: #fff !important;
}
.navbar-nav > li > ul > li > a {
  text-decoration: none;
  position: relative;
  display: block;
  padding:10px 20px;
  font-weight: 600;
  font-size: 14px;
  color: #000 !important;
  word-wrap: break-word;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.navbar-nav li > .submenu > li a + i {
  display: none;
  position: absolute;
  right: 15px;
  top: 7px;
  font-size: 24px;
  cursor: pointer;
  color: #0b3c5d;
  background: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.navbar-nav > li > a + i {
  display: none;
  position: absolute;
  right: 15px;
  top: 7px;
  font-size: 24px;
  cursor: pointer;
  color: #0b3c5d;
  background: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.submenu li .submenu_right {
  display: none;
}
.submenu_right {
  background: #328bc3;
  position: absolute;
  top: 0;
  left: 100%;
  width: 200px;
}
.submenu_right li {
  padding-bottom: 0;
  padding: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}
.submenu_right li a {
  display: block;
  padding: 7px 10px;
  color: #fff;
  text-decoration: none;
}
.submenu_right li a:hover {
  background: #c79935;
  color: #fff !important;
}
.submenu li:hover .submenu_right {
  display: block;
}
/*********************************************
    Custom slider options
**********************************************/
.tp-banner-container {
  position: relative;
  z-index: 1;
  padding: 0;
  width: 100%;
  
}
.tp-banner {
  position: relative;
  width: 100%;
  padding-top: 88px;
}
.banner-wrapper {
  position: relative;
  width: 100%;
  height: 600px; /* Fixed height for banner */
  overflow: hidden;
}    

/* Image styling */
.banner-wrapper img {
  position: absolute;
  top: -100px; /* This will move the image down by offsetting it negatively from the top */
  left: 0;
  width: 100%;
  height: 125%; /* Increased height to ensure no gaps when moving down */
  object-fit: cover;
  object-position: center -5%; /* This will position the focal point of the image slightly lower */
}

.tp-caption {
  line-height: normal !important;
}
.tp-caption a {
  color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
  border: 3px #fff solid;
  border-radius: 50%;
  background-image: none !important;
}
.tparrows {
  width: auto !important;
  height: auto !important;
  background-image: none !important;
}
.tp-arr-allwrapper {
  margin: 0 10px;
  width: 50px;
  height: 60px;
  background: rgba(255, 255, 255, 0.5);
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
  color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {}
.tp-rightarrow .tp-arr-allwrapper {}
.tp-arr-iwrapper {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  line-height: 60px;
}
.tp-leftarrow .tp-arr-iwrapper {}
.tp-leftarrow .tp-arr-iwrapper:before {
  content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
  content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {}
.slide-h1 {
  margin: 5px 0 !important;
  padding: 0 0 10px !important;
  padding-bottom: 5px !important;
  color: #444;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 57px;
}
.slide-h2 {
  margin: 5px 0 !important;
  padding: 0 0 10px !important;
  padding-bottom: 5px !important;
  color: #555;
  font-weight: bold;
  font-size: 55px;
  line-height: 100%;
}
.big-font {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 60px;
}
.large-desc {
  font-size: 16px;
}
.slide-h3 {
  color: #fff;
  font-size: 31px;
  line-height: 100%;
}
.slide-h3 span {
  text-transform: uppercase;
  font-weight: bold;
}
.slide-head {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 30px;
}
.slide-desc {
  font-size: 22px;
  line-height: 150%;
}
.main-title {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 70px;
}
.icon-cont {
  padding: 15px 40px;
  border-radius: 10px;
  text-align: center;
}
.icon-cont:after {
  position: absolute;
  bottom: -10px;
  left: 40%;
  z-index: 5;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  content: "";
}
.icon-cont i {
  margin-bottom: 10px;
  color: #fff;
  font-size: 50px;
}
.icon-cont span {
  display: block;
  padding: 0 0 5px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
a.wit-btn {
  background: #fff;
  color: #333 !important;
  text-transform: uppercase;
}
.wit-line {
  width: 5%;
  height: 1px;
  background: #fff;
}
.vert-line {
  min-height: 270px;
  width: 1px;
  background: #fff;
}
.subTxt {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  color: #333;
}
.large-title {
  color: #222;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase !important;
}
.large-light-title {
  color: #787878 !important;
  font-size: 70px;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.large-text {
  font-size: 20px;
  color: #000;
  font-weight: lighter;
}
.larger-text {
  font-size: 24px;
  font-weight: lighter;
  text-transform: uppercase;
}
.witTxt {
  color: #fff !important;
}
.light-font {
  font-weight: lighter !important;
  font-size: 50px;
}
.black-bg {
  background: rgba(0, 0, 0, .63);
  color: #a8a8a8;
  text-transform: none;
}
.lft-list {
  padding: 10px;
  font-size: 18px;
  color: #fff;
}
.wit-border {
  border: 1px #fff solid;
  padding: 15px 60px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.rounded-bord {
  margin-right: 15px;
  border: 1px #fff solid;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  border-radius: 50%;
}
#vertical-ticker {
  height: 120px;
  overflow: hidden;
}
#vertical-ticker li {
  
  padding: 15px 20px;
  display: block;
  text-align: center;
}
.to-bottom i.fa {
  font-size: 30px;
  border: 2px #a8a8a8 solid;
  padding: 20px 22px;
  border-radius: 50%;
  -webkit-animation: bounce 2s infinite linear;
  animation: bounce 2s infinite linear;
}
.hero-content {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 30px;
  width: 650px;
  height:225px;
  
  
}

.slidertext1 {
  
  color: #fff;
  letter-spacing: 4px;
  font-size: 30px;
  font-weight: normal;
  padding: 15px 0;
  text-transform: inherit !important;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  line-height: 26px !important;
}
.slidertext2 {
  color: #fff;
  font-size: 60px;
  font-weight: bold !important;
  padding: 15px 20px;
  text-transform: none !important;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  font-family: 'Montserrat', sans-serif;
  text-align: left;
}
.slidertext2 span {
  color: #fff;
}
.slidertext3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600 !important;
  letter-spacing: 0px;
  padding: 15px 0;
  text-transform: none !important;
  line-height: 30px !important;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.slidertext3 span {
  color: #fff;
}
.slidertext3 ul{
  list-style-type: disc;
  padding-left:45px;
  font-size: 22px;
}

.slidertext4 i {
  margin-right: 10px;
  font-weight: normal !important;
}
.slidertext4 a {
  color: #fff !important;
  font-size: 18px;
  border-radius: 40px;
  font-weight: 700;
  padding: 22px 40px;
  text-transform: uppercase !important;
  text-align: left;
  background:#003090;
  font-family: 'Open Sans', sans-serif;
}
.slidertext4 a:hover {
  background: #4AC6E3;
  color: #fff !important;
}
a.slidebtn {
  background: #fff;
  color: #4AC6E3 !important;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: normal !important;
  text-transform: none !important;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  ;
}
a.slidebtn i {
  margin-left: 10px;
}
.slidertext5 a {
  background: none !important;
  border: 2px solid #fff;
  padding: 16px 40px;
}
.slidertext5 a:hover {
  background: #4AC6E3 !important;
  color: #fff !important; border-color: #4AC6E3 ;
}
@-webkit-keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}



/*---------------------------------------
  Categories_wrap Css              
-----------------------------------------*/
.categories_wrap{z-index: 1000; margin-top: -70px; position: relative;}
.categories-course{background: #3ab64c; padding:15px; text-align: center; border-radius: 12px; height:340px;}
.categories-course h4{font-size: 24px; color: #fff; position: relative; margin-bottom: 30px;}
.categories-course h4:before{content: ""; background: #fff; width: 40px; height: 2px; position: absolute; bottom: -15px; text-align: center; left:50%;  margin-left: -20px;}
.categories-course p{font-size: 14px; color: #fff; line-height: 24px;}
.categories-course a{color:#ffffff;text-decoration: underline;}
.coure-icon-inner{width: 130px; height: 130px; background: #fff; text-align: center; line-height: 130px; border-radius: 100%;display: inline-block;}
.coure-icon-inner img{border:none;mix-blend-mode: multiply;}
.cours-icon{margin-bottom: 30px; margin-top: -80px;}
.categories_wrap ul li:nth-child(1) .categories-course{background: rgb(143, 143, 82);}
.categories_wrap ul li:nth-child(2) .categories-course{background: #183d86;}
.categories_wrap ul li:nth-child(3) .categories-course{background: #f0aa00;}
.categories_wrap ul li:nth-child(4) .categories-course{background: #3db2d5;}


/*---------------------------------------
School section        
-----------------------------------------*/
.school-wrap {
  text-align: center;
  background: #f5f6fc;
  padding: 60px 0;
}
.school_box {}
.school-wrap h3 {
  margin-top: 14px;
  position: relative;
  margin-bottom: 30px;
}
.school-wrap h3 a {
  font-size: 22px;
  color: #263073;
  font-weight: bold;
  text-decoration: none;
}
.school-wrap h3 a:hover {
  color: #82b941;
}
.school-wrap h3:before {
  content: "";
  background: #f2b31a;
  width: 40px;
  height: 2px;
  margin-left: -20px;
  position: absolute;
  bottom: -15px;
  left: 50%;
}
.school-wrap p {
  font-size: 14px;
  color: #000;
  min-height: 52px;
}
.school_sec {
  margin-top: -160px;
  z-index: 10;
  position: relative;
}
/********************************
  Our well-rounded Educational System
********************************/
.class-wrap {
  background: url(../images/class-bg.jpg) no-repeat top;
  background-size: cover;
  padding: 70px 0;
}
.class-wrap .title {
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}
.class-wrap .title h1 {
  color: #4AC6E3;
}
.class-wrap .title h1 span {
  font-size: 24px;
  letter-spacing: 1px;
}
.class-wrap .title:after {
  content: "";
  width: 54px;
  height: 2px;
  background: #ddb202;
  margin-left: -26px;
  position: absolute;
  bottom: -20px;
  left: 50%;
}
.class-wrap h3 {
  position: relative; min-height: 66px;
}
.class-wrap h3 a {
  font-size: 22px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
.class-wrap h3 a:hover {
  color: #f0aa00;
}
/*.class-wrap h3:before {
  content: "";
  width: 40px;
  height: 2px;
  background: #ddb202;
  position: absolute;
  bottom: -20px;
  left: 0;
}*/
.class-wrap p {
  font-size: 15px;
  line-height: 24px;
  color: #322c2c;
  margin-bottom: 0; min-height: 80px;
}
.class-wrap .owl-dots {
  display: none;
}
.class-wrap .owl-nav button {
  font-size: 16px;
  color: #a5a9ac;
  border: 2px solid #ccc;
  background: none;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.class-wrap .owl-prev {
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: -24px;
}
.class-wrap .owl-next {
  position: absolute;
  right: -100px;
  top: 50%;
  margin-top: -24px;
}
.class-wrap .owl-nav button:hover {
  background: #ffa800;
  border-color: #ffa800;
  color: #fff;
}
.class-wrap .owl-nav i {
  font-size: 30px;
}
.class_box {
  background: #fff;
  height: 565px;
}
.class_Img{position: relative;}
.class_Img img{width: 100%;height:260px;}
.path_box {
  padding: 26px 26px 16px 26px;}

.class-wrap .path_box{ min-height: 246px;}
.time_box { background: #3ab64c;
  font-size: 14px;
  color: #fff; border-radius: 6px 6px 0 0; padding: 8px 12px; position: absolute; bottom: 0; right: 20px;
}

.students_box{border-top: 1px solid #e6e6e6; padding-top: 10px; margin-top: 15px; display: flex; justify-content: space-between;}
.students{font-size: 16px; color: #000;}
.stud_fee{font-size: 16px; color: #000;}
.flight-wrap .path_box{min-height: 177px;}


/*---------------------------------------
  Succcess stories          
-----------------------------------------*/
.blog-wrap{background-image: none; background: #f8f8f8;padding-bottom:5px; }
.blog-wrap .title{text-align: center; margin-bottom: 40px;}
.blog-wrap .title h1{color: #4AC6E3;;}
.blog-wrap .blog_box{background: #fff;height: 630px;}
.blog-wrap .blogImg{position: relative;}
.blog-wrap .blogImg img{height:280px;}
.blog-wrap h3{text-align: left;}
.blog-wrap .path_box h3 a{text-decoration: none; color: #000; font-size: 24px; font-weight: 600;}
.blog-wrap h3 a:hover{color: #f00;}
.blog-wrap p{font-size:16px;
}
/* Adjustments for tablets and smaller screens */
@media (max-width: 992px) {
  
  .center_title {
    padding: 0px 20px; /* Adjust title padding for tablets */
  }
  .teachers-content h3 {
    font-size: 22px; /* Slightly smaller font for tablets */
  }
  .teacherImg {
    width: 120px;
    height: 180px; /* Adjust image size for tablets */
  }
}
/* Adjustments for mobile devices */
@media (max-width: 576px) {
  .center_title {padding: 0; }
  .teachers-content { padding: 20px; }
  .teachers-content h3 {font-size: 20px;}
  .teacherImg {width: 200px;height: 300px; /* Smaller image size for mobile */ }
  .single-teachers {margin-bottom: 20px; }
}
/*---------------------------------------
  Succcess stories          
-----------------------------------------*/
/*---------------------------------------
  Vocational Training          
-----------------------------------------*/  
/********************************
        Join Us
********************************/
.choice-wrap {
  padding: 60px 0 70px 0;
  text-align: center;
  background: rgba(0,0,0,0.7) url(../images/blackboard1.jpg) !important;
  
  background-size: cover;
  background-blend-mode: darken;
}
.choice-wrap .title {
  margin-bottom: 30px;
}
.choice-wrap .title h1 {
  font-size: 48px;
  font-weight: bold;
  color: #4AC6E3;
}

.choice-wrap p {
  color: #fff;
  font-size: 14px;
  padding: 0 140px;
  
}
.callText {
  font-size: 24px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}
.choice-wrap .readmore{margin-top: 30px;}
.choice-wrap .readmore a {
  background: #003090; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px;
}
.choice-wrap .readmore a:hover {
  background: #000;
  color: #fff;
}

/*---------------------------------------
scholarship        
-----------------------------------------*/
.main-section {background-color: #ffffff;margin-left: 150px;margin-right: 150px;padding-left: 10px;
  padding-right: 20px;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,0.1);justify-content: center;  }
.title {font-size: 38px;color:#4AC6E3;margin-bottom: 20px;text-align: center;}
.scholarship-name {font-size: 20px;font-weight: bold;color: #3498db;}
.bio-container {display: flex; margin: 20px 0; align-items: center;}
.image-container { flex: 0 0 auto; margin-right: 20px;}
.bio-content {flex: 1; background-color: #ecf0f1; padding: 15px; border-radius: 5px;}
img { border: 1px solid #ddd; padding: 5px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.bio-title { font-size: 18px; color: #2c3e50; margin-bottom: 10px;}
p { font-size: 18px; margin-bottom: 15px;}
a {color: #3498db;text-decoration: none;}
a:hover {text-decoration: underline;}
hr { border: none; border-top: 1px solid #e0e0e0; margin: 20px 0;}
/* New styles for added sections */
.about-wrap {padding: 50px 0;}
.container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.row { display: flex; flex-wrap: wrap; align-items: center; }
.col-lg-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}
.col-lg-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}
/* Image styles */
.aboutImg img {
width: 100%;
height: auto;
max-height: 500px;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Founder image specific styles */
.founder-image {
flex: 0 0 auto;
width: 100%;
max-width: 400px;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.founder-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

/* Text content styles */
.about_box {
padding: 20px;
}

.title2 h1 {
font-size: 38px;
color: #4AC6E3;
margin-bottom: 20px;
}

.edu_list, .message-list {
list-style-type: circle;
}

.edu_list li, .message-list li {
font-size: 18px;
margin-bottom: 15px;
line-height: 1.6;
color: #555;
}

/* Specific section styles */
#mission {
background-color: bisque;
}

/* Founder's message specific styles */
.founder-message {
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.founder-message .about_box {
flex: 1;
order: 2;
}

.founder-image {
order: 1;
}

/* Responsive design */
@media (max-width: 1200px) {
.col-lg-5, .col-lg-7 {
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media (max-width: 990px) {
.row, .founder-message {
    flex-direction: column;
}

.col-lg-5, .col-lg-7, .about_box {
    flex: 0 0 100%;
    max-width: 100%;
}

.founder-image {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.aboutImg {
    margin-bottom: 20px;
}

.about_box {
    padding: 15px;
}

.title h1 {
    font-size: 24px;
    
}

.edu_list li, .message-list li {
    font-size: 15px;
}
}

@media (max-width: 768px) {
.about_box {
    padding: 10px;
}

.title h1 {
    font-size: 22px;
    
}

.edu_list li, .message-list li {
    
}
}

@media (max-width: 576px) {
.title h1 {
    font-size: 20px;
}

.edu_list li, .message-list li {
    
}

.about-wrap {
    padding: 30px 0;
}

.container {
    padding: 0 10px;
}
}
/*===gurukulam buttons===*/
.button-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 600px;
  padding: 20px;
  justify-content: center;
  margin: 0 auto;
}

.button {
  padding: 15px 25px;
  background-color: #000080;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
  text-align: center;
  width: 300px;
}

.button:hover {
  background-color: #000066;
}
.button a{
  color:white;
}
/*----our sponsor----*/
.sponsors-section {
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

.sponsors-heading {
  color: #2c3e50;
  text-align: center;
  margin-bottom: 30px;
}

.scholarship-item {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f7f9fc;
  border-radius: 8px;
}

.scholarship-title {
  color: #34495e;
  font-weight: bold;
  margin-bottom: 10px;
}

.button-container1 {
  display: grid;
  flex-direction: column;
  align-items: center; /* Centers buttons horizontally */
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 20px auto; /* Added auto margin for horizontal centering */
  max-width: 100%px; /* Added max-width for better button width control */
}
.button-container1 a{
  color: white;
}

.sponsor-btn {
  padding: 12px 24px;
  background-color: #000080;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.3s;
  width: 100%; /* Makes buttons take full width of container */
  max-width: 500px; /* Limits the maximum width of buttons */
}

.sponsor-btn:hover {
  background-color: #000080;
}
.sponsor-btn a{
  color: white;
}
/*---------------------------------------
   gallery section              
-----------------------------------------*/
.gallery-wrap {position: relative;  background: url(../images/gallery-bg.jpg) no-repeat top; background-size: cover;
  padding:60px 0;
}
.gallery_box{display: table; height: 100%;}
.gallery_left{display: table-cell; vertical-align: middle;}
.galleryImg {margin: 15px 0;
  position: relative;
}
.gallery-wrap .col-lg-4:nth-child(2) .galleryImg + .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(4) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(5) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-4:nth-child(6) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(5) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(6) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(7) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-3:nth-child(8) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-6:nth-child(3) .galleryImg {
  margin-top: 30px;
}
.gallery_style1 .col-lg-6:nth-child(4) .galleryImg {
  margin-top: 30px;
}

.serImg {
  margin-bottom: 30px;
}
.galley_inner .row > div {
  margin: 15px 0;
}
.galley_inner {
  text-align: center;
}
.testi_list {
  list-style: none;
}
.testi_list li {
  margin: 36px 0;
}
.testi_list .testimonials_sec {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}
.portfolio-overley {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.galleryImg img {
  width: 100%;
}
.gallery-wrap .galleryImg:hover .portfolio-overley, .galley_inner .galleryImg:hover .portfolio-overley {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.gallery-wrap .content, .galley_inner .content {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.gallery-wrap .content .image-link, .galley_inner .content .image-link {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  color: #ffffff;
  line-height: 50px;
  background: #f0aa00;
  display: block;
  font-size: 16px;
  z-index: 1;
  text-align: center;
  margin-left: -25px;
  margin-top: -25px;
}
/*---------------------------------------
   Achievement section             
-----------------------------------------*/
/* ... (previous CSS remains the same) ... */

/* Achievements Section */
.achievements-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position:relative;
  
}

.achievements-heading {
  text-align: center;
  color: #4AC6E3;
  margin-bottom: 30px;
  font-size: 38px;
}
.achievements-heading1 {
  text-align: center;
  color: #4AC6E3;
  margin-bottom: 30px;
  font-size: 17px;
}
.achievement-cards {
  display: flex;
  
  flex-wrap: wrap;
  padding-left: 1px;
  padding-right: 1px;
  justify-content: center;
  gap:30px;
  
}

.achievement-card {
  width: 360px;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.achievement-card:hover {
  transform: translateY(-5px);
}

.achievement-image {
  height: 450px;
  
  object-fit: cover;
}

.achievement-content {
  padding: 20px;
}

.achievement-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.4em;
  color: #3498db;
}

.achievement-description {
  margin: 0;
  color: #7f8c8d;
  line-height: 1.6;
}

.achievement-link {
  margin-bottom: 16px;
  color: #0066cc;
  text-decoration: none;
  font-size: 21px;
}

.achievement-link:hover {
  text-decoration: underline;
}

/* Media Queries */
@media screen and (max-width: 1200px) {
  .achievement-cards {
    
  }

  /* Change: Fixed image size for 1200px breakpoint */
  .achievement-image {
    width: 320px;
    height: 360px;
  }

  .achievements-heading {
    font-size: 34px;
  }

  .achievement-link {
    font-size: 19px;
  }
}

@media screen and (max-width: 990px) {
  .achievement-cards {
    padding-left:1px;
  }

  .achievement-card {
    width: calc(50% - 20px);
  }

  /* Change: Fixed image size for 990px breakpoint */
  .achievement-image {
    width: 280px;
    height: 320px;
  }

  .achievements-heading {
    font-size: 30px;
  }
  .achievements-heading1 {
    font-size: 13px;
  }
  

  .achievement-link {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .achievement-cards {
    
  }

  .achievement-card {
    width: 100%;
  }

  /* Change: Fixed image size for 767px breakpoint */
  .achievement-image {
    width: 100%;
    height: 280px;
  }

  .achievements-heading {
    font-size: 28px;
  }
  .achievements-heading1 {
    font-size: 12px;
  }

  .achievement-title {
    font-size: 1.2em;
  }

  .achievement-link {
    font-size: 17px;
  }
}

@media screen and (max-width: 480px) {
  .achievement-cards {
    padding-left: 2px;
  }

  /* Change: Fixed image size for 480px breakpoint */
  .achievement-image {
    width: 100%;
    height: 370px;
  }

  .achievements-heading {
    font-size: 24px;
  }
  .achievements-heading1 {
    font-size: 11px;
  }

  .achievement-content {
    padding: 15px;
  }

  .achievement-title {
    font-size: 1.1em;
  }

  .achievement-link {
    font-size: 16px;
  }
}
/*---------------------------------------
   Achievement section             
-----------------------------------------*/

/*---------------------------------------
   CSR           
-----------------------------------------*/
.content-block {
  background-color: #f8f8f8;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  min-height: 320px;
  justify-content: center;
  
  
}
.block-image {
  flex: 0 0 600px;;
  height: 280px;
  
  
}

.block-text {
  flex: 0 0 6px;
  padding-left: 20px;
  text-align: center;
}
.content-block:nth-child(even) {
  flex-direction: row-reverse;
}
.content-block:nth-child(even) .block-text {
  padding-left: 0;
  padding-right: 10px; /* Reduced padding for the second section */
}
.block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.block-heading {
  color: #4AC6E3;
  font-size: 40px;
  margin-top: 0;
}
.block-description {
  color: #0b0404;
  font-size: 25px;
}
ul {
  font-size: 25px;
}
.contactemail {
  color: #007bff;
  text-decoration: none;
  font-weight: bold;
  font-size:25px;
}
.contactemail:hover {
  text-decoration: underline;
  
}
.cta-button {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  background-color: #003090;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  width: 200px;
  text-align: center;
  font-size: 25px;
}
.cta-button:hover {
  background-color: #c3d0de;
}

/*---------------------------------------
   CSR           
-----------------------------------------*/


/*********************************************
        Contact css
*********************************************/

.card-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.card {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  padding: 20px;
  width: 48%;
}
.card h2 {
  color: #4AC6E3;
  margin-bottom: 15px;
}
.contact-info1 {
  margin-bottom: 10px;
}
.contact-info1 h4{
  color:#000;
}
.contact-info1 i {
  width: 20px;
  margin-right: 10px;
  color: #c6266c;
}
.contact-info1 p{
  font-size:17px;
}
.form-group .btn {
  background: #ffb607;
  display: inline-block;
  border-radius: 30px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 16px 40px;
}
.form-group .btn:hover {
  background: #e20c0c;
  color: #fff;
}
.contact-wrap .form-control {
  height: 50px;
  width: 100%;
  padding-left: 15px;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
  border: 1px solid #f2f0fa;
  background: none;
  color: #000;
  font-size: 14px;
}
.contact-wrap textarea.form-control {
  height: 160px;
}
.contact_form {
  padding: 0px 50px 30px 0px;
}
.contact_info {
  padding: 55px 0px 30px 50px;
  background: url(../images/contact-bg.jpg) no-repeat top;
  background-size: cover;
}
.contact-wrap ::placeholder {
  color: #71567e;
  opacity: 1;
}
.contact-wrap :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #71567e;
}
.contact-wrap ::-ms-input-placeholder { /* Microsoft Edge */ color: #71567e;
}
.contact_info {
  position: relative;
}
.contact_info .title:after {
  background: #fff;
}
.contact_box {
  display: flex;
  margin-bottom: 25px;
}
.contact_box p {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  margin-left: 20px;
  text-transform: uppercase;
}
.contact_box p span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
}
.contact_box p span a {
  text-decoration: none;
  color: #fff;
}
.contact_info .title {
  margin-bottom: 60px;
}
.contact_form {
  background: #ffb607;
  padding: 40px;
}
.contact-wrap .input-group {
  margin-top: 12px;
}
.contact-wrap .input-group .form-control {
  border-radius: 0;
  background: #fff;
  height: 46px;
  border: none;
  font-size: 14px;
}
.contact-wrap textarea.form-control {
  height: 124px !important;
}
.contact-wrap .sub {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
  background: #fff;
  font-weight: bold;
  padding: 16px 38px;
  border-radius: 30px;
  border: none;
  display: inline-block;
}
.contact-wrap .sub:hover {
  background: #000;
  color: #fff;
}
.contact_form .title h1 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
}
.contact_form .title:after {
  background: #fff;
}
.conInfo {
  padding-left: 66px;
  position: relative;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}


.conInfo span {
  font-size: 12px;
  text-transform: uppercase;
  color: #a3a3a3;
  letter-spacing: 2px;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.phonewrp a {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
.emailWrp a {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
.emailWrp:before {
  background: url(../images/email_icon.png) no-repeat;
  width: 49px;
  height: 37px;
}
.phonewrp a:hover {
  color: #ffb607;
}
.mapwrp {
  margin-top: 20px;
}
.mapwrp iframe {
  width: 100%;
  height: 300px;
}
/*---------------------------------------
   Blog section              
-----------------------------------------*/
/*********************************************
        Donate css
*********************************************/
main {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 2rem;
  margin-top: 2rem;
}

h2 {
  color: #2c3e50;
  margin-bottom: 1rem;
  font-size:24px;
}
.main p {
  margin-bottom: 1rem;
  color: #000;
}
.donation-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}


.donation-option {
  flex: 1 1 200px;
  background-color: #F3F5F5;
  padding: 1rem;
  border-radius: 4px;
  text-align: center;
}
.imgoption {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.imgoption img {
  width: 160px;
  height: 100px;
  object-fit: cover;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}

th, td {
  border: 1px solid #ddd;
  padding: 0.5rem;
  text-align: left;
}

th {
  background-color: #3498db;
  color: white;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

.note {
  background-color: #e74c3c;
  color: white;
  padding: 1rem;
  border-radius: 4px;
  margin-top: 2rem;
}
/*-----donation form ----*/
.container_form {
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
 
}
.container_form h1 {
  
  color: #2c3e50;
  margin-bottom: 20px;
  text-align: center;
}
.form-group {
  margin-bottom: 25px;
}
label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
  border-color: #3498db;
  outline: none;
}
input[type="radio"] {
  margin-right: 8px;
}
.radio-group {
  margin-bottom: 12px;
}
.radio-group label {
  display: inline;
  font-weight: normal;
}
.currency-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.currency-container .radio-group {
  margin: 0;
  display: flex;
  align-items: center;
}
.hidden {
  display: none;
}
input[type="submit"] {
  background-color: #3498db;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}
input[type="submit"]:hover {
  background-color: #2980b9;
}
.container_form p {
  margin-bottom: 20px;
  text-align: center;
  font-style: italic;
}

@media (max-width: 768px) {
  table {
      font-size: 14px;
  }
}




@media screen and (max-width: 990px) {
  main {
    padding: 1.5rem;
  }
  
  h2 {
    font-size: 22px;
  }
  
 
  
  .col-md-2 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media screen and (max-width: 767px) {
  
  
  table {
    font-size: 14px;
  }
  
  .col-md-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .captcha-row {
    flex-direction: column;
    gap: 5px;
  }
}

@media screen and (max-width: 480px) {
  main {
    padding: 1rem;
    margin-top: 1rem;
  }
  
  h2 {
    font-size: 20px;
  }
  
 
}
.tab-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.tabs {
  display: flex;
  border-bottom: 1px solid #ccc;
}
.tab {
  padding: 10px 20px;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-right: 5px;
}
.tab.active {
  background-color: white;
  border-bottom: 1px solid white;
  margin-bottom: -1px;
}
.tab-content {
  display: none;
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
}
.tab-content.active {
  display: block;
}
.form-row {
  margin-bottom: 15px;
}
.form-row label {
  display: block;
  margin-bottom: 5px;
}
.input-group {
  display: flex;
}
.form-input, .form-select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.section-title {
  margin-top: 0;
}
/*********************************************
        Donate css
*********************************************/
/*********************************************
       volunteers on about us 
*********************************************/
.volunteer-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
 
}
.volunteer-card {
  width: 300px;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin:15px;
}
.volunteer-image {
  width: 285px;
  height: 380px;
  object-fit: cover;
}
.volunteer-title {
  margin: 16px 0;
  text-align: center;
}
.volunteer-link {
  margin-bottom: 16px;
  color: #0066cc;
  text-decoration: none;
}
.volunteer-link:hover {
  text-decoration: underline;
}
.volunteer-heading {
  width: 100%;
  text-align: center;
  font-size: 38px;
  margin-bottom: 20px;
  color:#4AC6E3;
}
/*********************************************
        volunteers on about us 
*********************************************/
/*********************************************
        Newsletter css
*********************************************/
.newsletter-wrap {
  background: #4AC6E3;
  padding: 35px 45px;
  z-index: 1000;
  position: relative;
}
.newsletter-wrap .title {
  margin-bottom: 0;
  margin-top: 10px;
}
.newsletter-wrap .title:after {
  display: none;
}
.newsletter-wrap .title h1 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 0;
}
.newsletter-wrap .title h1 span {
  font-weight: 600;
  color: #fff;
  font-size: 24px;
}
.newsletter-wrap form {
  position: relative;
}
.newsletter-wrap p {
  font-size: 18px;
  letter-spacing: 1px;
  color: #fff;
}
.news-info {
  margin-top: 10px;
}
.newsletter-wrap .form-control {
  border: none;
  border-radius: inherit;
  box-shadow: inherit;
  padding: 34px 22px 34px 65px;
  font-size: 16px;
  color: #767676;
}
.newsletter-wrap .sigup {
  background: #000 none repeat scroll 0 0;
  border: medium none;
  z-index: 1000;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  padding: 0 30px;
  position: absolute;
  right: 0px;
  text-transform: uppercase;
  bottom: 0px;
  border-radius: 0;
  top: 0px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}
.newsletter-wrap form input[type="submit"]:hover {
  background: #000;
}
.newsletter-wrap .form_icon {
  font-size: 24px;
  position: absolute;
  top: 50%;
  z-index: 1000;
  color: #e1e2e5;
  margin-top: -11px;
  line-height: 0;
  left: 25px;
}
/*********************************************
        Footer css
*********************************************/
.footer-wrap {
  background: #000080; /* Changed to navy blue */
  color: #bcc5d0;
  padding: 30px 0;
  position: relative;
  
}
/* Rest of the CSS remains unchanged */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-section {
  flex: 1;
 
}
.footer-logo img {
  max-width: 150px;
  height: auto;
}
.footer-wrap h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 15px;
  position: relative;
  
  padding-left:60px;
  
}
h3::after {
  content: '';
  position: absolute;
  left: 60px;
  bottom: 0;
  width: 50px;
  height: 2px;
  background: none;
  
}
.footer-links {
  list-style: none;
  padding-left: 60px;
  margin: 0;
}
.footer-links li {
  
}
.footer-links a {
  color: #bcc5d0;
  text-decoration: none;
  transition: color 0.3s ease;
  font-size: 14px;
}
.footer-links a:hover {
  color: #e47b9b;
}
.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 60px;
}
.contact-info li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
}
.contact-info i {
  margin-right: 10px;
  color: #e47b9b;
}
.contact-info a{
  color:#bcc5d0;
}
.social-icons {
  margin-top: 15px;
  padding-left: 60px;
  padding-bottom: 15px;
}
.social-icons ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.social-icons ul li {
  display: inline-block;
  margin-right: 3px;
}
.social-icons ul li a {
  border: 1px solid #fff;
  display: block;
  font-size: 18px;
  text-align: center;
  color: #fff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
  transition: opacity 0.3s ease;
}
.social-icons ul li:nth-child(1) a {
  background: #3c599b;
  border-color: #3c599b;
}
.social-icons ul li:nth-child(2) a {
  background: #1ea1f3;
  border-color: #1ea1f3;
}
.social-icons ul li:nth-child(3) a {
  background: #cd2e80;
  border-color: #cd2e80;
}
.social-icons ul li:nth-child(4) a {
  background: #fb000f;
  border-color: #fb000f;
}
.social-icons ul li a:hover {
  opacity: 0.8;
}
.bottom-right-logo {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.bottom-right-logo img {
  width: 80px;
  height: auto;
}
.bottom-right-logo p {
  margin: 5px 0 0;
  font-size: 12px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .footer-content {
      flex-direction: column;
  }
  .footer-section {
      margin-bottom: 20px;
  }
}

/*********************************************
        Copyright css
*********************************************/
.copyright {
  font-size: 14px;
  color: #fff;
  padding-top: 15px;
  text-transform: capitalize;
}
.credits {
  font-size: 14px;
  color: #fff;
  padding-top: 5px;
}
.credits a {
  color: #fff;
  text-decoration: none;
}
.credits a:hover {
  color: #f2b31a;
}
.close-toggler {
  display: none;
}
.navbar-toggler {
  display: none;
}



/*********************************************
        Inner page title css
*********************************************/
.innerHeading-wrap {
  padding: 10px 0;
  background: url(../images/inner_title_bg.jpg) no-repeat top;
  background-size: cover;
  text-align: center;
  padding-top: 100px;
}
  

.innerHeading-wrap h1 {
  margin-bottom: 5px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
 
}
.innerHeading-wrap ul {
  margin: 0px;
}
.innerHeading-wrap ul li {
  list-style: none;
  display: inline-block;
  color: #fff;
  margin-top: 5px;
  padding: 0px 4px;
  font-size: 15px;
}
.innerHeading-wrap ul li a {
  color: #fff;
  text-decoration: none;
}


.innerContent-wrap{padding: 80px 0;}
.innerContent-wrap .class-wrap{padding: 0; background: none;}
.innerContent-wrap .class-wrap .class_box{background: #f7f7f7; margin: 15px auto;}



/*********************************************
        Class Details css
*********************************************/
.class_left .class_Img{margin-bottom: 30px;}
blockquote {
    padding: 40px 50px;
    background: #fff8e8;
    padding-left: 109px;
    margin: 28px 0;
    color: #000; font-family: 'Montserrat', sans-serif;
    position: relative;
}
blockquote::before {
    content: "\f10d";
    left: 50px;
    top: 38px;
    position: absolute;
    color: #ffb607;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 45px;
}

.sidebar-item .class-details {
    margin: 0px;
    border: 1px solid #f0f0f0;
}
.sidebar-item .class-details li {
    overflow: hidden;
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    font-weight: bold;  
    padding: 9px 15px;
    background: #f7f7f7;
}
.sidebar-item .class-details li:nth-child(even) {background: #fff;}
.sidebar-item .class-details .name {
    float: left;
    width: 50%;
    font-size: 15px;
    color: #ffc000;
}
.sidebar-item .class-details .name i {
    margin-right: 10px;
    display: inline-block;
    width: 22px;
}
.sidebar-item .class-details .info {
    float: left;
    width: 50%;
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #b3b3b3;
}
.sidebar-item .info.rating i {
    color: #fcb614;
}
.sidebar-item .class-details li:nth-child(2) .name{
    color: #e84b3a;
}
.sidebar-item .class-details li:nth-child(3) .name{
    color: #e600ff;
}
.sidebar-item .class-details li:nth-child(4) .name{
    color: #fb720d;
}
.sidebar-item .class-details li:nth-child(5) .name{
    color: #0fbaf4;
}
.sidebar-item .class-details li:nth-child(6) .name{
    color: #008c99;
}
.sidebar-item .class-details li:nth-child(7) .name{
    color: #ee257c;
}
.sidebar-item .class-details li:nth-child(8) .name{
    color: #88c87b;
}

.single-widgets.widget_category ul li a{text-decoration: none; color: #000; font-size: 14px;}
.single-widgets.widget_category ul li a:hover{color: #ffb900;}
.single-widgets.widget_category ul li:first-child {
    border-top: none;
}
.single-widgets.widget_category ul li a span {
    float: right;
}
.single-widgets.widget_category ul li {
    display: block;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0;
}
.property_sec li{padding: 16px 0 !important;}
.property_sec li:first-child{border-top: none !important; padding-top: 0 !important;}
.single-widgets ul{margin-bottom: 0;}
.single-widgets.widget_category ul li:first-child{border-top: none; padding-top: 0;}
.single-widgets.widget_category ul li:last-child{border: none; padding-bottom: 0;}
.rec_proprty {
    display: flex;
}
.propertyImg {
    overflow: hidden;
}
.propertyImg img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100px;
}
.property_info {width: 150px;
    margin-left: 16px;
}
.rec_proprty p{margin-bottom: 0; line-height: 22px;}
.single-widgets h4 {
    line-height: 16px;
    font-size: 21px;
    margin-bottom: 20px;
}
.rec_proprty h4{margin-bottom: 10px;}


/**********************************************
            Teacher Deatils Css
**********************************************/








/*********************************************
   Login page
**********************************************/



/*********************************************
   RegisterWrp page
**********************************************/
.registerWrp{border-top: none; padding-top: 0; margin-top: 0;}
.passnote {
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    color: #ababab;
}
.form_set{margin-bottom: 30px;}
.already_account{text-align: center;}
textarea.form-control{height: 150px !important;}
.map{margin-left: 30px;}



/*********************************************
   Inner Blog page
**********************************************/

/*********************************************
     Categories
**********************************************/
.categories {}
.categories li {
  position: relative;
  padding: 10px 0 !important;
}

.categories li a {
  margin-top: 0;
  text-transform: capitalize;
  color: #8f8f8f;
  text-decoration: none;
  font-size: 14px;
  position: relative;
  display: block;
}
.categories li a:hover {
  color: #ffb607;
}
.categories li a:hover:before {
  left: 15px;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.left_post {
  list-style: none;
  margin-top: 1rem;
}
.left_post li {
  border-bottom: 1px solid #efefef;
}
.left_post li .item {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.left_post li .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}
.left_post li .item .info {
  overflow: hidden;
}
.left_post li .info time {
  font-size: 13px;
  color: #929292;
  display: block;
  margin-bottom: 4px;
}
.left_post li .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 600;
}
.left_post li .item .info .title a {
  display: inline-block;
  color: #474c40;
}
/*********************************************
     Tags
**********************************************/
.tags:after {
  display: table;
  clear: both;
  content: '';
}
.tags li {
  display: inline-block;
  float: left;
}
.tags a {
  font-size: 13px;
  color: #969595;
  border: 1px solid #dadada;
  padding: 7px 10px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.tags a:hover {
  border: 1px solid #ffb607;
  background: #ffb607;
  color: #fff;
  text-decoration: none;
}







/*****:Media Quries :*****/

@media screen and (max-width:1440px) {
.navbar-light .navbar-nav .nav-link{padding: 34px 16px;}
}

@media screen and (max-width:1350px) {
.navbar-light .navbar-nav .nav-link{padding: 34px 10px;}
}


@media screen and (max-width:1200px) {
  .header-wrap .navbar-light{max-width: 100%; display: block; flex: auto;}
  .header-wrap .col-lg-6{max-width: 75%; flex: 75%;}
  .navbar-light .navbar-nav .nav-link{padding: 34px 16px;}
  .header-wrap .logo{text-align: center; background: #f3f3f3; padding: 15px;}
  .class-wrap .owl-nav{display: none;}
.blog_inner .blog_box h3 a{font-size: 20px;}
  #counter {
    margin-top: 40px;
  }
  .header_phone a {
    font-size: 22px;
  }
  .header_phone {
    padding-left: 35px;
    margin-right: 25px;
  }
  .law-wrap .title h1 {
    font-size: 32px;
  }
  .blog-detail h3 a {
    font-size: 20px;
  }
  .contact_form {
    padding: 20px;
  }
  .contact_info {
    padding: 20px;
  }
  .flightImg img {
    width: 100%;
  }
  .contact_info:after {
    bottom: -100px;
    right: -220px;
  }
  .flight-wrap .owl-nav {
    display: none;
  }
  .slider_info .sliderText {
    font-size: 50px;
  }


  .navbar-light .navbar-nav .nav-link {
    font-size: 14px;
  }
  .view_map {
    right: 50px;
  }
  .slider-wrap {
    padding: 220px 0 180px 0;
  }

  .about-wrap .title h1 {
    font-size: 30px;
    line-height: 40px;
  }
  
  .achievements-container{left: 2px}
}


@media screen and (max-width:990px) {
  .sidebar {
    margin-top: 30px;
  }
  .blog-pagination{margin-bottom: 30px;}
  .map{margin-top: 80px; margin-left: 0;}
  .address-item{margin-bottom: 30px;}
  .header_info{justify-content: center;}
  .loginwrp1 a, .loginwrp a, .loginwrp2 a {
    font-size: 14px;
}

.loginwrp1 a {
    width: 130px;
}

.loginwrp a {
    width: 75px;
    padding-right:10px;
    
}

.loginwrp2 a {
    width: 90px;
}
  .blog_listWrp .blog_box{max-width: 370px; margin: 0 auto 30px auto;}
  .blog_listWrp .blog_box .path_box{padding: 30px;}
  .header-wrap .logo{background: none; text-align: left; padding: 0;}
  .categories_wrap{margin-top: 0;}
  .categories_wrap ul li{margin-top: 100px;}
  .coure-icon-inner{box-shadow:0 0 15px rgb(0 0 0 / 15%);}
  .class_box{max-width: 370px; margin: 0 auto;}
  .about-wrap .title h1 span{display: inline-block;}
  .about_box{margin-top: 30px;}
  .learn_info{margin-top: 10px;}
  .edu_list li{margin: 30px 0;}
  .choice-wrap p{padding: 0;}
  .video-wrap .video{padding: 150px 0;}
  .gallery_box{display: block; text-align: center; margin-bottom: 40px;}
  .gallery_left{display: inline-block;}
  .teacherImg img{width: 100%;}
  .single-teachers{margin: 20px 0;}
  .blog-wrap .blog_box{max-width: 370px; margin: 20px auto;}
  .blog-wrap ul li:first-child .blog_box{margin-top: 0;}
  .slidertext3{line-height: 20px !important;}
  .about-wrap{padding-top: 30px;}
  .choice-wrap{padding: 50px 0;}
  .navbar-toggler {
    padding: 4px 10px;
  }
  .sticky {
    display: none;
  }
  .navigation-wrap {
    margin-top: 0;
  }
  .inner_heading {
    padding: 30px 0;
  }
  .staticbanner_wrap {
    margin-top: 0;
    padding: 60px 0;
  }
  .banner_col {
    margin-top: 0;
    max-width: inherit;
  }
  .video {
    margin-top: 0;
  }
  .videoslider {
    top: auto;
  }
  .videoslider h1 {
    font-size: 50px;
  }
  .gallery-wrap .col-lg-4:nth-child(2) .galleryImg + .galleryImg {
    margin-top: 0;
  }
  .enrol-wrap p {
    padding: 0;
  }
  .appointment-wrap {
    text-align: center;
  }
  .blogImg img {
    width: 100%;
  }
  .blog_list .blogImg img {
    width: auto;
  }
  .blog_list li {
    max-width: 356px;
    margin: 0 auto;
  }
  .videoWrp, .hero-wrapper {
    height: 450px;
  }
  .staticbanner_wrap .contact_form {
    padding: 20px;
  }
  .staticbanner_wrap .contact_form {
    margin-top: 40px;
  }
  .service_box {
    padding: 28px;
    max-width: 350px;
    margin: 0 auto;
  }
 
  .innerHeading-wrap {
    margin-top: 0;
    padding: 10px 0;
  }
  .quote-btn a {
    display: inline-block;
    font-size: 14px;
    padding: 14px 24px;
  }
  .header-wrap .atlanta_logo {
    text-align: center;
  }
  .tp-banner {
    margin-top: 0;
    padding-top:0px;
  }
  .header_info {
    float: none;
  }
  .law-wrap:before {
    display: none;
  }
  .offset-1 {
    margin-left: 0;
  }
  .contact_info:after {
    display: none;
  }
  .copyright-wrap, .credits {
    text-align: center;
  }
  .contact-wrap:after {
    display: none;
  }
  .contact-wrap:after, .contact-wrap:before {
    width: 100%;
  }
  .contact-wrap:before {
    height: 50%;
  }
  .law-wrap .offset-6 {
    margin-left: 0;
  }
  .aboutImg {
    text-align: center;
    margin-top: 40px;
  }
  .header-wrap .navbar {
    float: none;
  }
  .advice-wrap p {
    padding: 0;
  }
  .counterbox {
    margin: 15px 0;
  }
  .navbar-toggler {
    background: #fff;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding: 10px 16px;
  }
  .navbar-light .navbar-nav .nav-link:hover {
    background: #000;
    color: #fff !important;
  }
  .navbar-light .navbar-nav .active > .nav-link {
    background: #000;
    color: #fff;
  }
  .footar-wrap{text-align: center;}
  .footer-wrap .credits {
    margin-top: 10px;
    text-align: center;
    
  }
  
  .contact-info, ul{align-items: center;}
  .header_logo {
    text-align: center;
  }
  .header-wrap {
    position: static;
    padding: 15px 0;
  }
  .slider-wrap {
    padding: 120px 0 80px 0;
    height: 450px;
  }
  .slider_info .sliderText {
    line-height: 55px;
  }
  .sinceWrp {
    text-align: center;
  }
  .followus {
    display: none;
  }
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    border: none;
  }
  .navbar-light .navbar-nav .nav-link {
    border: none;
  }
  .navbar-light .navbar-nav .active > .nav-link {
    background: #bd935c;
  }
  .navigationWrp {
    padding: 0;
  }
  .header_info {
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 14px;
    padding-top: 15px;
  }
  .services-wrap .laptopImg {
    width: auto;
  }
  .navbar-collapse.show {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .newsletter-wrap {
    text-align: center;
  }
  .copyright-wrap {
    text-align: center;
  }
 .navbar-collapse {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 100%;
    width: 80%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 10000;
  }
  .navbar-nav {
    clear: both;
  }
  .navigationWrp .collapse:not(.show) {
    display: inline-block;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    z-index: 1000;
    font-weight: 400;
  }
  .navbar-toggler {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    display: block;
  }
  .header_phone {
    margin-top: 0;
  }
  .close-toggler {
    background: none;
    color: #fff;
    padding: 5px;
    border: none;
    margin-top: 10px;
    font-size: 24px;
    float: right;
    display: block;
  }
  .navbar-nav > li {
    display: block;
  }
  .navbar {
    text-align: left;
  }
  .navbar-light .navbar-nav .nav-link:hover {
    background: #ffb607;
    color: #fff;
  }
  .navbar {
    margin: 0;
  }
  .header-wrap .conInfo span {
    text-align: left;
  }
  .about_box {
    margin-left: 0;
  }
  .navbar-nav li a + i {
    display: block;
  }
  .navbar-nav > li > ul {
    width: 100%;
    position: static;
    display: none;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
  }
  
  .flight_wrap .col-lg-4:nth-child(3) .flight {
    margin-top: 25px;
  }
  .flight_wrap .col-lg-4:nth-child(2) .flight {
    margin-top: 25px;
  }
  .flight_wrap .col-lg-6:nth-child(2) {
    margin-top: 30px;
  }
  .school_box {
    margin-bottom: 40px;
  }
  .four-zero-page h2{font-size: 250px;}
  .four-zero-page p{padding: 0;}
  .pricing-table > li{margin: 20px 0;}
  .galleryImg {
    margin-bottom: 20px;
  }
  .hero-content {
    width: 200px;
    height: 90px;
    padding-left: 65px;
  }
  .hero-content, ul,li{margin-top:20px;font-size: 16px;}
  
  .slidertext3 {
    padding-left: 40px;
    
  
    
}
.class-wrap {
  padding: 50px 0;
}
.class-wrap .owl-prev,
.class-wrap .owl-next {
  position: static;
  margin: 20px 10px;
}
.class_box {
  height: auto;
}
.class-wrap .path_box {
  min-height: auto;
}
/*-----contact-----*/
.card-row {
  flex-direction: column;
}
.card {
  width: 100%;
  margin-bottom: 20px;
}
.contact-info1 p{
  font-size:14px;
}
/*-----about us section5-----*/
.main-section {
  margin-left:5px;
  margin-right:5px;
  width: 100%;
}
.title2 h1{
  font-size: 28px;
}
.scholarship-name p{
  font-size: 11px;
}


p {
  font-size: 11px;
}
/*----CSR-----*/
.content-block {
  flex-direction: column;
  align-items: stretch;
}

.content-block:nth-child(even) {
  flex-direction: column;
}

.block-image {
  flex: 0 0 auto;
  height: 200px;
  padding-right: 0;
  margin-bottom: 20px;
}

.block-text {
  padding-left: 0;
}

.content-block:nth-child(even) .block-text {
  padding-right: 0;
}

.block-heading {
  font-size: 32px;
}

.block-description, ul {
  font-size: 20px;
}
.block-description{
  font-size:17px;
}
/*---volunteers-----*/
.section-1 h2{
  font-size: 25px;
}
/*--Scolarship--*/

.button-container {
  grid-template-columns: 1fr;
 
}

.button {
  width: 100%;
}
.button-container1{grid-template-columns: 1fr;}


}

@media screen and (max-width:767px) {
  .button-container {
    grid-template-columns: 1fr;
   
  }
  .videoslider h1 {
    font-size: 34px;
  }
  .videoslider p {
    font-size: 24px;
  }
    .four-zero-page h2{font-size: 150px;}
    .four-zero-page h3{letter-spacing: 1px;}
  .top_right {
    float: none;
  }
  .logo {
    margin-right: 70px;
  }
  .school_sec {
    margin-top: 0;
  }
  .topbar-wrap .phone {
    margin-left: 0;
    margin-top: 10px;
  }
  .videoWrp, .hero-wrapper {
    height: 200px;
    width:320px;

  }
  .footer_icon {
    text-align: center;
  }
  .blog_list .blog-detail {
    padding: 20px;
  }
  .navbar li {
    padding: 0;
  }
  .social-media, .topbar-wrap {
    text-align: center;
  }
  .header_info li {
    display: block;
    margin: 20px 0;
    padding: 0;
    border: none;
  }

  
.about-wrap{padding: 50px 0;}

.slidertext3 {
  line-height: 10px !important;
  
}
.slidertext3 ul li{
  font-size: 24px;
  padding-bottom:20px;
  
}
.slidertext2{
  font-size:34px;
    
}
  .atlanta_logo {
    text-align: left !important;
    margin-right: 76px;
  }
  .advice-wrap .title h1 {
    font-size: 32px;
  }
  .advice-wrap .phonewrp a {
    font-size: 36px;
  }
  .advice-wrap .phonewrp:before {
    top: 0;
  }
  .header-wrap {
    text-align: center;
  }
  .contact-list {
    position: static;
    margin: 0 auto 50px auto;
  }
  .conInfo {
    margin-top: 30px;
  }
  .work-wrap .title p {
    font-size: 16px;
  }
  .work-wrap .title p:before, .work-wrap .title p:after {
    display: none;
  }
  .title h1 {
    font-size: 36px;
  }
  .media_logo {
    margin-top: 30px;
  }
  .medialinker_img img {
    width: 100%;
  }
  .work-wrap .readmore a {
    font-size: 18px;
    padding: 12px 30px;
  }
  .slider_info .sliderText {
    font-size: 22px;
    line-height: 30px;
  }
  .sinceWrp {
    font-size: 18px;
    color: #000;
  }
  .copyright-content p {
    text-align: center;
  }
  .credit {
    text-align: center;
  }
  .readmore a {
    font-size: 14px;
    padding: 14px 24px;
  }
  .newsletter-wrap .form-control {
    font-size: 14px;
    padding: 34px 22px 34px 65px;
  }
  .newsletter-wrap .form_icon {
    font-size: 28px;
    margin-top: -13px;
  }
  .newsletter-wrap {
    padding: 35px 15px;
  }
  .gallery_style1 .col-lg-4:nth-child(2) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-4:nth-child(3) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-4:nth-child(4) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-4:nth-child(5) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-4:nth-child(6) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-3:nth-child(2) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-3:nth-child(3) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-3:nth-child(4) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-3:nth-child(5) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-3:nth-child(6) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-3:nth-child(7) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-3:nth-child(8) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-6:nth-child(2) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-6:nth-child(3) .galleryImg {
    margin-top: 30px;
  }
  .gallery_style1 .col-lg-6:nth-child(4) .galleryImg {
    margin-top: 30px;
  }
  
  
  .card-row {
    flex-direction: column;
  }
  
  .card {
    width: 100%;
    margin-bottom: 20px;
  }
  /*-----about us section 5-----*/
  .bio-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .image-container {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .title {
    font-size: 28px;
  }
  .scholarship-name {
    font-size: 18px;
  }
}

@media screen and (max-width:480px) {
  .videoslider h1 {
    font-size: 24px;
  }
  .four-zero-page h2{font-size: 100px;}
    .four-zero-page h3{letter-spacing: 1px; font-size: 20px;}
    .four-zero-page p{letter-spacing: 0px;}
  .enrol-wrap .title h1 {
    font-size: 26px;
  }
  .banner_wrap .title h1 {
    font-size: 32px;
  }
  .videoslider p {
    font-size: 16px;
  }
.slidertext3 ul{
  list-style-type: disc;
  
  font-size: 100px;
}
  .videoWrp, .hero-wrapper {
    height: 200px;
  }
  .client_box {
    display: block;
  }
  .advice-wrap .phonewrp:before {
    left: 50%;
    margin-left: -31px;
  }
  .advice-wrap .phonewrp {
    padding-left: 0;
    padding-top: 80px;
  }
  .page-navigation .page-go-link, .page-navigation .page-go {
    margin-left: auto;
    margin-right: auto;
  }
  .newsletter-wrap form input[type="submit"] {
    padding: 0 16px;
    font-size: 14px;
  }
  .newsletter-wrap .form_icon {
    font-size: 22px;
    margin-top: -10px;
  }
  .newsletter-wrap .form-control {
    padding: 32px 20px 32px 56px;
    font-size: 12px;
  }
  .maprwp iframe {
    height: 200px;
  }
  .contact-info-icon {
    margin: 30px auto;
  }
  .single-contact-info {
    display: block;
    text-align: center;
  }
  .contact-info-text {
    margin: 30px 0;
  }
  .about-wrap h3 {
    font-size: 20px;
  }
  .header-wrap {
    text-align: left;
  }
  .footer_links {
    border: none;
  }
  .footer_links li {
    display: block;
    text-align: left;
    border-bottom: 1px solid #3d5565;
    padding: 5px 0;
  }
  .footer_links li a {
    font-weight: normal;
  }
  .footer_links li:first-child {
    border-top: 1px solid #3d5565;
  }
  .footer_links {
    margin-top: 20px;
  }
  .testimonial-wrap .owl-nav {
    position: static;
    margin-top: 20px;
    text-align: center;
  }
  .header_logo {
    padding-right: 80px;
  }
  .about-wrap .title h1 {
    font-size: 24px;
    line-height: 26px;
  }
  .title p {
    letter-spacing: 1px;
  }
  .title p:before, .title p:after {
    display: none !important;
  }
  .contact-list li .icon img {
    width: 30px;
  }
  .contact-list p {
    font-size: 14px;
  }
  .law-wrap .title h1 {
    font-size: 20px;
  }
  .contact-wrap:before {
    height: 56%;
  }
  .newsletter-wrap .title h1 {
    font-size: 22px;
  }
  .newsletter-wrap .title h1 span {
    font-size: 18px;
  }
  .contact-wrap .title h1 {
    font-size: 22px;
  }
  .blog-detail p {
    font-size: 14px;
  }
  .lawflex .law_box {
    font-size: 20px;
  }
  .contact_info {
    padding: 20px !important;
  }
  .contact_box {
    margin-bottom: 8px;
  }
  .emailtext {
    font-size: 15px !important;
    font-weight: normal;
  }
  .title h1 {
    font-size: 26px;
  }
  .title p {
    font-size: 14px;
  }
  .blog_info {
    padding: 20px;
  }
  .blog_List span {
    padding-right: 12px;
  }
  .blog-wrap h3 {
    line-height: 28px;
    font-size: 20px;
  }
  .login-wrap{padding: 20px;}
  .form-group .btn{padding: 16px 30px; font-size: 14px;}
  .slider-wrap {
    padding: 80px 0;
  }
  .slider_info .sliderText {
    font-size: 16px;
    line-height: 20px;
  }
  .copyright-wrap .footer_links li {
    border-bottom: 1px solid #d0d0d0;
  }
  .copyright-wrap .footer_links li:first-child {
    border-top: none;
  }
  .copyright-wrap .footer_links li:last-child {
    border-bottom: none;
  }
  .gallery_style1 .col-lg-4:nth-child(2) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-4:nth-child(3) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-4:nth-child(4) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-4:nth-child(5) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-4:nth-child(6) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-3:nth-child(2) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-3:nth-child(3) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-3:nth-child(4) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-3:nth-child(5) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-3:nth-child(6) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-3:nth-child(7) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-3:nth-child(8) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-6:nth-child(2) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-6:nth-child(3) .galleryImg {
    margin-top: 15px;
  }
  .gallery_style1 .col-lg-6:nth-child(4) .galleryImg {
    margin-top: 15px;
  }
  .main-section{
    padding-left: 10px;
  }
  .button-container {
    grid-template-columns: 1fr; /* Single column for mobile */
    gap: 10px;
    padding: 15px;
  }
  
  .button {
    padding: 12px 20px;
    font-size: 14px;
  }

  .banner-wrapper {
    position: relative;
    width: 100%;
    height: 300px; /* Reduced height for mobile */
    overflow: hidden;
  }    

  /* Image styling for mobile */
  .banner-wrapper img {
    position: absolute;
    top: -50px; /* Adjusted to move image down less on smaller screens */
    left: 0;
    width: 100%;
    height: 130%; /* Slightly increased height to cover mobile screen */
    object-fit: cover;
    object-position: center -10%; /* Adjusted focal point */
  }
  
}
/*****:Volunteers :*****/
/*****:Volunteers :*****/
.section {
  padding: 20px;
  margin: 10px;
  border-radius: 5px;
}

.section-1 {
  background-color: #fff;
  max-width: 1400px;
  margin: 10px auto;
  padding: 20px 110px;
}

.section-1 h2 {
  font-size: 38px;
  color: #4ac6E3;  /* Changed to a blue color */
}

.section-2 {
  background-color: #fff;
}

.login-wrap {
  max-width: 800px;
  margin: 0 auto;
  background: #fffaee;
  border: 1px solid #ffb607;
  padding: 50px;
}

.loginWrp {
  border-top: 1px solid #ffb607;
  margin-top: 40px;
  padding-top: 30px;
}

.loginWrp .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}

.loginWrp .form-group .form-control {
  height: 50px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #f9eccd;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.loginWrp .form-group textarea.form-control {
  height: 150px;
  resize: vertical;
}

.loginWrp .send_btn {
  width: 100%;
  letter-spacing: 0;
  font-weight: 600;
  background-color: #ffb607;
  color: #000;
  border: none;
  padding: 15px;
  cursor: pointer;
  margin-top: 15px;
}

.forgot_password {
  text-align: center;
  margin-top: 15px;
}

.forgot_password a {
  color: #000;
}

/*****:Out Impact :*****/
.page-wrapper {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
}

.main-heading1 {
  color: #2c3e50;
  font-size: 30px;
  padding-bottom: 10px;
}

.sub-heading {
  color: #003090;
}

.highlight-container {
  background-color: #ecf0f1;
  border-left: 5px solid #3498db;
  padding: 15px;
  margin-bottom: 20px;
}

.accomplishment-item {
  background-color: #e8f6f3;
  border: 1px solid #1abc9c;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 17px;
}

.info-item {
  margin-bottom: 10px;
}

.info-wrapper {
  display: flex;
  justify-content: space-around;
  font-family: Arial, sans-serif;
  padding-bottom: 20px;
}

.card {
  width: 45%;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#growth-card {
  background-color: #ffffff;
}

#features-card {
  background-color: #ffffff;
}

.card-title {
  color: #333;
  text-align: center;
  font-size: 38px;
}

.info-list {
  padding-left: 20px;
}

.info-item {
  margin-bottom: 10px;
  font-size: 20px;
}

/* Media Queries */
@media screen and (max-width: 1200px) {
  .section-1 {
    padding: 20px 80px;
  }

  .login-wrap {
    max-width: 700px;
    padding: 40px;
  }

  .main-heading1 {
    font-size: 28px;
  }

  .card-title {
    font-size: 34px;
  }

  .info-item {
    font-size: 18px;
  }
}

@media screen and (max-width: 990px) {
  .section-1 {
    padding: 20px 60px;
  }

  .section-1 h2 {
    font-size: 29px;
  }

  .login-wrap {
    max-width: 600px;
    padding: 30px;
  }

  .info-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .card {
    width: 80%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .section-1 {
    padding: 20px 40px;
  }

  .section-1 h1 {
    font-size: 30px;
  }

  .login-wrap {
    max-width: 100%;
    padding: 20px;
  }

  .loginWrp .form-group .form-control {
    height: 40px;
  }

  .main-heading1 {
    font-size: 24px;
  }

  .card-title {
    font-size: 30px;
  }

  .info-item {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .section-1 {
    padding: 20px;
  }

  .section-1 h1 {
    font-size: 26px;
  }

  .login-wrap {
    padding: 15px;
  }

  .loginWrp .send_btn {
    padding: 10px;
  }

  .main-heading1 {
    font-size: 22px;
  }

  .card {
    width: 95%;
  }

  .card-title {
    font-size: 26px;
  }

  .info-item {
    font-size: 14px;
  }
  .sponsor-btn{}
}

/*----gurukulam us------*/
.gurukulam-container {
  font-family: Arial, sans-serif;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
}

.gurukulam-header {
  text-align: center;
  background-color: #f5f5f5;
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.gurukulam-title {
  color: #2c3e50;
  font-size: 28px;
  margin: 0;
}

.gurukulam-mission {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
  line-height: 1.6;
}

.gurukulam-address {
  text-align: center;
  background-color: #eef2f7;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
}

.gurukulam-directors-section {
  margin-top: 30px;
}

.gurukulam-directors-title {
  color: #2c3e50;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}

.gurukulam-director-card {
  background-color: #ffffff;
  border-left: 4px solid #3498db;
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.gurukulam-director-name {
  color: #2c3e50;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
}

.gurukulam-director-bio {
  line-height: 1.6;
  color: #333;
}
.gurukulam-charity-info {
  background-color: #e8f4fc;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  text-align: center;
  font-weight: 500;
}
.gurukulam-member-role {
  color: #9b59b6;
  font-style: italic;
  margin: 5px 0 10px 0;
  font-size: 0.9em;
}

.gurukulam-member-location {
  background-color: #f3e5f5;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 0.85em;
  margin-bottom: 10px;
}









.donation-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}


.donation-option {
  flex: 1 1 200px;
  background-color: #F3F5F5;
  padding: 1rem;
  border-radius: 4px;
  text-align: center;
}
.imgoption {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.imgoption img {
  width: 160px;
  height: 100px;
  object-fit: cover;
}
/*--uk---*/
.uk {
            
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
.section_donate {
    margin-bottom: 20px;
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
}
.contact-info-donate {
    background-color: #e9ecef;
    padding: 10px;
    border-radius: 5px;
}
.section_donate a{
  color:white;
}
.donate-button-uk {
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px;
    background-color: #007bff;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}
.donate-button-uk:hover {
    background-color: #007bff;
}

/*--USA--*/
.usa{
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
.section-donate {
    margin-bottom: 10px;
    background-color: #f8f9fa;
    padding: 7px;
    border-radius: 5px;
}
.contact-info-donate {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
}
.donate-button {
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px;
    background-color: #007bff;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}
.donate-button:hover {
    background-color: #0056b3;
}
/*---dontion from india--*/
.india {
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.section_donate {
  margin-bottom: 20px;
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
}
.contact-info-donate {
  background-color: #f8f9fa;
  padding: 10px;
  border-radius: 5px;
}
.donate-button-india {
  display: block;
  width: 200px;
  margin: 20px auto;
  padding: 10px;
  background-color: #007bff;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}
.donate-button-india:hover {
  background-color: #0056b3;
}
.tax-info {
  font-style: italic;
  

  margin: 15px 0;
}
/*====donation international===*/
.international {
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.section_donate {
  margin-bottom: 20px;
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
}
.contact-info-donate-i {
  background-color: #f8f9fa;
  padding: 10px;
  border-radius: 5px;
}
.donate-button-i {
  display: block;
  width: 200px;
  margin: 20px auto;
  padding: 10px;
  background-color: #007bff;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}
.donate-button:hover {
  background-color: #0056b3;
}
.fee-notice {
  background-color: #f8f9fa;
  border: 1px solid #f8f9fa;
  
  padding: 10px;
  border-radius: 5px;
  margin: 15px 0;
}
.payment-option {
  
  
  margin: 15px 0;
}


/* Container to center the button */
.paypalbutton-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

/* PayPal button styling */
.paypal-button {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #FFC439;
  border: none;
  padding: 12px 24px;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s;
  min-width: 200px;
  justify-content: center;
  text-decoration: none; /* Remove default link underline */
}

.paypal-button:hover {
  background-color: #F7B600;
}

/* PayPal logo sizing */
.paypal-logo {
  width: 24px;
  height: 24px;
}

/* Text styling */
.button-text {
  color: #003087;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
}

#submitButton {
  background-color: #003090;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}

#submitButton:hover {
  background-color: #2c5b82;
}

/* Add these styles to your CSS file */

/* Add these styles to your CSS file */




/*.hidden {*/
/*    display: none;*/
/*}*/

/*.captcha-box {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-bottom: 10px;*/
/*}*/

/*#captchaCode {*/
/*    font-family: 'Courier New', monospace;*/
/*    letter-spacing: 5px;*/
/*    font-size: 20px;*/
/*    background-color: #f0f0f0;*/
/*    padding: 5px 10px;*/
/*    border-radius: 4px;*/
/*    margin-right: 10px;*/
/*}*/

/*#refreshCaptcha {*/
/*    background-color: #4CAF50;*/
/*    color: white;*/
/*    border: none;*/
/*    padding: 5px 10px;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*}*/

/*#verifyEmailBtn, #verifyCaptchaBtn {*/
/*    background-color: #4CAF50;*/
/*    color: white;*/
/*    border: none;*/
/*    padding: 8px 15px;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*    margin-left: 10px;*/
/*}*/

/*#emailVerificationMessage {*/
/*    margin-top: 5px;*/
/*    font-weight: bold;*/
/*}*/


/* Base styling */
.form-group {
    margin-bottom: 15px;
}

/* Hidden elements */
.hidden {
    display: none;
}

/* Radio buttons on the same line */
.radio-group {
    display: inline-block;
    margin-right: 15px;
}

label {
    margin-right: 10px;
}

/* Email verification section */
#captchaSection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#captchaSection label {
    margin-right: 10px;
}

#emailVerification {
    width: 200px;
    padding: 5px;
    margin-right: 10px;
}

#verifyEmailBtn, #verifyCaptchaBtn {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

#emailVerificationMessage {
    width: 100%;
    margin-top: 5px;
    font-weight: bold;
}

/* Captcha section on same line */
#captchaContainer {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.captcha-box {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

#captchaCode {
    font-family: 'Courier New', monospace;
    letter-spacing: 5px;
    font-size: 18px;
    background-color: #f0f0f0;
    padding: 5px 8px;
    border-radius: 4px;
    margin-right: 5px;
}

#refreshCaptcha {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

#captchaInput {
    width: 150px;
    padding: 5px;
    margin-right: 10px;
}
#captchaSection, #captchaContainer {
    display: none;
}

#captchaSection.hidden, #captchaContainer.hidden {
    display: none;
}

#captchaSection:not(.hidden) {
    display: flex;
}

#captchaContainer:not(.hidden) {
    display: flex;
}

.name-with-title {
    display: flex;
    gap: 10px;
}

.title-dropdown {
    width: 80px;
    height: 36px;
}