section {
   padding: 60px 0px;
 }

 /* newstyles */
 .cardbox {
   min-height: 120px;
   border-radius: 10px;
   box-shadow: 0px 4px 10px rgb(0 0 0 / 19%) !important;
   display: block;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
   margin-top: 20px;
   padding: 20px;
 }

 .black_strip {
   background-color: black;
   color: #fff;
   border-radius: 10px;
   padding: 10px;
 }

 .highlight ul li {
   line-height: 37px;
   font-size: 15px;
   padding-left: 12px;
   position: relative;
   text-align: left;
 }

 .highlight ul li:before {
   content: '\f061';
   font-family: FontAwesome;
   position: absolute;
   left: -11px;

   font-size: 16px;

 }

 .details-con b {
   font-size: 20px;
   font-weight: 500;
 }


 .news .card img {
   width: 100px;
   height: 115px;
 }

 .news .card {
   height: 260px;
   background-color: #fff;
   border-radius: 0px;
 }

 .news .card-body span {
   font-size: 14px;
   text-align: center;
   display: block;
 }

 .gallery .card-body span {
   font-size: 14px;
   text-align: center;

   display: flex;
   align-items: center;
 }

 .gallery .card {
   border-radius: 10px;
   height: 95px;
 }


 .number-circle {

   font-size: 20px;
   border: 1px solid black;

   border-radius: 50%;
   width: 30px;
   height: 30px;

   margin-right: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .accordion-button {
   display: flex;
   align-items: center;
   background-color: #fff !important;
   color: #000 !important;

 }

 .accordion-button h6 {
   font-size: 18px;
 }


 .accordion-item {
   border: none;
   border-bottom: 1px solid #b5b5b5;
   padding: 17px 0px;
 }

 .accordion-button:focus {

   border-color: none;
   outline: 0;
   box-shadow: none;
 }

 .accordion-button:not(.collapsed) {

   box-shadow: none;
 }

 .soak_accordion img {
   width: 380px;

 }


 .soak_accordion {
   display: flex;
   align-items: center;
 }

 .soak_accordion h6 {
   font-size: 30px;
   font-weight: 500;
   margin-top: 20px;
 }

 #about .gsoak-title {
   white-space: pre-line;
   font-weight: 600;
   line-height: 60px;
   font-size: 45px;
 }

 #about .gschool-title {
   margin: 0 0 10px 0;
   color: #000;
   line-height: 75px;
   margin-bottom: 10px;
   font-size: 35px;
   font-weight: 300;
   line-height: 1.4;
 }

 .gschool-title b {
   font-weight: 600;
 }

 .soak-logo {
   margin-right: 20px;
 }

 .slash {
   border-right: 1px solid white;
   margin: 0px 30px;
 }

 .soak-carddetails .offbird {
   color: #cfcfcf;
   font-size: 13px;
 }



 .text-left {
   text-align: left;
 }

 .summer-immersion {
   font-size: 21px;
 }

 .reg-btn {
   padding: 13px 20px;
   font-size: 19px;
   border-radius: 15px;
 }


 .object_img {
   overflow: hidden;
 }

 #accordionExample1 .accordion-body {
   margin-left: 51px;
 }


 .modal-title {
   /* display: flex;
    align-items: center; */
   font-weight: 400;
 }


 .modal .btn-close {
   background: #000;
   border-radius: 100px;
   position: absolute;
   opacity: 1;
   right: -9px;
   top: -5px;
   width: 26px;
   height: 26px;
   color: #fff;
   box-shadow: var();
 }

 .modal .btn-close svg {
   width: 24px;
   height: 24px;
   fill: #fff;
   position: relative;
   top: -3px;
 }

 .sub-box {
   border: 1px solid #e8e2e2;
   height: 100%;
   padding: 20px;
   margin-bottom: 35px;
   background-color: #fff;
   box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 }

 .sub-box h6 {
   font-size: 23px;
 }

 .modal-header {
   border-bottom: none;
 }

 .modal-content {
   padding: 30px;
 }

 .black_date {

   background-color: black;
   color: #fff;
   width: 300px;
   padding: 10px;
   margin: 15px 0px;
 }

 .black_date p {
   margin-bottom: 0px;
 }

 .slide-box h6 {
   font-size: 18px;
   line-height: 32px;
 }

 .slide-box p {
   font-size: 14px;
   line-height: 32px;
 }

 .break_images {
   overflow: hidden;
 }

 .break_images img {
   height: 100%;
 }

 .soak-logo {
   width: 135px;
 }

 .details-con ul li {
   /* list-style-type: disc !important; */
   line-height: 30px;
   font-size: 15px;
 }

 .head-section {
   display: flex;
   align-items: center;
 }

 .feature_card:hover {
   height: 150px;
   background-color: #000;
   color: #fff;
   display: flex;
   align-items: center;
 }



 @media screen and (max-width:450px) {
   #about .gsoak-title {

     font-size: 38px;
   }

   #about .gschool-title {

     font-size: 20px;

   }

   .soak-logo {
     width: 110px;
   }

   .head-section {
     display: block;

   }

   .highlight ul li {

     text-align: left;
   }
     .modal-title {
       font-size: 18px;
     }
         .number-circle {
           font-size: 18px;
          
           width: 25px;
           height: 25px;
          
         }
     .modal-content {
          padding: 20px 10px;
     }



.sub-box h6 {
  font-size: 18px;
}
.black_date {
 
  width: 100%;
  padding: 8px;
 
}
.black_date p {
  margin-bottom: 0px;
  font-size: 15px;
}
 }

 @media only screen and (max-width: 768px) {
   .page-contact .details-con ul {
     padding-left: 22px;
   }

   .soak_accordion h6 {

     margin-top: 20px;
   }
 }