 body,
 h1,
 h2,
 h3,
 h4,
 p,
 span,
 li,
 .btn {
   font-family: Verdana, Geneva, Tahoma, sans-serif;
 }



 .text-white,
 .text-white h2,
 .text-white p {
   color: #FFF;
 }

 .text-white p {
   font-size: 20px;
 }

 .col-xs-5 {
   position: relative;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   float: left;
   width: 41.66666667%;
   margin: 3px;
   padding: 0 !important;
 }

 .col-xs-5 .col-lg-10 {
   float: none !important;
   margin-left: 15px !important;
 }


 .clearfix {
   float: none;
 }

 #autoplay {
   width: 120%;
   height: auto;
   margin-top: -25px;
   margin-left: -10%;
 }

 .btn {

   background: #FFF;

   border-radius: 5px;
   color: #e93182;
   display: inline-block;
   font-size: 20px;
   font-weight: 800;
   letter-spacing: unset;
   line-height: 1;
   margin-bottom: 0;
   padding: 17px 30px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: nowrap;

 }

 .bg-light {
   background-color: #f8f9fa !important;
 }




 .ChemistryTopPocketsDark ul li div {
   float: left;
   margin-left: 13px;
   max-width: 90%;
 }




 .Biologybannertopbutton {
   background-color: #FFF;
   border: none;
   text-transform: none;
   font-size: 20px;
   color: #e76229;
 }


 #TopbannerCTA02 {
   border: none;
   margin-top: 20px;
 }

 #TopbannerCTA02Home {
   border: none;
   margin-top: 20px;
 }

 #read-more-1,
 #read-more-11,
 #read-more-2,
 #read-more-3 {
   display: none;
 }


 /* ====================== Accordion PART ========================== */



 /* Example 1 */

 .accordion {
   --bs-accordion-btn-bg: #ffc0d3;
   --bs-accordion-active-bg: #ff5c8d;
   --bs-accordion-active-color: white;
   --bs-accordion-bg: #524a4e;
   --bs-accordion-color: white;
   --bs-accordion-btn-focus-box-shadow: none;
 }

 .accordion-button:not(.collapsed),
 .accordion-button2:not(.collapsed),
 .accordion-button3:not(.collapsed) {
   box-shadow: none;
 }

 /* Example 2 */

 .accordion-flush.accordion {
   --bs-accordion-btn-bg: #ffffff;
   --bs-accordion-active-bg: mintcream;
   --bs-accordion-active-color: #000000;
   --bs-accordion-bg: mintcream;
   --bs-accordion-color: #000000;
   --bs-accordion-btn-focus-box-shadow: none;
   --bs-accordion-btn-focus-border-color: unset;
 }

 .accordion-flush .accordion-button,
 .accordion-flush .accordion-button2,
 .accordion-flush .accordion-button3 {
   border-top: 1px solid #ffffff;
 }

 .accordion-flush .accordion-item:last-child .accordion-button.collapsed,
 .accordion-button2.collapsed,
 .accordion-button3.collapsed,
 .accordion-flush .accordion-item:last-child .accordion-body {
   border-bottom: 1px solid #ffffff;
 }









 .accordion-flush .accordion-item:last-child .accordion-button.collapsed,
 .accordion-button2.collapsed,
 .accordion-button3.collapsed,
 .accordion-flush .accordion-item:last-child .accordion-body {
   border-bottom: 1px solid #ffffff;
 }

 .accordion {
   --bs-accordion-btn-bg: #ffffff;
   --bs-accordion-active-bg: mintcream;
   --bs-accordion-active-color: #000000;
   --bs-accordion-bg: mintcream;
   --bs-accordion-color: #000000;
   --bs-accordion-btn-focus-box-shadow: none;



 }



 .accordion-button:not(.collapsed) {
   color: #0c63e4;
   background-color: mintcream;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
 }



 .accordion-button::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
   transition: all 0.5s;
 }

 .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
 }






 .accordion-button2::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
   transition: all 0.5s;
 }

 .accordion-button2:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
   transform: rotate(-180deg);
 }

 .accordion-item:last-of-type .accordion-button2.collapsed {
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-radius: calc(0.25rem - 1px);
 }

 .accordion-item:first-of-type .accordion-button2 {
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }







 .accordion-button3::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
   transition: all 0.5s;
 }

 .accordion-button3:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
   transform: rotate(-180deg);
 }

 .accordion-item:last-of-type .accordion-button3.collapsed {
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-radius: calc(0.25rem - 1px);
 }

 .accordion-item:first-of-type .accordion-button3 {
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }































 .accordion-button2:not(.collapsed) {
   color: #e73682;
   background-color: rgb(252, 245, 255);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
   border: none;
   width: 100%;
   text-align: left;
   font-size: 16px;
   padding: 20px;

 }


 .accordion-button2 {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 1rem 1.25rem;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   background-color: #fff;
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
 }





 .accordion-button2::after {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   margin-left: auto;
   content: "";

   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: transform 0.2s ease-in-out;
 }










 .accordion-button3:not(.collapsed) {
   color: #883fba;
   background-color: rgb(236, 247, 255);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
   border: none;
   width: 100%;
   text-align: left;
   font-size: 16px;
   padding: 20px;

 }


 .accordion-button3 {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 1rem 1.25rem;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   background-color: #fff;
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
 }


 .accordion-body a {
   color: #864399;
 }


 .accordion-button3::after {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   margin-left: auto;
   content: "";

   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: transform 0.2s ease-in-out;
 }
































 .accordion-item:first-of-type .accordion-button2 {
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }



 .accordion-item:first-of-type .accordion-button3 {
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }



 .accordion-body {
   font-weight: 300;
 }


















 .triangle-right {
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-left: 6px solid #e93182;
   border-bottom: 5px solid transparent;
   margin-top: 10px;
   margin-left: 10px;
 }


 .triangle-right_Blue {
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-left: 6px solid #3485de;
   border-bottom: 5px solid transparent;
   margin-top: 10px;
   margin-left: 10px;
   float: left;
 }





 .CheckSignInCards {

   margin-top: -4px;
   margin-right: 10px;
   float: left;
   color: #e73682;
   font-size: 20px;
 }

 .CheckSignInCardsB {

   margin-top: -4px;
   margin-right: 10px;
   float: left;
   color: #3ac086;
   font-size: 20px;
 }


 .BiologyCheckSignInCards {

   margin-top: -4px;
   margin-right: 10px;
   float: left;
   color: #3ac086;
   font-size: 20px;
 }


 .CardUlNew {
   list-style: none;
 }




 .PriceButtonCTA {
   background: rgb(130, 55, 198);
   background: linear-gradient(90deg, rgba(130, 55, 198, 1) 12%, rgba(207, 76, 81, 1) 88%);
   border: none;
   margin-top: 0px;
   color: #FFF;
   font-weight: 900;
 }


 .PriceButtonCTA:hover {
   background: rgb(130, 55, 198);
   background: linear-gradient(90deg, rgba(207, 76, 81, 1) 12%, rgba(130, 55, 198, 1) 88%);
   border: none;
   margin-top: 0px;
   color: #FFF;
   font-weight: 900;
   box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.6)
 }








 .PriceButtonCTA33 {
   background: rgb(130, 55, 198);
   background: linear-gradient(63deg, rgba(110, 89, 216, 1) 12%, rgba(8, 193, 255, 1) 88%);
   border: none;
   margin-top: 0px;
   color: #FFF;
   font-weight: 900;
 }


 .PriceButtonCTA33:hover {
   background: rgb(130, 55, 198);
   background: linear-gradient(90deg, rgba(8, 193, 255, 1) 12%, rgba(110, 89, 216, 1) 88%);
   border: none;
   margin-top: 0px;
   color: #FFF;
   font-weight: 900;
   box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.6)
 }







 #RoseOne {
   margin-top: 70px;
   background-image: url(../img/Physics/BookCTA.jpg);
   background-size: 100% auto;
 }





 .biology_PriceButtonCTA {
   background: rgb(74, 144, 221);
   background: linear-gradient(90deg, rgba(74, 144, 221, 1) 12%, rgba(52, 210, 170, 1) 88%);
   border: none;
   margin-top: 0px;
   color: #FFF;
   font-weight: 900;
 }


 .biology_PriceButtonCTA:hover {
   background: rgb(74, 144, 221);
   background: linear-gradient(90deg, rgba(52, 210, 170, 1) 12%, rgba(74, 144, 221, 1) 88%);
   border: none;
   margin-top: 0px;
   color: #FFF;
   font-weight: 900;
   box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.37);
 }



















 #mainformcontent2 .c-form input,
 #mainformcontent3 .c-form input {
   width: 100%;
   border: 1px solid #8b8b8b;
   padding: 8px 15px;
   border-radius: 3px;
   margin-bottom: 30px;
   opacity: 1;
   font-size: 14px;
 }

 #mainformcontent2 .custom-select,
 #mainformcontent3 .custom-select {
   width: 100%;
   border: 1px solid #8b8b8b;
   padding-top: 8px;
   padding: 4px 10px;
   border-radius: 3px;
   margin-bottom: 30px;
   min-height: 39px;
   background-color: #FFF;
   font-size: 13px;
 }


 #mainformcontent2 h1,
 #mainformcontent3 h1 {
   font-size: 30px;
   font-weight: 600;
   padding-bottom: 30px;
 }

 .c-form input {
   width: 100%;
   border: 1px solid #8b8b8b;
   padding: 12px 15px;
   border-radius: 3px;
   margin-bottom: 30px;
   opacity: 1;
 }

 .c-form input::placeholder {
   color: #333;
   opacity: 1;
   padding-left: 0;
   margin-left: 0;
 }

 .c-form textarea {
   width: 100%;
   border: 1px solid #8b8b8b;
   padding: 12px 16px;
   border-radius: 3px;
   margin-bottom: 30px;
   height: 220px;
   background-color: #FFF;
 }

 .c-form textarea::placeholder {
   color: #333;
   opacity: 1;
   padding-left: 0;
   margin-left: 0;
 }

 .c-btn {
   background: #5d58f7;
 }

 .c-btn:hover {
   background: transparent;
   color: #5d58f7;
 }

 #mainformcontent {


   background-color: #FFF;
   box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.1);
   border-radius: 12px;
   padding: 70px;
   box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.5);
   padding-bottom: 50px;
 }



 #mainformcontent2 {


   background-color: #FFF;
   box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.1);
   border-radius: 0px;
   padding: 40px;
   box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.5);
   padding-bottom: 50px;
   margin-left: -15px;
 }

 #mainformcontent3 {


   background-color: #FFF;
   box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.1);
   border-radius: 0px;
   padding: 120px;
   box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.5);
   padding-bottom: 50px;
   margin-left: -15px;
   padding-top: 80px;
   min-height: 556px;
 }












 .TopBannerContentFormPart {
   background: rgb(67, 70, 175);
   background: linear-gradient(180deg, rgba(67, 70, 175, 1) 7%, rgba(127, 86, 214, 1) 90%);
   height: 1100px;
   position: absolute;
   top: 0;
   padding-top: 130px;
   z-index: -1;
   right: 0;
 }



 .TopBannerContentThakYouPart {
   background: rgb(67, 70, 175);
   background: linear-gradient(180deg, rgba(67, 70, 175, 1) 7%, rgba(127, 86, 214, 1) 90%);
   height: 1750px;
   position: absolute;
   top: 0;
   padding-top: 130px;
   z-index: -1;
   right: 0;
 }


 .custom-select {
   width: 100%;
   border: 1px solid #8b8b8b;
   padding-top: 8px;
   padding: 14px 15px;
   border-radius: 3px;
   margin-bottom: 30px;
   min-height: 42px;
   background-color: #FFF;
 }

 .FormPageH1 {
   padding: 30px;
   text-align: center;
   color: #FFF;
   font-weight: 600;
 }


 .SignUpContainerDiv {
   float: left;
 }


 .carousel-control-prev {
   position: absolute;
   left: 85%;
 }

 .carousel-control-next {
   position: absolute;
   left: 0;
 }



 .carousel-control-prev33 {
   position: absolute;
   left: 97%;
   top: 45%
 }

 .carousel-control-next33 {
   position: absolute;
   left: 0;
   top: 45%
 }

 .TopButtonsMainMenu {
   list-style: none;
 }

 #TopButton01,
 #TopButton02 {
   float: left;
 }

 #MainFeatureIcons .col-lg-6 {
   text-align: center;
   padding: 25px;
 }

 .ArrowSymple span {
   color: #e83e8c;
   line-height: 2;
 }

 .ArrowSymple {
   float: left;
 }

 .ListForArrowSymple {
   float: left;
   margin-left: 5px;
   font-size: 19px;
   color: #333;
   font-weight: 600;
   max-width: 95%;
   line-height: 2;
 }

 .FirstSectionUl {
   margin-top: 30px;
   padding-left: 0;
 }



 .DivAfterBannerPraxi_01 {
   display: block;
   width: 100%;
   height: 450px;
 }

 .DivAfterBannerPraxi_02 {
   display: block;
   width: 100%;
   height: 750px;
   background-color: #3cb252;
   z-index: -10;
 }

 .DivAfterBannerPraxi_03 {
   display: block;
   width: 100%;
   min-height: 350px;
   background-color: transparent;
   z-index: -10;
 }

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

 .justify-content-center {
   justify-content: center !important;
 }

 .mb_20 {
   margin-bottom: 20px;
 }

 .mt_20 {
   margin-top: 20px;
 }


 .mb_30 {
   margin-bottom: 30px;
 }

 .mt_30 {
   margin-top: 30px;
 }

 .mb_40 {
   margin-bottom: 40px;
 }

 .mt_40 {
   margin-top: 40px;
 }

 .mb_50 {
   margin-bottom: 50px;
 }

 .mt_50 {
   margin-top: 50px;
 }

 .mb_60 {
   margin-bottom: 60px;
 }

 .mt_60 {
   margin-top: 60px;
 }

 .mb_70 {
   margin-bottom: 70px;
 }

 .mt_70 {
   margin-top: 70px;
 }

 .mb_80 {
   margin-bottom: 80px;
 }

 .mt_80 {
   margin-top: 80px;
 }

 .mb_90 {
   margin-bottom: 90px;
 }

 .mt_90 {
   margin-top: 90px;
 }

 .mb_100 {
   margin-bottom: 100px;
 }

 .mt_100 {
   margin-top: 100px;
 }


 .mb_150 {
   margin-bottom: 150px;
 }

 .mt_150 {
   margin-top: 150px;
 }



 .pr_20 {
   padding-right: 20px;
 }

 .pl_20 {
   padding-left: 20px;
 }

 .pr_30 {
   padding-right: 30px;
 }

 .pl_30 {
   padding-left: 30px;
 }


 .pr_40 {
   padding-right: 40px;
 }

 .pl_40 {
   padding-left: 40px;
 }



 .pr_50 {
   padding-right: 50px;
 }

 .pl_50 {
   padding-left: 50px;
 }

 .pr_60 {
   padding-right: 60px;
 }

 .pl_60 {
   padding-left: 60px;
 }


 .pr_70 {
   padding-right: 70px;
 }

 .pl_70 {
   padding-left: 70px;
 }

 .pb_20 {
   padding-bottom: 20px;
 }

 .pb_30 {
   padding-bottom: 30px;
 }

 .pb_40 {
   padding-bottom: 40px;
 }

 .pb_50 {
   padding-bottom: 50px;
 }

 .pb_60 {
   padding-bottom: 60px;
 }

 .pb_70 {
   padding-bottom: 70px;
 }

 .pb_80 {
   padding-bottom: 80px;
 }

 .pb_90 {
   padding-bottom: 90px;
 }

 .pb_100 {
   padding-bottom: 100px;
 }

 .pb_150 {
   padding-bottom: 150px;
 }

 .pt_20 {
   padding-top: 20px;
 }

 .pt_30 {
   padding-top: 30px;
 }

 .pt_40 {
   padding-top: 40px;
 }

 .pt_50 {
   padding-top: 50px;
 }

 .pt_60 {
   padding-top: 60px;
 }

 .pt_70 {
   padding-top: 70px;
 }

 .pt_80 {
   padding-top: 80px;
 }

 .pt_90 {
   padding-top: 90px;
 }

 .pt_100 {
   padding-top: 100px;
 }

 .pt_150 {
   padding-top: 150px;
 }






 body {
   margin: 0;
   padding: 0;
 }





 .pr_70 {
   padding-right: 70px;
 }

 .pl_70 {
   padding-left: 70px;
 }

 .addLineHeight {
   line-height: 1.9;
 }




 .block {
   position: absolute;
   background-color: #abc;
   left: 50px;
   width: 90px;
   height: 90px;
   margin: 5px;
 }


 .checkout_content input {
   -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
   box-shadow: 0px 2px 4px 2px rgba(12, 0, 46, 0.08);
   background: #fff;

   font-size: 18px;
   padding: 16px 20px;
   color: #969ca5;
   border: 1px solid transparent;
   border-radius: 4px;
   width: 100%;
   margin-bottom: 30px;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
   font-family: "Verdana", sans-serif;
 }

 .checkout_content .selectpickers,
 .nice-select .option {
   color: rgba(0, 11, 40, 0.6);
   font-family: "Verdana", sans-serif;
   font-size: 16px;
   font-weight: 500;
   text-align: left;
   padding-right: 25px;
 }

 .checkout_content .selectpickers {
   width: 100%;
   border-radius: 0px;
   border: 0px;
   -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06);
   box-shadow: 0px 2px 3px 2px rgba(0, 11, 40, 0.08);
   font-family: "Verdana", sans-serif;
   font-weight: 300;
   font-size: 14px;

   font-weight: 300;
   font-size: 14px;

   background: #fff;
   height: 60px;
   color: #9ca3b9;
   padding-left: 20px;
   margin-bottom: 30px;
 }

 .checkout_content input::placeholder,
 .checkout_content textarea {
   color: rgba(0, 11, 40, 1);

   font-size: 16px;
   font-weight: 500;
 }

 .checkout_content textarea {
   width: 100%;
   border: 0px;
   border-radius: 0px;
   -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06);
   box-shadow: 0px 2px 3px 2px rgba(0, 11, 40, 0.08);
   height: 170px;
   font-family: "Verdana", sans-serif;
   color: #000;
   padding-left: 30px;
   padding-top: 16px;
   margin-bottom: 30px;
   padding-right: 30px;
 }

 .formFrameAddMargin h3 {
   font-size: 22px;
   font-weight: 400;
 }

 .checkout_content input:focus {
   -webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
   box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
   border-color: #FFF;
   outline: none;
 }

 .checkout_content .selectpickers,
 .nice-select .option {
   color: rgba(0, 11, 40, 0.6);
   font-family: "Verdana", sans-serif;
   font-size: 16px;
   font-weight: 500;
   text-align: left;
 }


 #FirstSectionText h2 {
   color: #051441;
   margin-right: 40px;
 }

 #FirstSectionText ul {
   list-style: none;
   padding-right: 50px;
 }

 #FirstSectionText ul li:before {
   font-size: 22px;
   color: #051441
 }

 #FirstSectionText ul li {
   font-size: 18px;
   color: #f80003
 }

 #FirstCTA,
 #FirstCTA2 {
   color: #043465;
   text-decoration: none;
   font-size: 20px;
 }

 .pos_footer_area {
   background: #043465;
   padding-bottom: 0;
   padding-top: 120px;
   position: relative;
   z-index: 0;
 }

 .h_footer_dark {

   padding: 100px 0px 120px;
   padding-top: 100px;
   padding-bottom: 120px;
 }

 .subcribes .form-control {
   border-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   background-color: #fff;
   box-shadow: 0 8px 16px 0 rgb(0 11 40 / 10%);
   font: 300 18px/36px;
   border: 0;
   color: #a1a8be;
   height: 50px;
   padding-left: 30px;
   position: relative;
   z-index: 1;
 }

 .subcribes .btn_submit {
   position: absolute;
   top: 0;
   right: 0;
   font-size: 20px;
   color: #fff;
   background: #e83e8c;
   border-radius: 4px;
   padding: 15px 25px;
   border: 0;
   z-index: 222;
 }

 .h_footer_dark .company_widget p {
   font-size: 16px;
   font-weight: 400;
   margin-top: 32px;
   margin-bottom: 0;
 }

 .dark_widget .f-title {
   color: #fff;
   font-size: 20px;
   font-weight: 600;
 }

 .f_social_icon_two img {
   margin-top: -5px;
 }

 .LandingMainCTA {
   background-image: url("../img/CTABG.png");
   background-size: 100% auto;
   padding: 50px;
   text-align: center;
 }

 .LandingMainCTA h2 {
   padding: 40px;
   color: #FFF;
   font-weight: 600;
 }



 .OneOfThree22 {
   margin: 5px;
   padding: 20px;
   box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.2);
   text-align: center;
   border-radius: 9px;
   margin-top: 40px;
   min-height: 470px;
 }

 .OneOfThree22:hover {
   box-shadow: 11px 11px 44px rgba(0, 0, 0, 0.1);
 }

 .OneOfThree22 h3 {
   font-size: 20px;
   font-weight: 600;
   color: #f90713;
   margin-bottom: 20px;
 }

 .OneOfThree22 p {
   font-size: 15px;
 }

 .OneOfThree22 img {
   color: #3cb252;
   margin-top: 20px;
   margin-bottom: 20px;
 }

 .OverlayOneOfThree,
 .OverlayOneOfThree2,
 .OverlayOneOfThree3,
 .OverlayOneOfThree4 {
   max-width: 390px;
   overflow: hidden;
   max-height: 440px;
 }

 .overlayDiv,
 .overlayDiv2,
 .overlayDiv3,
 .overlayDiv4 {
   background: linear-gradient(90deg, rgba(15, 10, 99, 1) 0%, rgba(255, 0, 0, 1) 100%);
   min-height: 500px;
   z-index: 1;
   top: 0;
   position: relative;
   top: -70px;
   opacity: 1;
 }

 .overlayDiv,
 .overlayDiv2,
 .overlayDiv3,
 .overlayDiv4 {
   padding: 20px;
   text-align: center;
 }

 .overlayDiv h3,
 .overlayDiv2 h3,
 .overlayDiv3 h3,
 .overlayDiv4 h3 {
   font-size: 19px;
   color: #FFF;
 }

 .overlayDivDetails,
 .overlayDivDetails2,
 .overlayDivDetails3,
 .overlayDivDetails4 {
   font-size: 22px;
   color: #FFF;
   margin-top: 140px;
 }


 .imageContainer1of3 {
   position: relative;
   z-index: -1;
 }

 .overlabBulittpoints {
   position: relative;
   background: rgb(255, 255, 255);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 49%);
   z-index: 999;
   padding: 50px;
   margin: 280px;
   box-shadow: 4px 4px 12px rgba(0, 11, 40, 0.2);
   margin-top: -190px;
   padding-top: 50px;
   border-radius: 12px;
   padding-bottom: 50px;
   margin-bottom: 0;
 }


 .overlabBulittpoints li {
   text-shadow: 2px 2px 4px #fff;
   line-height: 1.4;
 }

 .overlabBulittpoints span {
   text-shadow: 2px 2px 4px #fff;
   color: #f90713;
   font-size: 22px;
   margin-left: 5px;
 }



 /* ================================== DESKTOP CSS CONDITIONS =================================== */


 @media only screen and (min-width: 768px) {
   /* For desktop: */

   body {
     overflow-x: hidden;
   }

   .container223 {
     min-width: 980px;
     margin-right: auto;
     margin-left: auto;
     padding-right: 15px;
     padding-left: 15px;
     width: 100% !important
   }


   .mt_lg_40 {
     margin-top: 40px;
   }

   .mr_lg_40 {
     margin-right: 40px;
   }



   .AddMarginTopIndesktop {
     margin-top: 20px;
   }

   .AddMarginBottomIndesktop {
     margin-bottom: 30px;
   }


   .checkout_content input {
     font-family: "Verdana", sans-serif;
   }

   .nav-link {
     color: #FFF !important
   }

   #CTAcentplz .col-lg-6 {
     margin-top: 80px;
   }

   #MainFeatureIcons {
     padding-left: 50px;
   }

   .videocontainer {
     width: 100%;
     margin-top: 6%;
     margin-left: -70px;
   }


   .AwardsNewSection {
     background-image: url(../img/Awards_BG_DT.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
     min-height: 580px;

   }

   #FeaturedInTitle,
   .WhyPraxilabs_FeaturedInTitle {
     font-size: 30px;
     font-weight: 700;
     color: rgb(68, 68, 68);
     margin-top: 0px;
     margin-bottom: 10px;
     margin-right: 30px;
   }

   #TopbannerCTA01 {
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);
     text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
     color: #FFF;
     padding: 14px 30px;
     margin-right: 10px;
     margin-top: 20px;
   }

   #TopbannerCTA01:hover {
     background: #FFF;
     color: rgb(255, 70, 136);
   }




















   #BiologyTopbannerCTA01 {
     background: rgb(255, 255, 255);


     color: #e76229;
     padding: 18px 30px;
     margin-right: 40px;
   }

   #BiologyTopbannerCTA01:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
     margin-right: 40px;
   }




   #BiologyTopbannerCTA02 {
     background: rgb(255, 255, 255);


     color: #e76229;
     padding: 18px 30px;
   }

   #BiologyTopbannerCTA02:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
   }












   #ChemistryTopbannerCTA01 {
     background: rgb(255, 255, 255);


     color: #e93182;
     padding: 18px 30px;
     margin-right: 40px;
   }

   #ChemistryTopbannerCTA01:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
     margin-right: 40px;
   }




   #ChemistryTopbannerCTA02 {
     background: rgb(255, 255, 255);


     color: #e93182;
     padding: 18px 30px;
   }

   #ChemistryTopbannerCTA02:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
   }












   .BiologyTopbannerCTA022 {
     background: rgb(255, 255, 255);


     color: #e76229;
     padding: 18px 30px;
   }

   .BiologyTopbannerCTA022:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
   }






   .features-area {
     padding-left: 0px;
     padding-right: 45px;
     top: 0px;
     min-height: 1200px;
   }

   .features-area h2 {
     color: rgb(0, 0, 0);
     font-weight: 700;
     font-size: 30px;
   }

   .features-area {
     padding-left: 45px;
     padding-right: 45px;
     top: 0px;
     min-height: 1200px;
   }




   .ThreePurbleBocketsButton {
     border: none;

     margin-top: 10px;

     margin-left: auto;
     margin-right: auto;

     margin-top: 0px;
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);

     color: #FFF;
     width: 320px;
     border-radius: 5px;
     color: #FFF;
     display: inline-block;
     font-size: 18px;
     font-weight: 800;
     letter-spacing: unset;
     line-height: 1;
     margin-bottom: 25px;
     padding: 17px 30px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: wrap;
     cursor: pointer;
   }



   .ThreePurbleBocketsButton:hover {
     background: #FFF;
     color: rgb(255, 70, 136);
     box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
   }


   .topfeaturesbocket {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
     min-height: 350px;
     margin-top: 0px;
     padding-top: 20px;
     border-radius: 9px;
   }

   .features-content {
     padding: 35px;
   }

   .features-content2 {
     padding: 15px;
   }

   .topfeaturesbocket h3 {
     font-size: 18px;
   }

   .topfeaturesbocket .col-lg-12 {
     padding-left: 0;
     padding-right: 0;
   }

   #TopbannerCTA02 {
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 146, 154, 1) 6%, rgba(255, 70, 136, 1) 86%);
     text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
     color: #FFF;
     padding: 18px 30px;
   }

   #TopbannerCTA02:hover {
     background: #FFF;
     color: rgb(255, 70, 136);
   }











   #TopbannerCTA02Home {
     background: #5A439C;
     background: linear-gradient(90deg, rgba(90, 67, 156, 1) 0%, rgba(113, 92, 216, 1) 100%);
     color: #FFF;
     padding: 13px 30px;
     border: solid 1px rgba(255, 255, 255, 0.5);
   }

   #TopbannerCTA02Home:hover {
     background: #998ae6;
     background: linear-gradient(90deg, rgba(153, 138, 230, 1) 0%, rgba(136, 119, 210, 1) 0%, rgba(90, 67, 156, 1) 100%);
     color: rgb(255, 255, 255);
   }










   .TopBannerCTAcontent {
     margin-left: 30px;
   }

   .TopBannerCTABiologycontent {
     margin-left: 40px;
   }

   .btn2 {

     background: transparent;

     border-radius: 5px;
     color: #fff;
     display: inline-block;
     font-size: 20px;
     font-weight: 800;
     letter-spacing: unset;
     line-height: 1;
     margin-bottom: 0;
     padding: 19px 30px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.37);
   }

   .PricingClientLogos {
     float: right;
     padding-top: 40px;
     padding-bottom: 40px;
   }

   .section-title h2 {
     font-size: 36px;
   }

   .icon {
     color: #FFFFFF;
     background-color: #e93182;
     border-radius: 50% 50% 50% 0%;
     margin: 15px 0px 30px 0px;
     padding: 18px 13px 18px 18px;
     display: inline-block;
     margin-bottom: 13px;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
   }

   .icon p {
     line-height: 26px;
     font-size: 44px;
     min-width: 30px;
     color: rgb(255, 255, 255);
     font-weight: 200;
     margin: 10px;
   }

   .small-Mask-Container {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
     border-radius: 9px;
     min-height: 422px;
   }

   .small-Mask-Container22 {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
     border-radius: 9px;
     min-height: 250px;
   }


   .lolBox {
     background-color: #FFF;
     padding-bottom: 25px;
     box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

     border-radius: 9px;
   }

   .single-blog-wrap {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
     transition: .3s;
     margin: 21px;
     margin-top: 20px;
   }

   .single-blog-wrap:hover {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.2);
   }

   .single-blog-wrap.active {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.2);
   }

   .blog-thumb img {
     max-width: 100%;
     height: auto;
   }


   .blog-content {
     padding: 25px;
   }

   .blog-content a {
     color: rgb(112, 88, 214);
     text-decoration: none;
   }

   .facebookIcon {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/FaceBook_Up.png);
     display: block;
     float: left;
     margin-right: 10px;
   }

   .facebookIcon:hover {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/FaceBook_Down.png);
     display: block;
   }




   .twitterIcon {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/Twitter_Up.jpg);
     display: block;
     float: left;
     margin-right: 10px;
   }

   .twitterIcon:hover {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/Twitter_Down.png);
     display: block;
   }



   .instagramIcon {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/Inestagram_Up.png);
     display: block;
     float: left;
     margin-right: 10px;
   }

   .instagramIcon:hover {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/Inestagram_Down.png);
     display: block;
   }





   .youtubeIcon {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/YouTube_Up.png);
     display: block;
     float: left;
     margin-right: 10px;
   }

   .youtubeIcon:hover {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/YouTube_Down.png);
     display: block;
   }






   .linkedinIcon {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/LinkedIn_Up.png);
     display: block;
     float: left;
   }

   .linkedinIcon:hover {
     width: 58px;
     height: 58px;
     background-image: url(../img/Social_Icons/LinkedIn_Down.png);
     display: block;
   }



   #STEMSection {
     background-image: url(../img/STEM_bg2.webp);
     background-size: 1130px auto;
     background-position: center top;
     background-repeat: no-repeat;
     margin-top: 0px;
     min-height: 1100px;
   }

   #discoverHowH2 {
     color: rgb(0, 0, 0);
     font-weight: 700;
     font-size: 30px;
     margin-right: 0px;
     margin-top: -30px;
   }


   #Simage {
     margin-top: 220px;
   }

   .First3Steps {
     text-align: left;
     padding-right: 200px;
     padding-left: 0px;
     margin: 100px 330px 130px 100px
   }

   .Second3Steps {
     text-align: left;
     padding-right: 0px;
     padding-left: 0px;
     margin: -50px 10px 130px 760px
   }

   .Third3Steps {
     text-align: left;
     padding-right: 130px;
     padding-left: 0px;
     margin: -10px 110px 130px 100px
   }




   .SectionsHyberLink1-3 {
     color: #e93182;
     font-weight: 900;
     font-size: 22px;
     text-decoration: underline;
   }

   #FirstExpreList li p,
   #FirstExpreList2 li p {
     font-size: 20px;
   }

   #FirstExpreList li,
   #FirstExpreList2 li {
     list-style: none;
   }

   #removeMarginLeft11 {
     margin-left: 30px;
   }

   #FirstExpreList.biologylist li,
   #FirstExpreList2.biologylist li {
     margin-bottom: 10px;
   }

   .ThemeButtonGradient22 {

     background: linear-gradient(90deg, rgba(130, 55, 198, 1) 12%, rgba(207, 76, 81, 1) 88%);
     color: #FFF;
     border: solid 1px #FFF;
     margin-top: 40px;
   }

   .ThemeButtonGradient22:hover {
     background: #FFF;
     color: #883fba;
     border: solid 1px #883fba;
   }


   .team-social {
     width: 331px;
     height: 50px;

     margin-left: auto;
     margin-right: auto;
   }


   .TopBannerContentSignupPart {
     background-image: url(../img/New_Green_Bg_011.jpg);
     height: 1100px;
     position: absolute;
     top: 0;
     padding-top: 130px;
     z-index: -1;
     right: 0;
     background-size: 100% auto;
     background-repeat: no-repeat
   }







   #CTAchangeh233 {
     background-image: url(../img/Last_CTA.jpg);
     background-position: center center;
     background-size: 100% auto;
     text-align: center;
   }

   #CTAchangeh233 h2 {
     font-size: 24px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #CTAchangeh233 p {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }







   #BiologyCTAchangeh233 {
     background-image: url(../img/cta_bgBiology.jpg);
     background-position: center center;
     background-size: 100% auto;
     text-align: center;
   }

   #BiologyCTAchangeh233 h2 {
     font-size: 24px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #BiologyCTAchangeh233 p {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }







   #ChemistryCTAchangeh233 {
     background-image: url(../img/chemistry_lastCTA.jpg);
     background-position: center center;
     background-size: 100% auto;
     text-align: center;
   }

   #ChemistryCTAchangeh233 h2 {
     font-size: 28px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #ChemistryCTAchangeh233 p {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }










   #PhysicsCTAchangeh233 {
     background-image: url(../img/Physics/Bottom_CTA.jpg);
     background-position: center center;
     background-size: 100% auto;
     text-align: center;
   }

   #PhysicsCTAchangeh233 h2 {
     font-size: 28px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #PhysicsCTAchangeh233 p {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }







   .LastCTAIndex {
     background: #FFF;
     border: none;

     font-size: 20px;
     margin-top: 10px;
     box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 30px;
     margin-top: 20px;
     color: #e93182;
   }


   .LastCTAIndex:hover {
     background: #ffffff9f;
     border: none;

     font-size: 20px;
     margin-top: 10px;
     box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 30px;
     margin-top: 20px;
     color: #860a93;
   }













   .Add_DT_Paading100 {
     padding: 100px;
     padding-top: 30px;
   }

   .Add_DT_Paading170 {
     padding: 170px;
     padding-top: 30px;
   }

   .MoovePart {
     float: left;
     background-color: rgb(66, 10, 98);
     height: 681px;
     margin: 0;
     margin-left: 3%;
     min-height: 736px;
   }

   .MoovePart22 {
     float: left;
     background-color: rgb(66, 10, 98);
     height: 617px;
     margin: 0;
     margin-left: 3%;
     min-height: 520px;
   }

   #MobileTitle,
   #MobileAlreadyHave {
     display: none;
   }

   #GreenPartText2 {
     display: none;
   }

   #CTAchangeh23 {
     background-image: url(../img/cta_bg44.png);
     background-position: center center;
     background-size: 100%;
   }

   #CTAchangeh23 h2 {
     font-size: 30px;
     color: #FFF;
   }

   .AwardsNewSection h2 {
     margin-top: 50px;
   }

   .AwardsNewSection h2 span {
     font-weight: 900;
     font-size: 30px;
   }

   #videoBigContainer {
     min-height: 550px;
   }

   #CTAChangeh22 span {
     font-size: 30px;
   }

   .lolCTA01 {
     background-image: url(../img/CTA5.png);
     background-size: 100% auto;
     background-position: left top;
     min-height: 550px;
     position: relative;
     z-index: 2;
     top: -70px;
     background-repeat: no-repeat;
   }


   #FiestButtomTop {

     background: rgb(255, 71, 137);
     background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
     border: none;
     border-radius: 5px;
     color: #fff;
     display: inline-block;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: unset;
     line-height: 1;
     margin-bottom: 0;
     padding: 14px 16px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;

     margin-right: 20px;
   }

   #FiestButtomTop:hover {

     background: rgb(255, 71, 137);
     background: linear-gradient(90deg, rgb(165, 42, 87) 6%, rgb(179, 107, 109) 86%);
     border: none;
     border-radius: 5px;
     color: #fff;
     display: inline-block;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: unset;
     line-height: 1;
     margin-bottom: 0;
     padding: 14px 16px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;

     margin-right: 20px;
   }


   #SecondButtomTop {

     background: #FFF;
     border: none;
     border-radius: 5px;
     color: #e83e8c;
     display: inline-block;
     font-size: 16px;
     font-weight: 800;

     line-height: 1;
     margin-bottom: 30;
     padding: 14px 16px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     margin-top: 1px;
     text-decoration: none;
   }


   #SecondButtomTop:hover {

     background: rgb(255, 71, 137);
     background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
     border: none;
     border-radius: 5px;
     color: #FFF;
     display: inline-block;
     font-size: 16px;
     font-weight: 800;

     line-height: 1;
     margin-bottom: 30;
     padding: 14px 16px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     margin-top: 1px;
     text-decoration: none;
   }



   #SecondButtomTop2 {
     background: #FFF;
     border: none;
     border-radius: 5px;
     color: #e83e8c;
     display: inline-block;
     font-size: 20px;
     font-weight: 800;
     line-height: 1;
     margin-bottom: 30;
     padding: 15px 19px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;

     text-decoration: none;
   }

   #SecondButtomTop2:hover {

     background: rgb(255, 71, 137);
     background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
     border: none;
     border-radius: 5px;
     color: #FFF;
     display: inline-block;
     font-size: 22px;
     font-weight: 800;
     line-height: 1;
     margin-bottom: 30;
     padding: 15px 19px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;

     text-decoration: none;
   }


   .TopBannerH1 {
     margin-right: 10px;
     padding-top: 60px;
   }



   .payment_clients_area .clients_bg_shape_top {
     position: absolute;
     width: 100%;
     height: 85px;
     top: -82px;
     left: 0;
     background: url("../img/home9/triangle_top.png") no-repeat;
   }

   .payment_clients_area .clients_bg_shape_right {
     width: 1600px;
     height: 1253px;
     background-color: white;
     -webkit-box-shadow: 0px 0px 59px 0px rgba(91, 82, 254, 0.05);
     box-shadow: 0px 0px 59px 0px rgba(91, 82, 254, 0.05);
     position: absolute;
     right: -44.5%;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     border-radius: 150px;
     top: -375px;
     z-index: -1;
   }

   .payment_clients_area .clients_bg_shape_right {
     right: -77.7%;
   }

   .payment_clients_area {
     background: #fcf7fe;
     padding: 80px 0px;
     position: relative;
     margin-bottom: 20px;
     min-height: 800px;
     z-index: -2;
     overflow: hidden;
     margin-top: -80px;
   }

   /* ============ Direction Script ================ */
   body {
     text-align: left;
     direction: ltr;
     font-family: "Verdana";
   }



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

   /* =========================================== */


   .topNavCont {
     padding-left: 30px;
     padding-right: 10px;
   }

   .TopBannerContent {
     height: 680px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }

   .HomeBannerContent {
     height: 920px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }

   .BiologyBannerContent {
     height: 780px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }

   .ChemistryBannerContent {
     height: 600px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     background-image: url(../img/Chemistry_DT_Banner2.webp);
     background-size: 120% auto;
     background-position: center top;
     background-repeat: no-repeat;
     min-height: 600px;
   }




   .SimulationsBannerContent {
     height: 600px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     background-image: url(../img/Simulations_Page_Top_Banner_DT.webp);
     background-size: auto 100%;
     background-position: center top;
     background-repeat: no-repeat;
     min-height: 600px;
   }




   .PricingNewBannerContent {
     height: 600px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     background-image: url(../img/pricingPage_Top_Banner.webp);
     background-size: 120% auto;
     background-position: center top;
     background-repeat: no-repeat;
     min-height: 600px;
   }


   .WhyPraxilabsBannerContent {
     height: 880px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     background-image: url(../img/Why_Praxilabs_Banner_DT.webp);
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
     min-height: 600px;
   }







   .PhysicsBannerContent {
     height: 590px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }




   .SimulationsBannerContent {
     height: 580px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }



   .PricingBannerContent {
     height: 780px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }




   .BiologyExpremintBannerContent {
     height: 780px;
     position: absolute;
     top: 0;
     right: 0;
     max-height: 700px;
     z-index: -1;
   }



   .BiologyExpremintBannerContentCenter {
     height: 1110px;
     position: absolute;
     top: 0;
     right: 0;
     max-height: 900px;
     z-index: -1;
   }



   .ChemistryExpremintBannerContent {
     height: 780px;
     position: absolute;
     top: 0;
     right: 0;
     max-height: 700px;
     z-index: -1;
   }



   .ChemistryExpremintBannerContentCenter {
     height: 1110px;
     position: absolute;
     top: 0;
     right: 0;
     max-height: 900px;
     z-index: -1;
   }





   .PhysicsExpremintBannerContent {
     height: 780px;
     position: absolute;
     top: 0;
     right: 0;
     max-height: 700px;
     z-index: -1;
   }



   .PhysicsExpremintBannerContentCenter {
     height: 1110px;
     position: absolute;
     top: 0;
     right: 0;
     max-height: 900px;
     z-index: -1;
   }




   .biologyTopPocketsWhite {
     padding-left: 50px;
     background-color: #eff9f29e;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
   }


   .biologyTopPocketsWhite.WideMode {
     margin: 10px;
     margin-top: 30px;
   }

   .biologyTopPocketsDark {
     padding-left: 50px;
     background-color: #eff9f29e;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
     margin: 10px;
     padding-bottom: 100px;
   }

   .biologyTopPocketsWhite h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .biologyTopPocketsWhite p {
     font-size: 18px;
     font-weight: 500;
   }


   .biologyTopPocketsDark h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .biologyTopPocketsDark p {
     font-size: 18px;
     font-weight: 500;
   }



   .BiologyMainContentSec {
     margin-top: 50px;
   }

   .BiologyMainContentSec .row {
     padding: 60px;
     padding-bottom: 0px;
     padding-top: 0;
   }

   .biologyTopPocketsDark ul li {
     list-style: none;
     margin: 20px;
   }

   .biologyTopPocketsDark ul {
     padding-left: 0;
   }

   .biologyTopPocketsDark ul li div {
     float: left;
     margin-left: 13px;
   }

   .biologyTopPocketsDark ul li div {
     font-size: 18px;
   }




   .HomeBannerContent {

     background-image: url(../img/HomeBanner_Only_New55.webp);
     background-size: 100% auto;
     background-position: right top;
     background-repeat: no-repeat;



   }









   .ChemistryTopPocketsWhite {
     padding-left: 50px;
     background-color: #f0eff9;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
   }


   .ChemistryTopPocketsWhite.WideMode {
     margin: 10px;
     margin-top: 30px;
   }

   .ChemistryTopPocketsDark {
     padding-left: 50px;
     background-color: #d6d5e5;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
     margin: 10px;
     padding-bottom: 100px;
   }

   .ChemistryTopPocketsWhite h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .ChemistryTopPocketsWhite p {
     font-size: 18px;
     font-weight: 500;
   }


   .ChemistryTopPocketsDark h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .ChemistryTopPocketsDark p {
     font-size: 18px;
     font-weight: 500;
   }



   .ChemistryMainContentSec {
     margin-top: 50px;
   }

   .ChemistryMainContentSec .row {
     padding: 60px;
     padding-bottom: 0px;
     padding-top: 0;
   }

   .ChemistryTopPocketsDark ul li {
     list-style: none;
     margin: 20px;
   }

   .ChemistryTopPocketsDark ul {
     padding-left: 0;
   }

   .ChemistryTopPocketsDark ul li div {
     float: left;
     margin-left: 13px;
     max-width: 90%;
   }

   .ChemistryTopPocketsDark ul li div {
     font-size: 18px;
   }












   .PhysicsTopPocketsWhite {
     padding-left: 50px;
     background-color: #eef5f9;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
   }


   .PhysicsTopPocketsWhite.WideMode {
     margin: 10px;
     margin-top: 30px;
   }

   .PhysicsTopPocketsDark {
     padding-left: 50px;
     background-color: #cfdee8;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
     margin: 10px;
     padding-bottom: 100px;
   }

   .PhysicsTopPocketsWhite h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .PhysicsTopPocketsWhite p {
     font-size: 18px;
     font-weight: 500;
   }


   .PhysicsTopPocketsDark h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .PhysicsTopPocketsDark p {
     font-size: 18px;
     font-weight: 500;
   }



   .PhysicsMainContentSec {
     margin-top: 50px;
   }

   .PhysicsMainContentSec .row {
     padding: 60px;
     padding-bottom: 0px;
     padding-top: 0;
   }

   .PhysicsTopPocketsDark ul li {
     list-style: none;
     margin: 20px;
   }

   .PhysicsTopPocketsDark ul {
     padding-left: 0;
   }

   .PhysicsTopPocketsDark ul li div {
     float: left;
     margin-left: 13px;
   }

   .PhysicsTopPocketsDark ul li div {
     font-size: 18px;
   }






















   .LeftDarkUL {
     padding-bottom: 170px;
   }

   .biologyTopPocketsDark ul li .Arrowlist {
     max-width: 30px;
     margin-top: 5px;
     margin-left: 0;
   }


   .biologyTopPocketsDark ul li .Textlist {
     width: 90%;
   }


   .BiologyExperimentCTA h2 {
     text-align: center;
     font-size: 30px;
     padding-top: 20px;
     padding-left: 20px;
     padding-bottom: 40px;
     font-weight: 700;
   }


   .BiologyExperimentCTA h2 {
     padding-top: 80px;
     padding-left: 80px
   }


   .second-project {
     background-color: #FFF;

     padding: 0px;
     margin: 5PX;
     box-shadow: 5px 5px 12px rgba(71, 71, 71, 0.3);
     min-height: 390px;
     border-radius: 12px;
     margin-bottom: 35px;
     max-width: 346px;
   }


   .s-project-info {
     padding: 30px;
     padding-top: 13px;
   }

   .s-project-thumb img {
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     width: 100%;
   }




   .breadcrumb-area {
     height: 780px;
   }

   .col-lg-6 {
     padding: 25px;
   }

   .Experimenttitle {
     margin-top: 15px;
   }

   .SugestedTopics a {
     float: right;
   }

   .pranshTitle {
     margin-top: 30px;
     color: #e83e8c;
     font-weight: 700;
   }





   .second-project .s-project-info {
     padding: 0px;
   }

   .SugestedTopicsH2 {
     padding-top: 100px;
   }


   .CTAENDSECTION22222 {
     background: rgb(16, 52, 127);
     background: linear-gradient(94deg, rgba(16, 52, 127, 1) 5%, rgba(20, 102, 85, 1) 60%);
   }




   .CTAENDSECTION22222z {
     background: rgb(69, 34, 109);
     background: linear-gradient(180deg, rgba(69, 34, 109, 1) 5%, rgba(181, 46, 125, 1) 100%);
   }










   .CTAENDSECTION22222zPP {
     background: rgb(158, 107, 249);
     background: linear-gradient(288deg, rgba(158, 107, 249, 1) 5%, rgba(120, 219, 252, 1) 100%);

   }










   .lastCTABiologyExpriment h2,
   .lastCTABiologyExpriment p {
     float: none;
     margin-top: 30px;
     padding-left: 0;
     padding-bottom: 40px;
     text-align: center !important;
     color: #FFF !important;
   }

   .lastCTABiologyExpriment a {
     margin-left: 0;
     display: inline-block;
     width: 100%;
     text-align: center;
   }

   /* =========== Menu Button ============ */

   .btn_get {
     margin-left: 0;
     margin-right: 20px;

     border-radius: 45px;
     border: 1px solid #d52b1e;
     background: #d52b1e;
     padding: 10px 15px;

     min-width: 120px;
     text-align: center;
     color: #FFF;
   }

   .btn_get:hover {
     margin-left: 0;
     margin-right: 20px;

     border-radius: 45px;
     border: 1px solid #d52b1e;
     background: #FFF;
     padding: 10px 15px;

     min-width: 120px;
     text-align: center;
     color: #d52b1e;
   }



   .TopBannerContent h1 {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 100px;
     margin-top: 80px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
   }

   .TopBannerContent p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 100px;
     margin-top: 0px;
     margin-bottom: 20px;
     ;
     font-size: 24px;
     line-height: 1.6;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
   }




   .HomeBannerContent h1,
   .HomeBannerH1 h1 {
     padding: 30px;
     margin-right: 0px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 20px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
   }

   .HomeBannerContent p,
   .HomeBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 30px;
     margin-top: 0px;
     margin-bottom: 0px;
     font-size: 20px;
     line-height: 1.6;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
     margin-right: 70px;
     padding-bottom: 0;
   }





   .BiologyBannerContent {
     background-image: url(../img/Biology_Banner4.jpg);
     background-size: 111% auto;
     height: 580px;
     margin-left: 10px;
     top: 0;
     right: 0;
     background-position: top right;
   }




   .SubButtonsHome p {
     font-size: 16px;
     color: #ffffff;
     padding-top: 10px;
     margin-left: 0;
     padding-left: 0;
   }



   .BiologyBannerContent h1,
   .BiologyBannerH1 h1 {
     padding: 30px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   .BiologyBannerContent p,
   .BiologyBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 70px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   .ChemistryBannerContent h1,
   .BiologyBannerH1 h1 {
     padding: 30px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 50px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   .WhyPraxilabsBannerH1 h1 {
     padding: 30px;
     margin-right: 70px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 50px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     padding-top: 10px;
   }

   .ChemistryBannerContent p,
   .BiologyBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 50px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   .WhyPraxilabsBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 50px;
     margin-top: 0px;
     margin-bottom: 0px;
     font-size: 20px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   #WhyPraxilabsP_UnderCTA {
     color: #FFF;
     text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.59);
     font-size: 22px;
     padding-top: 10px;
     line-height: 1.5;
     padding-right: 2px;
     font-size: 14px;
     margin-top: 17px;
     text-align: left;
     margin-left: 0;
     font-weight: 200;
   }



   .PhysicsBannerContent {
     background-image: url(../img/Physics_DT_Banner2.jpg);
     background-size: 100% auto;
   }


   .PhysicsBannerContent h1,
   .PhysicsBannerH1 h1 {
     padding: 30px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 50px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   #PhysicsBannerContenth2 {
     padding: 10px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 50px;
     margin-top: 0px;
     font-size: 24px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   .PhysicsBannerContent p,
   .PhysicsBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 50px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 20px;
     line-height: 1.6;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }




   .WhyPraxilabsFirstSectioBG {
     background-image: url(https://praxilabs.com/content/img/shape/da_img_shape.png);
     background-position: top right;
     background-repeat: no-repeat;
   }

   .WHYPraxilabsContainer {
     min-width: 1140px !important;
   }

   .imageIconsbox img {
     width: 80px;
     margin-bottom: 30px;
   }

   .features-content h3 {
     color: #000;
     font-size: 19px;
     padding-top: 12px;
   }


   .features-content p {
     color: #000;
     font-size: 16px;
     padding-top: 12px;
   }




   #firstBulckTextIcons .features-content {
     padding: 0;
   }















   .SimulationsBannerContent h1,
   .SimulationsBannerH1 h1 {
     padding: 30px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 50px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   .SimulationsBannerContenth2 {
     padding: 10px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 50px;
     margin-top: 0px;
     font-size: 24px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }


   .SimulationsBannerContent p,
   .SimulationsBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 50px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 600;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }



   .SimulationsBannerH1 {
     padding-left: 100px;
     padding-right: 100px;
     text-align: center;
   }

   .comment-form input {
     width: 100%;
     border: 1px solid #dbdbdb;
     padding: 14px 20px;
     border-radius: 5px;
     margin-bottom: 5px;
     transition: .5s linear;
   }




   .BiologyExpremintBannerContent h1,
   .BiologyExpremintBannerH1 h1 {
     padding: 30px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 40px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }

   .BiologyExpremintBannerContent h2,
   .BiologyExpremintBannerH1 h2 {
     padding: 0px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 0px;
     font-size: 26px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     padding-bottom: 40px;
   }


   .BiologyExpremintBannerContent p,
   .BiologyExpremintBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 70px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }




   .features-content2 h3 {
     font-size: 20px;
   }

   .features-content2 p {
     color: rgb(51, 51, 51);
     font-weight: 200;
     padding-right: 20px;
     padding-left: 20px;
     font-size: 17px;
   }



   .ChemistryExpremintBannerContent h1,
   .ChemistryExpremintBannerH1 h1 {
     padding: 30px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 40px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }

   .ChemistryExpremintBannerContent h2,
   .ChemistryExpremintBannerH1 h2 {
     padding: 0px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 0px;
     font-size: 26px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     padding-bottom: 40px;
   }


   .ChemistryExpremintBannerContent p,
   .ChemistryExpremintBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 70px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }









   .PhysicsExpremintBannerContent h1,
   .PhysicsExpremintBannerH1 h1 {
     padding: 30px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 40px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }

   .PhysicsExpremintBannerContent h2,
   .PhysicsExpremintBannerH1 h2 {
     padding: 0px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 0px;
     font-size: 26px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     padding-bottom: 40px;
   }


   .PhysicsExpremintBannerContent p,
   .PhysicsExpremintBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 70px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }











   .BiologyExpremintBannerContentCenter h1,
   .BiologyExpremintBannerCenterH1 h1 {
     padding: 10px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }

   .BiologyExpremintBannerContentCenter h2,
   .BiologyExpremintBannerCenterH1 h2 {
     padding: 0px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 0px;
     font-size: 26px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     padding-bottom: 40px;
   }


   .BiologyExpremintBannerContentCenter p,
   .BiologyExpremintBannerCenterH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 70px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
   }



















   .MaxContainer {
     width: 1100px;
     max-width: 1100px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 100px;
   }

   .s-project-info a span {
     font-size: 16 px;
     text-align: left;
     text-decoration: none;
     padding-top: 120px;
     color: rgb(233, 49, 130)
   }

   .s-project-info a {
     text-decoration: none;
     padding-left: 0;
   }

   .s-project-info {
     margin: 20px;
   }

   .Experimenttitle {
     font-weight: 600;
     color: #000;
   }

   .Experimenttitle a {
     font-weight: 600;
     color: #000;
     font-size: 20px;
   }

   .second-project {
     background-color: #FFF;

     padding: 15px;

     box-shadow: 0px 0px 7px rgba(158, 158, 158, 0.6);
     min-height: 390px;
     margin-top: 30px;
   }

   .breadcrumb-area {
     height: 480px;
   }

   .col-lg-6 {
     padding: 25px;
   }

   .Experimenttitle {
     margin-top: 15px;
   }







   .ZoomSimulationIcon {
     position: relative;
     top: -45px;
     left: -40%;
   }

   .comment-form {
     margin-top: 2%;
     padding: 13px;
     max-height: 267px;
     background-color: rgba(255, 255, 255, 0.5);
     border-radius: 8px;
   }

   .widget-wrap {
     max-height: 10px;
   }








   .removePaddingleftMobile {
     padding-left: 60px;
   }

   .FirstPhysicsSection {
     margin: 20px;
   }

   .FirstPhysicsSection {
     margin-top: 70px;
     background-image: url(../img/Physics_VideoPart2.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: bottom right;
     min-height: 500px;
   }



   .PricingBannerH1 {
     padding: 34px;
     margin-right: 70px;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 70px;
     margin-top: 0px;
     font-size: 42px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.67);
     padding-top: 0;
   }

   .PricingBannerP {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 70px;
     margin-top: 20px;
     margin-bottom: 20px;
     ;
     font-size: 20px;
     line-height: 1.4;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
   }






   .PhysicsAwards {
     background-image: url(../img/Physics/Awards.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: bottom center;
     min-height: 520px;
   }


   .PhysicsAwards h2 {
     margin-left: 100px;
     text-align: center;
   }




   .TC-001 {
     background-color: rgb(233, 49, 130);
     border: medium none;
     color: rgb(255, 255, 255);
     font-size: 24px;
     padding: 14px 18px;
     display: block;
     max-width: 300px;
     margin-left: auto;
     margin-right: auto;
     font-weight: 600;
     border-radius: 9px;
   }

   .TC-001:hover {
     margin-left: 0;
     margin-right: 20px;
     color: #d52b1e;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     background: #FFF;
   }


   .TC-002 {
     font-size: 22px;
     text-decoration: none;
     padding: 15px 40px;
     margin-left: 0;
     margin-right: 20px;
     background: #FFF;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #d52b1e;
     max-width: 500px;
     margin-left: auto;
     margin-right: auto;
   }

   .TC-002:hover {
     margin-left: 0;
     margin-right: 20px;
     background: #d52b1e;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #FFF;
     margin-left: auto;
     margin-right: auto;
   }

   .TC-002 a {
     color: #d52b1e;
     text-decoration: none;
   }

   .TC-002:hover a {
     color: #FFF;
     text-decoration: none;
     margin-left: auto;
     margin-right: auto;
   }

   .addMarginTop {
     margin-top: 60px;
   }

   #FirstSection {
     margin-top: 100px;
   }

   #FirstSectionText,
   #SecondSectionText {
     margin-top: 100px;
   }

   .DisplayInDeskTopOnly {
     display: block;
   }

   .DisplayInMobOnly {
     display: none;
   }

   .FirstPhysicsSectionIMG {
     margin-top: 60px;
   }

   .title {
     margin-left: auto;
     margin-right: auto;
     color: #e93182;
     margin-top: 40px;
     margin-bottom: 20px;
   }






   h2 {
     font-size: 28px;
     line-height: 1.6;
     font-weight: 600;
   }



   .SpeedCTASection {
     padding: 100px
   }



   .SpeedCTASection h2 {
     padding-top: 100px;
   }

   .buttonOnWhite {
     background-color: #264b80;
     color: #FFF;
     padding: 16px;
     padding-left: 35px;
     padding-right: 35px;
     border-radius: 9px;
     font-size: 22px;
     font-weight: 700;
     max-width: 300px;
     margin-left: auto;
     margin-right: auto;
   }

   .buttonOnWhite:hover {
     background-color: #FFF;
     color: #264b80;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.2);
   }


   .TestimonialCont {
     background-color: #fff;
     box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
     max-width: 80%;
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 20px;
     background-image: url(../img/quoat.jpg);
     background-repeat: no-repeat;
     background-position: center left;
     margin-bottom: 20px;
     padding-bottom: 20px;
   }

   .TestimonialCont {
     min-height: 510px;
     padding: 100px;
     padding-top: 20px;
     max-width: 60%;
     background-position: center left;
     padding-bottom: 10px;
   }





   #LasthomeCTASection {
     background-image: url(../img/LASThomeCTA2.webp);
     background-size: 100% auto;
     min-height: 300px;
     padding: 100px;
     text-align: center;
   }

   #LasthomeCTASection h2 {
     color: #FFF;
   }



   .TestimonialCont2 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/testimonials_Box22.webp);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont2 {
     min-height: 780px;
     padding: 100px;
     padding-top: 0px;
     max-width: 66%;
     background-position: center left;
     padding-bottom: 10px;
   }






   .TestimonialCont3 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/Biology_testimonials_Box2.png);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont3 {
     min-height: 780px;
     padding: 100px;
     padding-top: 0px;
     max-width: 66%;
     background-position: center left;
     padding-bottom: 10px;
   }






   .TestimonialCont322 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/Chemistry_EX_testimonials_Box_DT.png);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont322 {
     min-height: 780px;
     padding: 100px;
     padding-top: 0px;
     max-width: 66%;
     background-position: center left;
     padding-bottom: 10px;
   }







   .TestimonialCont4 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/Physics/testimonials_Box2.png);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont4 {
     min-height: 780px;
     padding: 100px;
     padding-top: 0px;
     max-width: 66%;
     background-position: center left;
     padding-bottom: 10px;
   }












   .oneOfThreeInstit p {
     font-size: 17px;
     font-weight: 300;
   }

   .ThreePurbleBocketstitle {
     font-weight: 800 !important;
     color: #8433bc;
     font-size: 19px !important
   }

   #TopbannerCTA03 {
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);
     text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
     color: #FFF;
     max-width: 240px;
   }


   #TopbannerCTA03:hover {
     background: #FFF;

     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
     color: rgb(255, 70, 136);
     max-width: 240px;
   }






   #What22 {
     padding-top: 140px;
     color: rgb(255, 255, 255);
     padding-left: 40px;
     font-size: 32px;
   }











   #ChemistryCont {
     margin-bottom: 280px;
   }




   .howitworks {
     transform: scale(1);
     transition: all 1s;
   }

   .NewThreeBocketsCont {
     margin-left: auto;
     margin-right: auto;
     border-radius: 12px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
     max-width: 339px;
   }


   .OverYasta {
     transform: scale(1.03);

     transition: all 0.5s;
   }

   .NewThreeBocketsCont p {
     margin: 30px;
     color: #444;
     padding-bottom: 30px;
     font-size: 18px;
     min-height: 224px;
   }


   .imageThreeBocket {
     max-height: 420px;
     overflow: hidden;
     border-top-left-radius: 11px;
     border-top-right-radius: 11px;
   }

   .TextThreeBocket {
     position: absolute;
     top: 0px;
     padding: 30px;
     padding-right: 30px;
     padding-bottom: 30px;
     padding-right: 20px;
     padding-bottom: 30px;
   }

   .TextThreeBocket h3 {
     font-size: 20px;
     font-weight: 600;
   }

   #ThreeAnimatedBocketTitle h2 {
     font-size: 30px;
     font-weight: 600;
   }

   #ThreeAnimatedBocketTitle {
     margin-top: 70px;
     margin-bottom: 70px;
     padding-left: 30px;
     padding-right: 30px;
   }





   #SectionsPart {
     background-image: url(../img/Equepments_bg2.png);
     background-size: 100% auto;
     background-position: center bottom;
   }



   #SecondSectopnTitle h2 {
     color: rgb(0, 0, 0);
     font-weight: 700;
     font-size: 30px;
     margin-bottom: 30px;
   }



   #BoyCTATextArea {
     margin-top: 340px;
     padding-right: 30px
   }




   #BoyCTA {
     margin-top: -390px;
     margin-bottom: 90px;
     background-image: url(../img/New_CTA_home_BG.png);
     background-size: 100% auto;
     background-position: right bottom;
     background-repeat: no-repeat
   }

   #GoToWhite {
     margin-bottom: 30px;
     color: rgb(233, 49, 130);
     font-size: 30px;
   }

   .CTAlistingStyle {
     line-height: 2;
     color: #333;
     list-style: circle;
     list-style-position: outside;
     text-align: left;
   }


   .CTAlistingStyle li {
     font-size: 22px;
   }

   .ParagraphUnderCTA {
     color: rgb(68, 68, 68);
     margin-top: 20px;
     margin-right: 0px;
     font-weight: 200;
     text-align: center;
   }






   .choose-icon {
     width: 100%;
     text-align: center;
     float: left;
     width: 100%;
     height: auto;
     display: block;
   }


   .choose-content .titleNumber {
     font-size: 35px;
     font-weight: 600;
   }



   #iconSection {
     background-image: url(../img/Statistics_BG.png);
     background-size: 100% auto;
     margin-top: -200px;
     background-repeat: no-repeat;
   }


   #iconSection h2 {
     text-align: center;
     font-weight: 600;
     font-size: 30px;
   }

   .choose-icon img {
     width: 55px;
     height: auto;
     margin-bottom: 30px;
   }




   #HomeAwardsSection {
     margin-top: -100px;
     max-height: 700px;
   }


   .cta-title h2 {
     font-size: 40px;
     color: #fff;
     padding-right: 50px;
     margin-bottom: 5px;
   }

   .ThemeButtonGradient {
     background: rgb(130, 55, 198);
     background: linear-gradient(90deg, rgba(130, 55, 198, 1) 12%, rgba(207, 76, 81, 1) 88%);
     color: #FFF;
     border: solid 1px #FFF;
     text-transform: none;
     font-size: 20px;
     margin-top: -500px;
     margin-left: 840px;
   }



   .Alooooo3333 {
     position: absolute;
     width: 100%;
     text-align: center;
     margin-top: 180px;
   }

   .Alooooo3333 h2 {
     font-size: 30px;
     font-weight: 900;
     color: #333;
     margin-bottom: 10px;
     margin-top: 20px;
   }

   .Alooooo3333 p {
     font-size: 22px;
     font-weight: 200;
     color: rgb(68, 68, 68);
     line-height: 1.5;
   }




   .NewDarkPlans {
     padding: 40px;
     padding-top: 40px;
     margin: 40px;
     margin-top: 80px;
     margin-top: 10px;
   }

   .NewPlanBocket {
     background-color: #FFF;
     margin: 0px;
     border-radius: 0px;
     border: solid 1px #BABABA;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: rgb(186, 186, 186);
   }

   #FREEMob,
   #FREEMob2,
   #FREEMob3 {
     font-size: 32px;
     text-align: center;
     margin-top: 30px;
   }

   #FREEMob {
     font-size: 32px;
     text-align: center;
     margin-top: 70px;
   }

   .NewPlanBocket .Plol {
     min-height: 105px;
   }

   /* Removed to enable smooth animation */
   /*.content111, .content222, .content333 {
  display: block;
}*/
   .header111,
   .header222,
   .header333 {
     display: none;
   }











   .card-body {
     padding: 35px;
     min-height: 364px;
     text-align: left;
   }


   .card.card-shadow {
     -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
     box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
   }

   .bg-success-gradiant {
     background: rgb(209, 78, 141);
     background: linear-gradient(90deg, rgba(209, 78, 141, 1) 6%, rgba(105, 89, 220, 1) 86%);
   }


   .thumb {
     padding: 10px 20px 10px;
     padding-left: 20px;
     padding-left: 90px;
     margin-left: -35px;
   }


   .card.ContNAIIR {
     margin: 30px;
   }




   .thumb-img {
     width: 70px;
     left: 20px;
     top: -10px;
   }



   .devider {
     height: 1px;
     background: rgba(120, 130, 140, 0.13);
     width: 100px;
   }


   .card {
     border: none !important;
   }

   .IncludesPhysics {
     color: #e93182;
     padding: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     margin-bottom: 0;
     font-weight: 700;
     padding-left: 0px;
     padding-bottom: 20px;
     text-align: center;
   }

   .IncludesPricing {
     color: rgba(105, 89, 220, 1);
     padding: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     margin-bottom: 0;
     font-weight: 700;
     padding-left: 0px;
     padding-bottom: 20px;
     text-align: center;
   }

   .IncludesBiology {
     color: #3485de;
     padding: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     margin-bottom: 0;
     font-weight: 700;
     padding-left: 0px;
     padding-bottom: 20px;
     text-align: center;
   }

   .CTAENDSECTION2 {
     background: rgb(209, 78, 141);
     background: linear-gradient(90deg, rgba(209, 78, 141, 1) 6%, rgba(105, 89, 220, 1) 86%);
   }



   .PricingCTAOneArea {
     float: left;
     margin-top: 90px;
     padding-right: 80px
   }


   .PricingCTAOneArea input {
     margin-bottom: 110px;
   }




   .Pricing_Awards_Text {
     margin-right: 50px;
     padding-left: 80px;
   }



   #includedsection {
     padding: 50px;
     padding-left: 100px;
   }


   .BiologyCTAareaEnd {
     background-image: url(../img/CTA001-1111.jpg);
     background-size: 100% auto;
     background-position: left center;
     min-height: 500px;
     padding-right: 90px;
   }

   .BiologyCTAareaEnd H2 {
     font-size: 28px;
     color: #FFF
   }

   .BiologyCTAareaEnd p {
     color: #FFF
   }








   .MainFeaturse {
     background-image: url("../img/bgTop.png");
     background-position: top center;
     background-size: 100% auto;
     margin-top: -110px;
     background-repeat: no-repeat;
   }

   .IconWBocket {
     padding: 20px;
     background-color: #FFF;
     border-radius: 12px;
     margin: 20px;
     box-shadow: 1.95px 15.881px 30px 0 rgba(30, 124, 62, 0.1);
     text-align: center;
     min-height: 285px;
   }

   .IconWBocket p {
     font-size: 18px;
   }

   .IconWBocket img {
     max-width: 130px;
   }



   .IconWBocket h3 {
     font-size: 18px;
     font-weight: 300;
   }



   #colabsInMobile {
     background-color: #f2f2f2;
     position: relative;
     top: 130px;
     margin-bottom: 150px;
   }


   #colabsInMobile2 {
     background-color: #f2f2f2;
     position: relative;
     top: 150px;
     margin-bottom: 80px;
   }

   .ReplaceVideoH2 {
     margin-bottom: 30px;
     margin-right: 0;
     padding-right: 0;
     font-size: 30px;
   }

   .ReplaceVideoH2Cont {
     padding: 80px;
     padding-left: 20px;
   }

   #videoContainerMob {
     padding-top: 50px;
     padding-left: 100px;
   }

   #VideoSectionMon {
     background-image: url(../img/VideoBG.jpg);
     background-size: 100% auto;
     background-position: left center;
     background-repeat: no-repeat;
     padding-bottom: 0px;
     margin-top: -20px
   }


   #BooKCAT {
     margin-top: -40px;
   }


   .cta-bg {
     background: rgb(74, 144, 221);
     background: linear-gradient(90deg, rgba(74, 144, 221, 1) 12%, rgba(52, 210, 170, 1) 88%);
   }





   .section-title {
     margin-top: 100px;
   }


   .Chemistry_Statisticts p {
     font-size: 18px;
     padding-left: 40px;
     margin-bottom: 30px;
     font-size: 22px;
   }





   .ThreeChemistrySection {
     padding: 0px;
     margin: 10px;
     border-radius: 9px;
   }

   .SOne {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .STwo {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SThree {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SOne img,
   .STwo img,
   .SThree img {
     width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
   }

   .SOne,
   .STwo,
   .SThree {
     text-align: center;
   }

   .SOne h3,
   .STwo h3,
   .SThree h3 {
     font-size: 20px;
     color: #333;
     margin-top: 30px;
     padding-bottom: 40px;
     font-weight: 500;
     text-decoration: none;
   }






   .bodyTestimonials h4 {
     text-align: center;
     font-size: 18px;
   }




   .SOnePhy {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .STwoPhy {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SThreePhy {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SOnePhy img,
   .STwoPhy img,
   .SThreePhy img {
     width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
     padding: 15px;
   }

   .SOnePhy,
   .STwoPhy,
   .SThreePhy {
     text-align: center;
   }

   .SOnePhy h3,
   .STwoPhy h3,
   .SThreePhy h3 {
     font-size: 20px;
     color: #333;
     margin-top: 30px;
     padding-bottom: 40px;
     font-weight: 600;
     text-decoration: none;
     text-decoration: none;
   }


   .SOnePhy a,
   .STwoPhy a,
   .SThreePhy a {
     text-decoration: none;
   }






   .SecondPhysicsCTA {
     margin-left: 60px;
   }






   .ChemistryThreeBocketsParagraph {
     font-size: 20px;
     padding-left: 80px;
     padding-right: 80px;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
   }


   .ChemistryCTAText {
     padding: 20px;
     margin-right: 0px;
     padding-top: 0;
     color: #FFF;
   }





   #CTAcentplz2 {
     margin-left: 50px;
   }

   .ChemistryCTAText h2 {
     font-weight: 600;
     color: #FFF;
     text-align: left;
   }

   .ChemistryCTAText p {
     color: #FFF;
     text-align: left;
   }

   .FeatureInMobBiology {
     margin-top: -170px;
   }


   #FeatureInMob {
     margin-top: 80px;
   }


   #CTAcentplz2 {
     margin-left: 20px;
     font-size: 18px;
     padding-right: 80px;
   }


   .ChemistryCTAFisrt {
     margin-top: 70px;
     background-image: url(../img/Chemistry_First_CTA_new.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
   }


   .ChemistryThreeBocketsH2 span {
     font-size: 30px;
   }

   .TitleOFAnySubSection span {
     font-size: 30px;
   }

   .ChemistryCTAText h2 {
     font-size: 30px;
   }









   .ChemistryLabBenefits {
     text-align: center;
     padding: 0px;
     margin: 0px;
   }




   .ChemistryLabBenefits p {
     font-size: 20px;
     text-align: center;
     padding: 10px;
     font-weight: 600;
   }



   .PhysicsLabBenefits {
     text-align: center;
     padding: 0px;
     margin: 0px;
   }




   .PhysicsLabBenefits p {
     font-size: 20px;
     text-align: center;
     padding: 10px;
     font-weight: 600;
   }



   .cta-bg2 {
     background-image: url(../img/Awards.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: bottom center;
     min-height: 480px;
   }

   .ClientsChemistrySection {
     background-image: url(../img/Clients.jpg);
     background-size: 120% auto;
     background-repeat: no-repeat;
     padding-top: 50px;
     padding-left: 40px;
   }





   /* ============= PRICING CARDS PART =================== */


   #FREEMob,
   #FREEMob2,
   #FREEMob3,
   #FREEMob22 {
     font-size: 29px;
     text-align: center;
     margin-top: 60px;
   }

   .NewDarkPlans {
     padding: 0;
   }

   #FREEMob {
     margin-top: 60px;
   }


   .BigInMobSimulations {
     font-size: 20px;
     font-weight: 700;
   }


   #FREEMob3 {

     margin-top: -10px;
     margin-bottom: 20px;
   }

   #FREEMob2 {

     margin-top: 20px;
     margin-bottom: 0px;
   }



   .OldPrice {
     background-color: #e73682;
     width: 85px;
     height: 2px;
     position: relative;
     top: 34px;
   }

   .OldPrice2 {
     background-color: #e73682;
     width: 80px;
     height: 2px;
     position: relative;
     top: 32px;
   }

   .FreeDolerSign {
     font-size: 20px;
   }

   .FreePriceSize {
     font-size: 40px;
   }



   .OldMonthlyDolerSign {
     font-size: 20px;
   }

   .OldMonthlypriceSize {
     font-size: 22px;
   }

   .NewMonthlypriceSize {
     font-size: 34px;
     color: rgba(105, 89, 220, 1)
   }

   .NewMonthlypriceSizePhy {
     font-size: 34px;
     color: #28A6D7
   }

   .NewMonthlypriceSizeBiologyy {
     font-size: 34px;
     color: #3485de
   }

   .MonthlyContainer {
     display: block;
     background-color: rgba(130, 55, 198, 0);
     min-height: 50px;
     max-width: 243px;
     margin-left: auto;
     margin-right: auto;
   }

   .MonthlyOldPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-bottom: 0;
     max-width: 50%;
     float: left;
     margin-top: 16px;
     margin-right: 6px;
     text-align: center;
   }

   .MonthlyNewPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 5px;
     text-align: center;
     padding-bottom: 0;
     max-width: 55%;
     float: left;
     margin-left: 10px;
   }



   .OldSemesterDolersSign {
     font-size: 16px;
   }

   .OldSemesterPriceSize {
     font-size: 20px;
   }

   .NewSemesterPriceSize {
     font-size: 32px;
     color: rgba(105, 89, 220, 1);
   }

   .NewSemesterPriceSizePhy {
     font-size: 32px;
     color: #28A6D7;
   }

   .SemisterContainer {
     display: block;
     background-color: rgba(130, 55, 198, 0);
     min-height: 50px;
     max-width: 255px;
     margin-left: auto;
     margin-right: auto;
   }

   .SemisterOldPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-bottom: 0;
     max-width: 50%;
     float: left;
     margin-top: 16px;
     margin-right: 7px;
     margin-left: 7px;
   }

   .SemisterNewPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 5px;
     text-align: center;
     padding-bottom: 0;
     max-width: 65%;
     float: left;
     margin-left: 10px;
   }



   .OldAnnualDolerSign {
     font-size: 16px;
   }

   .OldAnnualPriceSize {
     font-size: 20px;
   }

   .NewAnnualPriceSize {
     font-size: 32px;
     color: rgba(105, 89, 220, 1);
   }

   .NewAnnualPriceSizePhy {
     font-size: 32px;
     color: #28A6D7;
   }

   .YearlyContainer {
     display: block;
     background-color: rgba(130, 55, 198, 0);
     min-height: 50px;
     max-width: 255px;
     margin-left: auto;
     margin-right: auto;
   }

   .YearlyOldPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-bottom: 0;
     max-width: 50%;
     float: left;
     margin-top: 16px;
     margin-left: 9px;
   }

   .YearlyNewPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 5px;
     text-align: center;
     padding-bottom: 0;
     max-width: 65%;
     float: left;
     margin-left: 16px;
   }

   .MainCardList_LI {
     text-align: left;
     margin-left: 14px;
     font-size: 16px;
   }




   .triangle-rightPhy33 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid #e73682;
     border-bottom: 5px solid transparent;
     margin-top: 7px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-right33B {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid rgba(74, 144, 221, 1);
     border-bottom: 5px solid transparent;
     margin-top: 7px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-right44 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid #e73682;
     border-bottom: 5px solid transparent;
     margin-top: 7px;
     margin-left: 0px;
     float: left;
   }

   .triangle-right3344466677 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid rgb(111, 94, 214);
     border-bottom: 5px solid transparent;
     margin-top: 12px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-rightPhy3344466677 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid #e73682;
     border-bottom: 5px solid transparent;
     margin-top: 12px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }


   .triangle-right3344466677B {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid rgba(74, 144, 221, 1);
     border-bottom: 5px solid transparent;
     margin-top: 12px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .SevenDays {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-top: 0;
     padding-bottom: 0;
     font-size: 14px;
   }

   .IncludesClass {
     color: rgb(111, 94, 214);
     padding: 0px;
     margin-bottom: 0;
     font-weight: 700;
     padding-left: 0px;
     padding-bottom: 20px;
     text-align: center;
   }

   .IncludesClassPhysics {
     color: #e73682;
     padding: 0px;
     margin-bottom: 0;
     font-weight: 700;
     padding-left: 0px;
     padding-bottom: 20px;
     text-align: center;
   }


   .PriceButtonCTACARDD {
     background: rgb(130, 55, 198);
     background: linear-gradient(90deg, rgba(130, 55, 198, 1) 12%, rgba(207, 76, 81, 1) 88%);
     border: none;
     margin-top: 0px;
     color: #FFF;
     font-weight: 900;
   }


   .PriceButtonCTACARDD:hover {
     background: rgb(130, 55, 198);
     background: linear-gradient(90deg, rgba(207, 76, 81, 1) 12%, rgba(130, 55, 198, 1) 88%);
     border: none;
     margin-top: 0px;
     color: #FFF;
     font-weight: 900;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.6)
   }


   .Promo {
     font-size: 20px;
     font-weight: 700;
     color: #ff00de;
     margin-left: 0px;
     margin-bottom: 0;
     text-align: center;
   }

   .PromoPhy {
     font-size: 20px;
     font-weight: 700;
     color: #2aa6d0;
     margin-left: 0px;
     margin-bottom: 0;
     text-align: center;
   }

   .PromoBio {
     font-size: 20px;
     font-weight: 700;
     color: rgb(222, 47, 124);
     margin-left: 0px;
     margin-bottom: 0;
     text-align: center;
   }


   .LandingTopBannerContent {
     background-image: url(../img/Landing_Banner01_DT.webp);
     background-size: auto 100%;
     background-position: right center;
     background-repeat: no-repeat;
     background-color: rgb(202, 66, 134);
     height: 680px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }

   .LandingTopBannerContent h1 {
     padding: 30px;
     padding-right: 30px;
     padding-left: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 100px;
     margin-top: 100px;
     margin-bottom: 100px;
     margin-top: 80px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
   }


   .LandingTopBannerContent p {
     padding: 30px;
     padding-top: 30px;
     padding-right: 30px;
     padding-left: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 100px;
     margin-top: 100px;
     margin-bottom: 100px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 24px;
     line-height: 1.6;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
   }

   #Second_Section_IMG {
     float: right;
   }


   /* ============= END PRICING CARDS PART =================== */


















   .ChemistryExpremintBannerContent,
   .ChemistryExpremintBannerContentCenter {
     background-image: url(../img/Chemistry_Expriments_Banner_DT.webp);
     background-size: 145%;
     background-position: right bottom;
     background-repeat: no-repeat;
     min-height: 720px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }


   .MovImgResize img {
     width: 100%;
     margin-top: 0px;
   }

   .MoveSectionsBockets {
     margin-top: -140px;
     background-image: url(../img/bg-abstract_New.jpg);
     background-size: 100% auto;
     background-position: bottom;
   }

   #MovNewSection {
     min-height: 500px;
     margin-top: 0px;
   }


   .BiologyExpremintBannerContentCenter {
     background-image: url(../img/Biology_Expriments_Banner_DT.webp);
     background-size: 135%;
     background-position: right top;
     background-repeat: no-repeat;
     min-height: 720px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }



   .PhysicsExpremintBannerContentCenter {
     background-image: url(../img/Physics_Expriments_Banner_DT.webp);
     background-size: 135%;
     background-position: left top;
     background-repeat: no-repeat;
     min-height: 720px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }






   .ImagInstedVideo {
     margin-left: auto;
     margin-right: auto;
     float: none;
     margin-top: 40px;
   }



   .BiologyAwardsExprementsPage {
     margin-left: auto;
     margin-right: auto;
   }


   #clientsSectionCont {
     padding-top: 40px;
     padding-bottom: 40px;
     margin-top: 100px;
   }


   #AwardsH2Chemistry {
     font-weight: 900;
     color: #000;
     font-size: 30px;
     text-align: center;
   }



   .SugestedTopicsH2,
   .SugestedTopicsH2 span {
     padding-top: 10px;
     font-size: 30px;
     text-align: center;
     margin-bottom: 40px;
   }

   .AwardsSectionHome {
     background-image: url(../img/DT_Awards2.webp);
     height: 720px;
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: bottom;
   }



   .PhysicsLabBenefits img {
     max-width: 130px;
     max-height: 130px;
   }





   #WhyPraxilabsMiddleCTA {
     background-image: url(../img/WhyPraxilabs_Middle_CTA_DT.webp);
     background-size: 100% auto;
     background-position: left center;
     min-height: 500px;
     position: relative;
     z-index: 2;
     top: 60px;
     background-repeat: no-repeat;
   }





   #WhyPraxilabsMiddleCTA h2 {
     font-size: 28px;
     color: #fff;

     margin-bottom: 5px;

     font-weight: 900;
     margin-bottom: 15px;
   }





   #WhyPraxilabsMiddleCTA p {
     font-size: 28px;
     color: #fff;

     margin-bottom: 5px;

     font-weight: 900;
     margin-bottom: 15px;
   }




   #WhyPraxilabs_includedsection {
     padding-top: 60px;
     padding-bottom: 40px;
   }



   #WhyPraxilabs_LastCTA {
     background-image: url(../img/WhyPraxilabs_LastCTA.webp);
     background-size: 100% auto;
     background-repeat: no-repeat;
   }

   #WhyPraxilabs_LastCTA h2 {
     font-size: 34px;

     padding-right: 0px;
     margin-bottom: 5px;
   }




   .FeaturedInDiv {
     max-width: 70%;
   }




   #HomeTop3Statistics {
     margin-top: -190px;
   }



   .HomeRightArrowLinks {
     font-size: 15px;
     text-decoration: none;
     margin-left: 20px;
     color: #6a58db;
     font-weight: 500;
   }




   .HomeRightArrowLinks:hover {
     font-size: 15px;
     text-decoration: none;
     margin-left: 20px;
     color: #e93182;
     font-weight: 500;


   }





   /* =============== TESTIMONIALS PART ===================== */


   .bodyTestimonials {
     padding: 30px;
   }

   .imageTestimonials {
     padding-top: 30px;
   }

   .imageTestimonials22 {
     padding-top: 8%;
   }



   .TopButtonsMainMenu {
     list-style: none;
     padding-left: 0;
   }

   .carousel-inner img {
     margin-left: auto;
     margin-right: auto;
   }

   .carousel-inner,
   .carousel-item {
     text-align: center;
   }

   .TestimonialsName {
     font-weight: 600;
     color: #883fba;
     font-size: 18px;
     margin-top: 30px;
   }

   .TestimonialsName22 {
     font-weight: 600;
     color: #3485de;
     font-size: 18px;
     margin-top: 30px;
   }

   .TestimonialsName44 {
     font-weight: 600;
     color: #883fba;
     font-size: 18px;
     margin-top: 30px;
   }

   /* .carousel-item { margin-left: auto; margin-right: auto; width: 100%; min-height: 300px;} */


   .carousel-indicators [data-bs-target] {
     box-sizing: content-box;
     flex: 0 1 auto;
     width: 30px;
     height: 3px;
     padding: 0;
     margin-left: 3px;
     margin-right: 3px;
     text-indent: -999px;
     cursor: pointer;
     background-color: #883fba;
     background-clip: padding-box;
     border: 0;
     border-top-width: 0px;
     border-top-style: none;
     border-top-color: currentcolor;
     border-bottom-width: 0px;
     border-bottom-style: none;
     border-bottom-color: currentcolor;
     border-top: 1px solid #264b80;
     border-bottom: 1px solid #264b80;
     opacity: 0.5;
     transition: 0.6s ease;
   }


   .dHomeSectionArrow {
     max-width: 12px;
     margin-left: 0px;
     margin-top: 0px;
   }

   .dHomeSectionArrow2 {
     max-width: 7px;
     margin-left: 10px;
     margin-top: 0px;
   }




   .carousel-indicators22 [data-bs-target] {
     box-sizing: content-box;
     flex: 0 1 auto;
     width: 10px;
     height: 10px;
     border-radius: 10px;
     padding: 0;
     margin-left: 10px;
     margin-right: 3px;
     text-indent: -999px;
     cursor: pointer;
     background-color: #FFF;
     background-clip: padding-box;
     border: 0;
     border-top-width: 0px;
     border-top-style: none;
     border-top-color: currentcolor;
     border-bottom-width: 0px;
     border-bottom-style: none;
     border-bottom-color: currentcolor;
     border-top: 1px solid #264b80;
     border-bottom: 1px solid #264b80;
     opacity: 0.5;
     transition: 0.6s ease;
   }

   .carousel-indicators22 {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     display: flex;
     justify-content: center;
     padding: 0;
     margin-right: 15%;
     margin-bottom: 1rem;
     margin-left: 15%;
     list-style: none;
   }







   .carousel-indicators {
     top: 560px;
   }

   .carousel-indicators22 {
     top: 620px;
   }


   #CarouselContainerSection22 h2 {
     font-size: 30px;
     text-align: center;
   }


   #CarouselContainerSection33 h2 {
     font-size: 30px;
     text-align: center;
   }



   #CarouselContainerSection44 h2 {
     font-size: 30px;
     text-align: center;
   }




   #CarouselContainerSection55 h2 {
     font-size: 30px;
     text-align: center;
   }



   #CarouselContainerSection5522 h2 {
     font-size: 30px;
     text-align: center;
   }









   .text-Small-mask-cont p {
     padding: 20px;
     padding-right: 20px;
     padding-bottom: 20px;

   }




   .img-Small-mask-cont img {

     padding-right: 10px;
   }

   .img-Small-mask-cont {
     padding: 15px;
   }

   .MaskOver h2 {
     font-size: 30px;
     margin-bottom: 100px;
   }








   .carousel-control-next-icon {
     background-image: url("../img/next.jpg");
   }

   .carousel-control-prev-icon {
     background-image: url("../img/prev.jpg");
   }

   .carousel-control-prev-icon,
   .carousel-control-next-icon {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: auto auto;
   }






   .carousel-control-next-icon33 {
     background-image: url("../img/next.jpg");
   }

   .carousel-control-prev-icon33 {
     background-image: url("../img/prev.jpg");
   }

   .carousel-control-prev-icon33,
   .carousel-control-next-icon33 {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: auto auto;
   }







   .carousel-control-next-icon55 {
     background-image: url("../img/next22.jpg");
   }

   .carousel-control-prev-icon55 {
     background-image: url("../img/prev22.jpg");
   }

   .carousel-control-prev-icon55,
   .carousel-control-next-icon55 {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: auto auto;
   }
















   #CarouselContainerSection {
     background-color: #FFF;
     min-height: 570px;
     margin-bottom: 100px;
   }

   #CarouselContainerSection22 {
     background-image: url(../img/testimonials_ImgBG2.jpg);
     min-height: 570px;
     margin-bottom: 0px;
     background-position: bottom;
     background-size: auto 100%;
     height: 880px;
   }



   #CarouselContainerSection33 {
     background-image: url(../img/Biology_testimonials_ImgBG2.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }


   #CarouselContainerSection44 {
     background-image: url(../img/Physics/testimonials_ImgBG.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }



   #CarouselContainerSection55 {
     background-image: url(../img/Biology_Experiment_testimonials_ImgBG2.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }


   #CarouselContainerSection5522 {
     background-image: url(../img/Chemistry_EX_testimonials_BG_Mob.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }


   #CarouselContainerSection552255 {
     background-image: url(../img/Physics_testimonials_ImgBG333.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }









   #LasthomeCTASection h2 {
     font-size: 30px;
   }


   .SectionsParagraph {
     padding-left: 100px;
     padding-right: 100px;
     font-size: 20px;
   }


   .NumbersIconCont p {
     font-size: 17px;
   }



   .header h1 {
     font-size: 30px;
     font-weight: bold;
     margin-bottom: 1rem;
     max-width: 77%;
     margin-left: auto;
     margin-right: auto;
   }

   #SubCTALandingP {
     font-size: 16px;
   }


 }


 .SpecialFooterLink {
   color: #e93182;
 }

 /* ================================= MOBILE  CSS CONDITIONS ==================================== */


 @media only screen and (max-width: 768px) {
   /* For Mobile: */


   /* ================================= ADJUST horizontal SCROLING In Mobile ================================= */

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

   /* ================================= ADJUST horizontal SCROLING In Mobile ================================= */



   .AddMarginTopIndesktop {
     margin-top: 0px;
   }


   .AddMarginBottomIndesktop {
     margin-bottom: 0px;
   }



   .FirstSectionUl {
     margin-top: 30px;
     padding-left: 16px;
   }

   .lolCTA01 {
     background-image: url(../img/CTA5.png);
     background-size: auto 100%;
     background-position: center top;
     min-height: 550px;
     position: relative;
     z-index: 2;
     top: -70px;
     background-repeat: no-repeat;
   }

   .lolCTA01 h2,
   .lolCTA01 p {
     text-align: center;
   }

   #MainFeatureIcons {
     padding-left: 0px;
   }

   .ClientsSectionDemoPage h2,
   #CarouselContainerSection h2 {
     font-size: 28px;
     text-align: center;
     font-weight: 600;
   }

   #MainFeatureIcons h3,
   #MainFeatureCont P {
     text-align: center;
     padding: 25px;
   }

   .navbar {
     background-color: #FFF;
   }


   .AwardsNewSection {
     background-image: url(../img/Awards_BG_Mobile.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
     min-height: 790px;

   }


   .AwardsNewSection h2 {
     margin-top: 50px;
     text-align: center;
   }

   .AwardsNewSection h2 span {
     font-weight: 900;
     font-size: 24px;
   }


   #mainformcontent {


     background-color: #FFF;
     box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.1);
     border-radius: 12px;
     padding: 30px;
     box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.5);
     padding-bottom: 50px;
   }

   #formdown {
     text-align: center;
   }

   #CTAchangeh23 {
     background-image: url(../img/cta_bg44.png);
     background-position: center center;
     background-size: auto 100%;
     text-align: center;
   }

   #CTAchangeh23 h2 {
     font-size: 24px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #CTAchangeh23 p {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }



   .NewDarkPlans {
     padding: 10px;
     padding-top: 40px;
     margin: 10px;
     margin-top: 80px;
     margin-top: 10px;
   }

   .NewPlanBocket {
     background-color: #FFF;
     margin: 0px;
     border-radius: 0px;
     border: solid 1px #BABABA;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: rgb(186, 186, 186);
   }




   #CTAcentplz .col-lg-6 {
     margin-top: 0px;
   }

   #CTAChangeh22 span {
     font-size: 24px;
     text-align: center;
     font-weight: 600;
   }

   #CTAChangeh22 {
     text-align: center;
   }

   .carousel-indicators {
     top: 650px;
   }

   #videoBigContainer {
     min-height: 370px;
   }

   .carousel-item {
     min-height: 680px;
   }

   .DivAfterBannerPraxi_01 {
     display: block;
     width: 100%;
     height: 50px;
   }

   .DivAfterBannerPraxi_03 {
     display: block;
     width: 100%;
     height: 400px;
     background: transparent;
   }

   #TopButton01,
   #TopButton02 {
     float: none;
   }

   #TopButton01 {
     margin-left: -15px;
     padding-bottom: 10px;
   }


   /* ============ Direction Script ================ */

   body {
     text-align: right;
     direction: rtl;
     font-family: "Verdana";
   }

   p,
   h1,
   h2,
   h3,
   h4,
   a,
   li,
   li p {
     text-align: right;
     direction: rtl;
   }

   /* =================================================== */




   .DisplayInMobOnly {
     display: block;
   }


   #FeaturedInTitle {
     font-size: 24px;
     font-weight: 700;
     color: rgb(68, 68, 68);
     margin-top: 40px;
     margin-bottom: 10px;
     margin-right: 0px;
     text-align: center;
     padding: 20px;
     line-height: 1.5;
   }


   .overlabBulittpoints {
     padding: 15px;
   }


   h2 {
     font-size: 22px;
     color: #e93182;
   }

   .LandingMainCTA {
     background-image: url("../img/CTA_Mob.jpg");
     background-size: auto 100%;
     padding: 20px;
     text-align: center;
   }

   .LandingMainCTA h2 {
     text-align: center;
   }

   ul {
     margin-bottom: 0;
   }

   .TopBannerContent {
     background-image: url(../img/mobileTopBanner02.jpg);
     background-size: auto 100%;
     height: 500px;
     margin-left: 10px;
   }





   .HomeBannerContent {
     background-image: url(../img/HomeMobBanner4_Mob.webp);
     background-size: 100% auto;
     min-height: 1020px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: bottom center;
     z-index: -1;
     background-repeat: no-repeat;
     background-color: #863460;
   }


   .BiologyBannerContent {
     background-image: url(../img/Bioogy_Mobile_Banner2.jpg);
     background-size: 131% auto;
     min-height: 920px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }

   .ChemistryBannerContent {
     background-image: url(../img/Chemistry_Mobile_Banner2.jpg);
     background-size: 108% auto;
     min-height: 690px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }


   .WhyPraxilabsBannerContent {
     background-image: url(../img/Why_Praxilabs_Banner_Mob.webp);
     background-size: 108% 140%;
     min-height: 700px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }








   .WhyPraxilabsBannerH1 h1 {
     padding: 10px;
     margin-right: 10px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 10px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     padding-top: 10px;
     text-align: center;
   }



   .WhyPraxilabsBannerH1 p {
     padding: 10px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     margin-bottom: 0px;
     font-size: 20px;
     line-height: 1.6;
     font-weight: 700;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
     font-weight: 300;
   }

   #WhyPraxilabsP_UnderCTA {
     color: #FFF;
     text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.59);
     font-size: 22px;
     padding-top: 10px;
     line-height: 1.5;
     padding-right: 2px;
     font-size: 14px;
     margin-top: 7px;
     text-align: center;
     margin-left: 0;
     font-weight: 200;
   }






   .comments-box {
     margin: 10px
   }







   .PhysicsBannerContent {
     background-image: url(../img/Physics_Mob_Banner2.jpg);
     background-size: auto 100%;
     min-height: 750px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }



   .PricingBannerContent {
     background-image: url(../img/pricing555_Mob.jpg);
     background-size: auto 100%;
     min-height: 920px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }


   .SimulationsBannerContent {
     background-image: url(../img/Simulations/breadcrumb_bg3_Mob.jpg);
     background-size: 108% auto;
     min-height: 800px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }





   .BiologyExpremintBannerContent,
   .BiologyExpremintBannerContentCenter {
     background-image: url(../img/Biology_Expriments_Banner_Mob.jpg);
     background-size: 108% auto;
     min-height: 670px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }



   #HomeTop3Statistics {
     margin-top: -170px;
   }



   .ChemistryExpremintBannerContent,
   .ChemistryExpremintBannerContentCenter {
     background-image: url(../img/Chemistry_Expriments_Banner_Mob.jpg);
     background-size: auto 108%;
     min-height: 720px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }





   .PhysicsExpremintBannerContent,
   .PhysicsExpremintBannerContentCenter {
     background-image: url(../img/Physics_Expriments_Banner_Mob.webp);
     background-size: auto 108%;
     min-height: 720px;
     margin-left: 10px;
     position: absolute;
     top: 0;
     right: 0;
     background-position: top center;
     z-index: -1;
   }









   .comment-form {
     margin-top: 4%;
     padding: 13px;
     max-height: 267px;
     background-color: rgba(255, 255, 255, 0.5);
     border-radius: 8px;
   }


   #FirstSection h2,
   #FirstSection p {
     text-align: center;
   }

   #FirstSection .col-lg-3 {
     margin-bottom: 20px;
   }

   .TopBannerContent {
     height: 550px;
   }

   .HomeBannerContent {
     height: 550px;
   }

   .BiologyBannerContent {
     height: 550px;
   }

   .PhysicsBannerContent {
     height: 550px;
   }

   .PricingBannerContent {
     height: 450px;
     min-height: 700px;
   }






   .PricingBannerH1 {
     color: #FFF;
     margin-top: 0px;
     font-size: 30px;
     line-height: 1.5;
     font-weight: 600;
     text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.67);
     text-align: center;
     text-align: center;
     margin: 30px;
   }

   .PricingBannerP {
     padding: 0px;
     margin-right: auto;
     margin-left: auto;
     color: #FFF;
     margin: 0px;
     margin-top: 20px;
     margin-bottom: 20px;
     ;
     font-size: 20px;
     line-height: 1.4;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
     text-align: center;
   }



   .SecondListBiology {
     margin-left: 13px;
     margin-top: -24px;
   }









   .TopBannerH1 {
     margin-right: 10px;
     margin-top: 0;
   }

   .HomeBannerH1 {
     margin-right: 10px;
     margin-top: 0;
     padding-top: 0 !important;
   }

   .SpeedCTASection {
     background-image: url(../img/CTA_Mob.jpg);
     background-size: cover;
     padding: 40px;
   }

   .SpeedCTASection h2 {
     color: #FFF;
     padding-top: 20px;
   }

   .SpeedCTASection p {
     color: #FFF;
   }


   #ThirdSection h2 span {
     text-align: center;
   }

   #ThirdSection h2,
   #ThirdSection h3,
   #ThirdSection p {
     text-align: center;
   }


   .overlabBulittpoints {
     margin: 20px;
     margin-right: 30px;
     top: -36px
   }

   .ClientsLogosMainSec {
     margin-top: -70px;
   }

   #ThirdSection {
     margin-top: 40px;
   }

   .TopBannerContent h1 {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 40px;
     font-size: 26px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
   }

   .HomeBannerContent h1,
   .HomeBannerH1 h1 {
     padding: 10px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 26px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
     padding-top: 30px;
   }



   .BiologyBannerContent h1,
   .BiologyBannerH1 h1 {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 28px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
   }



   .BiologyExpremintBannerContent h1,
   .BiologyExpremintBannerH1 h1 {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
   }

   .BiologyExpremintBannerContent h2,
   .BiologyExpremintBannerH1 h2 {
     padding: 0px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 24px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
     padding-bottom: 30px;
   }




   .ChemistryExpremintBannerContent h1,
   .ChemistryExpremintBannerH1 h1 {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
   }

   .ChemistryExpremintBannerContent h2,
   .ChemistryExpremintBannerH1 h2 {
     padding: 0px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 24px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
     padding-bottom: 30px;
   }



   .PhysicsExpremintBannerContent h1,
   .PhysicsExpremintBannerH1 h1 {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
   }

   .PhysicsExpremintBannerContent h2,
   .PhysicsExpremintBannerH1 h2 {
     padding: 0px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 24px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
     padding-bottom: 30px;
   }






   .BiologyExpremintBannerContentCenter h1,
   .BiologyExpremintBannerCenterH1 h1 {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 32px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
   }

   .BiologyExpremintBannerContent h2,
   .BiologyExpremintBannerCenterH1 h2 {
     padding: 0px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     font-size: 24px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
     padding-bottom: 30px;
   }





   .TopBannerContent p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-left: 0;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 300;
     padding-top: 0;
     text-align: center;
   }



   .BiologyExpremintBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-left: 0;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.6;
     font-weight: 300;
     padding-top: 0;
     text-align: center;
   }

   .HomeBannerContent p,
   .HomeBannerH1 p {
     padding: 10px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 10px;
     margin-bottom: 20px;
     font-size: 18px;
     line-height: 1.6;
     font-weight: 300;
     padding-top: 0;
     text-align: center;
   }


   .BiologyContent p,
   .BiologyBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-left: 10px;
     padding-right: 10px;
     color: #FFF;
     margin: 10px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 20px;
     line-height: 1.6;
     font-weight: 300;
     padding-top: 0;
     text-align: center;
   }


   .TopBannerCTAcontent {
     margin-right: 0px;
     text-align: center;
   }


   .TopBannerCTABiologycontent {
     margin-right: 0px;
     text-align: center;
   }



   .TC-001 {
     background-color: rgb(233, 49, 130);
     border: medium none;
     color: rgb(255, 255, 255);
     font-size: 24px;
     padding: 14px 18px;
     display: block;
     max-width: 300px;
     margin-left: auto;
     margin-right: auto;
     font-weight: 600;
     border-radius: 9px;
   }


   .TopBannerCTAcontent .TC-002 {
     font-size: 22px;
     text-decoration: none;
     padding: 10px 40px;
     margin-left: 0;
     margin-right: 20px;
     background: #FFF;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #d52b1e;
   }

   .TopBannerCTAcontent .TC-002:hover {
     margin-left: 0;
     margin-right: 20px;
     background: #d52b1e;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #FFF;
   }






   .TopBannerCTABiologycontent .TC-002 {
     font-size: 22px;
     text-decoration: none;
     padding: 10px 40px;
     margin-left: 0;
     margin-right: 20px;
     background: #FFF;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #d52b1e;
   }

   .TopBannerCTABiologycontent .TC-002:hover {
     margin-left: 0;
     margin-right: 20px;
     background: #d52b1e;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #FFF;
   }






   .TC-002 {
     font-size: 22px;
     text-decoration: none;
     padding: 10px 30px;
     margin-left: 0;
     margin-right: 20px;
     background: #FFF;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #d52b1e;
   }

   .TC-002 a {
     color: #d52b1e;
     text-decoration: none;
   }

   .TC-002:hover {
     margin-left: 0;
     margin-right: 20px;
     background: #d52b1e;
     border-radius: 45px;
     border: 1px solid #d52b1e;
     color: #FFF;
     margin-left: auto;
     margin-right: auto;
   }



   .MovImgResize img {
     width: 100%;
     margin-top: 0px;
   }

   .mainCOntThanks {
     padding: 10px;
   }




   .OneOfThree {
     margin: 20px;
     padding: 20px;
     box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.2);
     text-align: center;
     border-radius: 9px;
   }

   .OneOfThree h3 {
     color: #3cb252;
     margin-bottom: 20px;
   }

   .OneOfThree img {
     color: #3cb252;
     margin-top: 10px;
     margin-bottom: 10px;
   }

   .buttonOnWhite {
     background-color: #FFF;
     color: #264b80;
     padding: 20px;
     padding-left: 40px;
     padding-right: 40px;
     border-radius: 9px;
     font-size: 22px;
     font-weight: 700;
   }


   .TestimonialCont {
     background-color: #fff;
     box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
     max-width: 80%;
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 20px;
     background-image: url(../img/quoat.jpg);
     background-repeat: no-repeat;
     background-position: top left;
     margin-bottom: 20px;
     padding-bottom: 20px;
   }






   .lolBox h1,
   .lolBox h2,
   .lolBox p {
     text-align: center;
   }




   .imageTestimonials22 {
     padding-top: 8%;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
   }




   .lolBox {
     background-color: #FFF;
     padding-bottom: 25px;
     box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

     border-radius: 9px;
   }

   .single-blog-wrap {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
     transition: .3s;
     margin: 11px;
     margin-top: 20px;
   }

   .single-blog-wrap:hover {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.2);
   }

   .single-blog-wrap.active {
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.2);
   }

   .blog-thumb img {
     max-width: 100%;
     height: auto;
   }


   .blog-content {
     padding: 25px;
   }

   .blog-content a {
     color: rgb(112, 88, 214);
     text-decoration: none;
   }

   .facebookIcon {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/FaceBook_Up.png);
     display: block;
     float: left;
     margin-right: 10px;
     background-size: 100% auto;
   }

   .facebookIcon:hover {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/FaceBook_Down.png);
     display: block;
     background-size: 100% auto;
   }




   .twitterIcon {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/Twitter_Up.jpg);
     display: block;
     float: left;
     margin-right: 10px;
     background-size: 100% auto;
   }

   .twitterIcon:hover {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/Twitter_Down.png);
     display: block;
     background-size: 100% auto;
   }



   .instagramIcon {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/Inestagram_Up.png);
     display: block;
     float: left;
     margin-right: 10px;
     background-size: 100% auto;
   }

   .instagramIcon:hover {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/Inestagram_Down.png);
     display: block;
     background-size: 100% auto;
   }





   .youtubeIcon {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/YouTube_Up.png);
     display: block;
     float: left;
     margin-right: 10px;
     background-size: 100% auto;
   }

   .youtubeIcon:hover {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/YouTube_Down.png);
     display: block;
     background-size: 100% auto;
   }






   .linkedinIcon {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/LinkedIn_Up.png);
     display: block;
     float: left;
     background-size: 100% auto;
   }

   .linkedinIcon:hover {
     width: 48px;
     height: 48px;
     background-image: url(../img/Social_Icons/LinkedIn_Down.png);
     display: block;
     background-size: 100% auto;
   }





   .icon {
     color: #FFFFFF;
     background-color: #e93182;
     border-radius: 50% 50% 50% 0%;
     margin: 15px 0px 30px 0px;
     padding: 18px 13px 18px 18px;
     display: inline-block;
     margin-bottom: 13px;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
   }

   .icon p {
     line-height: 26px;
     font-size: 44px;
     min-width: 30px;
     color: rgb(255, 255, 255);
     font-weight: 200;
     margin: 10px;
   }




   .oneOfThreeInstit {
     min-height: 170px;
   }

   .oneOfThreeInstit p {
     font-size: 17px;
     font-weight: 300;
   }


   #TopbannerCTA03 {
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);
     text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
     color: #FFF;
     max-width: 280px;
   }


   #biologyCont h3 {
     color: rgb(0, 0, 0);
     font-weight: 200;
     margin-left: 40px;
     font-size: 16px;
     font-weight: normal;
     line-height: 26px;
     color: #444;
     margin-bottom: 15px;
     font-weight: 200;
     font-size: 17px;
     color: #333;
   }


   .team-social {
     width: 331px;
     height: 50px;

     margin-left: auto;
     margin-right: auto;
   }








   .TopBannerContentThakYouPart {
     background: rgb(67, 70, 175);
     background: linear-gradient(180deg, rgba(67, 70, 175, 1) 7%, rgba(127, 86, 214, 1) 90%);
     height: 2250px;
     position: absolute;
     top: 0;
     padding-top: 130px;
     z-index: -1;
     right: 0;
   }



   .TopBannerContentSignupPart {
     background-image: url(../img/New_Green_Bg_M0b_011.jpg);
     height: 1800px;
     position: absolute;
     top: 0;
     padding-top: 130px;
     z-index: -1;
     right: 0;
     background-size: 100% auto;
   }


   .Add_DT_Paading100,
   .Add_DT_Paading170 {
     padding: 10px;
     padding-top: 30px;
   }

   #MobileTitle,
   #MobileAlreadyHave {
     display: block;
     padding-left: 40px;
     padding-right: 40px;
   }

   #MobileTitle {
     color: #FFF;
     text-align: center;
     font-size: 26px;
     font-weight: 600;
   }

   #GreenPartText {
     display: none;
   }

   #GreenPartText2 {
     display: block;
   }

   #leftSideForm {
     height: 271px;
   }

   #mainformcontent2 {


     margin-left: 0px;
   }

   #mainformcontent3 {

     padding: 40px;
     margin-left: 0px;
   }

   #mainformcontent2 h1,
   #mainformcontent2 p {
     text-align: center;
   }

   #mainformcontent3 h1,
   #mainformcontent3 p {
     text-align: center;
   }






   #TopbannerCTA01 {
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);
     text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
     color: #FFF;
     padding: 14px 30px;
     margin-top: 20px;
     max-width: 320px;

     white-space: normal !important;
     word-wrap: break-word;
     overflow-wrap: break-word;
     text-align: center;
   }

   #TopbannerCTA01:hover {
     background: #FFF;
     color: rgb(255, 70, 136);
   }




   #TopbannerCTA02 {
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 146, 154, 1) 6%, rgba(255, 70, 136, 1) 86%);
     text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
     color: #FFF;
     padding: 18px 30px;
   }

   #TopbannerCTA02:hover {
     background: #FFF;
     color: rgb(255, 70, 136);
   }







   #TopbannerCTA02Home {
     background: #5A439C;
     background: linear-gradient(90deg, rgba(90, 67, 156, 1) 0%, rgba(113, 92, 216, 1) 100%);
     text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
     color: #FFF;
     padding: 18px 30px;
   }

   #TopbannerCTA02Home:hover {
     background: #998ae6;
     background: linear-gradient(90deg, rgba(153, 138, 230, 1) 0%, rgba(136, 119, 210, 1) 0%, rgba(90, 67, 156, 1) 100%);
     ;
     color: rgb(255, 255, 255);
   }









   #BiologyTopbannerCTA01 {
     background: rgb(255, 255, 255);


     color: #e76229;
     padding: 18px 30px;
     margin-bottom: 40px;
   }

   #BiologyTopbannerCTA01:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
     margin-bottom: 40px;
   }




   #BiologyTopbannerCTA02 {
     background: rgb(255, 255, 255);


     color: #e76229;
     padding: 18px 30px;
   }

   #BiologyTopbannerCTA02:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
   }





   #ChemistryTopbannerCTA01 {
     background: rgb(255, 255, 255);


     color: #e93182;
     padding: 18px 30px;
     margin-right: auto;
     margin-bottom: 20px;
   }

   #ChemistryTopbannerCTA01:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
     margin-right: auto;
   }




   #ChemistryTopbannerCTA02 {
     background: rgb(255, 255, 255);


     color: #e93182;
     padding: 18px 30px;
   }

   #ChemistryTopbannerCTA02:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
   }












   .TopBannerCTAcontent {
     margin-left: 0px;
   }


   .TopBannerCTABiologycontent {
     margin-left: 0px;
   }

   .btn2 {

     background: transparent;

     border-radius: 5px;
     color: #fff;
     display: inline-block;
     font-size: 20px;
     font-weight: 800;
     letter-spacing: unset;
     line-height: 1;
     margin-bottom: 0;
     padding: 17px 30px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.37);
   }



   .btn {
     max-width: 280px;
     text-wrap: auto;
   }


   .topfeaturesbocket {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
     min-height: 450px;
     margin-top: 0px;
     padding-top: 20px;
     border-radius: 9px;
   }

   .features-content {
     padding: 35px;
   }

   .features-content2 {
     padding: 15px;
   }

   .topfeaturesbocket h3 {
     font-size: 18px;
   }



   .features-area {
     padding-left: 0px;
     padding: 20px;
     margin-top: 60px;
     min-height: 1200px;
   }


   .features-area h2,
   .features-area p {
     text-align: center;
   }

   .features-area h2 {
     font-size: 22px;
     color: rgb(0, 0, 0);
     font-weight: 700;
     margin-bottom: 20px;
   }

   .topfeaturesbocket.col-lg-12 {
     float: right;
   }

   .features-content2 h3 {
     text-align: center;
     font-size: 20px;
     margin-bottom: 20px;
   }

   .features-content2 p {
     color: rgb(51, 51, 51);
     font-weight: 200;
     padding-right: 20px;
     padding-left: 20px;
     font-size: 18px;
   }

   #firstBulckTextIcons .col-xl-4.col-lg-4.col-md-6 {
     margin-top: 60px;
   }



   #firstBulckTextIcons {
     padding: 10px;
     padding-top: 0;
   }

   .container223 {
     margin-top: -100px;
   }



   #discoverHowH2 {
     color: rgb(0, 0, 0);
     font-weight: 700;
     font-size: 24px;
     margin-right: 0px;
     margin-top: 30px;
     text-align: center;
   }




   .ThreePurbleBocketsButton {
     border: none;

     margin-top: 10px;

     margin-left: auto;
     margin-right: auto;

     margin-top: 0px;
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);

     color: #FFF;
     max-width: 240px;
     border-radius: 5px;
     color: #FFF;
     display: inline-block;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: unset;
     line-height: 1;
     margin-bottom: 25px;
     padding: 17px 30px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: wrap;
     cursor: pointer;
     min-width: 82%
   }



   .ThreePurbleBocketsButton:hover {
     background: #FFF;
     color: rgb(255, 70, 136);
     box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
   }

   .ThreePurbleBocketstitle {
     font-weight: 800 !important;
     color: #8433bc;
     font-size: 19px !important;
   }


   .ThemeButtonGradient {
     background: rgb(130, 55, 198);
     background: linear-gradient(90deg, rgba(130, 55, 198, 1) 12%, rgba(207, 76, 81, 1) 88%);
     color: #FFF;
     border: solid 1px #FFF;
     margin-top: 40px;
     margin-bottom: 50px;
   }



   .StepOneOfThree {
     margin-top: 100px;
   }







   #What22 {
     padding-top: 40px;
     color: rgb(255, 255, 255);
     padding-left: 0px;
     font-size: 22px;
     text-align: center;
     font-weight: 600;
     margin-bottom: 20px;
     line-height: 1.5;
   }

   .small-Mask-Container {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
     border-radius: 9px;
     min-height: 220px;
     margin-bottom: 30px;
   }















   .howitworks {
     transform: scale(1);
     transition: all 1s;
   }




   .NewThreeBocketsCont {
     margin-left: auto;
     margin-right: auto;
     border-radius: 12px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
     max-width: 333px;
   }


   .OverYasta {
     transform: scale(1.03);

     transition: all 0.5s;
   }

   .NewThreeBocketsCont p {
     margin: 30px;
     color: #444;
     padding-bottom: 30px;
     font-size: 18px;
     min-height: 224px;
   }


   .imageThreeBocket {
     max-height: 420px;
     overflow: hidden;
     border-top-left-radius: 11px;
     border-top-right-radius: 11px;
   }

   .TextThreeBocket {
     position: absolute;
     top: 0px;
     padding: 30px;
     padding-right: 30px;
     padding-bottom: 30px;
     padding-right: 20px;
     padding-bottom: 30px;
   }




   #ThreeAnimatedBocketTitle {
     margin-top: 70px;
     margin-bottom: 70px;
   }














   .carousel-control-next-icon {
     background-image: url("../img/next.jpg");
   }

   .carousel-control-prev-icon {
     background-image: url("../img/prev.jpg");
   }

   .carousel-control-prev-icon,
   .carousel-control-next-icon {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: auto auto;
   }






   .carousel-control-next-icon33 {
     background-image: url("../img/next.jpg");
   }

   .carousel-control-prev-icon33 {
     background-image: url("../img/prev.jpg");
   }

   .carousel-control-prev-icon33,
   .carousel-control-next-icon33 {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: auto auto;
   }







   .carousel-control-next-icon55 {
     background-image: url("../img/next22.jpg");
   }

   .carousel-control-prev-icon55 {
     background-image: url("../img/prev22.jpg");
   }

   .carousel-control-prev-icon55,
   .carousel-control-next-icon55 {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: auto auto;
   }







   .howitworks {
     transform: scale(1);
     transition: all 1s;
   }

   .NewThreeBocketsCont {
     margin-left: auto;
     margin-right: auto;
     border-radius: 12px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
     max-width: 339px;
   }


   .OverYasta {
     transform: scale(1.03);

     transition: all 0.5s;
   }

   .NewThreeBocketsCont p {
     margin: 30px;
     color: #444;
     padding-bottom: 30px;
     font-size: 18px;
     min-height: 224px;
   }

   .NewThreeBocketsCont {
     margin-left: auto;
     margin-right: auto;
     border-radius: 12px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
     max-width: 339px;
   }

   .imageThreeBocket {
     max-height: 420px;
     overflow: hidden;
     border-top-left-radius: 11px;
     border-top-right-radius: 11px;
   }

   .TextThreeBocket {
     position: absolute;
     top: 0px;
     padding: 30px;
     padding-right: 30px;
     padding-bottom: 30px;
     padding-right: 20px;
     padding-bottom: 30px;
   }

   .TextThreeBocket h3 {
     font-size: 22px;
     font-weight: 600;
     line-height: 1.4;
   }


   #ThreeAnimatedBocketTitle {
     margin-top: 70px;
     margin-bottom: 70px;
   }







   #SectionsPart {
     background-image: url(../img/Equepments_bg2.png);
     background-size: auto 100%;
     background-position: center right;
     padding-top: 100px;
   }






   #SecondSectopnTitle h2 {
     color: rgb(0, 0, 0);
     font-weight: 700;
     font-size: 24px;
     margin-bottom: 40px;
     text-align: center;
     margin-top: -40px;
     padding: 10px;
     padding-top: 0;
     padding-bottom: 0;
     line-height: 1.5;
   }

   #SecondSectopnTitle p {
     text-align: center;
     font-size: 18px;
   }



   #LasthomeCTASection {
     background-image: url(../img/LASThomeCTA2.webp);
     background-size: auto 100%;
     min-height: 300px;
     padding: 40px;
     text-align: center;
   }

   #LasthomeCTASection h2 {
     color: #FFF;
     font-weight: 800;
     font-size: 24px;
     text-align: center;
     line-height: 1.4;
   }






   #SecondButtomTop2 {
     background: #FFF;
     border: none;
     border-radius: 5px;
     color: #e83e8c;
     display: inline-block;
     font-size: 20px;
     font-weight: 800;
     line-height: 1;
     margin-bottom: 0;
     padding: 15px 19px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;

     text-decoration: none;
   }

   #SecondButtomTop2:hover {

     background: rgb(255, 71, 137);
     background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
     border: none;
     border-radius: 5px;
     color: #FFF;
     display: inline-block;
     font-size: 20px;
     font-weight: 800;
     line-height: 1;
     margin-bottom: 30;
     padding: 15px 19px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: nowrap;
     font-family: Verdana, Geneva, Tahoma, sans-serif;

     text-decoration: none;
   }




   .First3Steps {
     text-align: left;
     padding-right: 200px;
     padding-left: 0px;
     margin: 60px 110px 130px 100px
   }

   .Second3Steps {
     text-align: left;
     padding-right: 0px;
     padding-left: 0px;
     margin: -50px 10px 130px 660px
   }

   .Third3Steps {
     text-align: left;
     padding-right: 130px;
     padding-left: 0px;
     margin: -10px 110px 130px 100px
   }




   .SectionsHyberLink1-3 {
     color: #e93182;
     font-weight: 900;
     font-size: 24px;
     text-decoration: underline;
   }

   #FirstExpreList li p,
   #FirstExpreList2 li p {
     font-size: 20px;
   }

   #FirstExpreList li,
   #FirstExpreList2 li {
     list-style: none;
   }




   #biologyCont h3,
   #PhysicsCont h3,
   #ChemistryCont h3 {
     text-align: left;
   }

   .AddMarginLeftInMobile {
     margin-left: 30px;
   }

   #removeMarginLeft11 {
     margin-left: 0;
   }

   .AddPaddingLeftMob {
     margin-left: 20px;
   }

   .DisplayInDeskTopOnly {
     display: none;
   }





   #ThisIsWhatIWantToCall {
     font-size: 24px;
     line-height: 1.6;
   }


   .First3Steps {
     text-align: center;
     padding-right: 0px;
     padding-left: 0px;
     margin: 0px
   }

   .Second3Steps {
     text-align: center;
     padding-right: 0px;
     padding-left: 0px;
     margin: 0
   }

   .Third3Steps {
     text-align: center;
     padding-right: 0px;
     padding-left: 0px;
     margin: 0
   }

   .title,
   .First3Steps p,
   .Second3Steps p,
   .Third3Steps p {
     text-align: center;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 20px;
     margin-right: 20px;
   }




   .ThemeButtonGradient22 {

     background: linear-gradient(90deg, rgba(130, 55, 198, 1) 12%, rgba(207, 76, 81, 1) 88%);
     color: #FFF;
     border: solid 1px #FFF;
     margin-top: 0px;
   }

   .ThemeButtonGradient22:hover {
     background: #FFF;
     color: #883fba;
     border: solid 1px #883fba;
   }

   #BoyCTATextArea {
     margin-top: 0px;
     padding-right: 30px
   }




   #BoyCTA {
     margin-top: -90px;
     margin-bottom: 20px;
     background-image: url(../img/New_CTA_home_BG.png);
     background-size: 100% auto;
     background-position: right bottom;
     background-repeat: no-repeat
   }


   #GoToWhite {
     margin-bottom: 30px;
     color: rgb(233, 49, 130);
     font-size: 24px;
     font-weight: 600;
     padding: 20px;
   }

   .CTAlistingStyle {
     line-height: 2;
     color: #333;
     list-style: circle;
     list-style-position: outside;
     list-style-position: inside;
     text-align: left;
     margin: 0;
     padding-left: 0px;
     list-style: outside;
   }

   .CTAlistingStyle li {
     font-size: 20px;
   }


   .ParagraphUnderCTA {
     color: rgb(68, 68, 68);
     margin-top: 20px;
     margin-right: 0px;
     font-weight: 200;
     text-align: center;
   }







   .imageIconsbox img {
     width: 100px;
     margin-bottom: 30px;
   }

   .features-content h3 {
     color: #000;
     font-size: 19px;
     padding-top: 12px;
     text-align: center;
   }


   .features-content p {
     color: #000;
     font-size: 16px;
     padding-top: 12px;
     text-align: center;
   }







   .choose-icon {
     width: 100%;
     text-align: center;
     float: left;
     width: 100%;
     height: auto;
     display: block;
   }


   .choose-content .titleNumber {
     font-size: 35px;
     font-weight: 600;
     color: #e93182;
     padding-bottom: 0px;
   }


   .NumbersIconCont {
     margin-top: 30px;
   }

   #iconSection {
     background-image: url(../img/Statistics_BG.png);
     background-size: 100% auto;
     margin-top: -40px;
     background-repeat: no-repeat;
   }

   #iconSection h2 {
     text-align: center;
     font-weight: 600;
     font-size: 24px;
   }


   .choose-icon img {
     width: 65px;
     height: auto;
     margin-bottom: 30px;
     display: none;
   }



   .choose-content p {
     color: #444;
     font-size: 18px;
     padding: 30px;
     padding-top: 0px;
     font-weight: 600;
   }


   .Alooooo3333 {
     position: absolute;
     width: 100%;
     text-align: center;
     margin-top: 70px;
   }

   .Alooooo3333 h2 {
     font-size: 26px;
     font-weight: 900;
     color: #333;
     margin-bottom: 10px;
     text-align: center;
     padding: 30px;
   }

   .Alooooo3333 p {
     font-size: 17px;
     font-weight: 200;
     color: rgb(68, 68, 68);
     line-height: 1.5;
     text-align: center;
     padding: 20px;
     padding-top: 0;
   }





   #HomeAwardsSection {
     margin-top: -170px;
   }

   .bodyTestimonials h4 {
     text-align: center !important;
     float: none;
     font-size: 18px;
   }




   .TestimonialCont2 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/testimonials_Box_Mob2.png);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont2 {
     min-height: 920px;
     padding: 10px;
     padding-top: 0px;
     max-width: 90%;
     background-position: center left;
     padding-bottom: 10px;
   }






   .TestimonialCont3 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/Biology_testimonials_Box_Mob.webp);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont3 {
     min-height: 990px;
     padding: 10px;
     padding-top: 0px;
     max-width: 90%;
     background-position: center left;
     padding-bottom: 10px;
   }






   .TestimonialCont322 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/Chemistry_EX_testimonials_Box_Mob.png);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont322 {
     min-height: 920px;
     padding: 10px;
     padding-top: 0px;
     max-width: 100%;
     background-position: center left;
     padding-bottom: 10px;
   }








   .TestimonialCont4 {
     margin-left: auto;
     margin-right: auto;
     border-radius: 9px;
     margin-top: 0px;
     background-image: url(../img/Physics/testimonials_Box_Mob2.png);
     background-repeat: no-repeat;
     background-position: bottom left;
     margin-bottom: 20px;
     padding-bottom: 20px;
     background-size: 100% auto;
   }

   .TestimonialCont4 {
     min-height: 920px;
     padding: 10px;
     padding-top: 0px;
     max-width: 90%;
     background-position: center left;
     padding-bottom: 10px;
   }


   .bodyTestimonials {
     padding: 30px;
     padding-top: 0;
   }

   .bodyTestimonials p {
     text-align: center;
     padding: 10px;
   }






   .carousel-indicators22 {
     top: 780px;
   }



   #CarouselContainerSection22 h2 {
     font-size: 24px;
     text-align: center;
     line-height: 1.7;
   }




   #CarouselContainerSection33 h2 {
     font-size: 24px;
     text-align: center;
   }

   #CarouselContainerSection55 {
     background-image: url(../img/Biology_Experiment_testimonials_ImgBG2.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }

   #CarouselContainerSection5522 {
     background-image: url(../img/Chemistry_EX_testimonials_BG_Mob.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }

   #CarouselContainerSection552255 {
     background-image: url(../img/Physics_testimonials_ImgBG333.jpg);
     min-height: 570px;
     margin-bottom: 100px;
     background-position: bottom;
     background-size: auto 100%;
   }

   #CarouselContainerSection55 h2,
   #CarouselContainerSection5522 h2,
   #CarouselContainerSection552255 h2 {
     font-size: 24px;
     text-align: center;
   }



   #CarouselContainerSection44 h2 {
     font-size: 24px;
     text-align: center;
   }






   .text-Small-mask-cont p {
     padding: 20px;
     padding-right: 20px;
     padding-bottom: 20px;
     font-weight: 600;

   }


   .small-Mask-Container22 {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
     border-radius: 9px;
     min-height: 250px;
     margin: 30px;
   }

   .img-Small-mask-cont img {

     padding-right: 10px;
   }

   .img-Small-mask-cont {
     padding: 15px;
     text-align: center;
   }

   .MaskOver h2 {
     font-size: 24px;
     margin-bottom: 20px;
   }




   #CTAchangeh233 {
     background-image: url(../img/Last_CTA.jpg);
     background-position: center center;
     background-size: 100% auto;
     text-align: center;
   }

   #CTAchangeh233 h2 {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #CTAchangeh233 p {
     font-size: 16px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }




   #BiologyCTAchangeh233 {
     background-image: url(../img/cta_bgBiology.jpg);
     background-position: center center;
     background-size: auto 100%;
     text-align: center;
   }

   #BiologyCTAchangeh233 h2 {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #BiologyCTAchangeh233 p {
     font-size: 16px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }





   #ChemistryCTAchangeh233 {
     background-image: url(../img/chemistry_lastCTA.jpg);
     background-position: center center;
     background-size: auto 100%;
     text-align: center;
   }

   #ChemistryCTAchangeh233 h2 {
     font-size: 24px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #ChemistryCTAchangeh233 p {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }




   #PhysicsCTAchangeh233 {
     background-image: url(../img/Physics/Bottom_CTA.jpg);
     background-position: center center;
     background-size: auto 100%;
     text-align: center;
   }

   #PhysicsCTAchangeh233 h2 {
     font-size: 24px;
     color: #FFF;
     text-align: center;
     font-weight: 600;
   }

   #PhysicsCTAchangeh233 p {
     font-size: 22px;
     color: #FFF;
     text-align: center;
     font-weight: 400;
   }





   #FREEMob,
   #FREEMob2,
   #FREEMob3 {
     font-size: 32px;
     text-align: center;
     margin-top: 0px;
   }

   .NewPlanBocket .Plol {
     min-height: 55px;
   }

   /* Keep the checkbox inputs hidden but functional */
   .read-more-toggle {
     display: none;
   }

   /* Ensure labels are visible and clickable */
   .header111,
   .header222,
   .header333 {
     display: block;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 20px;
     text-decoration: underline;
     cursor: pointer;
   }

   /* Content sections hidden initially with smooth transition */
   .read-more-toggle~.content111,
   .read-more-toggle~.content222,
   .read-more-toggle~.content333 {
     max-height: 0;
     opacity: 0;
     overflow: hidden;
     transition: max-height 0.5s ease, opacity 0.5s ease;
   }

   /* Content sections expanded and visible when checked */
   .read-more-toggle:checked~.content111,
   .read-more-toggle:checked~.content222,
   .read-more-toggle:checked~.content333 {
     max-height: 500px;
     /* adjust as needed */
     opacity: 1;
   }

   /* Toggle Read more and Read less labels */
   .read-more-toggle~label .read-more {
     display: inline;
   }

   .read-more-toggle~label .read-less {
     display: none;
   }

   .read-more-toggle:checked~label .read-more {
     display: none;
   }

   .read-more-toggle:checked~label .read-less {
     display: inline;
   }

   .header111,
   .header222,
   .header333 {
     display: block;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 20px;
     text-decoration: underline;
     cursor: pointer;
   }







   .PricingClientLogos {
     max-width: 330px;
   }

   .PricingClientLogos.BoilogyExperiments {
     float: none;
     margin-left: auto;
     margin-right: auto;
   }


   .MiddleInMobile {
     text-align: center;
     margin-top: 40px;
   }


   .carousel-control-prev33 {
     position: absolute;
     left: 90%;
     top: 35%
   }

   .carousel-control-next33 {
     position: absolute;
     left: 0;
     top: 35%
   }





   .card-body {
     padding: 35px;
     min-height: 364px;
     text-align: left;
   }


   .card.card-shadow {
     -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
     box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
   }

   .bg-success-gradiant {
     background: rgb(209, 78, 141);
     background: linear-gradient(90deg, rgba(209, 78, 141, 1) 6%, rgba(105, 89, 220, 1) 86%);
   }


   .thumb {
     padding: 10px 20px 10px;
     padding-left: 20px;
     padding-left: 90px;
     margin-left: -35px;
   }


   .card.ContNAIIR {
     margin: 20px;
   }




   .thumb-img {
     width: 70px;
     left: 20px;
     top: -10px;
   }



   .devider {
     height: 1px;
     background: rgba(120, 130, 140, 0.13);
     width: 100px;
   }


   .card {
     border: none !important;
     min-height: 550px;
   }



   .HomeRightArrowLinks {
     font-size: 15px;
     text-decoration: none;
     margin-left: -5px;
     color: #6a58db;
     font-weight: 500;
   }


   .dHomeSectionArrow {
     max-width: 12px;
     margin-left: 40px;
     margin-top: 0px;
   }

   .dHomeSectionArrow2 {
     max-width: 12px;
     margin-left: 10px;
     margin-top: 0px;
   }

   .HomeRightArrowLinks:hover {
     font-size: 15px;
     text-decoration: none;
     margin-left: -5px;
     color: #e93182;
     font-weight: 500;


   }


   .CTAENDSECTION2 {
     background: rgb(209, 78, 141);
     background: linear-gradient(90deg, rgba(209, 78, 141, 1) 6%, rgba(105, 89, 220, 1) 86%);
   }


   .PricingCTAOneArea h2 {
     text-align: center;
   }

   .PricingCTAOneArea {
     margin: 10px;
     padding: 10px;
   }



   .PricingCTAOneArea input {
     margin-bottom: 70px;
   }


   .Pricing_Awards_Text {
     margin-right: 0px;
     text-align: center;
     margin-top: 40px;
   }

   .Pricing_Awards_Text h2 {
     margin-right: 0px;
     text-align: center;
   }

   .Pricing_Awards_Text p {
     margin-right: 0px;
     text-align: center;
   }



   #FeaturedInTitle.addMobileMarginTop {
     margin-top: 200px;
   }

   #FeaturedInTitle.addMobileMarginTop2 {
     margin-top: 100px;
     padding: 40px;
   }


   #FirstExpreList.biologylist li,
   #FirstExpreList2.biologylist li {
     margin-bottom: 10px;
   }

   #FirstExpreList,
   #FirstExpreList2 {
     margin-top: 10px;
   }

   #includedsection {
     padding: 20px;
   }

   #includedsection h2 {
     text-align: center;
     margin-bottom: 30px;
   }


   #WhyPraxilabs_includedsection h2 {
     text-align: center;
     margin-bottom: 0px;
     padding: 30px;
     padding-bottom: 0;
     margin-bottom: 0;
   }

   #WhyPraxilabs_includedsection {
     margin-top: 0px;
     padding-top: 60px;
   }

   .BiologyCTAareaEnd {
     background-image: url(../img/CTA001-1111.jpg);
     background-size: auto 140%;
     background-position: right center;
     min-height: 400px;
     padding-right: 0px;
   }

   .BiologyCTAareaEnd H2 {
     font-size: 26px;
     color: #FFF;
     font-weight: 700;
     text-align: center;
   }

   .BiologyCTAareaEnd p {
     color: #FFF;
     padding: 40px;
     padding-top: 0;
     text-align: center;
   }







   .MainFeaturse {
     background-image: url("../img/bgTop.png");
     background-position: top center;
     background-size: 170% auto;
     margin-top: -80px;
     background-repeat: no-repeat;
   }

   .IconWBocket {
     padding: 20px;
     background-color: #FFF;
     border-radius: 12px;
     margin: 20px;
     box-shadow: 1.95px 15.881px 30px 0 rgba(30, 124, 62, 0.1);
     text-align: center;
     min-height: 215px;
   }

   .IconWBocket p {
     font-size: 18px;
   }

   .IconWBocket img {
     max-width: 130px;
   }



   .IconWBocket h3 {
     font-size: 18px;
     font-weight: 300;
     text-align: center;
   }



   #colabsInMobile {
     background-color: #f2f2f2;
     position: relative;
     top: 90px;
     margin-bottom: 150px;
   }


   #colabsInMobile2 {
     background-color: #f2f2f2;
     position: relative;
     top: 90px;
     margin-bottom: 150px;
   }





   #videoContainerMob {
     padding-top: 0px;
     padding-left: 30px;
   }


   .ReplaceVideoH2 {
     margin-bottom: 30px;
     margin-right: 0;
     padding-right: 20px;
     font-size: 24px;
     text-align: center;
   }

   .ReplaceVideoH2Cont {
     padding: 0px;
     padding-left: 0px;
   }

   #videoContainerMob {
     padding-top: 50px;
     padding-left: 40px;
   }

   #VideoSectionMon {
     background-image: url(../img/VideoBG.jpg);
     background-size: auto 100%;
     background-position: left center;
     background-repeat: no-repeat;
     padding-bottom: 60px;
     margin-top: -60px
   }

   .ReplaceVideo_MobIMG {
     float: right;
     margin-top: 40px;
   }




   .BiologyTopbannerCTA022 {
     background: rgb(255, 255, 255);


     color: #e76229;
     padding: 18px 30px;
   }

   .BiologyTopbannerCTA022:hover {
     background: rgb(255, 70, 136);
     color: #FFF;
   }




   .cta-bg {
     background: rgb(74, 144, 221);
     background: linear-gradient(90deg, rgba(74, 144, 221, 1) 12%, rgba(52, 210, 170, 1) 88%);
   }


   .cta-bg h2 {
     color: #FFF;
     font-size: 28px;
     font-weight: 600;
     text-align: center;
   }

   .cta-bg p {
     text-align: center;
   }


   .section-title {
     text-align: center;
   }





   .carousel-control-next-icon55 {
     background-image: url("../img/next22.jpg");
   }

   .carousel-control-prev-icon55 {
     background-image: url("../img/prev22.jpg");
   }

   .carousel-control-prev-icon55,
   .carousel-control-next-icon55 {
     display: block;
     max-width: 18px;
     background-repeat: repeat;
     background-position: 50%;
     background-size: center center;
   }

   .section-title {
     margin-top: 0;
   }


   .Chemistry_Statisticts p {
     font-size: 18px;
     padding-left: 0px;
     margin-bottom: 30px;
     font-size: 22px;
     text-align: center;
   }



   #CTAcentplz2 .col-lg-6 {
     padding: 0px;
   }

   .MoveSectionsBockets {
     margin-top: -90px;
     background-image: url(../img/bg-abstract_New.jpg);
     background-size: 100% auto;
     background-position: bottom;
   }

   .ThreeChemistrySection {
     padding: 0px;
     margin: 40px;
     border-radius: 9px;
   }

   .SOne {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .STwo {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SThree {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SOne img,
   .STwo img,
   .SThree img {
     width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
   }

   .SOne,
   .STwo,
   .SThree {
     text-align: center;
   }

   .SOne h3,
   .STwo h3,
   .SThree h3 {
     font-size: 20px;
     color: #333;
     margin-top: 30px;
     padding-bottom: 40px;
     text-align: center;
   }







   .SOnePhy {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .STwoPhy {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SThreePhy {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.34);
   }

   .SOnePhy img,
   .STwoPhy img,
   .SThreePhy img {
     width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
     padding: 15px;
   }

   .SOnePhy,
   .STwoPhy,
   .SThreePhy {
     text-align: center;
   }

   .SOnePhy h3,
   .STwoPhy h3,
   .SThreePhy h3 {
     font-size: 20px;
     color: #333;
     margin-top: 30px;
     padding-bottom: 40px;
     font-weight: 600;
     text-align: center;
   }


   .SOnePhy a,
   .STwoPhy a,
   .SThreePhy a {
     text-decoration: none;
   }

   .TestimonialsName {
     font-weight: 600;
     color: #883fba;
     font-size: 18px;
     margin-top: 30px;
   }

   .TestimonialsName22 {
     font-weight: 600;
     color: #3485de;
     font-size: 18px;
     margin-top: 30px;
   }

   .TestimonialsName44 {
     font-weight: 600;
     color: #883fba;
     font-size: 18px;
     margin-top: 30px;
   }

















   .ChemistryThreeBocketsParagraph {
     font-size: 20px;
     padding-left: 20px;
     padding-right: 20px;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
   }


   .ChemistryCTAText {
     padding: 10px;
     margin-right: 20px;
     color: #FFF;
     text-align: center;
   }

   .ChemistryCTAText h2 {
     font-weight: 600;
     color: #FFF;
     text-align: center;
   }

   .ChemistryCTAText p {
     color: #FFF;
     text-align: center;
   }




   #CTAcentplz2 {
     margin-left: 20px;
     font-size: 18px;
     padding-right: 20px;
   }

   .ChemistryCTAFisrt {
     margin-top: 70px;
     background-image: url(../img/Chemistry_First_CTA_new.jpg);
     background-size: auto 100%;
   }


   .ChemistryThreeBocketsH2 span {
     font-size: 24px;
   }

   .TitleOFAnySubSection span {
     font-size: 24px;
   }


   .ChemistryCTAText h2 {
     font-size: 24px;
   }






   .ChemistryLabBenefits {
     text-align: center;
     padding: 0px;
     margin: 0px;
   }




   .ChemistryLabBenefits p {
     font-size: 20px;
     text-align: center;
     padding: 10px;
     font-weight: 400;
   }







   .PhysicsLabBenefits {
     text-align: center;
     padding: 0px;
     margin: 0px;
     margin-bottom: 80px;
   }




   .PhysicsLabBenefits p {
     font-size: 20px;
     text-align: center;
     padding: 10px;
     font-weight: 400;
   }





   .cta-bg2 {
     background-image: url(../img/AwardsMob.jpg);
     background-size: auto 100%;
     background-repeat: no-repeat;
     background-position: bottom center;
     min-height: 760px;
   }


   .cta-bg2 h2 {
     text-align: center;
     font-weight: 600;
   }



   .ClientsChemistrySection {
     background: #f8f9fa;
     margin-top: -140px;
     padding-top: 30px;
   }

   .ClientsChemistrySection h2 {
     margin-top: 50px;
     text-align: center;
   }










   .PhysicsBannerContent h1,
   .PhysicsBannerH1 h1 {
     padding: 30px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 30px;
     margin-top: 0px;
     font-size: 30px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
   }


   #PhysicsBannerContenth2 {
     padding: 10px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 30px;
     margin-top: 0px;
     font-size: 22px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
   }


   .PhysicsBannerContent p,
   .PhysicsBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 30px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 20px;
     line-height: 1.6;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
   }





   .SimulationsBannerContent h1 {
     padding: 30px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 30px;
     margin-top: 0px;
     font-size: 30px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
   }




   .SimulationsBannerH1 h1 {
     padding: 20px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 30px;
     margin-top: 0px;
     font-size: 28px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
   }


   .SimulationsBannerContenth2 {
     padding: 10px;
     margin-right: 30px;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin-left: 30px;
     margin-top: 0px;
     font-size: 22px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
   }


   .SimulationsBannerContent p,
   .SimulationsBannerH1 p {
     padding: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     margin: 30px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 20px;
     line-height: 1.6;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.57);
     text-align: center;
   }



   .SimulationsBannerH1 {
     padding-left: 10px;
     padding-right: 10px;
     text-align: center;
   }

   .comment-form input {
     width: 100%;
     border: 1px solid #dbdbdb;
     padding: 14px 20px;
     border-radius: 5px;
     margin-bottom: 12px;
     transition: .5s linear;


   }



   .ZoomSimulationIcon {
     position: relative;
     top: -55px;
     left: -140px;
   }


   .SimulationsBannerContent {
     height: 720px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }



   .removePaddingleftMobile {
     padding-left: 0;
   }


   .FirstPhysicsSection {
     margin: 0px;
     text-align: center;
     padding: 0px;
     background-image: none;
     background-color: rgb(99, 66, 203);
     margin-top: 40px;
   }

   .FirstPhysicsSection h2,
   .FirstPhysicsSection p {
     text-align: center;
     padding: 30px;
     padding-bottom: 20px;
     padding-top: 0;
     color: #FFF;
   }

   .FirstPhysicsSection p {
     margin-left: 40px;
     padding-top: 0;
   }



   #RoseOne {
     margin-top: 70px;
     background-image: url(../img/Physics/BookCTA.jpg);
     background-size: auto 100%;
     background-position: right;
   }




   .SecondPhysicsCTA {
     text-align: center;
   }




   .PhysicsAwards {
     background-image: url(../img/Physics/Awards_Mob.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: bottom center;
     min-height: 899px;
   }

   #CarouselContainerSection44 br {
     display: none;
   }

   #carouselExampleIndicators {
     max-height: 820px;
   }



   .PhysicsAwards h2 {
     margin-left: 0;
     text-align: center;
     font-weight: 600;
   }





   .MaxContainer {
     width: 400px;
     max-width: 400px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
   }

   .s-project-info a span {
     font-size: 16 px;
     text-align: left;
     text-decoration: none;
     padding-top: 120px;
     color: rgb(233, 49, 130)
   }

   .s-project-info a {
     text-decoration: none;
     padding-left: 0;
   }

   .s-project-info {
     margin: 20px;
   }

   .Experimenttitle {
     font-weight: 600;
     color: #000;
   }

   .Experimenttitle a {
     font-weight: 600;
     color: #000;
     font-size: 20px;
   }

   .second-project {
     background-color: #FFF;

     padding: 15px;

     box-shadow: 0px 0px 7px rgba(158, 158, 158, 0.6);
     min-height: 390px;
     margin: 25px;
   }





   .biologyTopPocketsWhite {
     padding-left: 50px;
     background-color: #eff9f29e;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 20px;
     padding-left: 40px;
     min-height: 175px;
     margin-bottom: 20px;
   }

   .biologyTopPocketsDark {
     padding-left: 50px;
     background-color: #eff9f29e;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 20px;
     padding-left: 30px;
     min-height: 175px;
     margin-top: 10px;
     padding-bottom: 100px;
   }

   .biologyTopPocketsWhite h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .biologyTopPocketsWhite p {
     font-size: 18px;
     font-weight: 500;
   }


   .biologyTopPocketsDark h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .biologyTopPocketsDark p {
     font-size: 18px;
     font-weight: 500;
   }

   .biologyTopPocketsWhite.WideMode {
     margin: 0px;
     margin-top: 30px;
   }

   .BiologyMainContentSec {
     margin-top: 50px;
   }

   .BiologyMainContentSec .row {
     padding: 10px;
     padding-bottom: 0px;
     padding-top: 0;
   }

   .BiologyMainContentSec h2 {
     font-size: 24px !important;
     color: #000 !important;
   }

   .RightLayout .ChemistryTopPocketsDark ul,
   .RightLayout .biologyTopPocketsDark ul,
   .RightLayout .PhysicsTopPocketsDark ul,
   .RightLayout ul.LeftDarkUL {
     padding-right: 0 !important;
   }

   .biologyTopPocketsDark ul li {
     list-style: none;
     margin: 10px;
   }

   .biologyTopPocketsDark ul {
     padding-left: 0;
   }

   .biologyTopPocketsDark ul li div {
     float: left;
     margin-left: 13px;
   }


   .biologyTopPocketsDark ul li .Arrowlist {
     max-width: 30px;
     margin-top: 5px;
     margin-left: 0;
   }


   .biologyTopPocketsDark ul li .Textlist {
     width: 85%;
   }










   .ChemistryTopPocketsWhite {
     padding-left: 50px;
     background-color: #f0eff9;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
     margin-bottom: 20px;
   }

   .ChemistryTopPocketsDark {
     background-color: #d6d5e5;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 20px;

     min-height: 175px;
     margin-top: 10px;
     padding-bottom: 100px;
   }

   .ChemistryTopPocketsWhite h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .ChemistryTopPocketsWhite p {
     font-size: 18px;
     font-weight: 500;
   }


   .ChemistryTopPocketsDark h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .ChemistryTopPocketsDark p {
     font-size: 18px;
     font-weight: 500;
   }

   .ChemistryTopPocketsWhite.WideMode {
     margin: 0px;
     margin-top: 30px;
   }

   .ChemistryMainContentSec {
     margin-top: 50px;
   }

   .ChemistryMainContentSec .row {
     padding: 10px;
     padding-bottom: 0px;
     padding-top: 0;
   }

   .ChemistryTopPocketsDark ul li {
     list-style: none;
     margin: 10px;
   }

   .ChemistryTopPocketsDark ul {
     padding-left: 0;
   }

   .ChemistryTopPocketsDark ul li div {
     float: left;
     margin-left: 13px;
   }


   .ChemistryTopPocketsDark ul li .Arrowlist {
     max-width: 30px;
     margin-top: 5px;
     margin-left: 0;
   }


   .ChemistryTopPocketsDark ul li .Textlist {
     width: 85%;
   }







   .BiologyMainContentSec .col-lg-6 {
     padding: 10px;
   }













   .PhysicsTopPocketsWhite {
     padding-left: 50px;
     background-color: #eef5f9;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 40px;
     min-height: 175px;
     margin-bottom: 20px;
   }

   .PhysicsTopPocketsDark {
     padding-left: 50px;
     background-color: #cfdee8;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.14);
     padding: 30px;
     padding-left: 30px;
     min-height: 175px;
     margin-top: 10px;
     padding-bottom: 100px;
   }

   .PhysicsTopPocketsWhite h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .PhysicsTopPocketsWhite p {
     font-size: 18px;
     font-weight: 500;
   }


   .PhysicsTopPocketsDark h3 {
     font-size: 21px;
     font-weight: 700;
     margin-bottom: 20px;
   }

   .PhysicsTopPocketsDark p {
     font-size: 18px;
     font-weight: 500;
   }

   .PhysicsTopPocketsWhite.WideMode {
     margin: 0px;
     margin-top: 30px;
   }

   .PhysicsMainContentSec {
     margin-top: 50px;
   }

   .PhysicsMainContentSec .row {
     padding: 10px;
     padding-bottom: 0px;
     padding-top: 0;
   }

   .PhysicsTopPocketsDark ul li {
     list-style: none;
     margin: 10px;
   }

   .PhysicsTopPocketsDark ul {
     padding-left: 0;
   }

   .PhysicsTopPocketsDark ul li div {
     float: left;
     margin-left: 13px;
   }


   .PhysicsTopPocketsDark ul li .Arrowlist {
     max-width: 30px;
     margin-top: 5px;
     margin-left: 0;
   }


   .PhysicsTopPocketsDark ul li .Textlist {
     width: 85%;
   }


















   .BiologyExperimentCTA h2 {
     text-align: center;
     font-size: 24px;
     padding-top: 20px;
     padding-left: 20px;
     padding-bottom: 40px;
     font-weight: 700;
   }

   #TopbannerCTA02 {
     border: none;
   }





   .second-project {
     background-color: #FFF;

     padding: 0px;
     margin: 5PX;
     box-shadow: 5px 5px 12px rgba(71, 71, 71, 0.3);
     min-height: 390px;
     border-radius: 12px;
     margin-bottom: 35px;
   }


   .s-project-info {
     padding: 30px;
     padding-top: 13px;
   }

   .s-project-thumb img {
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     width: 100%;
   }




   .breadcrumb-area {
     height: 780px;
   }

   .col-lg-6 {
     padding: 25px;
   }

   .Experimenttitle {
     margin-top: 15px;
   }

   .SugestedTopics a {
     float: right;
   }

   .pranshTitle {
     margin-top: 30px;
     color: #e83e8c;
     font-weight: 700;
   }





   .second-project .s-project-info {
     padding: 0px;
   }

   .SugestedTopicsH2,
   .SugestedTopicsH2 span {
     padding-top: 10px;
     font-size: 24px;
     text-align: center;
   }



   .SugestedTopicsBigSection .second-project {
     margin: 15px;
   }





   .CTAENDSECTION22222 {
     background: rgb(16, 52, 127);
     background: linear-gradient(94deg, rgba(16, 52, 127, 1) 5%, rgba(20, 102, 85, 1) 60%);
   }

   .RemovePadding {
     padding: 12px;
   }

   .CTAENDSECTION22222 h2,
   .CTAENDSECTION22222 p {
     text-align: center;
   }

   .lastCTABiologyExpriment {
     float: none !important;
     margin-top: 30px !important;
     padding-left: 15px !important;
     padding-right: 15px !important;
     padding-bottom: 40px !important;
     text-align: center !important;
   }







   .CTAENDSECTION22222z {
     background: rgb(69, 34, 109);
     background: linear-gradient(180deg, rgba(69, 34, 109, 1) 5%, rgba(181, 46, 125, 1) 100%);

   }

   .RemovePadding {
     padding: 12px;
   }

   .CTAENDSECTION22222z h2,
   .CTAENDSECTION22222z p {
     text-align: center;
   }

   .lastCTABiologyExpriment {
     float: none !important;
     margin-top: 30px !important;
     padding-left: 15px !important;
     padding-right: 15px !important;
     padding-bottom: 40px !important;
     text-align: center !important;
   }











   .CTAENDSECTION22222zPP {
     background: rgb(158, 107, 249);
     background: linear-gradient(288deg, rgba(158, 107, 249, 1) 5%, rgba(120, 219, 252, 1) 100%);

   }

   .RemovePadding {
     padding: 12px;
   }

   .CTAENDSECTION22222zPP h2,
   .CTAENDSECTION22222zPP p {
     text-align: center;
   }

   .lastCTABiologyExpriment {
     float: none !important;
     margin-top: 30px !important;
     padding-left: 15px !important;
     padding-right: 15px !important;
     padding-bottom: 40px !important;
     text-align: center !important;
   }

   .lastCTABiologyExpriment h2 {
     float: none !important;
     text-align: center !important;
     color: #FFF !important;
     padding-left: 0 !important;
     padding-right: 0 !important;
     margin-left: auto !important;
     margin-right: auto !important;
   }

   .lastCTABiologyExpriment a {
     margin-left: 0 !important;
     margin-right: 0 !important;
     display: inline-block !important;
     text-align: center !important;
   }

   .lastCTABiologyExpriment input {
     margin-left: auto !important;
     margin-right: auto !important;
     color: #e83e8c !important;
     text-align: center !important;
   }







   .col-lg-3 {
     width: 100%;
   }

   #FREEMob,
   #FREEMob2,
   #FREEMob3,
   #FREEMob22 {
     font-size: 40px;
     text-align: center;
     margin-top: 16px;
   }



   .BigInMobSimulations {
     font-size: 26px;
     font-weight: 700;
   }



   .LeftDarkUL {
     padding-bottom: 170px;
   }



   /* ================== PRICING CARDS PART ===================== */


   .OldPrice {
     background-color: #e73682;
     width: 102px;
     height: 3px;
     position: relative;
     top: 42px;
   }

   .OldPrice2 {
     background-color: #e73682;
     width: 107px;
     height: 3px;
     position: relative;
     top: 44px;
   }

   .FreeDolerSign {
     font-size: 30px;
   }

   .FreePriceSize {
     font-size: 60px;
   }


   .OldMonthlyDolerSign {
     font-size: 28px;
   }

   .OldMonthlypriceSize {
     font-size: 28px;
   }

   .NewMonthlypriceSize {
     font-size: 44px;
     color: rgba(105, 89, 220, 1)
   }

   .NewMonthlypriceSizePhy {
     font-size: 44px;
     color: #28A6D7
   }

   .MonthlyContainer {
     display: block;
     background-color: rgba(130, 55, 198, 0);
     min-height: 50px;
     max-width: 273px;
     margin-left: auto;
     margin-right: auto;
   }

   .MonthlyOldPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-bottom: 0;
     max-width: 50%;
     float: left;
     margin-top: 20px;
     margin-right: 6px;
     text-align: center;
   }

   .MonthlyNewPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 5px;
     text-align: center;
     padding-bottom: 0;
     max-width: 75%;
     float: left;
     margin-left: 10px;
   }





   .AwardsSectionHome {
     background-image: url(../img/Mob_Awards2.webp);
     height: 1220px;
     background-size: 100% auto;
     background-repeat: no-repeat;
   }



   .OldSemesterDolersSign {
     font-size: 28px;
   }

   .OldSemesterPriceSize {
     font-size: 28px;
   }

   .NewSemesterPriceSize {
     font-size: 44px;
     color: rgba(105, 89, 220, 1);
   }

   .SemisterContainer {
     display: block;
     background-color: rgba(130, 55, 198, 0);
     min-height: 50px;
     max-width: 315px;
     margin-left: auto;
     margin-right: auto;
   }

   .SemisterOldPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-bottom: 0;
     max-width: 50%;
     float: left;
     margin-top: 22px;
     margin-right: 7px;
     margin-left: 7px;
   }

   .SemisterNewPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 5px;
     text-align: center;
     padding-bottom: 0;
     max-width: 65%;
     float: left;
     margin-left: 10px;
   }





   .OldAnnualDolerSign {
     font-size: 28px;
   }

   .OldAnnualPriceSize {
     font-size: 28px;
   }

   .NewAnnualPriceSize {
     font-size: 44px;
     color: rgba(105, 89, 220, 1);
   }

   .NewAnnualPriceSizePhy {
     font-size: 44px;
     color: #28A6D7;
   }

   .YearlyContainer {
     display: block;
     background-color: rgba(130, 55, 198, 0);
     min-height: 50px;
     max-width: 325px;
     margin-left: auto;
     margin-right: auto;
   }

   .YearlyOldPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-bottom: 0;
     max-width: 50%;
     float: left;
     margin-top: 22px;
     margin-left: 9px;
   }

   .YearlyNewPart {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 5px;
     text-align: center;
     padding-bottom: 0;
     max-width: 65%;
     float: left;
     margin-left: 16px;
   }



   .MainCardList_LI {
     text-align: left;
     margin-left: 14px;
     font-size: 23px;
   }


   .triangle-right33 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid rgb(111, 94, 214);
     border-bottom: 5px solid transparent;
     margin-top: 12px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-rightPhy33 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid #e73682;
     border-bottom: 5px solid transparent;
     margin-top: 12px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-right33B {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid rgba(74, 144, 221, 1);
     border-bottom: 5px solid transparent;
     margin-top: 12px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-right44 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid #e73682;
     border-bottom: 5px solid transparent;
     margin-top: 17px;
     margin-left: 0px;
     float: left;
   }

   .triangle-right3344466677 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid rgb(111, 94, 214);
     border-bottom: 5px solid transparent;
     margin-top: 17px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-rightPhy3344466677 {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid #e73682;
     border-bottom: 5px solid transparent;
     margin-top: 17px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .triangle-right3344466677B {
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 6px solid rgba(74, 144, 221, 1);
     border-bottom: 5px solid transparent;
     margin-top: 17px;
     margin-right: 5px;
     float: left;
     margin-left: 10px;
   }

   .SevenDays {
     font-weight: 600;
     color: #000;
     padding: 0px;
     padding-top: 0;
     text-align: center;
     padding-top: 0;
     padding-bottom: 0;
     font-size: 18px;
   }


   .header111,
   .header222,
   .header333 {
     font-size: 21px;
     margin-top: 30px;
     font-weight: 600;
     margin-bottom: 20px;
   }

   .PricingCardLg3 {
     margin-bottom: 30px;
     background-color: #fff;
     box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.07);
   }


   .IncludesClass {
     color: rgb(111, 94, 214);
     padding: 0px;
     margin-bottom: 0;
     font-weight: 700;
     padding-left: 0px;
     padding-bottom: 20px;
     text-align: center;
     font-size: 22px;
   }

   .IncludesListText {
     font-size: 22px;
   }


   .PriceButtonCTACARDD {
     background: rgb(130, 55, 198);
     background: linear-gradient(90deg, rgba(130, 55, 198, 1) 12%, rgba(207, 76, 81, 1) 88%);
     border: none;
     margin-top: 0px;
     color: #FFF;
     font-weight: 900;
     font-size: 24px;
   }


   .PriceButtonCTACARDD:hover {
     background: rgb(130, 55, 198);
     background: linear-gradient(90deg, rgba(207, 76, 81, 1) 12%, rgba(130, 55, 198, 1) 88%);
     border: none;
     margin-top: 0px;
     color: #FFF;
     font-weight: 900;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.6);
     font-size: 24px;
   }


   .Promo {
     font-size: 26px;
     font-weight: 700;
     color: #ff00de;
     margin-left: 0px;
     margin-bottom: 0;
     text-align: center;
   }

   .PromoPhy {
     font-size: 26px;
     font-weight: 700;
     color: #2aa6d0;
     margin-left: 0px;
     margin-bottom: 0;
     text-align: center;
   }






   .LandingTopBannerContent {
     background-image: url(../img/Landing_Banner01_Mob.webp);
     background-size: 100% auto;
     background-position: right center;
     background-repeat: no-repeat;
     background-color: rgb(202, 66, 134);
     height: 680px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }


   #Second_Section_IMG {
     float: right;
   }



   .LandingTopBannerContent h1 {

     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;

     margin-top: 100px;
     margin-bottom: 100px;
     margin-top: 80px;
     font-size: 32px;
     line-height: 1.5;
     font-weight: 600;
     margin-bottom: 0;
     text-align: center;
     padding-top: 30px;
   }


   .LandingTopBannerContent p {
     padding: 30px;
     padding-top: 30px;
     padding-right: 30px;
     padding-left: 30px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0;
     padding-right: 0;
     color: #FFF;
     text-align: center;
     margin-top: 100px;
     margin-bottom: 100px;
     margin-top: 0px;
     margin-bottom: 20px;
     font-size: 24px;
     line-height: 1.6;
     font-weight: 300;
     padding-right: 0px;
     padding-top: 30px;
   }




   .ImagInstedVideo {
     margin-left: auto;
     margin-right: auto;
     float: none;
     margin-top: 0px;
   }

   .BiologyAwardsExprementsPage {
     margin-left: auto;
     margin-right: auto;
   }





   .carousel-indicators22 [data-bs-target] {
     box-sizing: content-box;
     flex: 0 1 auto;
     width: 10px;
     height: 10px;
     border-radius: 10px;
     padding: 0;
     margin-left: 10px;
     margin-right: 3px;
     text-indent: -999px;
     cursor: pointer;
     background-color: #860a93;
     background-clip: padding-box;
     border: 0;
     border-top-width: 0px;
     border-top-style: none;
     border-top-color: currentcolor;
     border-bottom-width: 0px;
     border-bottom-style: none;
     border-bottom-color: currentcolor;
     border-top: 1px solid #264b80;
     border-bottom: 1px solid #264b80;
     opacity: 0.5;
     transition: 0.6s ease;
   }

   .carousel-indicators22 {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     display: flex;
     justify-content: center;
     padding: 0;
     margin-right: 15%;
     margin-bottom: 1rem;
     margin-left: 15%;
     list-style: none;
   }

   #AwardsH2Chemistry {
     font-weight: 900;
     color: #000;
     font-size: 26px;
     text-align: center;
   }





   .PhysicsLabBenefits img {
     max-width: 130px;
     max-height: 130px;
   }










   /* ================== PRICING CARDS PART ===================== */






   #recipeCarousel .carousel-inner {
     position: relative;
     overflow: hidden;
     min-height: 750px;
     /* adjust as needed */
   }

   #recipeCarousel .carousel-item {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 1;
   }

   #recipeCarousel .carousel-item.active {
     z-index: -2;
   }


   #WhyPraxilabsMiddleCTA {
     background-image: url(../img/WhyPraxilabs_Middle_CTA_DT.webp);
     background-size: auto 100%;
     background-position: right center;
     min-height: 600px;
     position: relative;
     z-index: 2;
     top: 60px;
     background-repeat: no-repeat;
   }





   #WhyPraxilabsMiddleCTA h2 {
     font-size: 24px;
     color: #fff;

     margin-bottom: 5px;

     font-weight: 900;
     margin-bottom: 15px;
     text-align: center;
   }


   .WhyPraxilabsTitle h2 {
     font-size: 26px;
   }


   #WhyPraxilabsMiddleCTA p {
     font-size: 28px;
     color: #fff;

     margin-bottom: 5px;

     font-weight: 900;
     margin-bottom: 15px;
     text-align: center;
   }




   #WhyPraxilabs_includedsection {
     margin-top: -180px;
     padding-top: 60px;
     padding-bottom: 40px;
   }



   #WhyPraxilabs_LastCTA {
     background-image: url(../img/WhyPraxilabs_LastCTA.webp);
     background-size: auto 100%;
     background-repeat: no-repeat;
   }

   #WhyPraxilabs_LastCTA h2 {
     font-size: 28px;
     font-weight: 900;
     padding-right: 0px;
     margin-bottom: 5px;
     text-align: center;
     margin-top: 40px;
   }

   #WhyPraxilabs_LastCTA p {
     font-size: 18px;
     font-weight: 200;
     padding-right: 0px;
     margin-bottom: 5px;
     text-align: center;
     margin-top: 40px;
   }



   #WhyPraxilabs_FeaturedInTitle span {
     font-size: 24px;
     font-weight: 700;
     color: rgb(68, 68, 68);
     text-align: center;
     padding: 0px;
     margin-right: 20 !important;
   }





   #WhyPraxilabs_FeaturedInTitle {
     font-size: 24px;
     font-weight: 700;
     color: rgb(68, 68, 68);
     text-align: center;
     padding: 30px;
   }


   .PricingNewBannerContent {
     height: 600px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     background-image: url(../img/pricingPage_Top_Banner_Mob.webp);
     background-size: auto 100%;
     background-position: left top;
     background-repeat: no-repeat;
     min-height: 600px;
   }




   .FeaturedInDiv {
     max-width: 80%;
   }



   .header h1 {
     font-size: 1.5rem;
     text-align: center;
   }



 }






 /* ================================= ALAA WINDOW SCREEN  CSS CONDITIONS ==================================== */




 @media only screen and (min-width: 769px) and (max-width: 1195px) {

   /* Your styles here */
   .ChemistryBannerContent h1,
   .BiologyBannerH1 h1,
   .PhysicsBannerContent h1,
   .PhysicsBannerH1 h1 {
     font-size: 26px;
     padding: 0 !important;
     margin: 0;
     margin-bottom: 20px;
   }


   .ChemistryBannerContent h2,
   .BiologyBannerH1 h2,
   .PhysicsBannerContent h2,
   .PhysicsBannerH1 h2,
   #PhysicsBannerContenth2 {
     font-size: 22px;
     padding: 0 !important;
     margin: 0;
     margin-bottom: 20px;
   }



   .btn2,
   .TopBannerCTABiologycontent {
     font-size: 14px;
     margin-left: 0px;
     margin-top: 10px;
   }



   .SOnePhy h3,
   .STwoPhy h3,
   .SThreePhy h3 {
     font-size: 18px;
     color: #333;
     margin-top: 30px;
     padding-bottom: 40px;
     font-weight: 600;
     text-decoration: none;
     text-decoration: none;
   }



   .ChemistryBannerContent p,
   .BiologyBannerH1 p,
   .PhysicsBannerContent p,
   .PhysicsBannerH1 p {
     font-size: 20px;
     padding: 0 !important;
     margin: 0;
   }





   .ChemistryBannerContent,
   .PhysicsBannerContent {
     height: 462px;

     min-height: 400px;
   }



   .SOne h3,
   .STwo h3,
   .SThree h3 {
     font-size: 18px;
     color: #333;
     margin-top: 30px;
     padding-bottom: 40px;
     font-weight: 500;
     text-decoration: none;
   }


   .BiologyCTAareaEnd {

     background-position: right center;

     min-height: 600px;
     padding-right: 90px;
   }


   #RoseOne {
     margin-top: 70px;
     background-image: url(../img/Physics/BookCTA.jpg);
     background-size: auto 100%;
     background-position: center;
   }

   .ChemistryCTAText h2 {
     font-size: 24px;
   }

   .NewSemesterPriceSize,
   .NewAnnualPriceSize,
   .NewMonthlypriceSize,
   .NewMonthlypriceSizeBiologyy {
     font-size: 26px;
   }

   .MonthlyOldPart {
     margin-top: 10px;
   }

   .OldPrice {

     top: 30px;
   }
 }







 .HomeBannerContent h1,
 .HomeBannerH1 h1 {
   padding: 10px;
   padding-right: 10px;
   padding-left: 10px;
   margin-right: 10px;
   margin-left: auto;
   padding-left: 0;
   padding-right: 0;
   color: #FFF;
   margin-left: 10px;
   margin-top: 0px;
   font-size: 26px;
   line-height: 1.5;
   font-weight: 600;
   margin-bottom: 0;
 }

 .HomeBannerContent p,
 .HomeBannerH1 p {
   padding: 30px;
   padding-top: 30px;
   padding-right: 30px;
   padding-left: 30px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 0;
   padding-right: 0;
   color: #FFF;
   margin: 10px;
   margin-top: 10px;
   margin-bottom: 70px;
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 18px;
   line-height: 1.6;
   font-weight: 300;
   padding-right: 30px;
   padding-top: 0;
   padding-bottom: 0px;
 }

 .TopBannerCTAcontent {
   margin-left: 10px;
 }

 body {
   font-family: var(--bs-font-sans-serif);
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   -webkit-text-size-adjust: 100%;
 }

 #TopbannerCTA01 {
   background: rgb(255, 70, 136);
   background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);
   text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
   color: #FFF;
   padding: 13px 20px;
   margin-right: 10px;
 }

 #TopbannerCTA02 {
   background: rgb(255, 70, 136);
   background: linear-gradient(90deg, rgba(255, 146, 154, 1) 6%, rgba(255, 70, 136, 1) 86%);
   text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
   color: #FFF;
   padding: 13px 20px;
 }



 #FiestButtomTop {
   background: rgb(255, 71, 137);
   background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
   border: none;
   border-radius: 5px;
   color: #fff;
   display: inline-block;
   font-size: 14px;
   font-weight: 800;
   letter-spacing: unset;
   line-height: 1;
   margin-bottom: 0;
   padding: 10px 12px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: nowrap;
   margin-right: 10px;
 }

 .bodyTestimonials h4 {
   text-align: center;
   font-size: 16px;
 }

 .TestimonialsName {
   font-weight: 600;
   color: #883fba;
   font-size: 16px;
   margin-top: 10px;
 }

 #FiestButtomTop:hover {

   background: rgb(255, 71, 137);
   background: linear-gradient(90deg, rgb(165, 42, 87) 6%, rgb(179, 107, 109) 86%);
   border: none;
   border-radius: 5px;
   color: #fff;
   display: inline-block;
   font-size: 14px;
   font-weight: 800;
   letter-spacing: unset;
   line-height: 1;
   margin-bottom: 0;
   padding: 10px 12px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: nowrap;
   margin-right: 10px;
 }

 #SecondButtomTop {
   background: #FFF;
   border: none;
   border-radius: 5px;
   color: #e83e8c;
   display: inline-block;
   font-size: 14px;
   font-weight: 800;
   line-height: 1;
   margin-bottom: 30;
   padding: 10px 12px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: nowrap;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   margin-top: 1px;
   text-decoration: none;
 }

 #SecondButtomTop:hover {

   background: rgb(255, 71, 137);
   background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
   border: none;
   border-radius: 5px;
   color: #FFF;
   display: inline-block;
   font-size: 14px;
   font-weight: 800;
   line-height: 1;
   margin-bottom: 30;
   padding: 10px 12px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: nowrap;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   margin-top: 1px;
   text-decoration: none;
 }



 #SecondButtomTop2 {
   background: #FFF;
   border: none;
   border-radius: 5px;
   color: #e83e8c;
   display: inline-block;
   font-size: 22px;
   font-weight: 800;
   line-height: 1;
   margin-bottom: 30;
   padding: 15px 19px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: nowrap;
   font-family: Verdana, Geneva, Tahoma, sans-serif;

   text-decoration: none;
 }

 #SecondButtomTop2:hover {

   background: rgb(255, 71, 137);
   background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
   border: none;
   border-radius: 5px;
   color: #FFF;
   display: inline-block;
   font-size: 20px;
   font-weight: 800;
   line-height: 1;
   margin-bottom: 30;
   padding: 15px 19px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: nowrap;
   font-family: Verdana, Geneva, Tahoma, sans-serif;

   text-decoration: none;
 }


 .MoveSectionsBockets {
   margin-top: -220px;
   background-image: url(../img/bg-abstract_New.jpg);
   background-size: 100% auto;
   background-position: bottom;
 }

 .small-Mask-Container {
   background-color: #FFF;
   box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
   border-radius: 9px;
   min-height: 449px;
 }

 .dropdown-item {
   display: block;
   width: 100%;
   padding: 0.25rem 1rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
   font-size: 14px;
 }



 .SubButtonsHome p {
   font-size: 16px;
   color: #ffffff;
   padding-top: 10px;
   margin-left: 0;
   padding-left: 0;
 }

 #SectionsPart {
   background-image: url(../img/Equepments_bg2.png);
   background-size: 100% auto;
   background-position: top;
   background-repeat: no-repeat;
 }

 #BoyCTATextArea {
   margin-top: 140px;
   padding-right: 30px;
 }



 .icon {
   color: #FFFFFF;
   background-color: #e93182;
   border-radius: 50% 50% 50% 0%;
   margin: 15px 0px 30px 0px;
   margin-bottom: 30px;
   padding: 10px 8px 10px 9px;
   display: inline-block;
   margin-bottom: 13px;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
 }

 .Alooooo3333 {
   position: absolute;
   width: 100%;
   text-align: center;
   margin-top: 240px;
 }


 #HomeAwardsSection {
   margin-top: -200px;
   min-height: 700px;
 }

 .AwardsSectionHome {
   background-image: url(../img/DT_Awards2.webp);
   height: 820px;
   background-size: 100% auto;
   background-repeat: no-repeat;
   background-position: center;
 }

 .TextThreeBocket h3 {
   font-size: 16px;
   font-weight: 600;
 }


 .topfeaturesbocket {
   background-color: #FFF;
   box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
   min-height: 390px;
   margin-top: 0px;
   padding-top: 20px;
   border-radius: 9px;
 }

 .ThreePurbleBocketsButton {
   border: none;

   margin-top: 10px;

   margin-left: auto;
   margin-right: auto;

   margin-top: 0px;
   background: rgb(255, 70, 136);
   background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);

   color: #FFF;
   width: 300px;
   border-radius: 5px;
   color: #FFF;
   display: inline-block;
   font-size: 18px;
   font-weight: 800;
   letter-spacing: unset;
   line-height: 1;
   margin-bottom: 25px;
   padding: 17px 30px;
   text-align: center;
   text-transform: capitalize;
   touch-action: manipulation;
   transition: all 0.3s ease 0s;
   vertical-align: middle;
   white-space: wrap;
   cursor: pointer;
 }



 .ThreePurbleBocketsButton:hover {
   background: #FFF;
   color: rgb(255, 70, 136);
   box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
 }


 .header h1 {
   font-size: 32px;
   font-weight: bold;
   margin-bottom: 1rem;
   max-width: 80%;
   margin-left: auto;
   margin-right: auto;
 }


 }


 @media only screen and (min-width: 1100px) and (max-width: 1195px) {
   .container223 {
     min-width: 1040px;
     margin-right: auto;
     margin-left: auto;
     padding-right: 15px;
     padding-left: 15px;
     width: 100%
   }

   .MovImgResize img {
     width: 100%;
     margin-top: 0px;
   }

   .MoveSectionsBockets {
     margin-top: -220px;
     background-image: url(../img/bg-abstract_New.jpg);
     background-size: 100% auto;
     background-position: bottom;
   }

   .TextThreeBocket h3 {
     font-size: 16px;
     font-weight: 600;
   }

   .SubButtonsHome p {
     font-size: 16px;
     color: #ffffff;
     padding-top: 10px;
     margin-left: 0;
     padding-left: 0;
   }


   #SectionsPart {
     background-image: url(../img/Equepments_bg2.png);
     background-size: 100% auto;
     background-position: top;
     background-repeat: no-repeat;
   }

   #BoyCTATextArea {
     margin-top: 140px;
     padding-right: 30px;
   }

   .icon {
     color: #FFFFFF;
     background-color: #e93182;
     border-radius: 50% 50% 50% 0%;
     margin: 15px 0px 30px 0px;
     margin-bottom: 30px;
     padding: 10px 8px 10px 9px;
     display: inline-block;
     margin-bottom: 13px;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
   }


   .topfeaturesbocket {
     background-color: #FFF;
     box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.4);
     min-height: 390px;
     margin-top: 0px;
     padding-top: 20px;
     border-radius: 9px;
   }

   .ThreePurbleBocketsButton {
     border: none;

     margin-top: 10px;

     margin-left: auto;
     margin-right: auto;

     margin-top: 0px;
     background: rgb(255, 70, 136);
     background: linear-gradient(90deg, rgba(255, 70, 136, 1) 6%, rgba(255, 146, 154, 1) 86%);

     color: #FFF;
     width: 300px;
     border-radius: 5px;
     color: #FFF;
     display: inline-block;
     font-size: 18px;
     font-weight: 800;
     letter-spacing: unset;
     line-height: 1;
     margin-bottom: 25px;
     padding: 17px 30px;
     text-align: center;
     text-transform: capitalize;
     touch-action: manipulation;
     transition: all 0.3s ease 0s;
     vertical-align: middle;
     white-space: wrap;
     cursor: pointer;
   }



   .ThreePurbleBocketsButton:hover {
     background: #FFF;
     color: rgb(255, 70, 136);
     box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4);
   }

   .header h1 {
     font-size: 30px;
     font-weight: bold;
     margin-bottom: 1rem;
     max-width: 80%;
     margin-left: auto;
     margin-right: auto;
   }
 }

 /* ================================== STICKY TOP BAR =================================== */
 .sticky-bar-checkbox:checked~.sticky-top-bar {
   display: none;
 }

 .sticky-top-bar {
   background-color: #ffffff;
   /* White */
   color: #8237c6;
   /* PraxiLabs Purple */
   width: 100%;
   position: relative;
   z-index: 10000;
   padding: 12px 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 60px;
 }

 .sticky-bar-content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   flex-wrap: wrap;
   width: 100%;
   max-width: 1200px;
   text-align: left;
   padding-right: 40px;
   /* Space for the close button */
 }

 .sticky-bar-text {
   font-size: 16px;
   font-weight: 700;
   line-height: 1.4;
   font-family: "Verdana", sans-serif;
   text-align: left;
 }

 .sticky-bar-text strong {
   font-weight: 700;
 }

 .sticky-bar-btn {
   background-color: #e93182;
   /* PraxiLabs CTA Pink */
   color: #ffffff;
   text-decoration: none;
   padding: 8px 16px;
   border-radius: 6px;
   font-weight: 600;
   font-size: 15px;
   transition: background-color 0.2s ease, transform 0.2s ease;
   white-space: nowrap;
   margin-left: auto;
 }

 .sticky-bar-btn:hover {
   background-color: #c92a70;
   color: #ffffff;
   transform: translateY(-1px);
 }

 .sticky-bar-close {
   position: absolute;
   right: 20px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform 0.2s ease;
 }

 .sticky-bar-close:hover {
   transform: translateY(-50%) scale(1.1);
 }

 @media (max-width: 767px) {
   .sticky-top-bar {
     padding: 15px 15px;
     align-items: flex-start;
   }

   .sticky-bar-content {
     flex-direction: column;
     gap: 12px;
     padding-right: 30px;
     text-align: left;
     align-items: flex-start;
   }

   .sticky-bar-btn {
     width: 100%;
     text-align: center;
     margin-left: 0;
   }

   .sticky-bar-close {
     right: 15px;
     top: 15px;
     transform: none;
   }

   .sticky-bar-close:hover {
     transform: scale(1.1);
   }
 }

 /* ================================== ZOOM ANNOUNCEMENT BAR =================================== */
 .zoom-bar-checkbox:checked~.zoom-announcement-bar {
   display: none;
 }

 .zoom-announcement-bar {
   background-color: rgb(243 130 253 / 15%);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border: 0px solid rgba(255, 255, 255, 0.2);
   color: #ffffff;
   width: 100%;
   margin: -40px auto 30px auto;
   position: relative;
   z-index: 100;
   padding: 10px 20px;
   border-radius: 8px;
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 50px;
 }

 .zoom-announcement-content {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   flex-wrap: wrap;
   width: 100%;
   text-align: center;
   padding-right: 30px;
   /* Space for the close button */
 }

 .zoom-announcement-text {
   font-size: 16px;
   font-weight: bold;
   line-height: 1.4;
   font-family: 'Inter', sans-serif;
   color: #ffffff;
 }

 .zoom-announcement-text strong {
   font-weight: 700;
 }

 .zoom-announcement-btn {
   background-color: #FFF;
   /* Our CTA color */
   color: #e83e8c !important;
   text-decoration: none;
   padding: 6px 20px;
   border-radius: 20px;
   /* Pill-shaped button */
   font-weight: bold;
   font-size: 15px;
   transition: background-color 0.2s ease, transform 0.2s ease;
   white-space: nowrap;
 }

 .zoom-announcement-btn:hover {
   background: linear-gradient(90deg, rgba(255, 71, 137, 1) 6%, rgba(255, 151, 155, 1) 86%);
   color: #ffffff !important;
   transform: translateY(-1px);
 }

 .zoom-announcement-close {
   position: absolute;
   right: 15px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0.7;
   transition: opacity 0.2s ease, transform 0.2s ease;
 }

 .zoom-announcement-close:hover {
   opacity: 1;
   transform: translateY(-50%) scale(1.1);
 }

 @media (max-width: 767px) {
   .zoom-announcement-bar {
     padding: 15px;
     align-items: flex-start;
     border-radius: 6px;
     margin-bottom: 20px;
   }

   .zoom-announcement-content {
     flex-direction: column;
     gap: 12px;
     padding-right: 20px;
     text-align: center;
     align-items: center;
   }

   .zoom-announcement-btn {
     margin-left: 0;
     width: max-content;
     /* Fit the text exactly */
     text-align: center;
   }

   .zoom-announcement-close {
     right: 10px;
     top: 15px;
     transform: none;
   }

   .zoom-announcement-close:hover {
     transform: scale(1.1);
   }
 }

 /* ==========================================================================
     NEW — added for News page
     ========================================================================== */

 .news-hero-wrapper {
   background: linear-gradient(135deg, #180940 0%, #63189c 45%, #b61b68 80%, #e62254 100%);
   position: relative;
   padding-bottom: 90px;
   color: #fff;
 }

 .news-hero-content {
   padding-top: 50px;
   padding-bottom: 40px;
 }

 .news-hero-text h1 {
   font-size: 48px;
   font-weight: 800;
   line-height: 1.2;
   margin-bottom: 20px;
   color: #fff;
 }

 .news-hero-text p {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.9);
   line-height: 1.6;
   margin-bottom: 35px;
   max-width: 540px;
 }

 .news-hero-cta {
   display: flex;
   gap: 15px;
   flex-wrap: wrap;
 }

 .news-hero-cta .btn-primary-solid {
   background-color: #ff9800;
   color: #fff;
   font-weight: 700;
   padding: 12px 28px;
   border-radius: 8px;
   text-decoration: none;
   transition: all 0.3s ease;
   box-shadow: 0 4px 15px rgba(255, 152, 0, 0.3);
 }

 .news-hero-cta .btn-primary-solid:hover {
   background-color: #e68900;
   transform: translateY(-2px);
 }

 .news-hero-cta .btn-secondary-outline {
   background-color: transparent;
   color: #fff;
   font-weight: 700;
   padding: 12px 28px;
   border-radius: 8px;
   text-decoration: none;
   border: 2px solid rgba(255, 255, 255, 0.4);
   transition: all 0.3s ease;
 }

 .news-hero-cta .btn-secondary-outline:hover {
   background-color: rgba(255, 255, 255, 0.1);
   border-color: #fff;
   transform: translateY(-2px);
 }

 /* Stats Card (Glassmorphism) */
 .news-stats-card {
   background: rgba(255, 255, 255, 0.12);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, 0.18);
   border-radius: 20px;
   padding: 35px;
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
 }

 .news-stats-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
 }

 .news-stat-item h3 {
   font-size: 38px;
   font-weight: 800;
   color: #fff;
   margin-bottom: 5px;
 }

 .news-stat-item p {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.85);
   margin-bottom: 0;
   line-height: 1.4;
 }

 /* Floating Search Bar */
 .news-search-container {
   position: relative;
   z-index: 10;
   margin-top: -35px;
   margin-bottom: 70px;
 }

 .news-search-box {
   background: #fff;
   border-radius: 50px;
   padding: 12px 30px;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
   display: flex;
   align-items: center;
   border: 1px solid rgba(0, 0, 0, 0.05);
 }

 .news-search-box svg {
   color: #888;
   margin-right: 15px;
   flex-shrink: 0;
 }

 .news-search-input {
   border: none;
   outline: none;
   width: 100%;
   font-size: 16px;
   color: #333;
   background: transparent;
 }

 .news-search-input::placeholder {
   color: #a0a0a0;
 }

 /* Featured News Card */
 .news-featured-card {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
   display: flex;
   flex-direction: row;
   margin-bottom: 70px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   border: 1px solid rgba(0, 0, 0, 0.03);
 }

 .news-featured-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 25px 55px rgba(0, 0, 0, 0.1);
 }

 .news-featured-image-panel {
   width: 50%;
   position: relative;
   background: linear-gradient(135deg, #741dbd 0%, #c23c7c 100%);
   min-height: 340px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }

 .news-featured-image-panel::before {
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   background-image: radial-gradient(circle, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
   background-size: 20px 20px;
   transform: rotate(15deg);
   pointer-events: none;
 }

 .news-featured-badge {
   position: absolute;
   top: 25px;
   left: 25px;
   background: #fff;
   color: #741dbd;
   font-size: 11px;
   font-weight: 700;
   padding: 6px 16px;
   border-radius: 20px;
   text-transform: uppercase;
   letter-spacing: 1px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }

 .news-featured-content {
   width: 50%;
   padding: 50px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .news-meta-label {
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 15px;
   display: flex;
   gap: 10px;
 }

 .news-meta-label .date {
   color: #888;
 }

 .news-meta-label .category {
   color: #c23c7c;
 }

 .news-featured-headline {
   font-size: 26px;
   font-weight: 800;
   color: #0c213a;
   line-height: 1.4;
   margin-bottom: 20px;
 }

 .news-featured-desc {
   font-size: 15px;
   color: #5a6e85;
   line-height: 1.6;
   margin-bottom: 30px;
 }

 .news-read-more-link {
   font-size: 14px;
   font-weight: 700;
   color: #6b6fe8;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   transition: color 0.2s ease;
 }

 .news-read-more-link:hover {
   color: #5256c9;
 }

 /* Filter Tabs */
 .news-filter-tabs {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 45px;
   justify-content: flex-start;
   align-items: center;
 }

 .news-filter-tab {
   background: #fff;
   color: #5a6e85;
   border: 1px solid #e1e8ed;
   padding: 10px 24px;
   border-radius: 30px;
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.2s ease;
 }

 .news-filter-tab:hover {
   background: #f4f6f8;
   color: #0c213a;
   border-color: #cbd5e0;
 }

 .news-filter-tab.active {
   background: #741dbd;
   color: #fff;
   border-color: #741dbd;
   box-shadow: 0 4px 15px rgba(116, 29, 189, 0.25);
 }

 /* News Grid & Cards */
 .news-grid {
   margin-bottom: 50px;
 }

 .news-card {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
   display: flex;
   flex-direction: column;
   height: 100%;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   border: 1px solid rgba(0, 0, 0, 0.03);
 }

 .news-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 18px 45px rgba(0, 0, 0, 0.09);
 }

 .news-card-image {
   height: 210px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }

 .news-card-image::before {
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
   background-size: 15px 15px;
   transform: rotate(15deg);
   pointer-events: none;
 }

 .news-card-image.gradient-1 {
   background: linear-gradient(135deg, #741dbd 0%, #c23c7c 100%);
 }

 .news-card-image.gradient-2 {
   background: linear-gradient(135deg, #1b68d9 0%, #0ebb8c 100%);
 }

 .news-card-image.gradient-3 {
   background: linear-gradient(135deg, #1e92d6 0%, #8e32c7 100%);
 }

 .news-card-image.gradient-4 {
   background: linear-gradient(135deg, #0ba0a5 0%, #762ebd 100%);
 }

 .news-card-image.gradient-5 {
   background: linear-gradient(135deg, #c72b77 0%, #e67d22 100%);
 }

 .news-card-image.gradient-6 {
   background: linear-gradient(135deg, #5125b3 0%, #1e87d6 100%);
 }

 .news-card-content {
   padding: 30px;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }

 .news-card-headline {
   font-size: 19px;
   font-weight: 800;
   color: #0c213a;
   line-height: 1.4;
   margin-bottom: 12px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   height: 80px;
 }

 .news-card-desc {
   font-size: 14px;
   color: #5a6e85;
   line-height: 1.6;
   margin-bottom: 25px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   flex-grow: 1;
 }

 /* Center Button */
 .news-load-more-container {
   text-align: center;
   margin-bottom: 80px;
 }

 .news-btn-outline {
   background-color: transparent;
   color: #741dbd;
   font-weight: 700;
   padding: 12px 35px;
   border-radius: 8px;
   text-decoration: none;
   border: 2px solid #741dbd;
   display: inline-block;
   transition: all 0.2s ease;
   cursor: pointer;
 }

 .news-btn-outline:hover {
   background-color: #741dbd;
   color: #fff;
   box-shadow: 0 4px 15px rgba(116, 29, 189, 0.2);
 }

 /* Explore Section */
 .explore-section {
   padding: 90px 0;
   background-color: #f8fafc;
   border-top: 1px solid #edf2f7;
   border-bottom: 1px solid #edf2f7;
 }

 .explore-grid {
   margin-top: 50px;
 }

 .explore-card {
   background: #fff;
   border-radius: 20px;
   padding: 45px 35px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   height: 100%;
   display: flex;
   flex-direction: column;
   border: 1px solid rgba(0, 0, 0, 0.02);
 }

 .explore-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 18px 45px rgba(0, 0, 0, 0.07);
 }

 .explore-card-icon {
   width: 55px;
   height: 55px;
   border-radius: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 25px;
   font-size: 24px;
   font-weight: bold;
 }

 .explore-card-icon.blog {
   background: rgba(116, 29, 189, 0.1);
   color: #741dbd;
 }

 .explore-card-icon.resources {
   background: rgba(27, 104, 217, 0.1);
   color: #1b68d9;
 }

 .explore-card-icon.simulations {
   background: rgba(14, 187, 140, 0.1);
   color: #0ebb8c;
 }

 .explore-card h3 {
   font-size: 21px;
   font-weight: 800;
   color: #0c213a;
   margin-bottom: 15px;
 }

 .explore-card p {
   font-size: 14px;
   color: #5a6e85;
   line-height: 1.6;
   margin-bottom: 25px;
   flex-grow: 1;
 }

 /* Bottom CTA Banner */
 .news-cta-banner {
   background: linear-gradient(90deg, #4b1880 0%, #b31668 100%);
   border-radius: 24px;
   padding: 60px 70px;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 90px auto;
   box-shadow: 0 20px 45px rgba(75, 24, 128, 0.25);
 }

 .news-cta-banner-content {
   max-width: 65%;
 }

 .news-cta-banner-content h2 {
   font-size: 30px;
   font-weight: 800;
   color: #fff;
   margin-bottom: 15px;
   line-height: 1.3;
 }

 .news-cta-banner-content p {
   font-size: 15px;
   color: rgba(255, 255, 255, 0.9);
   line-height: 1.6;
   margin-bottom: 0;
 }

 .news-cta-banner-action {
   flex-shrink: 0;
 }

 .news-cta-btn-white {
   background: #fff;
   color: #741dbd;
   font-weight: 700;
   padding: 15px 35px;
   border-radius: 8px;
   text-decoration: none;
   display: inline-block;
   transition: all 0.2s ease;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }

 .news-cta-btn-white:hover {
   background: rgba(255, 255, 255, 0.92);
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
   color: #5c189c;
 }

 /* Responsive Adjustments */
 @media (max-width: 1199px) {
   .news-hero-text h1 {
     font-size: 40px;
   }

   .news-featured-content {
     padding: 40px;
   }
 }

 @media (max-width: 991px) {
   .news-hero-content {
     padding-top: 30px;
   }

   .news-hero-text {
     margin-bottom: 40px;
     text-align: center;
   }

   .news-hero-text p {
     margin-left: auto;
     margin-right: auto;
   }

   .news-hero-cta {
     justify-content: center;
   }

   .news-featured-card {
     flex-direction: column;
   }

   .news-featured-image-panel,
   .news-featured-content {
     width: 100%;
   }

   .news-featured-image-panel {
     min-height: 250px;
   }

   .news-cta-banner {
     flex-direction: column;
     text-align: center;
     padding: 50px 40px;
   }

   .news-cta-banner-content {
     max-width: 100%;
     margin-bottom: 30px;
   }
 }

 @media (max-width: 767px) {
   .news-hero-text h1 {
     font-size: 32px;
   }

   .news-stats-grid {
     gap: 20px;
   }

   .news-stat-item h3 {
     font-size: 30px;
   }

   .news-filter-tabs {
     justify-content: center;
   }

   .news-featured-content {
     padding: 30px 20px;
   }

   .news-featured-headline {
     font-size: 22px;
   }

   .news-cta-banner {
     padding: 40px 20px;
   }

   .news-cta-banner-content h2 {
     font-size: 24px;
   }
 }

 /* News Footer Newsletter Fix */
 .news-footer-subscribe {
   display: flex;
   gap: 0;
   margin-top: 20px;
   max-width: 320px;
 }

 .news-footer-subscribe .form-control {
   background-color: #fff !important;
   border: 1px solid #fff !important;
   border-top-left-radius: 6px !important;
   border-bottom-left-radius: 6px !important;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   color: #333 !important;
   height: 46px !important;
   padding: 10px 15px !important;
   font-size: 14px !important;
 }

 .news-footer-subscribe .btn-submit {
   background-color: #e83e8c !important;
   color: #fff !important;
   border: none !important;
   border-top-right-radius: 6px !important;
   border-bottom-right-radius: 6px !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
   padding: 0 20px !important;
   font-weight: 700 !important;
   font-size: 15px !important;
   cursor: pointer !important;
   transition: background-color 0.2s ease !important;
   height: 46px !important;
   white-space: nowrap !important;
 }

 .news-footer-subscribe .btn-submit:hover {
   background-color: #d63384 !important;
 }

 /* News Footer Links Style */
 footer a {
   color: #FFF !important;
   text-decoration: none !important;
 }

 footer a:hover {
   color: #e83e8c !important;
   text-decoration: none !important;
 }

 /* News Page v2 - Image-based Card Panels */
 .news-featured-image-panel-img {
   width: 50%;
   position: relative;
   min-height: 340px;
   overflow: hidden;
 }

 .news-featured-image-panel-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   transition: transform 0.5s ease;
 }

 .news-featured-card:hover .news-featured-image-panel-img img {
   transform: scale(1.05);
 }

 .news-card-image-img {
   height: 210px;
   position: relative;
   overflow: hidden;
 }

 .news-card-image-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   transition: transform 0.5s ease;
 }

 .news-card:hover .news-card-image-img img {
   transform: scale(1.05);
 }

 @media (max-width: 991px) {
   .news-featured-image-panel-img {
     width: 100%;
     min-height: 250px;
   }
 }

 /* NEW — Social Icons */
 :root {
   --color-linkedin: #0A66C2;
   --color-whatsapp: #25D366;
   --color-x: #000000;
   --color-facebook: #1877F2;
   --color-instagram: #E1306C;
   --color-copy-link: #5a6e85;
 }

 /* NEW — News Detail */
 .container-narrow {
   max-width: 800px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .news-author-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   padding: 20px 0;
   margin-bottom: 25px;
 }

 .news-author-block {
   display: flex;
   align-items: center;
   gap: 12px;
 }

 .news-avatar {
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background-color: #741dbd;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 18px;
 }

 .news-author-info {
   display: flex;
   flex-direction: column;
 }

 .news-author-name {
   font-size: 15px;
   font-weight: 700;
   color: #0c213a;
   margin: 0;
 }

 .news-date {
   font-size: 13px;
   color: #5a6e85;
   margin: 0;
 }

 .news-share-icons {
   display: flex;
   gap: 8px;
   align-items: center;
 }

 .icon-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background-color: transparent;
   border: 1px solid #e1e8ed;
   color: #5a6e85;
   cursor: pointer;
   transition: all 0.2s ease;
   padding: 0;
   text-decoration: none;
   position: relative;
 }

 .icon-button svg {
   width: 16px;
   height: 16px;
   fill: currentColor;
 }

 .icon-button:hover {
   background-color: #f8fafc;
   color: #0c213a;
 }

 .icon-button.btn-linkedin:hover {
   color: var(--color-linkedin);
   border-color: var(--color-linkedin);
   background-color: rgba(10, 102, 194, 0.05);
 }

 .icon-button.btn-whatsapp:hover {
   color: var(--color-whatsapp);
   border-color: var(--color-whatsapp);
   background-color: rgba(37, 211, 102, 0.05);
 }

 .icon-button.btn-x:hover {
   color: var(--color-x);
   border-color: var(--color-x);
   background-color: rgba(0, 0, 0, 0.05);
 }

 .icon-button.btn-facebook:hover {
   color: var(--color-facebook);
   border-color: var(--color-facebook);
   background-color: rgba(24, 119, 242, 0.05);
 }

 .icon-button.btn-instagram:hover {
   color: var(--color-instagram);
   border-color: var(--color-instagram);
   background-color: rgba(225, 48, 108, 0.05);
 }

 .icon-button.btn-copy:hover {
   color: var(--color-copy-link);
   border-color: var(--color-copy-link);
   background-color: rgba(90, 110, 133, 0.05);
 }

 .copy-tooltip {
   position: absolute;
   bottom: 45px;
   left: 50%;
   transform: translateX(-50%);
   background-color: #0c213a;
   color: #fff;
   padding: 4px 8px;
   border-radius: 4px;
   font-size: 11px;
   font-weight: 600;
   white-space: nowrap;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.2s ease;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
 }

 .copy-tooltip::after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   border-width: 5px;
   border-style: solid;
   border-color: #0c213a transparent transparent transparent;
 }

 .copy-tooltip.show {
   opacity: 1;
 }

 .news-featured-photo-block {
   position: relative;
   width: 100%;
   aspect-ratio: 16 / 7;
   border-radius: 20px;
   overflow: hidden;
   margin-top: 15px;
   margin-bottom: 40px;
 }

 .news-featured-photo-block.gradient-1 {
   background: linear-gradient(135deg, #741dbd 0%, #c23c7c 100%);
 }

 .news-featured-photo-block.gradient-2 {
   background: linear-gradient(135deg, #1b68d9 0%, #0ebb8c 100%);
 }

 .news-featured-photo-block.gradient-3 {
   background: linear-gradient(135deg, #1e92d6 0%, #8e32c7 100%);
 }

 .news-featured-photo-block.gradient-4 {
   background: linear-gradient(135deg, #0ba0a5 0%, #762ebd 100%);
 }

 .news-featured-photo-block.gradient-5 {
   background: linear-gradient(135deg, #c72b77 0%, #e67d22 100%);
 }

 .news-featured-photo-block.gradient-6 {
   background: linear-gradient(135deg, #5125b3 0%, #1e87d6 100%);
 }

 .news-featured-photo-block::before {
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
   background-size: 15px 15px;
   transform: rotate(15deg);
   pointer-events: none;
 }

 .news-inline-photo-block {
   position: relative;
   width: 100%;
   aspect-ratio: 16 / 8;
   border-radius: 20px;
   overflow: hidden;
   margin: 35px 0 10px 0;
 }

 .news-inline-photo-block.gradient-1 {
   background: linear-gradient(135deg, #741dbd 0%, #c23c7c 100%);
 }

 .news-inline-photo-block.gradient-3 {
   background: linear-gradient(135deg, #1e92d6 0%, #8e32c7 100%);
 }

 .news-inline-photo-block.gradient-4 {
   background: linear-gradient(135deg, #0ba0a5 0%, #762ebd 100%);
 }

 .news-inline-photo-block.gradient-6 {
   background: linear-gradient(135deg, #5125b3 0%, #1e87d6 100%);
 }

 .news-inline-photo-block::before {
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
   background-size: 15px 15px;
   transform: rotate(15deg);
   pointer-events: none;
 }

 .news-photo-badge {
   position: absolute;
   top: 20px;
   left: 20px;
   background-color: rgba(255, 255, 255, 0.95);
   color: #0c213a;
   padding: 6px 14px;
   border-radius: 30px;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 1px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
   text-transform: uppercase;
   z-index: 10;
 }

 .news-photo-badge svg {
   width: 14px;
   height: 14px;
   stroke: currentColor;
 }

 .news-caption {
   font-size: 13.5px;
   color: #5a6e85;
   font-style: italic;
   margin-top: 8px;
   margin-bottom: 30px;
   display: block;
 }

 .news-detail-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin: 40px 0 25px 0;
 }

 .news-detail-tag {
   background: #f1f5f9;
   color: #741dbd;
   font-size: 13px;
   font-weight: 600;
   padding: 6px 14px;
   border-radius: 20px;
   text-decoration: none;
   transition: all 0.2s ease;
 }

 .news-detail-tag:hover {
   background: #741dbd;
   color: #fff;
   text-decoration: none !important;
 }

 .news-share-bar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   padding: 15px 0;
   margin: 25px 0;
 }

 .news-share-label {
   font-size: 15px;
   font-weight: 700;
   color: #0c213a;
   margin: 0;
 }

 .news-gallery-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
   margin-top: 30px;
 }

 .news-gallery-title {
   font-size: 22px;
   font-weight: 800;
   color: #0c213a;
   margin: 0;
 }

 .news-gallery-nav {
   display: flex;
   gap: 8px;
 }

 .news-gallery-grid {
   display: flex;
   gap: 24px;
   width: 100%;
   margin-bottom: 10px;
 }

 .news-gallery-item {
   flex: 1;
   min-width: 0;
   transition: all 0.3s ease;
 }

 .news-gallery-photo-block {
   position: relative;
   width: 100%;
   aspect-ratio: 4 / 3;
   border-radius: 20px;
   overflow: hidden;
 }

 .news-gallery-photo-block.gradient-1::before,
 .news-gallery-photo-block.gradient-5::before,
 .news-gallery-photo-block.gradient-6::before {
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
   background-size: 15px 15px;
   transform: rotate(15deg);
   pointer-events: none;
 }

 .news-gallery-photo-block.gradient-1 {
   background: linear-gradient(135deg, #741dbd 0%, #c23c7c 100%);
 }

 .news-gallery-photo-block.gradient-5 {
   background: linear-gradient(135deg, #c72b77 0%, #e67d22 100%);
 }

 .news-gallery-photo-block.gradient-6 {
   background: linear-gradient(135deg, #5125b3 0%, #1e87d6 100%);
 }

 @media (max-width: 768px) {
   .news-gallery-grid {
     position: relative;
     overflow: hidden;
   }

   .news-gallery-item {
     flex: 0 0 100%;
     display: none;
   }

   .news-gallery-item.active {
     display: block;
     animation: fadeIn 0.3s ease-in-out;
   }

   .news-author-row {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
   }

   .news-author-row .news-share-icons {
     width: 100%;
   }

   .news-share-bar {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
   }

   .news-share-bar .news-share-icons {
     width: 100%;
   }
 }

 @keyframes fadeIn {
   from {
     opacity: 0;
   }

   to {
     opacity: 1;
   }
 }

 /* NEW — Container adjustments for News Detail */
 @media (min-width: 1200px) {
   .container-news {
     max-width: 960px !important;
   }
 }

 @media (min-width: 1400px) {
   .container-news {
     max-width: 1120px !important;
   }
 }

 /* ===============================================================
   RTL FONT DECLARATIONS - Tajawal Arabic Font
   =============================================================== */
 @font-face {
   font-family: 'Tajawal';
   src: url('../fonts/Tajawal-Regular.woff2') format('woff2');
   font-weight: 200;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Tajawal';
   src: url('../fonts/Tajawal-Bold.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Tajawal';
   src: url('../fonts/Tajawal-ExtraBold.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 /* ===============================================================
   RTL GLOBAL OVERRIDES
   =============================================================== */
 html,
 body {
   direction: rtl;
   text-align: right;
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 span,
 li,
 a,
 input,
 textarea,
 select,
 button,
 .btn {
   font-family: "Tajawal", Arial, sans-serif !important;
 }

 html[dir="rtl"] .topNavCont {
   padding-left: 10px !important;
   padding-right: 30px !important;
 }

 /* On desktop, float buttons right and swap first button's right margin to left margin */
 @media only screen and (min-width: 769px) {

   html[dir="rtl"] #TopButton01,
   html[dir="rtl"] #TopButton02 {
     float: right !important;
   }

   html[dir="rtl"] #FiestButtomTop {
     margin-left: 20px !important;
     margin-right: 0 !important;
   }
 }

 /* On mobile header, make menu full width (remove padding) */
 @media only screen and (max-width: 991px) {
   html[dir="rtl"] .topNavCont {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 }

 /* On mobile, stack them vertically (float: none) and mirror TopButton01 negative left margin to right */
 @media only screen and (max-width: 768px) {

   html[dir="rtl"] #TopButton01,
   html[dir="rtl"] #TopButton02 {
     float: none !important;
     display: block !important;
   }

   html[dir="rtl"] #TopButton01 {
     margin-right: 0px !important;
     margin-left: 0 !important;
     padding-bottom: 10px !important;
   }

   html[dir="rtl"] #TopButton02 {
     margin-right: -15px !important;
     margin-left: 0 !important;
   }

   html[dir="rtl"] #FiestButtomTop,
   html[dir="rtl"] #SecondButtomTop {
     margin-right: 0 !important;
     margin-left: 0 !important;
   }

   html[dir="rtl"] .TopButtonsMainMenu {
     padding-right: 0 !important;
     padding-left: 0 !important;
   }
 }

 /* Force Right-to-Left and Right Alignment on Mobile to override original LTR overrides */
 @media only screen and (max-width: 768px) {

   html[dir="rtl"] body,
   html[dir="rtl"] p,
   html[dir="rtl"] a,
   html[dir="rtl"] li,
   html[dir="rtl"] li p,
   html[dir="rtl"] input,
   html[dir="rtl"] textarea,
   html[dir="rtl"] select,
   html[dir="rtl"] button,
   html[dir="rtl"] .btn {
     text-align: right !important;
     direction: rtl !important;
   }
 }

 html[dir="rtl"] .news-search-box svg {
   margin-right: 0 !important;
   margin-left: 15px !important;
 }

 html[dir="rtl"] .news-featured-badge {
   left: auto !important;
   right: 25px !important;
 }

 /* ===============================================================
   LAZY LOADING SPINNER & SHIMMER (QORRECT PATTERN)
   =============================================================== */
 /* Placeholder for lazy images before loading */
 img.lazy {
   background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
   background-size: 200% 100%;
   animation: loading-shimmer 1.5s infinite;
   position: relative;
   opacity: 0;
   transition: opacity 0.3s;
 }

 @keyframes loading-shimmer {
   0% {
     background-position: 200% 0;
   }

   100% {
     background-position: -200% 0;
   }
 }

 /* Spinner for images currently loading */
 img.lazy.loading {
   background: #f5f5f5;
   position: relative;
   opacity: 0.5;
 }

 img.lazy.loading::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   margin: -20px 0 0 -20px;
   border: 4px solid #f3f3f3;
   border-top: 4px solid #3498db;
   border-radius: 50%;
   animation: spin 1s linear infinite;
   z-index: 1;
 }

 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 /* Remove effects when image is loaded */
 img.lazy.loaded {
   animation: none;
   background: none;
   opacity: 1;
 }

 img.lazy.loaded::after {
   display: none;
 }

 /* ===============================================================
   USER CUSTOM TYPOGRAPHY OVERRIDES
   =============================================================== */
 body {
   font-weight: 300 !important;
 }

 body,
 p {
   font-size: 17px !important;
 }

 @media only screen and (max-width: 768px) {
   html[dir="rtl"] h2 {
     font-size: 26px !important;
   }
 }

 /* ===============================================================
   RTL FOOTER LAYOUT & SPACING ADJUSTMENTS
   =============================================================== */
 /* Flip padding-right classes to padding-left in RTL to align widgets to right grid edge */
 html[dir="rtl"] .pr_40 {
   padding-right: 15px !important;
   padding-left: 40px !important;
 }

 html[dir="rtl"] .pr-lg-3 {
   padding-right: 0 !important;
   padding-left: 1rem !important;
 }

 /* Flip border-radius for news-footer-subscribe form input and button in RTL */
 html[dir="rtl"] .news-footer-subscribe .form-control {
   border-top-right-radius: 6px !important;
   border-bottom-right-radius: 6px !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }

 html[dir="rtl"] .news-footer-subscribe .btn-submit {
   border-top-left-radius: 6px !important;
   border-bottom-left-radius: 6px !important;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }

 /* Set margin-bottom on the newsletter subscribe form */
 html[dir="rtl"] .news-footer-subscribe {
   margin-bottom: 40px !important;
 }

 /* Mobile specific footer overrides (stacking visual adjustments) */
 @media only screen and (max-width: 768px) {

   /* Less margin-top/padding-top on mobile footer start */
   html[dir="rtl"] .h_footer_dark,
   html[dir="rtl"] .pos_footer_area {
     padding-top: 50px !important;
     padding-bottom: 50px !important;
   }

   /* Less margin-top between footer elements in the logo column */
   html[dir="rtl"] .h_footer_dark .company_widget p {
     margin-top: 15px !important;
   }

   html[dir="rtl"] .news-footer-subscribe {
     margin-top: 15px !important;
   }

   /* Force all mobile footer columns to align perfectly at the right edge */
   html[dir="rtl"] .footer_area .row>[class*="col-"] {
     padding-right: 15px !important;
     padding-left: 15px !important;
   }

   /* Clear any padding offsets on widgets to maintain right alignment */
   html[dir="rtl"] .about-widget,
   html[dir="rtl"] .company_widget {
     padding-right: 0 !important;
     margin-right: 0 !important;
   }
 }

 @media only screen and (max-width: 768px) {
   html[dir="rtl"] .news-hero-text h1 {
     font-size: 38px !important;
     text-align: center !important;
   }

   html[dir="rtl"] .news-hero-text p {
     text-align: center !important;
   }
 }

 /* Button padding and font refinement */
 html[dir="rtl"] #FiestButtomTop,
 html[dir="rtl"] #SecondButtomTop {
   padding: 12px 18px !important;
   font-size: 17px !important;
 }

 /* Awards section top margin override */
 .NewExpremintsAwardsSec {
   margin-top: 100px !important;
 }

 /* Center CTA section header */
 #NewThreeCTAh2 {
   text-align: center !important;
 }

 /* ExprementsThreeCTAButton styling override */
 .ExprementsThreeCTAButton {
   padding: 30px !important;
   margin: 10px !important;
   border-radius: 12px !important;
   text-align: center !important;
   font-size: 22px !important;
   color: #FFF !important;
   font-weight: 700 !important;
   min-height: 228px !important;
 }

 /* Statistics header color override */
 #FeaturedInTitle,
 #FeaturedInTitle22 {
   color: #e93182 !important;
 }

 /* Statistics icon text font size & hot color override */
 .NumbersIconCont p.titleNumber,
 .choose-content .titleNumber,
 .plx-stat-val,
 .plx-stat-number {
   font-size: 29px !important;
   font-weight: 800 !important;
   color: #e93182 !important;
 }

 .NumbersIconCont p:not(.titleNumber) {
   font-size: 18px !important;
 }

 /* Chemistry pocket background color override */
 .ChemistryTopPocketsWhite,
 .ChemistryTopPocketsDark {
   background-color: #f8f1f1 !important;
 }

 @media only screen and (max-width: 991px) {

   /* Force full width and centering for hero banner elements on mobile */
   .BiologyExpremintBannerCenterH1 {
     width: 100% !important;
     max-width: 100% !important;
     text-align: center !important;
     padding: 0 15px !important;
   }

   .BiologyExpremintBannerCenterH1 .Breacrumb {
     margin-left: auto !important;
     margin-right: auto !important;
     text-align: center !important;
     justify-content: center !important;
     width: 100% !important;
     display: flex !important;
   }

   .BiologyExpremintBannerCenterH1 h1,
   .BiologyExpremintBannerCenterH1 h2,
   .BiologyExpremintBannerCenterH1 p {
     text-align: center !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 100% !important;
   }

   .BiologyExpremintBannerCenterH1 h1 {
     margin-right: 0 !important;
     margin-left: 0 !important;
   }

   .BiologyExpremintBannerCenterH1 .TopBannerCTAcontent {
     align-items: center !important;
     justify-content: center !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 100% !important;
     text-align: center !important;
     display: flex !important;
   }
 }

 /* Desktop hero banner layout adjustments for Right layout pages */
 @media only screen and (min-width: 992px) {
   .BiologyExpremintBannerCenterH1.text-lg-right .Breacrumb {
     margin-left: auto !important;
     margin-right: 70px !important;
     width: fit-content !important;
   }

   .BiologyExpremintBannerCenterH1.text-lg-right .TopBannerCTAcontent {
     display: flex !important;
     flex-direction: column !important;
     align-items: flex-end !important;
     margin-left: auto !important;
     margin-right: 70px !important;
     width: fit-content !important;
     padding: 0 !important;
     text-align: right !important;
   }
 }

 /* High-specificity hero banner mobile centering overrides */
 @media only screen and (max-width: 991px) {
   html[dir="rtl"] .BiologyExpremintBannerCenterH1 {
     width: 100% !important;
     max-width: 100% !important;
     text-align: center !important;
     padding: 0 15px !important;
   }

   html[dir="rtl"] .BiologyExpremintBannerCenterH1 h1,
   html[dir="rtl"] .BiologyExpremintBannerCenterH1 h1.text-center,
   html[dir="rtl"] .BiologyExpremintBannerCenterH1 h1.text-lg-right {
     text-align: center !important;
     margin-right: 0 !important;
     margin-left: 0 !important;
     display: block !important;
     width: 100% !important;
   }

   html[dir="rtl"] .BiologyExpremintBannerCenterH1 h2,
   html[dir="rtl"] .BiologyExpremintBannerCenterH1 h2.text-center,
   html[dir="rtl"] .BiologyExpremintBannerCenterH1 h2.text-lg-right {
     text-align: center !important;
     margin-right: 0 !important;
     margin-left: 0 !important;
     display: block !important;
     width: 100% !important;
   }

   html[dir="rtl"] .BiologyExpremintBannerCenterH1 p {
     text-align: center !important;
     margin-right: auto !important;
     margin-left: auto !important;
     display: block !important;
     width: 100% !important;
   }

   html[dir="rtl"] .BiologyExpremintBannerCenterH1 .Breacrumb {
     margin-left: auto !important;
     margin-right: auto !important;
     text-align: center !important;
     justify-content: center !important;
     width: 100% !important;
     display: flex !important;
   }

   html[dir="rtl"] .BiologyExpremintBannerCenterH1 .TopBannerCTAcontent {
     align-items: center !important;
     justify-content: center !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 100% !important;
     text-align: center !important;
     display: flex !important;
   }
 }

 /* ============================
   NEW HEADER & FOOTER — do not merge with legacy header/footer rules
   ============================ */

 .phx-newhdr {
   width: 100%;
   background: transparent !important;
   box-shadow: none;
   box-sizing: border-box;
   direction: rtl;
   position: relative;
   z-index: 99999 !important;
   overflow: visible !important;
 }

 .phx-newhdr-inner {
   width: 100%;
   max-width: 100% !important;
   margin: 5px !important;
   font-family: "Cairo", sans-serif;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 16px;
   height: 76px;
   box-sizing: border-box;
   gap: 16px;
   position: relative;
   z-index: 99999 !important;
   overflow: visible !important;
 }

 .phx-newhdr-left {
   display: flex;
   align-items: center;
   gap: 16px;
   min-width: 0;
   flex: 1;
   position: relative;
   z-index: 99999 !important;
   overflow: visible !important;
 }

 .phx-newhdr-logo-cont {
   display: flex;
   align-items: center;
   gap: 10px;
   flex-shrink: 0;
 }

 .phx-newhdr-logo {
   height: 68px;
   width: auto;
   display: block;
 }

 .phx-newhdr-nav-container {
   position: relative;
   display: flex;
   align-items: center;
   min-width: 0;
   flex: 1;
   padding: 0 24px;
   z-index: 99999 !important;
 }

 .phx-newhdr-nav {
   display: flex;
   align-items: center;
   gap: 18px;
   flex-wrap: nowrap !important;
   white-space: nowrap !important;
   overflow-x: auto !important;
   overflow-y: hidden !important;
   scrollbar-width: none !important;
   -ms-overflow-style: none !important;
   -webkit-overflow-scrolling: touch;
   width: 100%;
   padding: 10px 0;
   scroll-behavior: smooth;
 }

 .phx-newhdr-nav::-webkit-scrollbar {
   display: none !important;
   width: 0 !important;
   height: 0 !important;
 }

 .phx-newhdr-nav-item {
   position: relative;
   display: flex;
   align-items: center;
   gap: 4px;
   cursor: pointer;
   padding: 10px 0;
   flex-shrink: 0;
   white-space: nowrap;
 }

 .phx-newhdr-nav-item,
 a.phx-newhdr-navlink {
   position: relative;
 }

 .phx-newhdr-nav-item::after,
 a.phx-newhdr-navlink::after {
   content: "";
   position: absolute;
   bottom: 0px;
   right: 0;
   width: 100%;
   height: 2.5px;
   background-color: #FFFFFF;
   border-radius: 2px;
   transform: scaleX(0);
   transform-origin: left center;
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   pointer-events: none;
 }

 .phx-newhdr-nav-item:hover::after,
 .phx-newhdr-nav-item.is-active::after,
 a.phx-newhdr-navlink:hover::after {
   transform: scaleX(1);
   transform-origin: right center;
 }

 .phx-newhdr-navlink {
   color: #FFFFFF;
   font-size: 16px;
   font-weight: 300 !important;
   text-decoration: none;
   font-family: "Cairo", sans-serif;
   transition: opacity 0.2s ease;
   flex-shrink: 0;
   white-space: nowrap;
 }

 a.phx-newhdr-navlink:hover {
   color: #FFFFFF;
   opacity: 0.9;
   text-decoration: none;
 }

 .phx-newhdr-arrow {
   width: 10px;
   height: 6px;
   fill: #FFFFFF;
   transition: transform 0.2s ease;
   flex-shrink: 0;
 }

 .phx-newhdr-nav-item:hover .phx-newhdr-arrow,
 .phx-newhdr-nav-item.is-active .phx-newhdr-arrow {
   transform: rotate(180deg);
 }

 .phx-newhdr-dropdown {
   position: fixed !important;
   background: #FFFFFF;
   border-radius: 10px;
   box-shadow: 0 10px 30px rgba(43, 15, 40, 0.25);
   padding: 8px 0;
   min-width: 220px;
   z-index: 999999 !important;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transform: translateY(8px);
   transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
   text-align: right;
 }

 .phx-newhdr-dropdown.is-open {
   opacity: 1 !important;
   visibility: visible !important;
   pointer-events: auto !important;
   transform: translateY(0) !important;
 }

 .phx-newhdr-nav-item:hover .phx-newhdr-dropdown,
 .phx-newhdr-nav-item.phx-newhdr-open .phx-newhdr-dropdown {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }

 .phx-newhdr-dropdown-link {
   display: block;
   padding: 10px 20px;
   color: #3D1B3A;
   text-decoration: none;
   font-size: 15px;
   font-weight: 300 !important;
   white-space: nowrap;
   font-family: "Cairo", sans-serif;
   transition: background 0.15s ease, color 0.15s ease;
 }

 .phx-newhdr-dropdown-link:hover {
   background: #f7f2f6;
   color: #B7356B;
   text-decoration: none;
 }

 .phx-newhdr-lang-switch {
   display: flex;
   align-items: center;
   gap: 5px;
   color: #FFFFFF;
   font-size: 15px;
   font-weight: 600;
   text-decoration: none;
   font-family: "Cairo", sans-serif;
   transition: opacity 0.2s ease;
   flex-shrink: 0;
   white-space: nowrap;
 }

 .phx-newhdr-lang-switch:hover {
   color: #FFFFFF;
   opacity: 0.85;
   text-decoration: none;
 }

 .phx-newhdr-lang-switch svg {
   width: 15px;
   height: 15px;
   fill: none;
   stroke: #FFFFFF;
   stroke-width: 1.7;
 }

 .phx-newhdr-right {
   display: flex;
   align-items: center;
   gap: 12px;
   flex-shrink: 0;
 }

 .phx-newhdr-login-link {
   color: #FFFFFF;
   text-decoration: underline;
   font-size: 15px;
   font-weight: 700;
   font-family: "Cairo", sans-serif;
   transition: opacity 0.2s ease;
   white-space: nowrap;
 }

 .phx-newhdr-login-link:hover {
   color: #FFFFFF;
   opacity: 0.85;
   text-decoration: underline;
 }

 .phx-newhdr-divider {
   width: 1px;
   height: 22px;
   background: rgba(255, 255, 255, 0.3);
   flex-shrink: 0;
 }

 .phx-newhdr-btn-primary {
   color: #FFFFFF;
   text-decoration: none;
   font-size: 15px;
   font-weight: 700;
   font-family: "Cairo", sans-serif;
   background: linear-gradient(135deg, #F0699E, #D94A85);
   padding: 10px 18px;
   border-radius: 8px;
   white-space: nowrap;
   transition: filter 0.2s ease;
   flex-shrink: 0;
 }

 .phx-newhdr-btn-primary:hover {
   color: #FFFFFF;
   filter: brightness(0.95);
   text-decoration: none;
 }

 .phx-newhdr-btn-secondary {
   color: #C22F5E;
   text-decoration: none;
   font-size: 15px;
   font-weight: 700;
   font-family: "Cairo", sans-serif;
   background: #FFFFFF;
   padding: 10px 18px;
   border-radius: 8px;
   white-space: nowrap;
   transition: filter 0.2s ease;
   flex-shrink: 0;
   margin-left: 15px;
 }

 .phx-newhdr-btn-secondary:hover {
   color: #C22F5E;
   filter: brightness(0.95);
   text-decoration: none;
 }

 /* Nav Scroll Buttons */
 .phx-newhdr-scroll-btn {
   display: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2500;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: #FFFFFF;
   color: #7D4AAD;
   border: 1px solid rgba(125, 74, 173, 0.2);
   align-items: center;
   justify-content: center;
   cursor: pointer;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
   transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
   padding: 0;
 }

 .phx-newhdr-scroll-btn:hover {
   background: #FFFFFF;
   color: #B7356B;
   transform: translateY(-50%) scale(1.12);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
 }

 .phx-newhdr-scroll-btn--left {
   left: 2px;
 }

 .phx-newhdr-scroll-btn--right {
   right: 2px;
 }

 .phx-newhdr-nav-container.has-overflow .phx-newhdr-scroll-btn {
   display: flex;
 }

 .phx-newhdr-scroll-btn.is-disabled {
   opacity: 0.3;
   cursor: default;
   pointer-events: none;
 }

 /* Mobile Menu Toggle & Drawer */
 .phx-newhdr-mob-toggle {
   display: none;
   background: transparent;
   border: none;
   cursor: pointer;
   padding: 6px;
   align-items: center;
   justify-content: center;
   outline: none;
   margin-right: auto;
 }

 .phx-newhdr-mob-toggle .phx-icon-close {
   display: none;
 }

 .phx-newhdr-mob-toggle.is-active .phx-icon-burger {
   display: none;
 }

 .phx-newhdr-mob-toggle.is-active .phx-icon-close {
   display: block;
 }

 /* White Header when Mobile Menu is Open */
 .phx-newhdr.is-mob-open {
   background: #FFFFFF !important;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
 }

 .phx-newhdr.is-mob-open .phx-icon-close path {
   stroke: #2B1B3A !important;
 }

 .phx-newhdr-mob-drawer {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   left: 0;
   background: #FFFFFF !important;
   padding: 20px 24px 32px;
   box-shadow: 0 16px 30px rgba(0, 0, 0, 0.12);
   z-index: 999999 !important;
   flex-direction: column;
   gap: 20px;
   box-sizing: border-box;
   border-top: 1px solid #EAE5EF;
 }

 .phx-newhdr-mob-drawer.is-open {
   display: flex !important;
 }

 .phx-newhdr-mob-nav {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }

 .phx-mob-nav-link {
   color: #2B1B3A;
   font-size: 16px;
   font-weight: 600;
   text-decoration: none;
   padding: 12px 0;
   border-bottom: 1px solid #EAE5EF;
   display: flex;
   align-items: center;
   gap: 8px;
   font-family: "Cairo", sans-serif;
 }

 .phx-mob-nav-link svg path,
 .phx-mob-nav-link svg circle {
   stroke: #2B1B3A;
 }

 .phx-mob-acc-btn {
   width: 100%;
   background: transparent;
   border: none;
   color: #2B1B3A;
   font-size: 16px;
   font-weight: 600;
   font-family: "Cairo", sans-serif;
   padding: 12px 0;
   border-bottom: 1px solid #EAE5EF;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   outline: none;
   text-align: right;
 }

 .phx-mob-acc-btn svg {
   transition: transform 0.2s ease;
 }

 .phx-mob-acc-btn svg path {
   fill: #2B1B3A;
 }

 .phx-mob-acc-item.is-open .phx-mob-acc-btn svg {
   transform: rotate(180deg);
 }

 .phx-mob-acc-body {
   display: none;
   flex-direction: column;
   gap: 8px;
   padding: 12px 16px;
   background: #F5F3F7 !important;
   border-radius: 8px;
   margin-top: 6px;
 }

 .phx-mob-acc-item.is-open .phx-mob-acc-body {
   display: flex;
 }

 .phx-mob-acc-body a {
   color: #4A3E56;
   font-size: 15px;
   font-weight: 600;
   text-decoration: none;
   padding: 6px 0;
   font-family: "Cairo", sans-serif;
 }

 .phx-mob-actions {
   display: flex;
   flex-direction: column;
   gap: 12px;
   margin-top: 12px;
   padding-top: 4px;
   border-top: none !important;
 }

 .phx-mob-login-link {
   color: #2B1B3A;
   font-size: 16px;
   font-weight: 700;
   text-align: center;
   text-decoration: underline;
   padding: 6px 0;
   font-family: "Cairo", sans-serif;
 }

 .phx-mob-actions .phx-newhdr-btn-primary,
 .phx-mob-actions .phx-newhdr-btn-secondary {
   text-align: center !important;
   font-size: 16px !important;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   box-sizing: border-box;
   margin: 0 !important;
 }

 .phx-mob-actions .phx-newhdr-btn-secondary {
   border: 1px solid #C22F5E !important;
 }

 /* Header Responsive */
 @media (max-width: 1200px) {
   .phx-newhdr-inner {
     padding: 0 12px;
     gap: 16px;
   }

   .phx-newhdr-left {
     gap: 20px;
   }

   .phx-newhdr-nav {
     gap: 24px;
   }
 }

 @media (max-width: 991px) {
   .RemovePadding {
     margin-top: 20px !important;
   }

   .phx-newhdr-inner {
     height: 68px;
     margin: 0 !important;
     padding: 10px 16px;
     flex-wrap: nowrap;
     gap: 12px;
   }

   .phx-newhdr-left {
     gap: 12px;
     width: 100%;
     justify-content: space-between;
   }

   .phx-newhdr-nav-container,
   .phx-newhdr-right {
     display: none !important;
   }

   .phx-newhdr-mob-toggle {
     display: flex !important;
   }
 }

 @media (max-width: 768px) {

   .phx-newhdr-btn-primary,
   .phx-newhdr-btn-secondary {
     padding: 9px 15px;
     font-size: 13px;
   }

   .phx-newhdr-login-link {
     font-size: 14px;
   }
 }



 /* ============================
   NEW FOOTER
   ============================ */

 .phx-newftr {
   width: 100%;
   font-family: "Cairo", sans-serif;
   background: #2B2830;
   box-sizing: border-box;
   direction: rtl;
   overflow-x: hidden;
 }

 .phx-newftr-inner {
   max-width: 1920px;
   margin: 0 auto;
   padding: 56px 64px 32px;
   box-sizing: border-box;
 }

 .phx-newftr-cols {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 64px;
   text-align: right;
 }

 .phx-newftr-col-brand {
   width: 320px;
   flex-shrink: 0;
 }

 .phx-newftr-logo-wrap {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 24px;
 }

 .phx-newftr-logo {
   height: 116px;
   width: auto;
   display: block;
 }

 .phx-newftr-brand-desc {
   color: #FFFFFF;
   font-size: 15px;
   font-weight: 200;
   line-height: 1.6;
   margin: 0 0 20px;
   font-family: "Cairo", sans-serif;
 }

 .phx-newftr-form {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }

 .phx-newftr-input {
   width: 100%;
   border: 1px solid rgba(255, 255, 255, 0.35);
   background: rgba(255, 255, 255, 0.12);
   color: #FFFFFF;
   padding: 16px 20px;
   font-family: "Cairo", sans-serif;
   font-size: 17px;
   border-radius: 10px;
   box-sizing: border-box;
   outline: none;
   text-align: right;
   transition: border-color 0.2s ease;
 }

 .phx-newftr-input::placeholder {
   color: rgba(255, 255, 255, 0.7);
 }

 .phx-newftr-input:focus {
   border-color: rgba(255, 255, 255, 0.7);
 }

 .phx-newftr-submit-btn {
   background: #FFFFFF;
   color: #2B2830;
   border: none;
   font-family: "Cairo", sans-serif;
   font-size: 17px;
   font-weight: 700;
   padding: 15px 30px;
   border-radius: 10px;
   cursor: pointer;
   white-space: nowrap;
   width: 100%;
   transition: background 0.2s ease;
 }

 .phx-newftr-submit-btn:hover {
   background: #e6e6e6;
 }

  .phx-newftr-col {
    flex: 0 1 auto !important;
    min-width: 185px !important;
    max-width: 190px !important;
  }

 .phx-newftr-col-heading {
   color: #FFFFFF;
   font-size: 18px;
   font-weight: 800;
   margin: 0 0 20px;
   text-align: right;
   font-family: "Cairo", sans-serif;
 }

 .phx-newftr-links {
   display: flex;
   flex-direction: column;
   gap: 14px;
   align-items: flex-start;
   font-weight: 200;
 }

 .phx-newftr-link {
   color: #D6D2D8;
   text-decoration: none;
   font-size: 17px;
   font-weight: 200;
   font-family: "Cairo", sans-serif;
   transition: color 0.2s ease;
 }

 .phx-newftr-link:hover {
   color: #FFFFFF;
   text-decoration: none;
 }

 .phx-newftr-social-link {
   display: flex;
   align-items: center;
   gap: 8px;
   color: #D6D2D8;
   text-decoration: none;
   font-size: 17px;
   font-weight: 200;
   font-family: "Cairo", sans-serif;
   transition: color 0.2s ease;
 }

 .phx-newftr-social-link:hover {
   color: #FFFFFF;
   text-decoration: none;
 }

 .phx-newftr-social-link svg {
   width: 16px;
   height: 16px;
   fill: currentColor;
   flex-shrink: 0;
 }

 .phx-newftr-bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin-top: 48px;
   padding-top: 24px;
   text-align: center;
 }

 .phx-newftr-copyright {
   color: #A8A3AC;
   font-size: 14px;
   font-family: "Cairo", sans-serif;
 }

 /* Footer Responsive */
 @media (max-width: 1400px) {
   .phx-newftr-inner {
     padding: 48px 48px 32px;
   }

   .phx-newftr-cols {
     gap: 48px;
   }
 }

 @media (max-width: 991px) {
   .phx-newftr-cols {
     flex-wrap: wrap;
     gap: 36px;
   }

   .phx-newftr-col-brand {
     width: 100%;
     max-width: 400px;
   }

   .phx-newftr-col {
     width: calc(50% - 20px);
   }
 }

 @media (max-width: 576px) {
   .phx-newftr-inner {
     padding: 32px 20px 24px;
   }

   .phx-newftr-cols {
     flex-direction: column;
     gap: 28px;
   }

   .phx-newftr-col {
     width: 100%;
   }
 }

 /* FORCED MOBILE HERO BANNER HEIGHT OVERRIDE */
 @media screen and (max-width: 991px) {

   .BiologyExpremintBannerContentCenter,
   .ChemistryExpremintBannerContentCenter,
   .PhysicsExpremintBannerContentCenter,
   body .BiologyExpremintBannerContentCenter,
   body .ChemistryExpremintBannerContentCenter,
   body .PhysicsExpremintBannerContentCenter,
   div.BiologyExpremintBannerContentCenter,
   div.ChemistryExpremintBannerContentCenter,
   div.PhysicsExpremintBannerContentCenter,
   html[dir="rtl"] .BiologyExpremintBannerContentCenter {
     height: 1240px !important;
     max-height: 1280px !important;
     min-height: 780px !important;
   }
 }

 /* ==========================================================================
   FORCED SECTION 3 (POCKETS SECTION) STYLING & HOVER PULL-UP EFFECT
   ========================================================================== */
 .biologyTopPocketsWhite,
 .biologyTopPocketsDark,
 .BiologyTopPocketsWhite,
 .BiologyTopPocketsDark,
 .chemistryTopPocketsWhite,
 .chemistryTopPocketsDark,
 .ChemistryTopPocketsWhite,
 .ChemistryTopPocketsDark,
 .physicsTopPocketsWhite,
 .physicsTopPocketsDark,
 .PhysicsTopPocketsWhite,
 .PhysicsTopPocketsDark {
   background-color: #ffffff !important;
   border: 1px solid rgba(0, 0, 0, 0.08) !important;
   border-radius: 16px !important;
   padding: 32px 28px !important;
   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
   margin-bottom: 24px !important;
   transition: transform 0.3s ease, box-shadow 0.3s ease !important;
   position: relative !important;
   z-index: 1 !important;
 }

 .biologyTopPocketsWhite,
 .BiologyTopPocketsWhite,
 .chemistryTopPocketsWhite,
 .ChemistryTopPocketsWhite,
 .physicsTopPocketsWhite,
 .PhysicsTopPocketsWhite {
   min-height: 190px !important;
   display: flex !important;
   flex-direction: column !important;
   justify-content: flex-start !important;
 }

 /* Hover Pull-Up Effect */
 .biologyTopPocketsWhite:hover,
 .biologyTopPocketsDark:hover,
 .BiologyTopPocketsWhite:hover,
 .BiologyTopPocketsDark:hover,
 .chemistryTopPocketsWhite:hover,
 .chemistryTopPocketsDark:hover,
 .ChemistryTopPocketsWhite:hover,
 .ChemistryTopPocketsDark:hover,
 .physicsTopPocketsWhite:hover,
 .physicsTopPocketsDark:hover,
 .PhysicsTopPocketsWhite:hover,
 .PhysicsTopPocketsDark:hover {
   transform: translateY(-8px) !important;
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09) !important;
   z-index: 2 !important;
 }

 /* Pocket Title: 24px */
 .biologyTopPocketsWhite h2,
 .biologyTopPocketsWhite h3,
 .biologyTopPocketsWhite h4,
 .biologyTopPocketsDark h2,
 .biologyTopPocketsDark h3,
 .biologyTopPocketsDark h4,
 .BiologyTopPocketsWhite h2,
 .BiologyTopPocketsWhite h3,
 .BiologyTopPocketsWhite h4,
 .BiologyTopPocketsDark h2,
 .BiologyTopPocketsDark h3,
 .BiologyTopPocketsDark h4,
 .chemistryTopPocketsWhite h2,
 .chemistryTopPocketsWhite h3,
 .chemistryTopPocketsWhite h4,
 .chemistryTopPocketsDark h2,
 .chemistryTopPocketsDark h3,
 .chemistryTopPocketsDark h4,
 .ChemistryTopPocketsWhite h2,
 .ChemistryTopPocketsWhite h3,
 .ChemistryTopPocketsWhite h4,
 .ChemistryTopPocketsDark h2,
 .ChemistryTopPocketsDark h3,
 .ChemistryTopPocketsDark h4,
 .physicsTopPocketsWhite h2,
 .physicsTopPocketsWhite h3,
 .physicsTopPocketsWhite h4,
 .physicsTopPocketsDark h2,
 .physicsTopPocketsDark h3,
 .physicsTopPocketsDark h4,
 .PhysicsTopPocketsWhite h2,
 .PhysicsTopPocketsWhite h3,
 .PhysicsTopPocketsWhite h4,
 .PhysicsTopPocketsDark h2,
 .PhysicsTopPocketsDark h3,
 .PhysicsTopPocketsDark h4 {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 24px !important;
   font-weight: 700 !important;
   color: #231a44 !important;
   margin-bottom: 16px !important;
   line-height: 1.4 !important;
 }

 /* Pocket Paragraph / List Content: 20px */
 .biologyTopPocketsWhite p,
 .biologyTopPocketsWhite li,
 .biologyTopPocketsWhite .Textlist,
 .biologyTopPocketsDark p,
 .biologyTopPocketsDark li,
 .biologyTopPocketsDark .Textlist,
 .BiologyTopPocketsWhite p,
 .BiologyTopPocketsWhite li,
 .BiologyTopPocketsWhite .Textlist,
 .BiologyTopPocketsDark p,
 .BiologyTopPocketsDark li,
 .BiologyTopPocketsDark .Textlist,
 .chemistryTopPocketsWhite p,
 .chemistryTopPocketsWhite li,
 .chemistryTopPocketsWhite .Textlist,
 .chemistryTopPocketsDark p,
 .chemistryTopPocketsDark li,
 .chemistryTopPocketsDark .Textlist,
 .ChemistryTopPocketsWhite p,
 .ChemistryTopPocketsWhite li,
 .ChemistryTopPocketsWhite .Textlist,
 .ChemistryTopPocketsDark p,
 .ChemistryTopPocketsDark li,
 .ChemistryTopPocketsDark .Textlist,
 .physicsTopPocketsWhite p,
 .physicsTopPocketsWhite li,
 .physicsTopPocketsWhite .Textlist,
 .physicsTopPocketsDark p,
 .physicsTopPocketsDark li,
 .physicsTopPocketsDark .Textlist,
 .PhysicsTopPocketsWhite p,
 .PhysicsTopPocketsWhite li,
 .PhysicsTopPocketsWhite .Textlist,
 .PhysicsTopPocketsDark p,
 .PhysicsTopPocketsDark li,
 .PhysicsTopPocketsDark .Textlist {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 20px !important;
   font-weight: 200 !important;
   color: #000000 !important;
   line-height: 1.6 !important;
 }

 /* ==========================================================================
   BULLET LIST & POCKET BOTTOM PADDING REDESIGN
   ========================================================================== */
 .biologyTopPocketsDark,
 .BiologyTopPocketsDark,
 .chemistryTopPocketsDark,
 .ChemistryTopPocketsDark,
 .physicsTopPocketsDark,
 .PhysicsTopPocketsDark {
   padding-bottom: 36px !important;
 }

 .plx-bullet-list,
 .biologyTopPocketsDark ul,
 .BiologyTopPocketsDark ul,
 .chemistryTopPocketsDark ul,
 .ChemistryTopPocketsDark ul,
 .physicsTopPocketsDark ul,
 .PhysicsTopPocketsDark ul {
   list-style: none !important;
   padding-right: 0 !important;
   padding-left: 0 !important;
   margin: 16px 0 0 0 !important;
 }

 .plx-bullet-list li,
 .biologyTopPocketsDark ul li,
 .BiologyTopPocketsDark ul li,
 .chemistryTopPocketsDark ul li,
 .ChemistryTopPocketsDark ul li,
 .physicsTopPocketsDark ul li,
 .PhysicsTopPocketsDark ul li {
   position: relative !important;
   padding-right: 24px !important;
   padding-left: 0 !important;
   margin-bottom: 12px !important;
   font-family: 'Tajawal', sans-serif !important;
   font-size: 20px !important;
   font-weight: 200 !important;
   color: #000000 !important;
   line-height: 1.6 !important;
 }

 .plx-bullet-list li::before,
 .biologyTopPocketsDark ul li::before,
 .BiologyTopPocketsDark ul li::before,
 .chemistryTopPocketsDark ul li::before,
 .ChemistryTopPocketsDark ul li::before,
 .physicsTopPocketsDark ul li::before,
 .PhysicsTopPocketsDark ul li::before {
   content: "•" !important;
   position: absolute !important;
   right: 0 !important;
   top: 0 !important;
   font-size: 22px !important;
   color: #000000 !important;
   line-height: 1.4 !important;
 }

 .biologyTopPocketsWhite p.plx-pocket-subtitle,
 .biologyTopPocketsDark p.plx-pocket-subtitle,
 .BiologyTopPocketsWhite p.plx-pocket-subtitle,
 .BiologyTopPocketsDark p.plx-pocket-subtitle,
 .chemistryTopPocketsWhite p.plx-pocket-subtitle,
 .chemistryTopPocketsDark p.plx-pocket-subtitle,
 .ChemistryTopPocketsWhite p.plx-pocket-subtitle,
 .ChemistryTopPocketsDark p.plx-pocket-subtitle,
 .physicsTopPocketsWhite p.plx-pocket-subtitle,
 .physicsTopPocketsDark p.plx-pocket-subtitle,
 .PhysicsTopPocketsWhite p.plx-pocket-subtitle,
 .PhysicsTopPocketsDark p.plx-pocket-subtitle,
 p.plx-pocket-subtitle,
 .plx-pocket-subtitle {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 20px !important;
   font-weight: 300 !important;
   color: #000000 !important;
   margin-bottom: 16px !important;
   line-height: 1.5 !important;
 }

 /* ==========================================================================
   SECTION 4 CLIENT LOGOS DESKTOP STYLING
   ========================================================================== */
 @media only screen and (min-width: 768px) {

   .plx-clients-img-dt,
   img.FeaturedInDiv.DisplayInDeskTopOnly.plx-clients-img-dt {
     width: 740px !important;
     min-width: 740px !important;
     max-width: 100% !important;
     height: auto !important;
     display: block !important;
     margin-left: auto !important;
     margin-right: auto !important;
     margin-top: 30px !important;
   }
 }

 /* ==========================================================================
   SECTION 6 THREE BIG CTAS REDESIGN & HOVER EFFECT
   ========================================================================== */
 .NewThreeCTA,
 .plx-three-cta-sec {
   background-color: #f0faf9 !important;
   padding-top: 60px !important;
   padding-bottom: 60px !important;
 }

 .plx-three-cta-title,
 #NewThreeCTAh2 {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 40px !important;
   font-weight: 800 !important;
   color: #231a44 !important;
   text-align: center !important;
   margin-bottom: 12px !important;
 }

 .plx-three-cta-subtitle {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 18px !important;
   font-weight: 400 !important;
   color: #666666 !important;
   text-align: center !important;
   margin-bottom: 36px !important;
   line-height: 1.6 !important;
 }

 .ExprementsThreeCTAButton {
   background: linear-gradient(180deg, #3fa0df 0%, #1ab6a2 100%) !important;
   border: 2px solid transparent !important;
   border-radius: 16px !important;
   padding: 36px 20px !important;
   margin: 0 !important;
   text-align: center !important;
   font-family: 'Tajawal', sans-serif !important;
   font-size: 22px !important;
   color: #ffffff !important;
   font-weight: 700 !important;
   min-height: 220px !important;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
   cursor: pointer !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 16px !important;
   position: relative !important;
 }

 .ExprementsThreeCTAButton img {
   width: 65px !important;
   height: auto !important;
   margin-bottom: 12px !important;
   transition: transform 0.3s ease !important;
 }

 .ExprementsThreeCTAButton .plx-cta-text,
 .ExprementsThreeCTAButton {
   color: #ffffff !important;
 }

 /* Hover Effect: Solid white card with teal border, teal text, pulled up */
 .ExprementsThreeCTAButton:hover {
   background: #ffffff !important;
   border: 2px solid #1ab6a2 !important;
   color: #1ab6a2 !important;
   transform: translateY(-8px) !important;
   box-shadow: 0 16px 36px rgba(26, 182, 162, 0.18) !important;
 }

 .ExprementsThreeCTAButton:hover .plx-cta-text {
   color: #1ab6a2 !important;
 }

 /* Hover Icon Swap (_Up version) */
 .ExprementsThreeCTAButton .plx-icon-hover {
   display: none !important;
 }

 .ExprementsThreeCTAButton .plx-icon-normal {
   display: inline-block !important;
 }

 .ExprementsThreeCTAButton:hover .plx-icon-normal {
   display: none !important;
 }

 .ExprementsThreeCTAButton:hover .plx-icon-hover {
   display: inline-block !important;
 }

 .NewExpremintsAwardsSec {
   background-color: #FFF !important;
 }

 @media only screen and (min-width: 769px) {
   .NewExpremintsAwardsSec {
     background-image: url(../img/Praxilabs_Awards_New_DT.webp) !important;
     background-size: 60% auto !important;
     background-repeat: no-repeat !important;
     background-position: center bottom !important;
     min-height: 520px !important;
     background-color: #FFF !important;
   }
 }

 .NewExpremintsAwardsSec h2,
 #AwardsH2Chemistry,
 #AwardsH2Chemistry span {
   color: #e93182 !important;
 }

 /* ==========================================================================
   TESTIMONIALS SECTION STANDARDIZED TYPOGRAPHY & CAROUSEL DOTS
   ========================================================================== */
 /* 1. Testimonials Quote Body Text: 22px */
 .bodyTestimonials p,
 .bodyTestimonials p:not(.TestimonialsName22),
 .TestimonialCont3 .bodyTestimonials p:not(.TestimonialsName22),
 .TestimonialCont3 .bodyTestimonials p {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 22px !important;
   font-weight: 300 !important;
   color: #222222 !important;
   line-height: 1.65 !important;
 }

 /* 2. Name of the Professor: 21px, Bold 700, Blue */
 .TestimonialsName22,
 .bodyTestimonials .TestimonialsName22,
 .bodyTestimonials p.TestimonialsName22,
 .TestimonialCont3 .TestimonialsName22 {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 21px !important;
   font-weight: 700 !important;
   color: #0076cf !important;
   margin-top: 15px !important;
   margin-bottom: 8px !important;
 }

 /* 3. Professor's Title / University: 18px */
 .bodyTestimonials span,
 .TestimonialCont3 span,
 .bodyTestimonials .TestimonialsTitle22 {
   font-family: 'Tajawal', sans-serif !important;
   font-size: 18px !important;
   font-weight: 300 !important;
   color: #555555 !important;
   display: block !important;
 }

 /* 4. Carousel Control Dots / Indicators */
 .carousel-indicators22 button,
 .carousel-indicators22 [data-bs-target],
 .carousel-indicators button {
   width: 12px !important;
   height: 12px !important;
   border-radius: 50% !important;
   background-color: #d0d0d0 !important;
   border: none !important;
   opacity: 1 !important;
   margin: 0 4px !important;
   transition: all 0.3s ease !important;
 }

 .carousel-indicators22 button.active,
 .carousel-indicators22 [data-bs-target].active,
 .carousel-indicators button.active,
 .carousel-indicators22 [aria-current="true"] {
   background-color: #15b5a3 !important;
   width: 14px !important;
   height: 14px !important;
   border-radius: 50% !important;
 }

 /* Mobile Awards Section & Testimonials Body Text */
 @media only screen and (max-width: 768px) {
   .NewExpremintsAwardsSec {
     margin-top: 10px !important;
   }

   .bodyTestimonials p,
   .bodyTestimonials p:not(.TestimonialsName22),
   .TestimonialCont3 .bodyTestimonials p:not(.TestimonialsName22),
   .TestimonialCont3 .bodyTestimonials p {
     font-size: 18px !important;
   }

   .plx-three-cta-title,
   #NewThreeCTAh2,
   h2,
   h2 span {
     font-size: 32px !important;
   }

   #HomeTop3Statistics #FeaturedInTitle,
   #HomeTop3Statistics #FeaturedInTitle22,
   #FeaturedInTitle,
   #FeaturedInTitle22,
   span#FeaturedInTitle22 {
     font-size: 32px !important;
     margin-top: 0 !important;
     padding-top: 0 !important;
   }

   .SugestedTopics .grid-item,
   .SugestedTopics .second-project,
   .SugestedTopics .plx-flip-card,
   .second-project.mb-30,
   .plx-flip-card.mb-30 {
     margin-bottom: 28px !important;
   }

   .NewExpremintsAwardsSec {
     padding-bottom: 10px !important;
     margin-bottom: 10px !important;
   }
 }

.second-project .s-project-info a,
.second-project .s-project-info h3 a,
.second-project .s-project-info .Experimenttitle a,
.s-project-info a,
.pranshTitle,
.plx-branch-title,
p.pranshTitle,
p.plx-branch-title,
.second-project .s-project-info .pranshTitle,
.second-project .s-project-info .plx-branch-title {
    font-weight: 500 !important;
    margin-top: 0 !important;
}

.Experimenttitle,
.Experimenttitle a,
.second-project .Experimenttitle a,
h3.Experimenttitle a {
    font-size: 18px !important;
}

/* ==========================================================================
   EXPERIMENTS POCKETS 3D VERTICAL FLIP CARD EFFECT
   ========================================================================== */
.plx-flip-card {
    perspective: 1000px !important;
    background-color: transparent !important;
    min-height: 280px !important;
    height: 100% !important;
}

.plx-flip-card-inner {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 280px !important;
    text-align: right !important;
    transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1) !important;
    transform-style: preserve-3d !important;
    border-radius: 16px !important;
}

/* Horizontal 180deg rotation on hover/rollover */
.plx-flip-card:hover .plx-flip-card-inner,
.second-project:hover .plx-flip-card-inner {
    transform: rotateY(180deg) !important;
}

/* Common style for Front and Back */
.plx-flip-card-front,
.plx-flip-card-back {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Front Side (Up status: text-align right) */
.plx-flip-card-front,
.plx-flip-card-front .s-project-info,
.plx-flip-card-front .s-project-info *,
.plx-flip-card-front p,
.plx-flip-card-front h3 {
    text-align: right !important;
}

.plx-flip-card-front {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 15px !important;
}

/* Back Side: Teal-to-Blue Gradient, pre-rotated 180deg along Y-axis */
.plx-flip-card-back {
    background: linear-gradient(180deg, #3fa0df 0%, #1ab6a2 100%) !important;
    color: #ffffff !important;
    transform: rotateY(180deg) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    box-shadow: none !important;
}

.plx-flip-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 14px !important;
    width: 100% !important;
}

.plx-flip-title {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.plx-flip-category {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    margin: 0 !important;
}

.plx-flip-btn {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1ab6a2 !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 32px !important;
    margin-top: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    display: inline-block !important;
}

.plx-flip-btn:hover {
    color: #1ab6a2 !important;
    background-color: #ffffff !important;
    transform: scale(1.05) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important;
}

/* Force Remove box-shadow from .second-project */
.second-project,
.second-project:hover,
.plx-flip-card,
.plx-flip-card-inner,
.plx-flip-card-front,
.plx-flip-card-back,
div.second-project {
    box-shadow: none !important;
}

/* Paragraphs directly underneath H2 / Section Title & CTA Section Subtitles */
h2 + p,
.CTAArea p,
.lastCTABiologyExpriment p,
.CTAENDSECTION22222 p,
.plx-three-cta-subtitle,
.CTAArea h2 + p {
    font-size: 22px !important;
}

/* CTAENDSECTION22222 Gradient & Typography */
.CTAENDSECTION22222 {
    background: rgb(16, 52, 127) !important;
    background: linear-gradient(94deg, rgb(11 107 189) 5%, rgb(11 142 114) 60%) !important;
}

.CTAENDSECTION22222 h2,
.CTAENDSECTION22222 p,
.CTAArea h2,
.CTAArea p,
.lastCTABiologyExpriment h2,
.lastCTABiologyExpriment p {
    color: #ffffff !important;
    text-align: center !important;
}

@media only screen and (min-width: 992px) {
    .CTAArea.lastCTABiologyExpriment,
    .lastCTABiologyExpriment {
        padding-left: 50px !important;
        margin-left: 0 !important;
    }
}