body{
    margin: 0;
    padding: 0;
} 
.logo img {
    max-width: 100%;
}
header,section{
	float: left;
	position: relative;
	width: 100%;
	clear: both;
}

header{
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 99;
	padding: 13px 0;
}
h3{
    font-weight: 500;
    font-size: 34px;
    color: #282828;
    line-height: 40px;
    margin-bottom: 13px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 24px;
    font-size: 18px;
    color: #444444;
}
section.banner{

	z-index: 1;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 144px;
    z-index: 1;
    background-position: center bottom;
    background-image: url(images/banner-bg.svg);
    padding-bottom:0px;
    min-height: 680px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
section.banner:after {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: -1;
 background-image: url("data:image/svg+xml,%3Csvg width='1440' height='447' viewBox='0 0 1440 447' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-5.68469 0V441.545C20.487 449.923 50.6872 448.448 76.6644 438.511C118.978 422.311 151.818 388.129 179.323 352.055C213.079 307.798 251.448 253.548 307.014 255.747C324.545 256.443 341.326 263.151 356.829 271.362C393.669 290.874 425.148 319.127 460.793 340.727C496.439 362.327 539.392 377.33 579.622 366.39C622.185 354.783 651.719 317.54 682.891 286.254C714.064 254.967 757.156 226.353 799.497 238.712C823.252 245.643 841.477 264.236 859.259 281.466C887.653 308.967 917.77 334.714 949.304 358.513C958.861 365.722 969.28 373.015 981.198 373.627C992.506 374.212 1003.17 368.645 1012.62 362.41C1078.61 318.96 1118.64 235.4 1194.91 214.941C1252.22 199.548 1312.9 225.407 1371.97 219.339C1397.28 216.722 1420.84 208.539 1442.98 196.793V0H-5.68469Z' fill='%2334579C'/%3E%3C/svg%3E%0A");
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
 height: 100%;
    width: 100%;
    display: none;
}
.banner-title h1 {
    font-size: 43px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    line-height: 62px;
    margin-bottom: 25px;
}
section.prcing ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

section.prcing ul li {
    font-size: 18px;
    color: #000;
    position: relative;
    line-height: 30px;
    padding-left: 20px;
}

section.prcing ul li:after {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 10px;
    background: #C4C4C4;
    content: "";
    border-radius: 100%;
}
.banner-title h3 {
    font-size: 30px;
    text-align: left;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 15px;
}
.def-btn {
    display: inline-flex;
    border-radius: 100px;
    background-color: #F8C244;
    font-weight: 500;
    color: #263238;
    margin: 0 auto;
    height: 50px;
    padding: 0 35px;
    align-items: center;
    font-size: 16px;
    text-decoration: none !important;
    transition: all 400ms;

}

.banner-title a{
    margin-right: 21px;
} 

.def-btn:hover{
    background-color: #d3a027;
    color: #fff;
}
.bg-green:hover{
    background-color: #0b8f30;
    color: #fff;
}
.bg-green {
    background: #1BB245;
    color: #fff;
}

.item-banr{
	position: relative;
}
.item-banr img {
    max-width: 100%;
    margin-top: 15px;
}

section.why-ch {
    padding-top:90px;
    padding-bottom: 50px;
}
.title-in h2 {
    font-size: 44px;
    color: #0A1F55;
    font-weight: 700;
    margin-bottom: 15px;
}

.title-in p{
    font-size: 18px;
    color: #444444;
    line-height: 24px;
}

.intro-text ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.intro-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.intro-text ul li {
    font-size: 22px;
    display: block;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
    margin-top: 9px;
    float: left;
    width: 100%;
    padding-left: 39px;
}	
.intro-text ul li:after {
   position: absolute;
    content: "\f101";
    font-weight: 900;
    font-size: 24px;
    color: #faa44b;
    left: 0;
    width: 15px;
    height: 15px;
    font-family: "Font Awesome 5 Free";
    top: 0;
}
.intro-text ul li span{
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 500;
	 display: inline-block;
    background: #def5d8;
    padding: 0 3px;
}
.intro-img img{
	max-width: 100%;
}

.intro-text ul li span.dnt{
	  background: #f5bbbf;
}

.buil-img {
 
  
    overflow: hidden;
    margin: 20px auto 0;
    max-width: 711px;
    text-align: center;
    padding: 0 0 0;
}

.buil-img iframe{
    border-radius: 30px;
}

.buil-img img {
    max-width: 100%;
}
.rd-btn a {
    height: 60px;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    background-color: rgb(35, 167, 85);
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 0 31px;
    transition: all 400ms;
    text-decoration: none;
}

.rd-btn a:hover{
	background: #f1ae39;
	color: #000000;
}
.how-it{
	padding-top: 15px;
}

.slide-txt{
	text-align: center;
	cursor: pointer;
}

.slide-txt.slick-slide.slick-current.slick-center h3{
	font-weight: 500;
	color: #f68c23;
}
.slick-slide img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.slide-txt h4{
font-size: 15px;
font-weight: 500;
color: #8ebc87;
}
.slide-txt h3 {
    font-size: 18px;
    color: #282828;
    font-weight: 400;
}
.slider-nav{
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
}


.prcing{
	padding-top: 70px;
	padding-bottom: 50px;
}

.pr-in {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(220, 233, 229);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 25px;
    transition: all 400ms;
}
.banner-title {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.pr-in h4 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 0;
}
.pr-in h3 {
    text-align: center;
    font-size: 40px;
    color: #23a755;
    font-weight: 400;
    line-height: normal;
    margin: 0 0;
}
.pr-in small{
	    display: block;
    text-align: center;
    font-size: 14px;
    color: #888888;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.pr-in ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 17px;
}

.pr-in ul li {
    font-size: 15px;
    display: block;
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px;
}

.pr-in ul li:after {
  position: absolute;
    content: "\f06a";
    font-weight: 900;
    font-size: 17px;
    color: #edb046;
    left: 0;
    width: 15px;
    height: 15px;
    font-family: "Font Awesome 5 Free";
    top: -1px;
}
.pr-in.pr-two ul a{
	    font-size: 15px;
    color: #23a755;
    padding-left: 25px;
}
.pr-two ul li:after{
	color: #49c58b;
	content: "\f058";
}

.pr-in.pr-two .btn-std{
flex-direction: column;
display: flex;
}
.pr-in.pr-two .btn-std span {
    font-size: 12px;
    color: #666666;
}
.pr-in.pr-two .btn-std a{
	background: #f98e23;
	color: #ffffff;
}

.pr-in.pr-two .btn-std a:hover{
background: #d47413;
	color: #ffffff;
}

.btn-std a {
    margin: 0 auto;
    display: inline-flex;
    height: 44px;
    border-radius: 6px;
    background-color: rgb(224, 224, 224);
    align-items: center;
    padding: 0 15px;
    font-size: 15px;
    color: #282828;
    font-weight: 500;
    margin-top: 25px;
    text-decoration: none;
    transition: all 400ms;
}
.btn-std a:hover{
	background: #888787;
	color: #ffffff;
}

.pr-in.pr-three {
    background: #f4f8f7;
    text-align: left;
     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
	

.pr-in.pr-three h4{
font-size: 22px;
text-align: left;
display: block;
margin-bottom: 10px;
font-weight: 500;
}

.pr-in.pr-three p{
	font-size: 16px;
	font-weight: 400;
}

.pr-in.pr-three .btn-std a{
	background: #23a755;
	color: #ffffff;
	margin-top: 0;
}
.pr-in.pr-three, .pr-in {
    min-height: 334px;
}

.pr-in:hover {
    box-shadow: 0px 0px 20px 0px rgb(232 123 14 / 26%);
    border-color: rgb(255, 225, 196);
}
.team-wr{
	    padding-top: 0px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
 
}
.team-in{
	width: 202px;
	height: 202px;
	border-radius: 100%;
	
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	
}

.team-in:after {
    width: 196px;
    height: 196px;
    border-radius: 100%;
    z-index: -1;
    background: #e87c3a;
    position: absolute;
    content: "";
    top: -7px;
    right: -10px;
}
.team-wr .team-wrap:nth-of-type(2) .team-in:after {
   
    background: #7f55e8;
    
    top: 11px;
    right: -10px;
}

.team-wr .team-wrap:nth-of-type(3) .team-in:after {
   
    background: #4abd73;
    top: -5px;
    left: -10px;
}

.team-wrap {
    position: relative;
    z-index: 9;
}
.team-wrap h3{
	font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;	
}

.team-wrap span{
	font-size: 14px;
}
.team-wrap p{
	font-size: 18px;
	line-height: 24px;
}

section.team-wr:after{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1899.9px' height='340.197px' viewBox='0 0 1899.9 340.197' enable-background='new 0 0 1899.9 340.197' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='1899.898' height='340.197'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23EDF4F2' d='M0,296.609c60.846-35.218,133.017-50.5,202.916-42.973 c63.818,6.873,126.512,32.137,190.238,24.456c67.73-8.162,133.044-53.092,199.041-35.822c34.052,8.911,63.504,33.872,98.626,36.184 c49.203,3.236,93.772-39.001,142.678-32.706c18.345,2.361,35.222,11.47,53.456,14.571c42.002,7.143,84.152-18.272,126.379-12.623 c45.24,6.052,77.704,45.138,117.026,68.308c49.719,29.296,114.021,32.208,166.185,7.524c32.434-15.348,61.033-40.775,96.473-46.384 c45.447-7.189,91.623,20.129,136.676,10.776c43.873-9.105,75.604-50.829,119.605-59.298c24.129-4.646,48.882,1.371,73.438,2.283 c57.153,2.123,111.303-23.278,162.829-48.103c5.052-2.433,10.472-5.225,12.866-10.295c1.781-3.769,1.551-8.138,1.281-12.298 c-3.444-53.404-6.889-106.808-10.335-160.211c-44.129,23.317-66.486,81.255-115.029,92.858c-30.39,7.264-63.115-6.385-93.203,2.04 c-26.655,7.464-45.531,30.485-68.421,46.05c-32.677,22.221-73.141,28.913-112.176,35.058c-60.976,9.6-123.105,19.21-184.141,9.99 c-70.24-10.612-134.092-45.349-200.345-70.977c-66.252-25.628-141.506-42.095-207.412-15.587 c-16.658,6.699-32.235,15.989-49.2,21.867c-118.242,40.976-243.127-93.726-362.718-56.872 c-63.319,19.513-109.847,84.472-176.033,87.562c-35.509,1.658-68.87-15.357-103.416-23.737 c-51.854-12.58-108.318-5.043-155.058,20.695c-22.152,12.199-43.054,29.591-51.386,53.469 c-11.437,32.779,2.956,70.806-10.273,102.904'/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	top: 0;width: 100%;
	left: 0;
	content: "";
	height: 100%;
    background-repeat: no-repeat;
}
.abt {
    padding-top: 30px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}
.ab-img img{
	max-width: 100%;
	width: 100%;
}

.intro-text-main{
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.intro-text-main p {
    font-size: 16px;
    line-height: 30px;
}
a.bg-yl {
    
  
    display: inline-flex;
    height: 44px;
    border-radius: 6px;
    
    align-items: center;
    padding: 0 15px;
    font-size: 15px;
   
    font-weight: 500;
    margin-top: 25px;
    text-decoration: none;
    transition: all 400ms;
    background: #23a755;
    color: #ffffff;
    margin-top: 0;
    
}

footer.second-ft {
    clear: both;
    float: left;
    width: 100%;
   background: #FCFAF2;
    margin-top: 50px;
    padding-top: 70px;
    padding-bottom: 30px;
}
.ft-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
   
}

.ft-links li a {
    font-size: 16px;
    color: #444444;
    line-height: normal;
    transition: all 400ms;
    display: block;
    margin-bottom: 6px;
    text-decoration: none;
}

.ft-links h3 {
    font-size: 20px;
    color: #282828;
    font-weight: 500;
}
.ft-logo img{
	max-width: 100%;
    margin-bottom: 10px;
}

ul.social {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    margin-top: 90px;
}
ul.social li {
    display: inline-block;
}
ul.social li:last-child a{
    margin-right: 0;
}
ul.social li a:hover {
    background: #135AC3;
    text-decoration: none;
}
ul.social li a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: none;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    margin: 0 0px;
    text-align: center;
    background: #4A86DE;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-right: 34px;
}


.ft-cpy-txt p {
    font-size: 14px;
    color: #282828;
    margin-bottom: 0;
    text-align: center;
}

.cpy {
    background: #1d1a2f;
    width: 100%;
    padding: 12px 0;
    background: #F5E7AC;
}

.ft-links p {
    font-size: 16px;
}


.ft-links p a {
    font-size: 16px;
    color: #282828;
}
.mn-fets h4 {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-top: 6px;
}
.mn-fets img{
    max-width: 100%;
}
.mn-fets p{
    text-align: center;
    color: 18px;
    color: #444444;
    line-height: 24px;
}
.badge {
    background: rgba(52, 87, 156, 0.1);
    color: #34579C;
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    display: inline-flex;
    align-items: center;
    margin-right: 9px;
    border-radius: 20px;
    padding: 0 20px;
    margin-bottom: 7px;
}
.bg-blue{
    background: #34579C;
    color: #fff;
    margin: 0 auto;
}
.wrap-bg {
    background: #FFFFFF;
    box-shadow: 0px 0px 40px 10px rgb(234 215 170 / 50%);
    border-radius: 30px;
    padding: 67px 109px;
}

.img-fet-sects img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.img-fet{
    text-align: center;
}
.img-fet img {
    max-width: 295px;
    position: absolute;
    left: 0;
    bottom: -90px;
    width: 100%;
    right: 0;
    margin: 0 auto;
}
.prcing:nth-of-type(7) .wrap-bg {
    box-shadow: 0px 0px 40px 10px #dbedd3;
    background: #fff;
}
.prcing:nth-of-type(9) .wrap-bg {
 box-shadow: 0px 0px 40px 10px rgba(170, 211, 234, 0.5);
    background: #fff;
}
section.free-title {
    padding-top: 20px;
    padding-bottom: 50px;
}
.for-free{
    max-width: 637px;
    width: 100%;
    background: linear-gradient(180deg, #4C6DAF 0%, #324998 100%);
border-radius: 30px;
padding: 48px 83px 40px;
text-align: center;
margin: 0 auto;
}
.for-free h5{
    color: #fff;
    font-size: 24px;
   margin-bottom: 15px;
display: block;
}

.for-free h2 {
    font-size: 44px;
    color: #fff;
    font-weight: 700;

}

.for-free p {
    color: #B2C5EC;
    font-size: 24px;
    margin-bottom: 4px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 25px;
}

.for-free p small{
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #B2C5EC;
    margin-top: 10px;
}

.dte-in strong {
    display: block;
    color: #0A1F55;
    font-size: 36px;
    font-weight: 500;
    margin: 9px 0;
}
.dte-in {
    text-align: center;
}
.dte-in img{
    max-width: 100%;
}
.dte-in p {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}
.testms{
    padding-top: 50px;
    padding-bottom: 50px;
}
.testmssldr .tst-in{
    background: #F2F6FC;
border-radius: 20px;
    padding: 25px 20px;
    margin: 0 15px;
}

.testmssldr .tst-in p{
    font-size: 17px;
    color: #444444;
}

.auth-det {
    display: flex;
    align-items: center;
    width: 100%;
}
.au-img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #edcdcd;
    flex: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}

.auth-det h3 {
    font-size: 20px;
    line-height: normal;
    margin-left: 15px;
    font-weight: 500;
    margin-bottom: 0;
}

.auth-det h3 span{
    font-size: 16px;
    color: #666666;
    display: block;
}

.testms ul.slick-dots {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 25px;
}

.testms ul.slick-dots li.slick-active button {
    background: #ffc727;
}

.testms ul.slick-dots li button {
    border: 0;
    font-size: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #0a1f55;
}
.testms ul.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}
.testms ul.slick-dots li button:focus{
    outline: 0;
}

.testmssldr .tst-in:nth-child(even) {
    background: #FCFAF2;
}
.pm-gatw .title-in h2{
    font-size: 24px;
    color: #0A1F55;
    font-weight: 500;
    margin-bottom: 30px;
}

.pm-gatw {
    padding-top: 30px;
    padding-bottom: 30px;
}

.lgi img{
max-width: 100%;
margin: 0 30px;
}
.fng-p{
    padding-top: 40px;
    padding-bottom: 30px;
}

.fng-p .wrap-bg {
 
    padding: 67px 109px;
    box-shadow: 0px 0px 40px 10px rgb(170 211 234 / 50%);
    border-radius: 30px;
}
.g-pay-links h2{
    font-weight: 700;
    font-size: 44px;
    color: #282828;
    margin-bottom: 15px;
}

.g-pay-links p{
    max-width: 270px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.g-pay-links a{
    margin-right: 10px;
}

.g-pay-links a img{
    max-width: 100%;
}

.main-nav ul.rd-navbar-dropdown {
    background: #FFFFFF;
    border-radius: 16px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
.main-nav ul.rd-navbar-dropdown li a{
    color: #163871;
    font-size: 16px;
}

.sm-banimg{
    padding-bottom: 100px;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width:50px;
  height:50px;
  background: #FFC727;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width:50px;
  height:50px;
  background: #FFC727;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
    background-image: url(images/play-bt.svg);
    position: absolute;
    right: 0;
    left: 5px;
    width: 23px;
    height: 17px;
    text-align: center;
    margin: 0 auto;
    z-index: 9;
    background-repeat: no-repeat;
    background-position: center;
    top: 31px;
    background-size: contain;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@media(max-width: 1199.98px){
    .banner-title h1 {
    font-size: 38px;
 
    line-height: normal;
    margin-bottom: 25px;
}
.img-fet img {
    bottom: -90px;
}
}


@media(max-width: 991.98px){
   .logo a {
        position: relative;
        top: 10px;
    }
    .rd-navbar-fixed .rd-navbar-submenu li > a {
        padding-left: 32px;
        padding: 8px 15px 8px 36px;
    }
    .main-nav ul.rd-navbar-dropdown {
    
        border-radius: 0;
    }

    .img-fet {
    text-align: center;
    overflow: hidden;
}
.img-fet img {
    bottom: -30px;
    max-width: 230px;
}
section.banner{
       padding-bottom: 150px; 
}
.wrap-bg, .fng-p .wrap-bg {

    border-radius: 15px;
    padding: 35px 15px;
}
.dte-in {
    text-align: center;
    margin-bottom: 21px;
}
.rd-navbar-submenu.opened{
    color: #fff;
    background: #232179;
}
.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover {
  background: #232179 !important;
}
.rd-navbar-fixed .rd-navbar-submenu-toggle{
 color: #232179 !important;   
}
}
@media(max-width: 767.98px){
.img-fet {
    text-align: center;
    order: 2;
}
.img-fet img {
    bottom: 0;
    position: relative;
    max-width: 400px;
}
.lgi img {
    max-width: 100%;
    margin: 12px 30px;
}
.rd-navbar-submenu.opened{
    color: #fff;
    background: #232179;
}
.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover {
  background: #232179 !important;
}
.rd-navbar-fixed .rd-navbar-submenu-toggle{
 color: #232179 !important;   
}
}
@media(max-width: 575.98px){
.for-free h5 {
    font-size: 20px;
   
}
ul.social {
   
    margin-top: 20px;
    margin-bottom: 25px;
}
section.banner {
    padding-bottom: 70px;
}
.item-banr {
  
    padding-bottom: 30px;
}
.g-pay-links a img {
    width: 100%;
}
.g-pay-links a {
    margin-right: 2px;
    display: inline-block;
    width: 42%;
}
.for-free {
  
    border-radius: 15px;
    padding: 28px 15px;

}
.for-free h2 {
    font-size: 26px;
}
.title-in h2 {
    font-size: 30px;
}
.g-pay-links h2 {
   
    font-size: 29px;
  
}
.g-pay-links p{
    max-width: 100%;
}
.mn-fets {
    text-align: center;
}
.banner-title h1 {
    font-size: 28px;
  
}
.rd-navbar-fixed .rd-navbar-toggle {
   
    top: -10px;
  
}
.banner-title a {
    margin-right: 2px;
}
.banner-title a.def-btn {
    
    height: 45px;
    padding: 0 19px;

    font-size: 15px;
  
}
.badge{
        white-space: normal;
            font-size: 16px;
}
h3 {

    font-size: 27px;
  
    line-height: normal;
    margin-bottom: 10px;
}
.rd-navbar-submenu.opened{
    color: #fff;
    background: #232179;
}
.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover {
  background: #232179 !important;
}
.rd-navbar-fixed .rd-navbar-submenu-toggle{
 color: #232179 !important;   
}
}