@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Montserrat:ital,wght@0,100;0,900;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,500&display=swap');

body{margin:0;padding:0; overflow-x:hidden; }

/* HTML Elements */
ul, ol {margin: 0; padding:0;}
/* HTML Elements ends */
h1, .h1 {
  font-size: 68px;
  font-family: 'Abril Fatface', cursive;
  color: #780E2F;
}
h2, .h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}
/* Selection Color */
::-moz-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-webkit-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-o-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-ms-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::selection {    background: #e2261d;
  color: #1b1515;
  text-shadow: none;}
/* Selection Color ends */

/* Typography CSS */
@font-face
{
	font-family:'Exo2.0-Bold'; 
    src:url(../fonts/Exo2.0-Bold.ttf);
}
@font-face {
    font-family: 'barkentina_1regular';
    src: url('../fonts/barkentina_1-webfont.eot');
    src: url('../fonts/barkentina_1-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/barkentina_1-webfont.woff2') format('woff2'), 
	url('../fonts/barkentina_1-webfont.woff') format('woff'), 
	url('../fonts/barkentina_1-webfont.ttf') format('truetype'), 
	url('../fonts/barkentina_1-webfont.svg#barkentina_1regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Typography CSS ends */

/* Global CSS */
.clear{clear:both;}
.no-padding{padding-right:0;padding-left:0;}
.no-paddingR{padding-right:0;}
.no-paddingL{padding-left:0;}

/* Some Padding Field Changes ( for below media queries written) */
.change-padding{padding-right:15px; padding-left:15px;}
.change-paddingR{padding-right:0px;}
.change-paddingL{padding-left:0px;}
.spl-padding{padding-right:0;padding-left:0;}
/* Some Padding Field Changes ends */
img{max-width:100%;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.change-padding{padding-right:0px; padding-left:0px;}
	.change-paddingR{padding-right:15px;}
	.change-paddingL{padding-left:15px;}
	.spl-padding{padding-right:15px;padding-left:15px;}
}
.container-fluid {
  width: 100%;
  padding-right: 100px;
  padding-left: 100px;
  margin-right: auto;
  margin-left: auto;
}
.bnr-texts{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bnr-texts p{
  font-size: 20px;
}
.head-part
{
  padding: 15px 0px;
}
.bg
{
  background: url(../images/bg.jpg);
}
.white-box
{
  background: #fff;
    padding: 55px 55px;
    border-radius: 60px;
}
.white-box ul{
  list-style-image: url(../images/dot.png);
  margin-left: 15px;
}
.white-box ul li
{
  padding-bottom: 8px;
}
.white-box img
{
  border-radius: 60px;
}
.round-btn
{
 
    background: #780E2F;
    border: none;
    color: #fff;
    padding: 8px 25px;
    border-radius: 25px;
    float: right;
    cursor: pointer;
 
}

.round-btn:hover {
  background: #121212;
  border: none;
  color: #fff;
  padding: 8px 25px;
  border-radius: 25px;
  float: right;
}
.abt
{
  margin-top: 60px;
  margin-bottom: 100px;
}
.flow
{
  background: url(../images/flow-bg.jpg)  0px 0px fixed !important;
  padding: 15px 15px;
  padding: 100px 15px 80px;
}
.flow h2{
  color: #fff;
}
footer{
  padding: 30px 1px 20px;
}

@media only screen and (max-width: 767px) and (min-width: 300px)
{
  .container-fluid {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}
h1, .h1 {
  font-size: 39px;
  font-family: 'Abril Fatface', cursive;
  color: #780E2F;
}
.head-part {
  padding: 15px 0px;
  margin-bottom: 35px;
}
.white-box {
  background: #fff;
  padding: 33px 33px;
  border-radius: 60px;
}
.white-box img {
  border-radius: 60px;
  margin-bottom: 20px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px)
{
  h1, .h1 {
    font-size: 39px;
    font-family: 'Abril Fatface', cursive;
    color: #780E2F;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 992px)
{
  h1, .h1 {
    font-size: 45px;
    font-family: 'Abril Fatface', cursive;
    color: #780E2F;
  }
}