.site-content .ast-container {
  display: block;
}

.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap {
  display: none !important;
}

.ast-container {
  max-width: 100% !important;
  padding: 0px !important;
}

@media (min-width: 830px) and (max-width: 930px) {
    .vimeo-embed {
        width: 300px !important;
        height: 310px ;
    }
}
 
.woocommerce-LoopProduct-link
.attachment-woocommerce_thumbnail{
	height:350px !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  font-family: "Assistant", sans-serif !important;
  color: #2a2c32;
}


.site-banner3 {
  height: 650px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.new_img_banner{
  width: 100%;
}
.section1-banner{
  position: absolute;
  top: 0;
  left: 50%; 
  transform: translateX(-50%); 
  width: 100%;
  max-width: 1280px; 
  border-radius: 10px;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16);
  z-index: 1;
  background-color: #fff;
  margin-top: 100px;
  transition: width 0.3s ease; 
}

.delta-secone{
 margin-bottom: 15px;
}
.resource-cards{
	gap: 68px ;
}
.headflash{
  font-family: Assistant;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: normal;
  text-align: center;
  color: #0b304f;
  margin-bottom: 50px;
}

.headflash1{
  font-family: Assistant;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: normal;
  text-align: center;
  color: #0b304f;
  margin-bottom: 58px;
}

.bannerhead-content{
  padding: 80px 50px;
}

.trackhead1{
  font-family: Assistant;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin-bottom: 29px;
}

.trackhead2{
  font-family: Assistant;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin-bottom: 29px;

}
.trackhead3 {
  font-family: Assistant;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin-bottom: 0px;
}

.video-section{
padding-left: 48px !important;
}



.vimeo-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 104px;
  border-radius: 5px !important;
}

.vimeo-embed {
  position: relative;
  padding-top: 56.25%;
}

.resources {
  margin-top: 300px;
  padding: 80px 0px;;
}

.resources1{
  font-family: Assistant;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0b304f;
  margin-bottom: 58px;
}

.resource-img1{
  margin-bottom: 24px;
}

.res-title1 {
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #0b304f;
  margin-bottom: 0px;
}

.res-title2{
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #0b304f;
  margin-bottom: 0px;
}

.res-title3{
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #0b304f;
  margin-bottom: 0px;
}

.flashpdf1 {
  text-decoration: none;
}
.flashpdf2 {
  text-decoration: none;
}

.flashpdf3 {
  text-decoration: none;
}

.sectionflash3{
  background-color: rgba(33, 153, 167, 0.09);
  padding: 80px 0px;

}

.ficon1 {
  margin-bottom: 24px;
}

.ficon2 {
  margin-bottom: 24px;
}

.ficon3 {
  margin-bottom: 24px;
}

.ficon-hcontent{
  font-family: Assistant;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #0b304f;
  margin-bottom: 20px;
}
.ficon-hcontent1{
  font-family: Assistant;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #0b304f;
  margin-bottom: 20px;
  width: 250px;
}
.ficon-content{
font-family: Assistant;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin-bottom: 0px;
}

.ficon-content p{
  margin-bottom: 0px;
}

.iconcard1{

padding: 0px 10px;

}

.iconcard2{

  padding: 0px 10px;
  margin: 0px 65px;
  
}

.iconcard3{
 
  padding: 0px 10px;
  
}

.sectionflash4{
  padding: 80px 0px;
}

.headingcard{
  font-family: Assistant;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0b304f;
  margin-bottom: 50px !important;
}

.cardcontent{
  font-family: Assistant;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin: 0px;
}

.flashcard1{
  padding: 30px 40px 45px 38px;
  border-radius: 10px;
  box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  width: 558px !important;
  padding-left: 38px !important;
   padding-right: 40px !important;
}

.sectionflash5{
  background-color: #ebf6f7;
  padding: 80px 0px;
}

.sectionflash6{
  padding: 40px 0px;
  background-image: linear-gradient(to right, #224697 32%, #0b90a8 82%);
}

.foot-flash{
  font-family: Assistant;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-right: 80px; 
  
}

.foot-card{
  display: flex;
  flex-direction: row;
}

.flashcard1{
  margin: 0px 12px;
}

.accordion-flash {
  margin-bottom: 8px !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  border: none !important;
}

.acco-head{
  font-family: Assistant, sans-serif!important;
  font-size: 18px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.83 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #0b304f !important;
  background-color: #fff !important;
  border: none !important;
  box-shadow: none !important; 
  padding: 20px 30px 20px 20px !important;
}
.accordion-button {
  box-shadow: none !important;
  border: none !important;
}
.accordion {
  margin: 0px 150px;
}


.accord-content {
  border-radius: 5px;
  background-color: #f8f8f8;
  padding: 20px 62px 20px 25px; 
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #0b304f;
  margin: 0px;
  font-family: Assistant;
}

.accordion-header{
  margin-bottom: 0px !important;
}


.accordion-bcustom{
  padding: 0px 30px 20px 20px !important;
}

.button-flash{
  border-radius: 6px;
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0099a7;
  text-decoration: none;
  width: 169px;
  padding: 10px 20px;
}
@media (min-width: 0px) and (max-width: 767px){
  .section1-banner{
    max-width: 367px !important;
    margin-top: 50px !important;
  }
  .bannerhead-content{
    padding: 30px 20px !important;
  }
  
  .resource-cards{
	gap: 30px ;
}
  .vimeo-embed iframe{
    margin-top: 20px !important;
  }
  .site-banner3{
    height: 900px !important;
  }
  .video-section{
  padding-left: 12px !important;
  }

  .delta-secone {
    width: 150px !important;
}

.headflash{
    font-size: 22px !important;
    margin-bottom: 30px;
}

.headflash1{
    font-size: 22px !important;
    margin-bottom: 30px;
}

.sectionflash3{
  padding: 30px 20px !important;
}
.sectionflash4{
  padding: 30px 0px !important;
}
.sectionflash5{
  padding: 30px 20px !important;
}
.sectionflash6{
  padding: 22px !important;
}
.resources{
  margin-top: 150px !important;
  padding: 30px 20px !important;
}
.res-title1{
  font-size: 16px;
 
}
.res-title2{
  font-size: 16px;

}

.ficon-hcontent1{
  width: auto;
}
.accordion{
  margin: 0px !important;
}
.ficon-content{
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.ficon-hcontent1{
  font-size: 18px;

}
.ficon-hcontent{
  font-size: 18px;
  text-align: center;
}
.headingcard{
  font-size: 22px !important;
}
.foot-flash{
  font-size: 14px !important;
  margin-bottom: 20px;
}
.button-flash{
  padding: 10px !important;
  font-size: 12px !important;
  width: 132px !important;
}
.icon-image{
  width: 60% !important;
}
.foot-card{
  flex-direction: column !important;
  align-items: center !important;
}
.iconcard1{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.iconcard2{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.iconcard3{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vimeo-embed{
  margin-bottom: 20px !important;
}

.res-title3{
  font-size: 16px;
}
.flash2card{
  gap: 30px;
}
.flashcard1{
  padding: 20px !important;
}
.accord-content{
  padding: 25px;
}
.foot-flash{
  padding: 0px !important;
}
}

@media (min-width: 768px) and (max-width: 1023px){
  .resources {
    margin-top: 710px !important;
    padding: 60px 0px;
 }
  .section1-banner{
    margin-top: 50px;
    max-width: 700px;
    width: 90%;
    }
.resource-cards{
	gap: 0px ;
}
  .bannerhead-content{
    padding: 60px 30px !important;
  }
  .foot-card{
    display: flex;
    flex-direction: column;
    width: 100% !important;
    gap: 20px !important;
    justify-content: center;
    align-items: center;
  }
  .foot-flash{
    padding-right: 0px !important;
    text-align: center !important;
  }
  .sectionflash5{
    padding: 60px 0px;
  }
  .headingcard{
    font-size: 30px !important;
  }
  .accordion{
    margin: 0px !important;
  }
  .foot-flash{
    font-size: 22px !important;
  }
  .sectionflash4{
    padding: 60px 0px !important; 
  }
  .sectionflash3{
    padding: 60px 0px !important; 
  }
  .ficon-hcontent1{
    width: unset;
  }
  .iconcard1{
    width: 50% !important;
  }
  .iconcard2{
    width: 50% !important;
    margin: 0px !important;
  }
  .iconcard3{
    width: 50% !important;
    margin-top: 30px !important;
  }
  .headflash{
    font-size: 26px !important;
  }
  .headflash1{
    font-size: 30px !important;
  }
  .res-sec1{
    width: 50% !important;
  }
  .res-sec2{
    width: 50% !important;
  }
  .res-sec3{
    width: 50% !important;
    margin-top: 50px !important;
  }
  .vimeo-embed iframe{
    margin-top: 250px !important;
  }
  .flashcard1{
    padding: 30px !important;
  }
  .flash2card{
    gap: 30px !important;
  }
  .flashcard1{
    width: 100% !important;
  }
  .video-section{
  padding-left: 30px !important;
  }

}

@media (min-width: 1023px) and (max-width: 1030px) {
  .section1-banner{
    width: 86% !important;
  }
  .resources{
    margin-top: 540px !important;
  }
  .ficon-hcontent{
    width: 300px !important;
  }
  .foot-card{
    width: 90% !important;
  }
}
@media (min-width: 1100px) and (max-width: 1500px){
.foot-card{
width: 79% !important;
}
}
@media (min-width: 1025px) and (max-width: 1097px){
.foot-card{
width: 85% !important;
}
}




.accordion-button:not(.collapsed)::after{
 background-image: url(https://deltatrak.com/wp-content/uploads/2024/11/shape-copy-3.png) !important;
}

.accordion-button::after{
background-image: url(https://deltatrak.com/wp-content/uploads/2024/11/shape-copy-3.png) !important;
background-size: 15px !important;
margin-top: 13px;
}



@media (min-width: 0px) and (max-width: 560px){
 .flashcard1{
    width:300px !important
 }

}

.custom-title{
  font-weight: 700 !important;
}