@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@500&display=swap');
.just {
  float: left;
  width: 100%;
}
.main-container {
    float: left;
    width: 100%;
}

body {
    font-family: 'Mulish', sans-serif;
}

.header3 {
    float: left;
    width: 100%;
    text-align: center;
}

.header3 a {
    font-size: 45px;
    color: #ff2122;
    font-family: 'Righteous', sans-serif;
}

.sub-header {
    float: left;
    width: 100%;
    background: #ffde00;
    padding: 10px 0px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    
}

.sub-header1 {
    float: left;
    width: 100%;
    text-align: left;
}

.sub-header2 {
    float: left;
    width: 100%;
    text-align: right;
}

.header3 p {
    color: #000;
    font-size: 20px;
}

.header {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.header2 {
    float: left;
    width: 100%;
    text-align: center;
}

.header2 img {
    max-width: 100%;
}

.header1 {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
}

.header1 ul {
    float: left;
    width: 100%;
    display: flex;
}

.header1 ul li {
    list-style: none;
    font-size: 20px;
    padding: 0px 10px;
    margin-top: 25px;
}

.header1 ul li i {
    width: 50px;
    height: 50px;
    background: red;
    line-height: 50px;
    border-radius: 50%;
    border: 1px solid yellow;
    color: #fff;
}


.header1 ul li i.fa.fa-whatsapp {
    background: green;
}

.header1 ul li img {
    max-width: 100%;
    margin-top: -10px;
}

.banner_container {
    float: left;
    width: 100%;
}

.banner_container img {
    max-width: 100%;
}

.headers {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #ff2122;
    font-family: 'Righteous', sans-serif;
}

.best-ser {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  margin-top: -5px;
  background-image: url(../images/bg1.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}
.bets-border {
  float: left;
  width: 100%;
  padding: 15px;
  border: 1px dashed #ff2122;
  position: relative;
  margin-bottom: 30px;
  background-color: #fff;
}

.best-img {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

.best-img img {
    max-width: 100%;
    border: 1px dashed #ff2122;
}

.best-title.headers {
    font-size: 22px;
    color: #000;
    padding-top: 5px;
}

.bst-desc {
    float: left;
    width: 100%;
    color: #666666;
    font-size: 16px;
    line-height: 25px;
}

.best-call {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.best-call a {
    background-image: linear-gradient(to top, #ff2122 -11%, #ff2122 100%, #ff2122 100%);
    background-size: 200% auto;
    color: #ffffff !important;
    border-radius: 25px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    border: none !important;
    transition: 0.7s all;
    -webkit-transition: 0.7s all;
    padding: 10px 25px;
}

.best-img a i {
    position: absolute;
    background: #ff2122;
    right: 0;
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    color: #fff;
    text-align: center;
    top: 76%;
    height: 40px;
}

.about-us {
  float: left;
  width: 100%;
  padding: 50px;
  background-image: url(../images/bg.png);
  background-size: contain;
  background-repeat: repeat;
  background-attachment: fixed;
}

.about-us-desc {
    float: left;
    width: 100%;
    color: #ff2122;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    font-weight: 600;
}

.about-left {
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 20px;
}

.about-left-header.headers {
    float: left;
    width: 100%;
    text-align: left;
}

.about-left-sub {
  float: left;
  width: 100%;
  color: #ffe002;
  font-size: 20px;
  text-align: left;
  font-weight: 600;
}

.about-left-desc {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    padding-top: 10px;
}

.about-right {
    float: left;
    width: 100%;
    padding-top: 40px;
}

.abt-right-border {
    float: left;
    width: 100%;
}

.abt-right-img {
    float: left;
    width: 50%;
    text-align: center;
}

.abt-right-img img {
    max-width: 100%;
}

.abt-right-border2 {
    float: left;
    width: 50%;
    padding: 00px 15px 00px 15px;
}

.abt-right-title.headers {
    text-align: left;
    font-size: 22px;
}

.abt-right-desc {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

.abt-right-border3 {
    float: left;
    width: 50%;
    padding: 15px 15px 00px 15px;
}

.about-right .row {
    margin: 0;
}

just {
  float: left;
  width: 100%;
  background-image: url(../images/bg1.jpg);
  background-size: contain;
  background-repeat: repeat;
  background-attachment: fixed;
}

.just-border {
    float: left;
    width: 100%;
    padding: 30px;
    background: red;
    text-align: center;
    border-radius: 10px;
}

.just1.headers {
    color: #fff;
}

.just2 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.just3 a {
    color: #ffcc00;
}

.blinking {
    animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
    0% {
        color: #fff;
    }

    49% {
        color: #fff;
    }

    60% {
        color: #ffde00;
    }

    99% {
        color: #ffde00;
    }

    100% {
        color: #ffde00;
    }
}

.other-ser {
  float: left;
  width: 100%;
  padding: 50px 0px;
  background-image: url(../images/bg1.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}

.other-left {
    float: left;
    width: 100%;
    text-align: center;
}

.other-left img {
    max-width: 100%;
}

.other-right {
    float: left;
    width: 100%;
    padding: 30px;
    background: url(../images/bg.png);
}

.other-header.headers {
    color: #ffde00;
    text-transform: uppercase;
    font-size: 22px;
}

.other-sub {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 10px 0px;
}

.other-border {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.other-img {
    float: left;
    width: 100%;
    text-align: center;
}

.other-img img {
    max-width: 100%;
}

.other-title.headers {
    font-size: 18px;
    padding-top: 10px;
}

.other-desc {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
    color: #fff;
    padding-top: 5px;
}

.why-us {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  background-image: url(../images/bg1.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}

.why-img {
    float: left;
    width: 100%;
    text-align: center;
}

.why-img img {
    max-width: 100%;
}

.why-border {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 10px;
}

.why-header.headers {
    font-size: 25px;
}

.why-sub {
    float: left;
    width: 100%;
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding-top: 5px;
}

.why-desc {
    float: left;
    width: 100%;
    color: #666666;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    padding-top: 10px;
}

.why-right {
    float: left;
    width: 100%;
    background: #ff2122;
    padding-bottom: 15px;
}

.why-right-header.headers {
    background: #000;
    color: #ffcc00;
    font-size: 22px;
    padding: 5px;
}

.why-right ul {
    float: left;
    width: 100%;
    padding: 15px 0px 0px 15px;
}

.why-right li {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    list-style: none;
}

.why-right li i {

    color: #ffde00;
}

.why-right img {
    max-width: 100%;
}

.why-right a {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 20px;
    color: #fff;
    padding-left: 10px;
}

.extra-call {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  background-image: url(../images/bg7.jpg);
  background-size: contain;
  background-repeat: repeat;
  background-attachment: fixed;
}

.extra-border {
    float: left;
    width: 100%;
    background: #000;
    padding: 30px;
    border-radius: 10px;
}

.extra-call1.headers {
    text-transform: uppercase;
    font-size: 25px;
    color: #ffde00;
}

.extra-call2 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.extra-call3 {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.extra-call3 a {
    font-size: 25px;
    background: #ff2122;
    color: #fff;
    padding: 10px 25px;
    border-radius: 100px;
}

.y {
    float: left;
    width: 100%;
    background: url(../images/bg2.jpg);
    padding: 50px 0px;
}

.y-border {
    float: left;
    width: 100%;
}

.y-border h2 {
    font-size: 25px;
    color: #ffde00;
    line-height: 35px;
    font-family: 'Righteous', sans-serif;
}

.y-border p {
    font-size: 18px;
    color: #fff;
}

.y-border img {
    max-width: 100%;
}

.y-border2 {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px dashed #fff;
    padding: 20px;
}

.y-border2 img {
    max-width: 100%;
}

.y-border2 h2 {
    font-size: 22px;
    color: #fff;
    line-height: 35px;
    font-family: 'Righteous', sans-serif;
}

.y-border2 h2 span {
    color: #ffde00;
}

.ganapti {
    float: left;
    width: 100%;
    padding: 15px 0px;
    background: url(../images/bg3.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.ganapti-left {
    float: left;
    width: 100%;
}

.ganapti-right {
    float: left;
    width: 100%;
    text-align: center;
}

.ganapti-header.headers {
    font-size: 25px;
}

.ganapti-desc {
    float: left;
    width: 100%;
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    padding-bottom: 5px;
}

.ganapti-right ul {
    display: flex;
    padding-top: 15px;
}

.ganapti-right ul li {
    list-style: none;
}

.ganapti-right ul li img {
    max-width: 100%;
    padding-left: 15px;
}

.ganapti-right ul li h2 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    border: 2px dashed #ff2122;
    border-radius: 100px;
    padding: 10px 25px;
    font-family: 'Righteous', sans-serif;
}

.ganapti-call {
    text-align: center;
    font-family: 'Righteous', sans-serif;
    font-size: 25px;
    position: absolute;
    left: 28%;
    top: 71%;
    z-index: 2;
}

.ganapti-call a {
    background: #ff2122;
    color: #fff;
    padding: 10px 25px;
    border-radius: 100px;
    border: 1px solid #fff;
}

.ganapti-call a span {
    color: #000;
}

.text1.headers {
    float: left;
    width: 100%;
    background: #ffde00;
    font-size: 22px;
    padding: 10px;
    color: #000;
}

.whyus2 {
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
}

.whyus2-border {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px dashed red;
    padding: 20px;
}

.whyus2-border img {
    max-width: 100%;
}

.whyus2-border h2 {
    font-size: 35px;
    color: #000;
    font-family: 'Righteous', sans-serif;
}

.whyus2-border p {
    font-size: 18px;
    color: #ff2122;

}

.testi {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.test-sub {
    float: left;
    width: 100%;
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding-top: 5px;
}

.testi-border {
    float: left;
    width: 100%;
    border: 1px solid #666;
    text-align: center;
    padding: 0px 30px 20px 30px;
    border-top: 70px solid red;
    margin-top: 30px;
}

.testi-img img {
    max-width: 100%;
    margin-top: -50px;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 80px;
}

.testi-img img {
    max-width: 100%;
    margin-top: -50px;
}

.test-cont {
    float: left;
    width: 100%;
}

.test-cont h2 {
    font-size: 20px;
    color: #ff2122;
    font-family: 'Righteous', sans-serif;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

.test-cont p {
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 05px 0px;

}

.test-cont i {
    color: #ffde00;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.test-dsc {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #666;
    padding-top: 5px;
}

.test-dsc i {
    font-size: 25px;
    color: #ff2122;
    padding-right: 10px;
}

.footer {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background: url(../images/bg4.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.footer-border {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.footer-header {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #ffde00;
    font-family: 'Righteous', sans-serif;
}

.footer-border ul {
    float: left;
    width: 100%;
    padding: 10px 0px;
    list-style: none;
}

.footer-border ul li a {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.footer-border ul li a i {
    border: 1px solid #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffde00;
    border-radius: 50%;
    margin-right: 5px;
}

.footer-right {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.footer-right-border {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.footer-right-border ul {
    list-style: none;
    float: left;
    width: 100%;
}

.footer-right-border ul li {
    list-style: none;
    float: left;
    width: 100%;
}

.footer-right-border ul li {
    list-style: none;
    float: left;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
}

.footer-right-border ul li i {
    color: #ffde00;
    padding-right: 10px;
}

.ddd {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.ddd h2 {
    font-size: 25px;
    color: #ffde00;
    font-family: 'Righteous', sans-serif;
}

.ddd p {
    font-size: 15px;
    color: #fff;
}

.copy {
    float: left;
    width: 100%;
    padding: 15px;
    text-align: center;
    background: #000;
    color: #fff;
}

.sticky-social {
    position: fixed;
    top: 75%;
    z-index: 9999;
    left: -55px;
    padding: 0px;
    margin: 0px;
}

.social li {
    padding: 15px 40px;
    font-size: 25px;
    transition: all 0.8s ease-in-out;
    border-radius: 0px 40px 40px 0px;
    margin-bottom: 5px;
    list-style: none;
}

.sticky-social .fa {
    color: #fff;
    transition: all 0.8s ease-in-out;
}

.fb {
    background-color: #ff2122;
}

li.whatsapp {
    background: green;
}

.social li:hover {
    margin-right: -30px;
    box-shadow: 2px 5px 10px grey;
}

.imgs {
  float: left;
  width: 100%;
  background-image: url(../images/bg7.jpg);
  background-size: contain;
  background-repeat: repeat;
  background-attachment: fixed;
}
.imgs img
{
  float: left;
  width: 100%;
  border: 2px solid #000;
  margin-bottom: 35px;
}


.awards {
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
}
.other-header {
  float: left;
  width: 100%;
}
.other-header strong {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 35px;
  color: #ff2122;
  font-family: 'Righteous', sans-serif;
}
.other-header p {
  float: left;
  width: 100%;
  color: #000;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  padding-top: 5px;
}
.awards-border {
  float: left;
  width: 100%;
}
.awards-border img {
  float: left;
  width: 100%;
}
@media(min-width:992px) and (max-width:1200px){
}
@media(min-width:768px) and (max-width:991px){
    .header .col-sm-4{width: 50%;}
    .header3 p
    {
      color: #000;
      font-size: 16px;
     margin-bottom: 50px;
    }
    .best-ser .col-sm-4
    {
     
      width: 50%;

    }
    .best-ser
    {
      margin-top: -36px;
    }
    .about-us .col-sm-5{width: 100%;}
    .about-us .col-sm-7{width: 100%;}
    .other-ser .col-sm-3{width: 50%;}
    .other-ser .col-sm-9{width: 100%;}
    .why-us .col-sm-3{width: 50%;}
    .why-us .col-sm-6{width: 100%;}
    .y .col-sm-3{width: 50%;}
    .ganapti-call
{
  left: 0;
}
.whyus2 .col-sm-3{width: 50%;}
.testi .col-sm-4{width: 50%;}
.footer .col-sm-3{width: 50%;}
.footer .col-sm-9{width: 100%;}
}
@media(min-width:640px) and (max-width:767px){
    .sticky-social
    {
      top: 66%;
    }
    .ganapti
    {
      background: #fff;
    }
    .ganapti-right ul
    {
      display: contents;
    }.ganapti-call
    {
     display: none;
    }.best-ser
    {
      margin-top: -36px;
    }.header3 p
    {
      color: #000;
      font-size: 16px;
     margin-bottom: 50px;
    }
}
@media(min-width:480px) and (max-width:639px)
{
    .sticky-social
{
  top: 66%;
}
.ganapti
{
  background: #fff;
}
.ganapti-right ul
{
  display: contents;
}.ganapti-call
{
 display: none;
}.best-ser
{
  margin-top: -36px;
}.header3 p
{
  color: #000;
  font-size: 16px;
 margin-bottom: 50px;
}
.sub-header
{

  padding: 5px 0px;
  font-size: 16px;
}
.header .container-fluid
{
  padding: 0;
}
}
@media(min-width:320px) and (max-width:479px)
{
    .header1 ul li
{
  margin-top: 0px;
}.header1 ul li img
{
  display: none;
}.header3 a
{
  font-size: 35px;
}
.header3 p
{
  color: #000;
  font-size: 16px;
}.sub-header
{
  margin: 0;
}.sub-header2
{
  display: none;
}
.sub-header1
{
  text-align: center;
}
.best-ser
{
  margin-top: 0px;
  position: relative;
}
.abt-right-img
{
  width: 100%;
}
.abt-right-border2
{
  width: 100%;
}.abt-right-border3
{
  width: 100%;
}.headers
{
  font-size: 30px;
}
.ganapti
{
  background: #fff;
}
.ganapti-right ul
{
  display: contents;
}.ganapti-call
{
  font-size: 13px;
  left: -6%;
  top: 71%;
}
.sticky-social
{
  top: 66%;
}
.sub-header
{

  padding: 5px 0px;
  font-size: 16px;
}
.header .container-fluid
{
  padding: 0;
}
}