@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Days+One&display=swap');



.main-container {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: url(../images/bg.png);
  background-attachment: fixed;
  background-repeat: repeat;
}

img {
  max-width: 100%;
}

body {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}

.hdd {
  font-family: "Days One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

.header {
  float: left;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  background: #fff;
}






.footer-section {
  float: left;
  width: 100%;
  padding: 0;
  background: #181818;
}

.footer-section1 {
  padding: 50px 0;
}

.footer-left1 {
  padding: 0px 0 0 0;
}

.footer-left2 {
  padding: 0px 0 0 0;
}

.heading-footer {
  padding: 0px;
}

.heading-footer p {
  color: #ffc100;
  font-size: 29px;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  margin: 0;
}

.footer-details {
  padding: 7px 0 0;
}

.footer-details1 {
  padding: 10px 0;
}

.footer-details2 {
  padding: 0px;
  text-align: left;
}

.footer-details2 span {
  display: inline-block;
  margin: 0 7px 0 0px;
  height: 60px;
  width: 60px;
  border-radius: 7px;
  color: #000;
  background: linear-gradient(45deg, #ffd300, #ffbc00);
  line-height: 68px;
  text-align: center;
}

.footer-details2 span i {
  font-size: 35px;
  line-height: 60px;
}

.footer-details2 a {
  font-size: 16px;
  color: #fff;
  margin: 0;
  padding: 0 0 0px 7px;
  font-weight: 600;
  text-decoration: none;
}

.copyright-right2 {
  padding: 10px 0 0;
  text-align: left;
}

.copyright-right2 p {
  color: #c3c3c3;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}

.payment {
  padding: 32px 0 13px;
}

.payment strong {
  font-size: 17px;
  text-transform: capitalize;
  color: #ffc300;
  display: inline-block;
  font-weight: 500;
}

.payment ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.payment ul li {
  padding: 5px 5px;
  display: inline-block;
}

.payment li img {
  height: 30px;
  background: #fff;
  padding: 4px;
  border-radius: 2px;
}





.footer-right1 {
  padding: 0px 0 0 30px;
  border-left: 1px solid #2e2e2e;
}

.footer-right2 {
  padding: 0px;
}

.footer-about {
  padding: 0px;
  text-align: left;
}

.footer-about strong {
  color: #ffc200;
  font-size: 23px;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  margin: 0;
}

.footer-about p {
  color: #fff;
  margin: 0;
  padding: 4px 0;
  font-size: 15px;
  line-height: 30px;
}

.footer-about a {
  color: #ffffff;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;
  position: relative;
  display: inline-block;
  padding: 0 0 0 40px;
}

.footer-about a:before {
  background: linear-gradient(45deg, #ffd300, #ffbc00);
  height: 2px;
  width: 33px;
  top: 10px;
  position: absolute;
  content: "";
  left: 0;
}

.footer-links {
  padding: 0px;
}

.link-footer {
  padding: 30px 0 20px;
  text-align: left;
}

.link-footer strong {
  color: #ffc200;
  font-size: 23px;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  margin: 0;
}

.link-footer ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.link-footer ul li {
  padding: 5px 0;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}






.services-section {
  float: left;
  width: 100%;
  padding: 0;
  background: #ffce00;
}

.services-section1 {
  padding: 90px 0 70px;
}

.services-left1 {
  padding: 10px;
}

.services-left2 {
  padding: 0;
}

.services-left2 img {
  box-shadow: -18px -18px 0 #000;
}




.services-right1 {
  padding: 0 0 0 36px;
}

.services-right2 {
  padding: 0px;
}

.services-head {
  padding: 0px 0 0 0;
  text-align: center;
}

.services-head span {
  color: #000;
  font-size: 16px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 600;
  padding: 0px 0 0;
}

.services-head strong {
  color: #000;
  font-size: 33px;
  font-weight: 700;
  text-transform: capitalize;
  display: block;
}

.services-head strong b {
  color: #e90000;
}

.services-head p {
  color: #222;
  font-size: 16px;
  margin: 0;
  font-weight: 600;
  padding: 0 0 0px 0;
}

.services-design {
  padding: 26px 0 0 0;
}

.nav-pill-main-div {
  position: relative;
  border-radius: 20px;
  height: 100%;
  padding: 0;
  margin: 0 auto;
}




.customize_solution ul {
  margin: 0px 0 20px 0px;
  padding: 6px 0;
  text-align: center;
  border-radius: 48px;
  list-style: none;
  background: #f50000;
}

.customize_solution ul li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 0px 4px;
  cursor: pointer;
  transition: 0.3s ease all;
  width: 23%;
}

.customize_solution ul li span {
  color: #000000;
  background: #fff0;
  font-weight: 500;
  transition: 0.3s ease all;
  border-bottom-left-radius: 14px;
  border-top-right-radius: 14px;
  text-transform: capitalize;
  font-size: 15px;
  padding: 9px 0px 6px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 100%;
}

.customize_solution ul li span:before {
  content: "";
  background: #ffffff;
  height: 13px;
  width: 13px;
  border: 3px solid #eee;
  line-height: 20px;
  border-radius: 20px;
  margin: 0 6px 0 0;
  display: inline-block;
}

.customize_solution ul .current span {
  color: #f50000;
  background: #fff;
  font-weight: 600;
}

.customize_solution ul .current span:before {
  content: "";
  background: #f50000;
  height: 13px;
  width: 13px;
  border: 3px solid #ff7ea8;
  line-height: 20px;
  border-radius: 20px;
  margin: 0 6px 0 0;
  display: inline-block;
}

.tab-content {
  display: none;
  padding: 21px 0 0px;
  transition: 0.3s ease all;
  background: #fff;
  box-shadow: 0 0 0px #000;
  background-color: #efefef00;
}

.tab-content.current {
  display: inherit;
  transition: 0.3s ease all;
}

.tab_left1 {
  padding: 0px 10px 0px 0px;
}

.tab_left2 {
  padding: 0px;
}

.tab_left2 img {
  border-radius: 0 40px 0 40px;
}

.tab_right1 {
  padding: 0px 0px 0px 10px;
}

.tab_right2 {
  padding: 0px;
}

.tab_right2 strong {
  font-size: 27px;
  font-weight: 700;
  text-transform: capitalize;
  display: block;
  color: #f50000;
}

.tab_right2 p {
  color: #000;
  font-size: 16px;
  margin: 0;
  line-height: 29px;
  padding: 6px 0;
}

.tab_right2 a {
  color: #222;
  display: inline-block;
  border-radius: 0 20px 0px 20px;
  background: #f50000;
  /* width: 39.5%; */
  margin: 10px 0 0;
}

.tab_right2 a b {
  border: 1px solid #f50000;
  padding: 10px 25px 4px 25px;
  display: inline-block;
  background: #fff;
  height: 48px;
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 700;
  text-align: center;
  border-radius: 0 20px 0px 20px;
}

.tab_right2 a span {
  display: inline-block;
  padding: 0px 0px;
  text-align: center;
  color: #fff;
  height: 36px;
  width: 48px;
  border-radius: 0 0px 0px 20px;
  line-height: 50px;
}

.tab_right2 a span i {
 font-size: 25px;
}




.testimonials-section {
  padding: 0;
  background: url(../images/tets.jpg);
  position: relative;
  background-attachment: fixed;
  float: left;
  width: 100%;
}

.testimonials-section:before {
  background: #ffffffe6;
  height: 100%;
  width: 100%;
  top: 0;
  margin: 0;
  left: 0;
  right: 0;
  position: absolute;
  content: "";
}

.testimonials-section1 {
  padding: 50px 0;
}

.testimonials {
  padding: 40px 0 0;
}

.testimonials-1 {
  padding: 10px;
}

.testimonials-2 {
  padding: 0px;
}

.testimonials-3 {
  padding: 0px;
  border: 1px solid #f50000;
  background: #fff;
  display: flex;
}

.testimonials-3 .testimonials-left1 {
  width: 20%;
  background: linear-gradient(45deg, #ffd300, #ffbc00);
  text-align: center;
  padding: 0px;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}

.testimonials-left1:before {
  height: 18%;
  width: 6px;
  background: #f50000;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -9;
}

.testimonials-left1 span {
  background: #f50000;
  border: 3px solid #fff;
  height: 50px;
  text-align: center;
  width: 50px;
  display: block;
  border-radius: 50%;
  line-height: 44px;
  margin: 40px auto 0;
}

.testimonials-left1 span i {
  filter: brightness(0)invert(1);
  height: 33px;
  font-size: 25px;
  line-height: 50px;
}

.testimonials-3 .testimonials-right1 {
  width: 80%;
  padding: 23px 25px 27px 22px;
  text-align: left;
}

.testimonials-right1 span {
  display: block;
  padding: 0px 0px 11px;
}

.testimonials-right1 span i {
  font-style: normal;
  font-size: 23px;
  display: block;
  margin: 0;
  text-transform: capitalize;
  color: #e90000;
}

.testimonials-right1 span ul li i {
  color: #ffbc00;
  display: inline;
  font-size: 15px;
}

.testimonials-right1 p {
  color: #222;
  font-size: 17px;
  margin: 0;
  line-height: 29px;
  padding: 0;
}

.testimonials-5 {
  padding: 0px;
  text-align: center;
  position: relative;
}

.testimonials-5:before {
  position: absolute;
  content: "";
  border: 25px solid transparent;
  border-top: 25px solid;
  position: absolute;
  top: -0px;
  width: 51px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #e90000;
}

.testimonials-5 img {
  border-radius: 50%;
  border: 7px solid #ffcc00;
  height: 100px;
  margin: 40px 0 0;
}

.bestservices-heading p {
  color: #000;
  font-size: 18px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 600;
    padding: 0px 0 0;
}

.bestservices-heading {
  padding: 0px 0 0;
  text-align: center;
}

.bestservices-heading strong {
  color: #000;
  font-size: 45px;
  text-transform: capitalize;
  display: block;
}

.bestservices-heading strong span {
  color: #f50000;
}

.testimonials-section1 .bestservices-heading p {
  color: #000;
  font-size: 15px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 600;
  padding: 0px 0 0;
}


.bestservices-section {
  float: left;
  width: 100%;
  padding: 50px 0px;
}

.best-services {
  padding: 40px 0px 0px;
}

.best-services1 {
  padding: 15px;
}

.best-services2 {
  padding: 0px;
}

.best-services3 {
  padding: 0px;
  overflow: hidden;
}

.best-services3 img {
  min-width: 100%;
}

.best-services3::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  transition: none;
}

.best-services4 {
  text-align: center;
  padding: 0px 10px;
}

.best-services4 strong {
  transform: scale(1.003) skew(-26deg) translate(0px);
  color: #ffcc00;
  text-align: center;
  width: 90%;
  display: block;
  background: #ffcc00;
  padding: 5px 10px;
  margin: -16px auto 0px;
}

.best-services4 span {
  display: block;
  transform: skew(26deg);
  color: #f50000;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 20px;
  padding: 0px;
}

.best-services4 strong::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  animation: 0.6s ease 0s infinite normal none running fll;
  transition: 0.8s ease-out;
}

@keyframes fll {
  0% {
    width: 0%;
  }

  50% {
    width: 100%;
    background-color: transparent;
  }

  60% {
    width: 0%;
  }

  100% {
    width: 0%;
  }
}

.best-services4 p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  color: rgb(0, 0, 0);
  text-align: left;
  margin: 0px;
  padding: 14px 0px 0px;
  text-align: center;
}

.read-c {
  display: inline-block;
  color: rgb(255, 255, 255) !important;
  font-size: 20px !important;
  border-radius: 35px;
  background: #f50000 !important;
  padding: 10px 20px !important;
  margin: 20px 0px 0px !important;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none;
}








.case-solv {
  float: left;
  width: 100%;
  padding: 50px 0px;
}

.case-1 {
  padding: 15px 15px;
  margin-top: 20px;
}

.inner {
  text-align: center;
  border-radius: 30px 30px 0 0;
  padding: 15px 0px 0;
  background: #ffbc00;
  box-shadow: 0 0 11px 0 #ffbc00;
  overflow: hidden;
}

.icon-box {
  font-size: 60px;
  color: #f50000;
}

.counter-title {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  padding: 0 0 10px;
}

.content {
  background: #f50000;
  font-size: 35px;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 8px #ffffff;
}

.count {
  position: relative;
}












.tophead{
  padding: 0;
  background: #e90000;
  float: left;
  width: 100%;
}
.design-tophead{
  justify-content: center;
  align-items: center;
}
.top-text1{
  padding: 0px;
}
.top-text2 p{
  color: #000;
  text-align: center;
  background: #ffbc00;
  padding: 5px 14px;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
}

.top-right1{
  text-align: right;
  padding: 0px;
  margin-top: 10px;
}
.top-right2 ul{
  padding: 0px;
  margin: 0px 0px 0px 20px;
}
.top-right2 ul li{
  color: #fff;
  list-style: none;
  text-align: left;
  display: inline-block;
  font-weight: 600;
  font-size: 17px;
  padding: 0px 10px 0px 10px;
}
.top-right2 ul li i{
  color: #ffffff;
  font-size: 23px;
}
.mark-text{
  padding: 8px 0 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: 800;
}







.bringlove-services {
  padding: 50px 0px;
  float: left;
  width: 100%;
}

.list_serv {
  padding-top: 0px;
}


.love-specialist {
  padding: 0 40px 0 0px;
}

.heading-loveservices strong {
  font-size: 45px;
  font-weight: 500;
  text-transform: capitalize;
  color: #f50000;
  padding: 15px 0 0;
}

.heading-loveservices span {
  font-size: 20px;
  font-weight: 600;
  width: fit-content;
  text-transform: uppercase;
  display: block;
  padding: 10px 15px 4px 15px;
  margin: -25px 0 0 0;
  background: #ffbc00;
  color: #000;
}

.content-loveservices {
  padding: 11px 0 0;
}

.content-loveservices p {
  color: #000000;
  text-align: justify;
  line-height: 27px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0 0;
}
.contact-number a {
  display: block;
  background: #f50000;
  width: fit-content;
  padding: 11px 10px 11px 10px;
  position: relative;
  margin: 30px auto 0;
  border-radius: 80px;
}

.contact-number a p {
  color: #fff;
  padding: 10px 20px 0 20px;
  text-align: center;
  font-size: 54px;
}

.contact-number a p i {
  font-weight: 600;
  color: #ffbc00;
  text-transform: uppercase;
}

.contact-number a p b {
  font-weight: 600;
  color: #fff;
}

.love-banner img {
  max-width: 100%;
  border-radius: 30% 70% 70% 30% / 40% 60%;
}



.head-line {
    float: left;
    width: 100%;
}

.head-line p {
    padding: 6px 42px 6px;
    position: relative;
    text-transform: capitalize;
    background: #ffbc00;
    color: #010601;
    border-radius: 70px 70px 0 0;
    font-size: 21px;
    display: block;
    font-weight: 500;
    text-align: center;
    margin: 0;
}

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









@media(min-width:992px) and (max-width:1200px){
}
@media(min-width:768px) and (max-width:991px){
}
@media(min-width:640px) and (max-width:767px){ .case-1 {
  float: left;
  width: 100%;
}
.customize_solution ul li {
  display: block;
  width: 100%;
}.content-loveservices {
  padding: 10px;
  float: left;
  width: 100%;
}
.contact-number a p {
  font-size: 30px;
}
}
@media(min-width:480px) and (max-width:639px)
{
  .case-1 {
  float: left;
  width: 100%;
}
.customize_solution ul li {
  display: block;
  width: 100%;
}.content-loveservices {
  padding: 10px;
  float: left;
  width: 100%;
}
.contact-number a p {
  font-size: 30px;
}
}
@media(min-width:320px) and (max-width:479px)
{
  .top-right1 {
  display: none;
}
.head-line p {
  font-size: 15px;
}
.bestservices-heading strong {
  font-size: 35px;
}
.read-c {
  font-size: 16px !important;
}
.heading-loveservices strong {
  font-size: 35px;
}
.heading-loveservices span {
  margin: -17px 0 0 0;
}
.content-loveservices {
  padding: 10px;
  float: left;
  width: 100%;
}
.contact-number a p {
  font-size: 21px;
}
.customize_solution ul li {
  display: block;
  width: 100%;
}
.case-1 {
  float: left;
  width: 100%;
}

}