h2{
 text-align: center;
 font-size: 32px;
 line-height: 44px;
 font-weight: bold;
 margin-bottom: 40px;
}

h5{color:#1F2937}

.mart-30{margin-top: 30px;}
.cta-part a {
 border-radius: 40px;
 min-width: 350px;
 background-color: #113DCD;
 color: #fff;
 text-align: center;
 font-size: 16px;
 line-height: 50px;
 height: 50px;
 display: inline-block;
 text-decoration: none;
 transition-timing-function: cubic-bezier(.4,0,.2,1);
 transition-duration: .3s; font-weight: 700;
}

.cta-part a:hover{
 box-shadow: 0 30px 22px -20px #788ace; color:#fff
}

.cta-part a span {
 width: 16px;
 height: 16px;
 display: inline-block;
 background-image: url('../assets/images/right-aerrow.svg');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 position: relative;
 top: 3px;
}

section{margin: 60px auto 0 auto;}
.why-to-choose{margin: 0;}
.why-to-choose .container{margin: 0 auto}
.why-to-choose h2{ font-size: 32px; font-weight: bold; line-height: 34px; margin-bottom: 30px}
.sub-heading{ font-size: 20px; line-height: 30px; margin-bottom: 40px;}

.check-mark ul { display: inline-block; padding-left: 0;}
.check-mark ul li { list-style-type: none; position: relative; font-size: 16px; margin-bottom: 20px; padding-left: 20px; line-height: 30px} 
.check-mark ul li b{ font-size: 16px; line-height: 24px; font-weight: 800; margin-bottom: 10px; display: block;}
.check-mark ul li::before { content: ''; left: -12px; top: 0; position: absolute;  width: 20px; height: 20px; background-image: url('../assets/images/check-round.png');  background-position: center; background-repeat: no-repeat; background-size: contain;}

.journal-cover .check-mark ul li { padding-left: 0} 
.journal-cover .check-mark ul li b{padding-left: 30px; }
.journal-cover ul li::before { content: ''; left: 0; top: 0} 

.ga-bg-yellow{background: #FFFBEF;}
.ga-slider h2{ text-align: center; font-size: 32px; line-height: 44px;
 font-weight: bold; margin-bottom: 30px;}
.ga-slider {position: relative; padding: 0 40px; margin: 0 auto 40px auto;}

.ga-slider .owl-carousel .owl-nav button.owl-next, 
.ga-slider .owl-carousel .owl-nav button.owl-prev{position: absolute; top:40%}
.ga-slider .owl-carousel .owl-nav button.owl-prev{left:-25px; background: url(../assets/images/left-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
.ga-slider .owl-carousel .owl-nav button.owl-next{right:-25px; background: url(../assets/images/right-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
.ga-slider .owl-theme .owl-dots .owl-dot.active span, .ga-slider  .owl-theme .owl-dots .owl-dot:hover span{background: #113DCD;}
.ga-slider  .owl-nav button.owl-prev span, .ga-slider .owl-nav button.owl-next span{display: none;}

.cta-part { align-items: center; justify-content: space-between;}
.cta-part a.btn { background-color: #113dcd; border-radius: 34px; font-size: 16px; height: 50px; line-height: 50px; color: #fff; text-align: center; display: inline-block; text-decoration: none; font-weight: bold; padding: 0 30px; min-width: auto; margin-right: 20px;}
.cta-part a.primary-btn { background-color: #113DCD; color: #fff; border: 1px solid #113DCD;}
.cta-part a.secondary-btn { background-color: transparent; color: #113DCD; border: 1px solid #113DCD;}

.journal-cover h2{ font-size: 32px; font-weight: bold; line-height: 34px;
 margin-bottom: 30px;}


.journal-cover{background: linear-gradient(180deg, rgba(245, 243, 254, 0) 0%, #EFFFEF 100%);
 ; background-size: cover; min-height: 650px; padding-bottom: 40px}
.journal-cover img{display: inline-block; width: 18%; margin-right: 20px; margin-bottom: 50px;}
.journal-cover img:last-child{margin-right: 0;}

#journal-slider{position: relative;}
#journal-slider .owl-nav button.owl-next, 
#journal-slider .owl-nav button.owl-prev{position: absolute; top:40%}
#journal-slider .owl-nav button.owl-prev{left:-25px; background: url(../assets/images/left-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
#journal-slider .owl-nav button.owl-next{right:-25px; background: url(../assets/images/right-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
#journal-slider .owl-dots .owl-dot.active span, #journal-slider .owl-dots .owl-dot:hover span{background: #113DCD;}

.scientific-illustration .carousel-container{margin-top: 30px;}
.scientific-illustration .panel-group { margin-bottom: 0; margin-top: 30px;}
.carousel-container .item img { max-width: 100%; height: auto;}
.carousel-container .owl-carousel {
  transition: opacity 0.5s ease-in-out;
}
.d-none { display: none !important;}

.scientific-illustration .carousel-heading {
padding-left: 20px;
  font-size:20px;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #333;
  top:-15px; background: #fff;
}
.sci-slider{min-height: 420px; background: #fff;}
.scientific-illustration h2{ text-align: center; font-size: 32px; line-height: 44px;
 font-weight: bold; margin-bottom: 30px;}

.scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-next, 
.scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-prev{position: absolute; top:40%}
.scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-prev{left:-13px; background: url(../assets/images/left-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
.scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-next{right:-7px; background: url(../assets/images/right-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
.scientific-illustration .carousel-container .owl-theme .owl-dots .owl-dot.active span, .ga-slider  .owl-theme .owl-dots .owl-dot:hover span{background: #113DCD;}
.scientific-illustration .carousel-container  .owl-nav button.owl-prev span, .ga-slider .owl-nav button.owl-next span{display: none;}
.scientific-illustration .panel-heading a .arrow-icon { margin-right: 10px; transition: transform 0.3s ease}
.scientific-illustration .panel-heading h4{padding-left: 40px; cursor: pointer; font-size: 16px; line-height: 24px; position: relative; font-weight: 800;}
.scientific-illustration .panel-heading h4::before { content: ''; left:0; top: 0; position: absolute;  width: 20px; height: 20px; background-image: url('../assets/images/check-round.png');  background-position: center; background-repeat: no-repeat; background-size: contain;}
.scientific-illustration .panel-default>.panel-heading{ color: #1F2937; background-color: transparent; border-top:1px solid #9CA3AF; border-bottom:none; border-left: none; border-right:none;  padding:20px}
.scientific-illustration .panel-default{box-shadow: none;}
.scientific-illustration .panel{border: none;}
.scientific-illustration .panel-group .panel-heading+.panel-collapse>.panel-body{border: none; padding-right: 80px; font-size: 16px; line-height: 30px}
.scientific-illustration .panel-heading:not(.collapsed) .arrow-icon { transform: rotate(180deg); position: absolute; right: 20px; }
.scientific-illustration .nav-stacked>li+li{margin-top: 0 !important;}

/* Default state for carousels */
/* .carousel-container .owl-carousel {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
} */

/* Active state for visible carousels */
/* .carousel-container .owl-carousel.active {
  opacity: 1;
  visibility: visible;
} */

.scientific-illustration .owl-carousel .owl-item img{padding: 0 32px;}
.scientific-illustration .owl-carousel .owl-stage-outer{background: #fff;}
.scientific-illustration .owl-theme .owl-dots{background: #fff;}
.testimonials .owl-carousel .owl-item img{width:  auto; margin: 0 auto;}

.arrow-icon i { transition: transform 0.3s ease;}
.arrow-icon i.rotate { transform: rotate(180deg);}

.scientific-illustration .panel-default>.panel-heading.collapsed{
 background-color: #fff; border: none; color: #262626; font-weight: 800;
 font-size: 16px; line-height: 21px;}

.m-auto{margin: 0 auto; text-align: center;}

.usps{background: #F5F3FE; border-radius: 32px; padding: 50px;}
.usps h2{ text-align: center; font-size: 32px; line-height: 44px; font-weight: bold; margin-bottom: 30px; margin-top: 0;}
.usps h4{font-size: 20px; line-height: 45px; font-weight: 700; display: inline-block; vertical-align: middle; margin-left: 10px;}
.usps img{display: inline-block;}
.usps p{font-size: 16px; line-height: 24px}

.other-services h4{font-size: 20px; line-height: 45px; font-weight: 700; margin-top: 40px;}
.other-services p{min-height: 80px;}
.other-services h2{ font-size: 32px; font-weight: 700; line-height: 48px; margin-bottom: 30px}

.read-more {  text-align: left;  display: block;  color: #113dcd;  font-size: 14px;  font-weight: 800;  line-height: 20px;  position: relative }
.read-more:after {  content: "\e092";  font-family: 'Glyphicons Halflings';  font-size: 15px;
  color: #113dcd;  -webkit-text-stroke: 2px #DBE3FF;  line-height: 0;  top: 21px;  margin-left: 10px
 }
 

.graphics-type { background: url(../assets/images/bg-backgroud.png) no-repeat top center; background-size: cover;   width: 100%;  padding: 60px 0 0 0 ; min-height: 780px;}
 
.graphics-part-block h1{  text-align: center !important;  font-size: 40px;  line-height: 44px;  font-weight: 800;   margin-bottom: 30px; }
 
 .graphics-inn-box {  border-radius: 8px;  border: 1px solid #CBD5E1;  background: #FFF;
  min-height: 530px }
 .graphics-detatils{padding: 20px;}
 .graphics-inn-box  h4 {  font-size: 26px;  line-height: 48px;  font-weight: 700;  display: flex;
  margin-bottom: 20px;  align-items: center; }
 .graphics-inn-box ul { display: flex; flex-direction: column; min-height: 150px;   padding-left: 0;}
.graphics-inn-box ul li { list-style-type: none; position: relative; font-size: 14px; margin-bottom: 6px; padding-left: 30px; margin-bottom: 12px; line-height: 20px;}
.graphics-inn-box ul li::before { content: ''; left: 0; top: 6px; position: absolute; width: 16px;
 height: 16px; background-image: url('../assets/images/blue-check.svg'); background-position: center;
 background-repeat: no-repeat; background-size: contain;}
.graphics-inn-box ul li ul li { list-style-type: disc; padding-left: 0px;}
.graphics-inn-box ul li ul { margin-top: 10px;}
.graphics-inn-box ul li ul li::before { display: none;}

.cta-primary{ background-color: #113dcd; border-radius: 34px; font-size: 16px; height: 50px;
 line-height: 50px; color: #fff; text-align: center; display: inline-block; text-decoration: none;
 font-weight: bold; padding: 0 30px; min-width: 100%}
.cta-primary:hover, .cta-primary:focus { color: #fff; text-decoration: none; box-shadow: 0 30px 22px -20px #788ace}


.graphics-banner {
 background: #FFFBEF;
 padding:10px ; border-radius: 20px;
 display: flex; /* Use flexbox for alignment */
 align-items: center; /* Center content vertically */
 color: #1F2937; width: 100%; margin:40px auto 0 auto; text-align: left;
}

.icon-container {
 margin-right: 15px; /* Space between icon and text */
 text-align: center;
 min-width: 300px;
}

.icon {
 width: 215px; /* Set width for the icon */
 height: auto; /* Maintain aspect ratio */
 margin: 0 40px;
 display: block;
}

.content {
 font-size: 20px;
 line-height: 30px; width: 100%; font-weight: 700;
}

.graphics-banner ul{padding: 0;}
.graphics-banner h2{font-size: 30px; line-height: 32px; font-weight: 800 ; text-align: left; margin-bottom: 15px; margin-top: 15px;}
.graphics-banner li{display: inline-block; margin-right: 17px; font-size: 16px; font-weight: 700;}
.graphics-banner .icons{margin-right: 15px; display: inline-block;}

.testimonial-bg-blue{background: #F6FDF6;}
.testimonial-bg-yellow{background: #FFFBEF;}
.testimonials { padding:0 0 60px 0; display: inline-block; width: 100%}
.testimonials h2{ text-align: center; font-size: 32px; line-height: 44px;
 font-weight: bold; margin-bottom: 30px;}
.testimonials .testimonial-inn-details { margin: 30px; height: 315px; display: flex; flex-direction: column; position: relative}
.testimonials .testimonial-inn-details .item{padding:40px; border-radius: 20px; }
.testimonials .testimonial-inn-details .testimonial-icon{position: absolute; top:0; left: -10px; width: 60px; height: 43px; z-index: 1} 
.testimonials .testimonial-inn-details h2{ font-size: 20px; line-height: 30px; margin-bottom: 30px; color: #374151; font-weight: 700; text-align: left; z-index: 2; position: relative;}
.testimonials .testimonial-inn-details p { font-size: 16px; line-height: 30px; margin-bottom: 10px; color: #374151; font-weight: 400;}
.testimonials .testimonial-inn-details .star-part { display: flex; align-items: center}
.testimonials .testimonial-inn-details .owl-carousel .owl-nav button.owl-next, 
.testimonials .testimonial-inn-details .owl-carousel .owl-nav button.owl-prev{
position: absolute; top:40%}
.testimonials .testimonial-inn-details .owl-carousel .owl-nav button.owl-prev{left:-25px; background: url(../assets/images/left-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
.testimonials .testimonial-inn-details .owl-carousel .owl-nav button.owl-next{right:-25px; background: url(../assets/images/right-arrow.png) no-repeat !important; width: 40px; height: 40px; display: block; position: absolute; }
.testimonials .owl-theme .owl-dots .owl-dot.active span, .testimonials .owl-theme .owl-dots .owl-dot:hover span{background: #113DCD;}
.testimonials .owl-nav button.owl-prev span, .testimonials .owl-nav button.owl-next span{display: none;}

.abstact-hidden-md {
 display: none;
}

.img-responsive { 
 max-width:100%;
}

#faqs{margin-bottom: 40px;}

#faqs h3 {
    text-align: center;
    font-size: 32px;
    line-height: 44px;
    font-weight: bold;
    margin-bottom: 40px;
}

#faqs .panel-heading a {
        display: flex;
        align-items: center;
    }
    
  #faqs .panel-heading a .arrow-icon {
        margin-right: 10px;
        transition: transform 0.3s ease;
    }
    
  #faqs .panel-heading.collapsed a .arrow-icon {
        transform: rotate(0deg); position: absolute; right: 20px;
    }
    
  #faqs .panel-heading a:focus .arrow-icon,
  #faqs .panel-heading a:active .arrow-icon {
        outline: none;
    }
    
  #faqs .panel-heading:not(.collapsed) a .arrow-icon {
        transform: rotate(180deg); position: absolute; right: 20px;
    }

  #faqs .panel-default>.panel-heading.collapsed{
        background-color: #fff;
        border: none;
        color: #262626;
        font-weight: 800;
        font-size: 16px;
        line-height: 21px;
        padding-right: 60px;
    }

#faqs  .panel-body p,
#faqs  .panel-body ul li{font-size: 14px}
#faqs  .panel-heading{position: relative;}

#faqs  .panel-body ol li {
	font-size: 14px;
	margin-left: 30px;
	list-style-type: decimal
}

#faqs  .panel-default>.panel-heading,
#faqs  .panel-default>.panel-heading:focus,
#faqs  .panel-default>.panel-heading:hover {
	background-color: #fff;
	border: none;
	color: #262626;
	padding: 10px 30px 10px 0
}

#faqs  .panel-default>.panel-heading a,
#faqs  .panel-default>.panel-heading a:focus,
#faqs  .panel-default>.panel-heading a:hover {
	color: #262626;
	font-weight: 700;
	text-decoration: none
}

#faqs  .panel-default>.panel-heading.collapsed a,
#faqs  .panel-default>.panel-heading.collapsed a:focus,
#faqs  .panel-default>.panel-heading.collapsed a:hover {
	color: #262626;
	font-weight: 700;
	text-decoration: none;
	font-size: 16px
}

#faqs  .panel-default>.panel-heading.collapsed {
	background-color: #fff;
	border: none;
	color: #262626;
	font-weight: 800;
	font-size: 16px;
	line-height: 21px
}

#faqs  .panel-group .panel {
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	cursor: pointer;
	box-shadow: none;
	border-bottom: 1px solid #E2E4E9;
}

#faqs  .panel-group {
	counter-reset: counter-name
}

.blue-tag {
  background-color: #ECFEF5;
  color: #16532D;
  border: 1px solid #A8F2D0;
  border-radius: 10px;
  padding:0 8px;
  font-size: 14px;
  text-align: center;
  display: inline;
  background-image: none;
  font-weight: 700;
  margin-left: 10px; line-height: 24px;
}

@media only screen and (min-width: 320px) and (max-width:767px) {
  section{margin-top:40px;}
 .why-to-choose {  padding: 20px; }
 .why-to-choose .row{flex-direction: column;}
 .why-to-choose .right-details-part .cta-part {  flex-direction: column; }
 .why-to-choose .right-details-part .cta-part a.primary-btn {  margin-bottom: 20px; }

 .graphics-inn-box {  width: 100%;  max-width: 100%;  margin: 0 0 20px 0;  min-height: auto; } 
 .graphics-inn-box h4{font-size: 19px; margin-bottom: 0;}

 .flex-details {  flex-direction: column }
 .graphics-banner{flex-direction: column; text-align: left; align-items: center; }
 .abstract-part-block{width: 100%;}
 .graphics-banner h2, .journal-element h2, .graphics-type h1{font-size: 24px;}
 h2{font-size: 24px; line-height: 32px;}
 #ctaalTab{width: 100% !important;}
 .hidden-xs {  display: none; }
 .visible-xs {  display: block; }

 .cta-part a {  min-width: 100% !important; margin-bottom: 20px; }
 /* .usps img{margin-top: 40px;} */
 .other-services .read-more{margin-bottom: 40px;}
 .other-services p{min-height: auto;}

 .journal-element h2{  font-size: 18px;  line-height: 30px; }

 .journal-element {  padding: 20px 0;  overflow-x: hidden; }
  .graphics-inn-box ul {min-height:  auto !important}
  .graphics-inn-box{min-height:  auto !important;}
  .graphics-part-block img{margin: 0 auto !important;}
  .graphics-part-block .col-md-4, 
  .journal-cover .col-md-4, 
  .usps .col-md-4, 
  .why-to-choose .col-lg-6{width: 100% !important; display: inline-block; vertical-align: top;}
  .cta-part{margin-top: 40px;}
  .why-to-choose .check-mark ul { display: inline-block !important}
  .why-to-choose .check-mark ul li{width: 100% !important}
  #journal-slider .owl-nav button.owl-next, .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-next{right:-16px}
  #journal-slider .owl-nav button.owl-prev, .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-prev{left:-16px}

  .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-next{right:100px}
  .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-prev{left:75px}

  #journal-slider .owl-nav button.owl-next{right:0}
  #journal-slider .owl-nav button.owl-prev{left:0}

  .journal-cover .owl-carousel .owl-item img{width: auto;     margin: 0 auto;}
  .ga-slider .owl-carousel .owl-nav button.owl-next, .ga-slider .owl-carousel .owl-nav button.owl-prev{top:24% !important}

  #faqs .panel-default>.panel-heading, #faqs .panel-default>.panel-heading:focus, #faqs .panel-default>.panel-heading:hover{padding-right: 60px !important}
  .scientific-illustration .carousel-container{min-height: 270px !important;}
  .scientific-illustration .owl-carousel .owl-item img{width: 100% !important; margin: 0;}
  .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-next, 
  .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-prev{top:40% !important}
  .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-next{right:11px !important}
  .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-prev{left:-22px !important}
  .scientific-illustration .carousel-heading {top:-25px !important}

}

@media (max-width: 992px) {
 .why-to-choose .row {
  flex-direction: column-reverse; /* This reverses the order on mobile */
 }

 .graphics-banner {
  align-items: flex-start; /* Align all content to the start (left) */
  text-align: left; /* Ensure text is left-aligned as well */
 }

 .graphics-banner .icon-container {
  text-align: left; /* Align the image container to the left */
  width: auto; /* Optional: Ensure the container is not too wide */
 }

 .graphics-banner .icon {
  max-width: 80%; /* Optional: Control the image size on mobile */
 }
 .graphics-inn-box ul{min-height: 210px;}
 .graphics-inn-box{min-height: 475px; margin-bottom: 40px}
 .graphics-part-block .col-md-4, .journal-cover .col-md-4, .usps .col-md-4{width: 32%; display: inline-block; vertical-align: top;} 
 h4{font-size: 15px !important; line-height: 25px !important;}
 .why-to-choose .check-mark ul{display: inline-flex;}
 /* .testimonials .owl-carousel .owl-item img{width: 50%;} */
 .why-to-choose .check-mark ul li::before{left:21px !important}
 .why-to-choose .check-mark ul li b{padding-left: 35px !important;}
 .cta-part{margin: 0 auto 20px auto; text-align: center;}

 .why-to-choose .check-mark ul li{width: 33%;}
 .scientific-illustration .carousel-container{min-height: 450px;}
 .scientific-illustration .owl-carousel .owl-item img{width: 91%;}
 .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-next{right: 12px;}
 .scientific-illustration .carousel-container .owl-carousel .owl-nav button.owl-prev{left: 5px;}
 .scientific-illustration .carousel-heading{top:-60px}
 .blue-tag{font-size: 9px; padding: 0 5px;}
 }
.owl-carousel .owl-nav span{display: none !important}

@keyframes fill {
 0% {
  transform: translateY(-100%);
 }
 100% {
  transform: translateY(0);
  background-color: blue; /* Final color */
 }
}