/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child
 Description:  A child theme of Astra
 Author:       astra
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
*/

/* Custom CSS goes here */
#leftcontact a {
    text-decoration: none;
    color: #fff;
    margin: 0;
}
div#about-us-second {
    background: linear-gradient(to right, #f7f7f700 96%, #fff 4%);
}
div#inner-innovation h3 {
    height: 60px;
}
#inner-articles img.vc_single_image-img.attachment-full {
    aspect-ratio: 9/6;
}
#inner-articles .vc_pageable-slide-wrapper.vc_clearfix {
    display: flex;
    justify-content: center;
}
div#upper-sectionpro img {
    border-radius: 20px;
    border: 3px solid #5cb769;
    width: 190px;
    background: #fff;
    aspect-ratio: 1/1;
    object-position: top;
    object-fit: cover;
    height: 190px;
}
#inner-recommended img.ultimate-slide-img {
    aspect-ratio: 4/6;
    height: 485px;
    object-fit: cover;
}
#inner-three-allergy .vc_col-sm-4 .vc_column-inner {
    border: 1px solid #0B3773;
}
#inner-recommended .default-tdt .slick-slide {
    padding-right: 7px!important;
    padding-left: 7px!important;
}
.helpie-faq.accordions.custom-styles .accordion .accordion__item .accordion__header .accordion__title {
    font-weight: 600!important;
    line-height: 150%!important;
}
#inner-articles .readfull.vc_btn3-right a {
    color: #0C3C7E;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}
.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
    font-weight: 600;
    line-height: 150%;
}
.vc_custom_heading.readminutehide {
    font-size: 14px;
}
a.maw_advanced_btn.hvr-fade {
    font-weight: 600;
    line-height: 150%;
}
div#smallheading {
    font-weight: 600;
    line-height: 150%;
}
a.maw_advanced_btn.button--wayra {
    font-weight: 600;
}
img.sgpb-popup-close-button-1 {
    top: 2px;
    right: 7px!important;
}
div#sgpb-popup-dialog-main-div {
    padding: 20px 20px!important;
    margin: 0!important;
    border: 0px!important;
}
input#gform_submit_button_1:hover {
    background: #0b3773;
    height: 100%;
	border:2px solid #0b3773;
}
.gform_wrapper .gform_validation_errors>h2 .gform-icon {
    font-size: 36px!important;
    left: -6px!important;
}
.gform_wrapper .gform_validation_errors {
    padding: 10px 30px!important;
    background: transparent!important;
    border: 0px!important;
    box-shadow: none!important;
}
.gfield_description.validation_message.gfield_validation_message {
    background: transparent!important;
    border: 0!important;
    padding: 0!important;
}
.slick-slide img {
    display: block;
    margin: 0!important;
}
#our-mission p {
    margin-bottom: 10px!important;
}
#ggform input, #ggform textarea {
    background: transparent;
    border: 1px solid #B0DEF2;
    color: #fff;
}
#ggform label {
    color: #FFFEFB;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}
input#gform_submit_button_1 {
    border: 2px solid #FFFEFB;
    border-radius: 0px;
}
div#contact-us {
    background-position: bottom!important;
}
#inner-contact h3 {
    font-family: Roboto;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
}
#inner-contact p, #inner-contact h3, #inner-contact h2 {
    color: #FFFEFB;
}
#inner-contact p {
    color: #FFFEFB;
    Font-size: 20px;
    line-height: 150%;
}
.interview-item {
    display: grid;
    gap: 12%;
    justify-content: space-between;
    grid-template-columns: 46% 40%;
    align-items: center;
}
.interview-item:nth-child(2) {
    display: grid;
    gap: 12%;
    justify-content: space-between;
	    grid-template-columns: 40% 46%;
}
.interview-item:nth-child(2) .interview-text {
    order: 2;
}
.interviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 40px;
  align-items: center;
}

.interviews-grid {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.interview-text {
  flex: 1;
}
.interview-title {
    margin: 16px 0;
    font-family: Playfair Display;
    font-weight: 500;
    font-size: 32px;
    line-height: 135%;
	color:#0C0C0C;
}

.interview-excerpt {
  margin-bottom: 10px;
}
.interview-image-wrap img {
  width: 100%;
  border-radius: 0px;
  object-fit: cover;
}

#inner-testimonial .slick-slide img {
    float: left;
    margin: 10px 0px;
}
#inner-testimonial .content-section p {
    display: none;
}
#inner-testimonial .content-section {
    color: #FFFEFB;
    font-family: Playfair Display;
    font-weight: 500;
    font-size: 32px;
    line-height: 135%;
    text-align: left!important;
}
#inner-testimonial .content-section {
    display: flex!important;
    flex-direction: column-reverse!important;
}
#inner-testimonial .tdt-slider-heading {
    font-family: Roboto;
    font-size: 24px!important;
    text-align: right;
    color: #CF8A3F;
	margin-top:20px;
}
#inner-testimonial p {
    text-align: left;
    float: left;
    width: 100%;
    margin: 0;
    font-family: Playfair Display;
    font-weight: 500;
    font-size: 32px;
    line-height: 135%;
    color: #FFFEFB;
}
#inner-recommended .content-section {
    display: none!important;
    height: 0;
}
.helpie-faq.accordions .accordion {
    margin: 0px 0!important;
}
#inner-faqs ul {
    margin: 0;
    padding: 0;
}
.helpie-faq.accordions .accordion__header:before {
    right: 0!important;
	margin-right: 0!important;
}
.helpie-faq.accordions .accordion__header:after {
    right: 0!important;
	margin-right: 0!important;
}
.readfull .vc_general.vc_btn3:after {
    content: "";
    border-bottom: 2px solid !important;
    width: 61%;
    position: absolute;
    bottom: -3px;
    left: 0;
    transition: 0.5s;
}
.readfull .vc_general.vc_btn3:hover::after{
    content: "";
    width: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
	transition:0.5s;
}
.noboreder .maw_advanced_btn:after {
    content: "";
    border-bottom: 2px solid !important;	
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
	transition:0.5s;
}
.noboreder .maw_advanced_btn:hover::after{
    content: "";
    width: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
	transition:0.5s;
}
.noboreder {
    height: 48px;
    display: flex;
    align-items: center;
}
.noboreder .icon__right{
    font-size: 20px !important;
    padding-left: 5px !important;
    margin-top: 5px;
    position: absolute;
    right: -26px;	
    transition: 0.5s;	
    transform: rotate(315deg);
}
.readfull .fa-arrow-right {
transition: 0.5s;	
    transform: rotate(
315deg)!important;
    top: 0%!important;
}
.noboreder .maw_advanced_btn:hover .icon__right {
    padding-left: 5px !important;
    margin-top: 5px;
    position: absolute;
    right: -34px;
    transition: 0.5s;
    transform: rotate(315deg);
}
.button--wayra {
  position: relative!important;
  display: inline-block!important;
  overflow: hidden!important;
  z-index: 1!important;
}

.button--wayra::before {
  content: '';
  position: absolute;
  bottom: 0!important;
  left: 0!important;
  width: 100%;
  height: 100%;
  z-index: -1!important;

  /* Start with background hidden (scaleY = 0 from bottom) */
  transform: scaleY(0)!important;
  transform-origin: bottom!important;
  transition: transform 0.3s ease, background-color 0.3s ease!important;
}

.button--wayra:hover::before {
  /* Slide up background */
  transform: scaleY(1)!important;
}
.site-header {
    z-index: 99;
    position: relative;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
div#about-us {
    background: linear-gradient(to left, rgba(11, 55, 115, 1) 96%,  #fff 4%);
}
div#quotes-sec p {
    margin-top: -30%;
    background: #F2FBFF;
    float: right;
    z-index: 1111;
    position: relative;
    right: 0;
    padding: 40px;
    display: flex;
    align-items: flex-start;
    gap: 2px;
    width: 50%;
    flex-direction: column;
    font-family: Roboto;
    font-weight: 400;
    font-style: Italic;
    font-size: 20px;
    line-height: 150%;
}
#about-us-second #quotes-sec p {
    margin-top: -30%;
    background: #0B3773;
    z-index: 1111;
    position: relative;
    padding: 40px;
    display: flex;
    align-items: flex-start;
    gap: 2px;
    width: 50%;
    flex-direction: column;
    color: #FFFEFB;
    font-family: Roboto;
    font-weight: 400;
    font-style: Italic;
    font-size: 20px;
    line-height: 150%;
    float: left;
}
.readmore {
    width: auto;
    float: left;
    margin-right: 40px;
}
#inner-three-allergy h3 {
    color: #0B3773;
}
div#inner-innovation, div#inner-innovation  h3 {
    color: #FFFEFB;
    font-weight: 400;
}
div#inner-innovation  b {
    color: #fff;
}
div#inner-innovation  b {
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
}
#inner-articles .vc_gitem-link, #inner-articles a {
    text-decoration: none;
    background: transparent;
    border: 0px;
    box-shadow: none!important;
}
#inner-articles a {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.readminute p {
    font-size: 0;
    color: transparent;
	margin: 0;
}
.vc_btn3-container.readfull.vc_btn3-left {
    margin: 0px!important;
}

.readminutehide span.span-reading-time.rt-reading-time {
    display: none!important;
}
.vc_gitem-post-data-source-post_excerpt p .span-reading-time {
    font-size: 14px;
    color: #006A97;
    display: inline-block;
    margin: 0;
    padding: 0;
}
#inner-articles .vc_figure, #inner-articles img {
    width: 100%;
}

@media only screen and (max-width:1300px){
	
#upper-sectionpro h2 {
    font-size: 28px!important;
}	
#inner-recommended img.ultimate-slide-img {
    height: 430px;
}	
div#about-us {
    background: linear-gradient(to left, rgba(11, 55, 115, 1) 97%,  #fff 4%);
}	
#about-us-second #inner-about .vc_col-sm-7 .vc_column-inner {
    padding-right: 10% !important;
    padding-left: 0px!important;
}	
#leftsection-top .vc_col-sm-6 .vc_column-inner {
    padding-left: 0px!important;
}
.ast-container {
    max-width: 1240px!important;
}	
#faqs-section h2 {
    padding-bottom: 10px!important;
}	
#about-us-second #quotes-sec p, div#quotes-sec p {
    width: 62%;
}	
h2 {
    font-size: 32px!important;
}	
p br {
    display: none;
}	
#leftsection-top h1 {
    font-size: 45px!important;
}
#leftsection-top h2 {
    font-size: 20px !important;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    padding-left: 20px;
    padding-right: 20px;
}	
}

@media only screen and (max-width:1100px){
#upper-sectionpro h2 {
    font-size: 24px!important;
}	
#inner-recommended img.ultimate-slide-img {
    aspect-ratio: 4/6;
    height: 352px;
    object-fit: cover;
}	
#inner-contact p {
    Font-size: 16px;
}	
.helpie-faq.accordions.custom-styles .accordion .accordion__item .accordion__header .accordion__title {
    font-size: 18px;
}	
#inner-testimonial .content-section {
    font-size: 26px;
}	
.interview-excerpt {
    margin-bottom: 4px!important;
}	
.interview-title {
    margin: 15px 0;
    font-size: 22px;
}
div#inner-innovation h3 {
    font-size: 20px;
}	
#inner-three-allergy .vc_col-sm-4 .vc_column-inner {
    padding: 15px!important;
}	
#about-us-second #quotes-sec p, div#quotes-sec p {
	padding: 25px;
    width: 100%;
	margin-top: 0;
}	
#about-us-second #quotes-sec img, div#quotes-sec img {
    width: 28px;
}	
#leftsection-top h1 {
    font-size: 40px!important;
}
}

@media only screen and (max-width:921px){	
#inner-articles .vc_col-sm-4 {
    width: 50%;
}	
.readfull .vc_general.vc_btn3:after {
    width: 82%;
}	
#inner-articles .readfull.vc_btn3-right a {
    padding-right: 21px!important;
}	
.readfull .fa-arrow-right {
    right: 0px!important;
}	
div#top-banner-sec {
    padding: 30px 0px;
}	
#inner-articles .readfull.vc_btn3-right a {
    font-size: 14px;

}	
.interview-item:nth-child(2) {
    gap: 4%;
    grid-template-columns: 48% 48%;
}	
.interview-item {
    gap: 4%;
    grid-template-columns: 48% 48%;
}	
#inner-testimonial .content-section {
    font-size: 24px;
}	
.vc_btn3-container.readfull a {
    padding-right: 38px!important;
    margin: 0;
}	
h2 {
    font-size: 26px!important;
}	
#about-us h2, #about-us-second h2 {
    padding: 16px 0px!important;
    padding-top: 10px!important;
}	
.site-logo-img img {
    transition: all 0.2s linear;
    width: 60%;
}	
.wp-block-image img {
    width: 60%;
}	
#about-us-second #quotes-sec p, div#quotes-sec p {
font-size: 18px;
}	
#leftsection-top .wpb_text_column.wpb_content_element {
    margin-bottom: 16px;
}	
#leftsection-top h2 br {
    display: none;
}	
#leftsection-top h2 {
    font-size: 20px !important;
    margin: 0;
    padding: 10px 0px!important;
}	
#leftsection-top h1 {
    font-size: 32px!important;
}
#upper-sectionpro h2 {
    font-size: 18px!important;
}	
}

@media only screen and (max-width:767px){	
#inner-articles .vc_col-sm-4 {
    width: 100%;
}	
#inner-articles .vc_pageable-slide-wrapper.vc_clearfix {
    display: flex;
    justify-content: center;
    flex-direction: column;
}	
#leftcontact .vc_column-inner {
    padding-right: 0px!important;
}	
div#inner-innovation.vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0 15px;
}
div#inner-innovation p, div#inner-innovation h3 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px!important;
}
#interviews .wpb_content_element {
    margin: 0!important;
}	
#inner-recommended h2 {
    padding-bottom: 10px!important;
}	
.vc_col-sm-6.readbtn {
    width: 50%;
    float: right;
}	
.vc_col-sm-6.readminute {
    width: 50%;
    float: left;
}	
#inner-about .vc_figure, #inner-about img, #inner-about .vc_single_image-wrapper {
    width: 100%;
}
.readmore {
    margin-right: 20px;
}	
.footer-widget-area.widget-area.site-footer-focus-item {
    width: auto;
    padding: 10px 5%;
}	
.interview-title {
    margin: 15px 0;
    font-size: 20px;
}	
.interviews-grid {
    gap: 20px;
}	
#inner-interviews h2 {
    padding: 11px 0px!important;
    margin-top: 20px!important;
}
.site-logo-img img {
    transition: all 0.2s linear;
    width: 100%;
}	
.wp-block-image img {
    width: 100%;
}
div#inner-contact {
    margin: 0px!important;
}	
div#ggform {
    margin-top: 20px;
}	
div#contact-us {
    padding: 30px 5%!important;
}	
#ggform .vc_column-inner {
    padding: 0px!important;
}	
div#inner-faqs h2 {
    text-align: left!important;
    padding: 0!important;
}	
div#testimonials {
    padding: 30px 5%!important;
}	
#our-mission .vc_column-inner {
    padding: 0!important;
}	
#inner-testimonial .tdt-slider-heading {
    font-size: 18px!important;
    margin-top: 20px;
}	
#inner-allergy .vc_col-sm-7 .vc_column-inner {
    padding: 0px 0px!important;
}
div#about-us .vc_col-sm-7 .vc_column-inner{
    padding: 20px 0px!important;
    padding-bottom: 0px!important;
}	
div#about-us-second .vc_col-sm-7 .vc_column-inner {
    padding: 0px 0px!important;
    padding-bottom: 0px!important;
}	
div#about-us, div#about-us-second {
    padding: 30px 5%!important;
}	
div#inner-innovation h3 {
    font-size: 18px;
}	
.interview-item:nth-child(2) {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    grid-template-columns: 100%;
    flex-direction: column;
}	
.interview-item {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    grid-template-columns: 100%;
    align-items: center;
    flex-direction: column-reverse;
}	
div#inner-innovation  b {
    font-size: 40px;
    line-height: 50px;
}	
div#articles {
    padding: 30px 5%!important;
}	
div#innovation {
    padding: 30px 5%!important;
}	
div#top-banner-sec {
    padding: 30px 5%!important;
}
div#about-us-second {
    background: linear-gradient(to right, #f7f7f700 100%, #fff 0%);
}	
div#about-us {
    background: linear-gradient(to left, rgba(11, 55, 115, 1) 100%,  #fff 0%);
}	
div#leftsection-top {
    gap: 24px;
    margin-top: 0px;
}	
#leftsection-top .vc_column-inner {
    padding-right: 0px!important;
    padding-left: 0;
}
#inner-contact h3 {
    font-size: 18px;
}
h2 {
    font-size: 22px!important;
}	
.helpie-faq.accordions.custom-styles .accordion .accordion__item .accordion__header .accordion__title {
    font-family: "Roboto";
    color: #0c0c0c;
    font-weight: 500;
    font-size: 16px;
}	
#about-us h2, #about-us-second h2 {
    padding: 16px 0px!important;
    padding-top: 0px!important;
}	
#about-us-second div#inner-about {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}
#our-mission p {
    margin-bottom: 5px !important;
}	
#our-mission h2 {
    padding: 10px 0px!important;
}
.footer-widget-area[data-section="section-fb-html-1"] {
    margin-top: 0px!im;
    margin-bottom: 18px!important;
}	
.slick-slide {
    display: flex;
    justify-content: center;
}
.tm-slider .carousel-caption div {
    width: 100%;
}	
}
@media only screen and (max-width:580px){
.uavc-list-icon.uavc-list-icon-wrapper.ult-adjust-bottom-margin {
    margin: 0;
}	
div#inner-innovation h3 {
    height: auto;
}	
input#gform_submit_button_1 {
    padding: 5px 15px!important;
}
a.maw_advanced_btn.button--wayra {
    padding: 5px 15px!important;
}	
.readmore  a.maw_advanced_btn.hvr-fade {
    padding: 5px 15px!important;
}		
.tm-slider .carousel-caption div .ultimate-slide-img {
    width: 100%;
}
#inner-contact p {
    color: #FFFEFB;
    Font-size: 16px;
    line-height: 150%;
}	
}

@media only screen and (max-width:370px){
.maw_advanced_btn {
    width: 100%;
}	
.readmore {
    width: 100%;
    margin-right: 0px;
}	
.noboreder {
    width: 100%;
}
.noboreder a {
    width: auto;
    display: flex;
    justify-content: center!important;
    margin: 0 auto;
}	
}