/* FIRST SECTION ANSHUL CSS START */
.logo img {
	width: 250px;
}
.ans-hero {
	background: linear-gradient(rgba(0, 0, 0, 0.9)),url(../images/dan-brins-pads.JPG);
	padding: 100px 0;
	text-align: center;
	background-position: inherit;
	background-repeat: no-repeat;
	background-size: cover;
}

    .ans-hero h1 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 20px;
color: #FFF;
    }

    .ans-hero h2 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 30px;
	color: #f00;
}

    .ans-hero p {
	font-size: 18px;
	line-height: 1.8;
	max-width: 800px;
	margin: 0 auto 10px auto;
	color: #fff;
}
    .ans-btn {
	background-color: #ff0000;
	color: #fff;
	padding: 15px 30px;
	font-weight: bold;
	transition: 0.3s;
	border-radius: 0px;
    font-size: 18px;
    margin-top: 20px;
}

    .ans-btn:hover {
      background-color: #ffff00;
      color: #000000;
      font-size: 18px;

    }

.ans-section {
      padding: 60px 0;
    }

    .section-title-ans {
      color: #ff0000;
      font-weight: bold;
      margin-bottom: 20px;
      font-size: 32px;
    }
   .ans-col p {
	font-size: 18px;
}
.ans-col ul li {
	font-size: 20px;
}
.ans-col ul {
	padding-left: 20px;
}
    .highlight {
      color: #ffc107;
      font-weight: bold;
    }

    .ans-col.img-box img {
      width: 100%;
      border-radius: 10px;
      border: 3px solid #ff0000;
    }

    .ans-btn {
      background-color: #ff0000;
      color: #ffffff;
      font-weight: bold;
      border: none;
      padding: 15px 30px 15px 30px;
    }

    .ans-btn:hover {
      background-color: #ffff00;
      color: #000000;
    }

    .ans-section ul li {
      margin-bottom: 8px;
    }
.ans-section p {
	font-size: 18px;
}
.ans-btn .btn-custom.btn-lg.mt-3 {
	margin-top: 30px;
  border-radius: 0px;
}
    @media (max-width: 768px) {
       .ans-hero h1 {
        font-size: 32px;
      }
      .ans-hero h2 {
        font-size: 28px;
      }
      .reverse {
        flex-direction: column-reverse !important;
      }
      .ans-hero {
	padding: 100px 30px;
}
.ans-section {
	padding: 40px 30px;
}
.ans-row{
	padding: 30px;
}
.ans-free-trial {
	padding: 30px;
}
    }
    @media (max-width: 480px){
.ans-hero h1 {
	font-size: 30px;
}
.ans-hero h2 {
	font-size: 26px;
}
.section-title-ans {
	font-size: 30px;
}
.ans-hero {
	padding: 50px 10px;
}
    } 
/* FIRST SECTION ANSHUL CSS END */

/* LOCATION PAGE ANSHUL CSS START*/
.ans-banner {
    background: linear-gradient(135deg, #000, #1a1a1a);
    color: #fff;
    padding: 100px 20px;
}

/* TEXT */
.ans-banner h1 {
	color: #ffcc00;
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
  margin: 0px;
}
.ans-banner h3 {
	font-size: 28px;
	color: #f00;
}
.ans-banner p {
    margin-top: 15px;
    color: #ddd;
    font-size: 18px;
}
.ans-banner a {
	font-size: 18px;
	color: #fc0;
}
/* FORM BOX */
.ans-form {
    background: #111;
    padding: 25px;
    border-radius: 10px;
    border: 2px solid #ff0000;
}

/* INPUTS */
.ans-form input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: none;
    border-radius: 5px;
}

/* BUTTON */
.ans-form button {
    width: 100%;
    padding: 12px;
    background: #ff0000;
    color: #fff;
    border: none;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s;
}

.ans-form button:hover {
    background: #ffcc00;
    color: #000;
}

/* MOBILE */
@media (max-width: 768px) {
    .ans-banner {
        text-align: center;
    }

    .ans-form {
        margin-top: 20px;
    }

    .ans-banner h1 {
        font-size: 28px;
    }
}
/* LOCATION PAGE ANSHUL CSS END*/

/* SECOND SECTION CSS START*/
.ans-location-section {
    padding: 60px 20px;
    background: #111;
    color: #fff;
}

.ans-location-section h2 {
    color: #ffcc00;
    font-size: 32px;
    font-weight: bold;
}

.ans-location-section p {
    color: #ddd;
    line-height: 1.6;
    margin-top: 20px;
}
.ans-location-section img {
	width: 100%;
	border: 5px solid #f00;
	border-radius: 10px;
}
.ans-location-section p {
    margin-top: 15px;
    color: #ddd;
    font-size: 17px;
}

.ans-location-section-two {
    padding: 60px 20px;
    background: #231f1e;
    color: #fff;
}

.ans-location-section-two h2 {
    color: #ffcc00;
    font-size: 32px;
    font-weight: bold;
}

.ans-location-section-two p {
    color: #ddd;
    line-height: 1.6;
    margin-top: 20px;
}
.ans-location-section-two img {
	width: 100%;
	border: 5px solid #f00;
	border-radius: 10px;
}
.ans-location-section-two p {
    margin-top: 15px;
    color: #ddd;
    font-size: 17px;
}
/* MOBILE */
@media (max-width: 768px) {
    .location-section {
        text-align: center;
    }
.ans-location-section h2 {
    font-size: 28px;
}
.ans-location-section-two h2 {
	font-size: 28px;
}
    .location-section h2 {
        margin-bottom: 15px;
    }
	
.ans-location-section .right-col, .ans-location-section-two .right-col{padding-top:25px}	
	
	
	
	
}
@media (max-width: 480px){
  .ans-banner {
	padding: 40px 10px;
}
.ans-banner h1 {
	text-align: center;
}
.ans-banner h3 {
	text-align: center;
}
.ans-banner p {
	text-align: center;
}
.ans-location-section {
	padding: 40px 10px;
}
.ans-location-section-two {
	padding: 40px 10px;
}
}
/* SECOND SECTION CSS END*/