@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
.carousel-indicators li {
    display: none;
}
.b-rig {
    float: left;
    width: 100%;
    background: #b20606;
    padding: 10px;
    border-radius: 10px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}.b-rig img{
    float: left;
    width: 100%;
}
.b-rig ul {
    list-style: none;
    padding: 10px 0px 0px 30px;
}

.b-rig li {
    font-size: 17px;
    color: #fff;
    line-height: 35px;
}
.b-rig li i{color: #fddf15;
padding-right: 10px;}

.b-rig:hover{background: #000;
    transition: .5s;
}
 .b-rig li:hover {
    color: #fddf15;
    transition: .5s;
}
.banner_container
{
    float: left;
    width: 100%;
}
.banner_containerimg
{
    float: left;
    width: 100%;
}
.banner3
{
    float: left;
    width: 100%;
}
.banner3 img
{
    float: left;
    width: 100%;
}
.top-highlight {
    padding: 0;
    margin-top: -70px;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 50px;
   font-family: 'Roboto', sans-serif;

}
.top-highlight1 {
    float: left;
    width: 100%;
    padding: 30px 10px;
    background-color: #fddf15;
    box-shadow: 0 1px 9px 2px rgb(108 109 110 / 25%);
    border-radius: 10px;
}
.high-light1 {
    padding: 10px 5px;
}
.high-light1 img {
    float: left;
    width: 100%;
}
.high-light2 {
    padding: 0;
    display: flex;
}
.high_light1 {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.high_light1 p {
    background: #b20606;
    color: #fff;
    font-weight: 600;
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 27px;
    margin: 0;
    border-radius: 50%;
    text-align: center;
}
.high_light2 {
    width: 80%;
    padding: 0 0 0 10px;
}
.high_light2 p {
    color: #b20606;
    font-weight: 700;
    margin: 0;
    font-size: 20px;
    padding: 0 0 5px;
    line-height: 30px;
    text-transform: capitalize;
   font-family: 'Alata', sans-serif;
    letter-spacing: 2px;
}
.high_light2 span {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.best-ser {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 80px;
    border-top: 10px solid #fddf15;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.bets-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    letter-spacing: 2px;
    color: #b20606;
   font-family: 'Alata', sans-serif;
    font-weight: 600;
}
.bets-sub {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    font-size: 18px;
    color: #000;
   font-family: 'Roboto', sans-serif;

}
.our-services1 {
    float: left;
width: 100%;
margin-bottom: 20px;
border: 5px dotted #fddf15;
background: #b20606;
border-radius: 5%;
}
.our-services2 {
    padding: 0px 0;
}
.our-services3 {
    padding: 0;
    overflow: hidden;
    text-align: center;
    transition: .5s;
    position: relative;
    float: left;
    width: 100%;
}
.our-services3 img {
    transition: .8s;
    float: left;
    width: 100%;
}
.our-services1:hover .our-services3 img {
    transition: .8s;
    transform: scale(1.2);
}
.our-services3 p {
    color: #000;
    background: #fddf15;
    padding: 5px 10px;
    text-align: center;
    margin: 0;
    text-transform: capitalize;
    bottom: 29px;
    right: 0;
    position: absolute;
    font-size: 18px;
   font-family: 'Roboto', sans-serif;

    font-weight: 500;
}
.our-services3 p a{
    color: #000;
}
.our-services4 {
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}
.our-services4 p {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    color: #fff;
    padding: 0 0 5px 0;
   font-family: 'Alata', sans-serif;
}
.our-services5 {
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 5px;
}
.our-services5 a {
    color: #fff;
    background: green;
    padding: 8px 13px;
    text-transform: capitalize;
    font-size: 18px;
   font-family: 'Roboto', sans-serif;

    font-weight: 500;
}
.about-us {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    float: left;
    width: 100%;
    padding: 50px 0px;
    margin-top: -80px;
}
.abt-left {
   float: left;
    width: 100%;
    background: #fff;
    padding: 30px;
    border: 5px double #fddf15;
}
.abt-left p {
    font-size: 17px;
    text-align: justify;
    color: #000;
   font-family: 'Roboto', sans-serif;

}.bets-header22 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    letter-spacing: 2px;
    color: #fddf15;
    font-family: 'Alata', sans-serif;
    font-weight: 600;
}.bets-sub22 {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}
.abt-left p span
{
    color: #b20606;
    font-weight: 600;
}
.abt-right {
    float: left;
    width: 100%;
}
.serv-list1 {
    padding: 10px 15px;
}
.serv-list2 {
    padding: 0;
    text-align: center;
}
.serv-list2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.serv-list2 ul li {
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0;
    font-size: 16px;
    line-height: 31px;
    font-weight: 1000;
    transition: .5s;
   font-family: 'Roboto', sans-serif;
   
   background: #000;
    transition: .5s;
    color: #fff;
}

.serv-list2 li i {
    color: #fddf15;
    padding: 0 5px 0 0;
}
.best-ser2 {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    float: left;
    width: 100%;
    padding-top: 50px ;
    padding-bottom: 30px;
}
.best-bor {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    border: 5px dashed #b20606;
    border-radius: 5px;
}
.aa-dd {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background: #b20606;
}
.aa-bb1 {
    float: left;
    width: 100%;
  
}
.yyy {
    float: left;
    width: 100%;
    padding: 50px 100px;
}
.zz {
    float: left;
    width: 100%;
    padding: 15px;
    background: #b20606;
    border-radius: 10px;
}
.yy-h {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    letter-spacing: 2px;
    color: #fddf15;
    font-family: 'Alata', sans-serif;
    font-weight: 600;
}
.yy-s {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}
.yyy-border{ float: left;
    width: 100%;
padding: 10px;
border: 1px solid #fff;}
.icon-box img {
    float: left;
    width: 100%;
}

.yyy-border img {
    display: table;
    margin: 0 auto;
    float: none;
    width: 100px;
    height: 100px;
}
.yyy-border strong {
    padding-top: 10px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    
font-family: 'Alata', sans-serif;
}
.aa-bb2 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    color: #fff;
    font-family: 'Alata', sans-serif;
}
.aa-bb3 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 55px;
    color: #fddf15;
    font-family: 'Roboto', sans-serif;
}
.aa-bb4 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #fff;
    padding: 10px 0px;
    font-family: 'Roboto', sans-serif;
    
    
}
.aa-imm {
    float: left;
    width: 100%;
    padding: 5px;
}
.aa-imm img{
    float: left;
    width: 100%;
    border-radius: 10px;
}
.iiner-box {
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    float: left;
    width: 100%;
}
.iiner-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 30%;
    height: 100%;
    opacity: 0;
    background-color: #e7e7e7;
    transition: all 600ms ease;
    z-index: 1;
    -webkit-transition: all 600ms ease;
}
.iiner-box:hover::before {
    width: 100%;
    opacity: 1;
}
.b-tit {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    background: #b20606;
    color: #fff;
   font-family: 'Alata', sans-serif;
    position: relative;
    z-index: 2;
}
.b-desc {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 15px;
    color: #000;
   font-family: 'Roboto', sans-serif;

    position: relative;
    z-index: 2;
    
}
.b-cal {
    float: left;
    width: 100%;
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 5px;
    position: relative;
    z-index: 2;
}
.b-cal a{
    color: #fff;
    background: #000;
    padding: 8px 13px;
    text-transform: capitalize;
    font-size: 20px;
   font-family: 'Roboto', sans-serif;

    font-weight: 500;
}
.icon-box {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}


.why {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    padding-top: 20px;
}
.why-hd {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #b20606;
    font-weight: 600;
  font-family: 'Alata', sans-serif;
}
.why-sub {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 30px;
   font-family: 'Roboto', sans-serif;

}

.test-border {
    border-top: 10px solid #b20606;
    -webkit-box-shadow: 0px 10px 10px #00000066;
    box-shadow: 0px 10px 10px #00000066;
    background: #fff;
    float: left;
    width: 100%;
    padding: 15px;
}
.test-border p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #000;
   font-family: 'Roboto', sans-serif;

}
.test-border h2 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #b20606;
    padding:5px 0px;
    margin: 0;
    position: relative;
    font-weight: 600;
    z-index: 0;
  font-family: 'Alata', sans-serif;
    text-align: center;
}
.rating {
    text-align: center;
    font-size: 18px;
    color: #b20606;
    padding-bottom: 10px;
}
.client-img img {
    display: inline;
    width: auto;
    height: auto;
    max-width: 100%;
    position: relative;
    bottom: 40px;
    border: 10px solid #fddf15;
    border-radius: 50%;
    padding: 10px;
}
.client-img {
    background-image: linear-gradient(90deg, #b20606 0%, #b20606 100%);
    text-align: center;
    height: 50px;
    margin-bottom: 15px !important;
    margin-top: 30px;

}

.last-colp {
    float: left;
    width: 100%;
    padding: 50px;
    background-image: linear-gradient(90deg, #b20606 0%, #b20606 100%);
    text-align: center;
  font-family: 'Roboto', sans-serif;

}
.last-colp p {
    float: left;
width: 100%;
text-align: center;
font-size: 17px;
color: #fff;
font-family: 'Urbanist', sans-serif;
padding: 10px 0px;
}
.a-copy {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fddf15;
  font-family: 'Roboto', sans-serif;

}

.contact3 {
    padding: 0px;
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.contact3 a {
    text-decoration: none;
    font-size: 25px;
    text-transform: capitalize;
    color: #fff;
    animation: bkli 0.4s infinite;
  font-family: 'Roboto', sans-serif;

}
.contact3 a i {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 2px solid #fddf15;
    line-height: 80px;
    color: #fddf15;
    font-size: 25px;
    text-align: center;
    margin-right: 6px;
}

.last-row {
    float: left;
    width: 100%;
}
.cal {
    bottom: 0px;
    left: 10px;
    position: fixed;
    z-index: 1111;
}
.whatsaapp {
    bottom: 0px;
    right: 16px;
    position: fixed;
    z-index: 1111;
}
.last-row img {
    width: 50px;
    height: 50px;
}
.h-top {
    float: left;
    width: 100%;
    background: #b20606;
   font-family: 'Roboto', sans-serif;

}
.h-left {
    float: left;
    width: 100%;
    display: inline-flex;
}
.h-left .span-1 {
    font-size: 20px;
    padding: 10px 20px;
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
    background: #1f8e17;
    margin: 0px;
}
.h-left .span-1 a {
    color: #fff;
}
.h-left .span-2 {
    font-size: 20px;
    padding-top: 5px;
    padding-left: 10px;
    text-transform: capitalize;
    color: #fff;
    margin: 6px 0 0 0;
    display: inline-block;
    animation: neon .08s ease-in-out infinite alternate;
}
@keyframes neon
{
    0% {
        text-shadow: 0 0 6px #fddf15, 0 0 30px rgb(255 255 255), 0 0 12px #fddf15, 0 0 21px #fddf15, 0 0 34px #fddf15, 0 0 54px #fddf15;
    }
    100% {
        text-shadow: 0 0 6px rgb(218 218 193), 0 0 30px rgb(255 254 249), 0 0 12px rgb(241 241 197), 0 0 22px #fddf15, 0 0 38px rgb(255 229 148), 0 0 60px rgb(255 192 1);
    }
}
.h-right {
    float: left;
    width: 100%;
    display: inline-flex;
}
.h-right span {
    margin: 0;
    font-size: 20px;
    text-transform: capitalize;
    padding: 0px 15px 0 0;
    color: #fff;
    padding-top: 10px;
}
.h-right a {
    color: #000;
    background: #fddf15;
    font-size: 18px;
    display: inline-block;
    padding: 12px 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
}
.top2 {
    float: left;
    width: 100%;
   font-family: 'Roboto', sans-serif;

    color: #000;
    font-size: 18px;
    font-weight: 500;
    background: #fddf15;
    padding-top: 9px;
}
.top2 span{
    color: #b20606;
    font-weight: 600;
}
.header {
    float: left;
    width: 100%;
    padding: 10px 0px;
}
.head-right1 {
    padding: 10px 0 0;
    float: left;
    width: 100%;
}
.head-right2 {
    padding: 0;
    text-align: right;
}
.headright-top {
    padding: 0 3% 0 0;
}
.headright-top ul {
    padding: 0;
    margin: 0;
    list-style: none;
   font-family: 'Roboto', sans-serif;

}
.headright-top ul li {
   font-family: 'Roboto', sans-serif;

    padding: 7px 6px;
    border: 1px solid #222;
    color: #b20606;
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 4px;
    border-radius: inherit;
    font-size: 16px;
}
.headright-top li:nth-child(2) {
    background: #b20606;
    color: #fff;
}
.headright-top li:nth-child(3) {
    background: #2e2e2e;
    color: #fff;
}
.headright-top li:nth-child(4) {
    background: #fddf15;
    color: #000;
}
.welcome {
    margin: 0;
    padding: 12px 3% 0 0;
    text-align: right;
}
.welcome p {
    color: #000;
    text-transform: capitalize;
    margin: 0 0 0;
    font-size: 19px;
    font-weight: 600;
   font-family: 'Roboto', sans-serif;

}
.header-left {
    float: left;
    width: 100%;
}
.header-left img{
    float: left;
    width: 100%;
}
.header-left2 {
    float: left;
    width: 100%;
}
.header-left2 img {
    float: none;
    display: table;
    margin: 0 auto;
    width: 78%;
}
.ll-co {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    background: #fddf15;
    color: #000;
    padding: 5px 0pc;
    font-weight: 600;
   font-family: 'Roboto', sans-serif;

}
.ll-co a
{
    color: #fff;
    background: #000;
    padding: 8px 13px;
    text-transform: capitalize;
    font-size: 20px;
   font-family: 'Roboto', sans-serif;

    font-weight: 500;
}

@media(min-width:320px) and (max-width:479px)
{
    .header-left2 {
        display: none;
      }
      .yyy {
        padding: 30px 0px;
      }
      .aa-bb3 {
        font-size: 25px;
      }



    .h-right {
        display: none;
      }
      .headright-top {
        display: none;
      }
      .welcome {
        text-align: center;
        padding: 0px;
      }
      .ll-co {
        display: none;
      }
     
      .top-highlight {
        margin-top: -15px;}
}
@media(min-width:768px) and (max-width:991px){
    .header .col-sm-6{width: 100%;}
    .head-right2 {
        padding: 0;
        text-align: center;
      }   .yyy {
        padding: 30px 0px;
      }
      .aa-dd .col-sm-5{width: 50%;}
      .aa-dd .col-sm-7{width: 50%;}.aa-bb3 {
        font-size: 25px;
      }
      .welcome {
        margin: 0;
        padding: 12px 3% 0 0;
        text-align: center;
      }
      .top-highlight {
        margin-top: -42px;}
        .best-ser .col-sm-4{width: 100%;}
        .best-ser .col-sm-8{width: 100%;}
        .best-ser2 .col-sm-3{width: 50%;}
        .about-us .col-sm-6{width: 100%;}
        .b-lef .col-sm-4{width: 50%;}
        .why .col-sm-4{width: 50%;}
        .abt-right .col-sm-6{width: 50%;}
}
@media(min-width:640px) and (max-width:767px){ .h-right {
    display: none;
  }
  .headright-top {
    display: none;
  }
  .welcome {
    text-align: center;
    padding: 0px;
  }
  .ll-co {
    display: none;
  }
    .header-left2 {
        display: none;
      }
      .yyy {
        padding: 30px 0px;
      }
      .aa-bb3 {
        font-size: 25px;
      }
      
  .top-highlight {
    margin-top: -15px;}
}
@media(min-width:480px) and (max-width:639px)
{ .h-right {
    display: none;
  }
  .headright-top {
    display: none;
  }
  .welcome {
    text-align: center;
    padding: 0px;
  }
  .ll-co {
    display: none;
  }
  .header-left2 {
    display: none;
  }
  .yyy {
    padding: 30px 0px;
  }
  .aa-bb3 {
    font-size: 25px;
  }
  
  .top-highlight {
    margin-top: -15px;}
}
@media(min-width:992px) and (max-width:1200px){ .yyy {
    padding: 30px 0px;
  }
}
@media(min-width:1201px) and (max-width:1650px){ .yyy {
    padding: 30px 0px;
  }
}