@charset "utf-8";
/* CSS Document */
@media screen and (min-width : 1400px) {
}
@media screen and (max-width : 1399px) {
  .screen-1, .screen-2 {
    max-width: 100% !important;
    max-height: 100% !important;
    top: 0 !important;
  }
  .banner-sec h2 {
    font-size: 46px;
  }
  .banner-sec p {
    font-size: 20px;
  }
  .grid-4 > .counter-Outer {
    padding: 0 10px;
  }
  .info-texter p {
    font-size: 22px;
  }
  .cust-media p {
    font-size: 18px;
  }
  .cust-media .icons img {
    width: 80px;
  }
}
@media screen and (min-width : 992px) and (max-width : 1199px) {
  .screen-1, .screen-2 {
    max-width: 70% !important;
    max-height: 100% !important;
    top: 0 !important;
  }
  .banner-sec h2 {
    font-size: 46px;
  }
  .banner-sec p {
    font-size: 20px;
  }
  .grid-4 > .counter-Outer {
    padding: 0 10px;
  }
  .info-texter p {
    font-size: 22px;
  }
  .cust-media p {
    font-size: 18px;
  }
  .cust-media .icons img {
    width: 80px;
  }
}
@media screen and (min-width : 768px) and (max-width : 991px) {
}
@media screen and (max-width : 991px) {
  .logo img {
    width: 120px;
  }
  .inBanner-outer {
    display: block;
  }
  .mob-screens img {
    position: static;
    width: 40%;
    display: inline-block;
  }
  .banner-sec h2 {
    font-size: 40px;
  }
  .counter-sec {
    padding: 40px 0;
  }
  .grid-4 {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 2fr));
  }
  .cust-media .icons img {
    width: 40px;
  }
  .cust-media {
    align-items: start;
  }
  .footer-nav {
    padding: 30px 0;
  }
  .footer-nav li a {
    font-size: 18px;
  }
  .sec-heading {
    width: 100%;
  }
  .sec-heading h2 {
    font-size: 30px;
  }
  .sec-heading p {
    font-size: 20px;
  }

  .loan-card h1 {
    font-size: 24px;
  }
  .ld-details ul li {
    width: 100%;
    padding: 9px 15px;
  }
  .ld-details ul li h3 {
    font-size: 18px;
  }
  .why-yield-loan h3, .return-yield-loan h3 {
    font-size: 18px;
  }
   .innerFrom {

    width: 100%;

  }
  .video-sec iframe{
	height:375px;
}
}
@media screen and (max-width : 767px) {
  header.ct-header.dark-header {
    border-top: 3px solid #538CCA;
  }
  header.ct-header {
    border-top: 3px solid #001C46;
  }
  .banner-sec {
    padding: 30px 0;
  }
  .info-texter p {
    font-size: 18px;
    margin: 20px 0;
  }
  .higlter-main h2 {
    font-size: 22px;
  }
  .mob-screens {
    display: none;
  }
  .banner-sec h2 {
    font-size: 30px;
    margin: 0px 0 20px;
  }
  .banner-sec p {
    font-size: 18px;
    line-height: normal;
  }
  .grid-4 {
    display: grid;
    gap: 0px;
    grid-template-columns: repeat(2, minmax(0, 2fr));
  }
  .grid-4 > .counter-Outer {
    padding: 30px;
    border: 1px solid #001C46;
  }
  .counter-Outer h2 {
    font-size: 26px;
  }
  .counter-Outer h4 {
    font-size: 18px;
  }
  .footer-nav li a {
    font-size: 14px;
  }
  .footer-nav{
    padding: 10px 0;
  }
  .highligter-sec, .counter-sec, .loans-sec {
    padding: 20px 0;
  }

  .ld-details ul li {
    width: 50%;
  }
  .dol-sig p, .list-itemsld li, .ld-details ul li p {
    font-size: 14px;
  }
  .sec-heading p {
    font-size: 18px;
  }
   .innerFrom {

    gap: 10px;

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }
  .video-sec iframe{
	height:185px;
}
.custom-nav {
display:none;
}
}
@media screen and (max-width : 500px) {
  .grid-4 {
    display: grid;
    gap: 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media screen and (max-width : 1000px) {
.tooltiptext{
    bottom: 108%;
}
}
@media screen and (max-width : 400px) {
  .ld-details ul li {
    width: 100%;
    padding: 9px 15px;
  }
  .cust-btn .phone-btn{
    display:none;
  }
}
@media screen and (min-width : 1000px) and (max-width : 1200px) {
.loan-card h3{
font-size:21px;
}
.ld-details ul li p{
font-size:12px;
}
.owl-carousel{
width:98% !important;
}
}

@media screen and (min-width : 1000px) and (max-width : 990px) {

}
