@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trochut:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600&family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.main-container {
    float: left;
    width: 100%;
}

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

.header1 {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.header1 img {
    float: left;
    width: 100%;
}

.header2 {
    float: left;
    width: 100%;
    position: relative;
    z-index: -1;
}
.top-right2 marquee {
  color: #000;
}
.header2 img {
  float: left;
  width: 100%;
  padding-top: 7px;
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

.header3 {
    float: left;
    width: 100%;
    padding-top: 5px;
}

.header3 img {
    float: left;
    width: 100%;
}

.banner-container {
    float: left;
    width: 100%;
}

.banner-block1 {
    float: left;
    width: 100%;
    background-image: url('../images/banner-bg2.jpg');
    background-position: center center;
    background-size: cover;
}

.banner-block2 {
    float: left;
    width: 100%;
    background-image: url('../images/banner-bg2.jpg');
    background-position: center center;
    background-size: cover;
}

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

.banner-left img {
    float: left;
    width: 90%;
    padding-top: 100px;
}

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

.banner-right img {
    float: left;
    width: 100%;
}

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

.banner img {
    float: left;
    width: 100%;
}

.best-ser-icons {
    float: left;
    width: 100%;
    padding: 0px 50px 50px;
}

.best-ser-border {
    float: left;
    width: 100%;
    padding: 20px 30px;
    background: #000;
    border-radius: 20px;
}

.best-ser-border {
    float: left;
    width: 100%;
    padding: 40px 30px;
    background: #dd1d1d;
    border-radius: 20px;
    margin-top: -140px;
}

.best-ser-inner {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 35px;
}

.best-serivces-hd {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-family: 'Trochut', cursive;
    color: #fff;
}





.contact-form form span input {
    float: left;
    width: 97%;
    height: 40px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.contact-form form span textarea {
    float: left;
    width: 100%;
}

.contact-form {
    float: left;
    width: 100%;
    background-color: #dd1d1d;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 3px 3px 3px #313131;
    margin-top: -60px;
}
.form-title {
  float: left;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 36px;
  padding-bottom: 20px;
  font-family: 'Pirata One', cursive;
}

.contact-form span {
    text-align: left;
    font-size: 25px;
    color: #ffb400;
    font-weight: 600;
    font-family: 'Denk One', sans-serif;
}

.contact-form form span {
    float: left;
    width: 25%;
    padding-top: 8px;
    margin-bottom: 20px;
}

.contact-form form span.discription {
    float: left;
    width: 25% !important;
    padding-top: 8px !important;
}

.contact-form form span.discription textarea {
    height: 45px !important;
}

.contact-form form span label {
    float: left;
    width: 100%;
    font-family: 'Philosopher', sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #fff;
}

.contact-form form span input {
    float: left;
    width: 97%;
    height: 45px;
}

.contact-form form span.discription {
    float: left;
    width: 99%;
    padding-top: 20px;
}

.contact-form form span.discription textarea {
    border: 1px solid #ddd;
    background-color: #fff;
    height: 100px;
}

.contact-form button {
    background-color: #ffb400;
    padding: 8px 60px;
    font-family: 'Philosopher', sans-serif;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    border-radius: 20px;
    box-shadow: 2px 2px 2px #031d2e;
    margin-top: 20px;
    float: none;
    margin: 0px auto;
    display: table;
}



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

.ser-icon img {
    float: none;
    display: table;
    margin: 0 auto;
    width: 35%;
}

.ser--title {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #FD930B;
    font-family: 'Familjen Grotesk', sans-serif;
    padding-bottom: 15px;
}

.ser-cal {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: 'Familjen Grotesk', sans-serif;
}

.ser-cal a {
    background: #FD930B;
    color: #000;
    padding: 5px 15px;
    border-radius: 5px;
}

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

.abtt-sub {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #000;
  letter-spacing: 6px;
  font-family: 'Familjen Grotesk', sans-serif;
  text-transform: uppercase;
}
.abt-hd {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 42px;
  color: #FFB400;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  color: #dd1d1d;
}

.abt-img {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

.abt-img img {
    display: table;
    margin: 0 auto;
}

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

.ab-desc {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 17px;
  color: #000;
  line-height: 32px;
  font-family: 'Mulish', sans-serif;
  font-weight: 600;
  padding-bottom: 20px;
}

.ab-left ul {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0;
}

.ab-left li {
    font-size: 16px;
    line-height: 36px;
    border-bottom: 1px dashed #dd1d1d;
    color: black;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
}

.ab-left li i {
  color: #dd1d1d;
  padding-right: 10px;
  font-size: 20px;
}
.footer {
  float: left;
  width: 100%;
  padding: 50px 0px;
  background-color: #282828;
  background-size: cover;
}

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

.footer-img {
    float: left;
    width: 100%;
}

.footer-img img {
    float: left;
    width: 100%;
}

.footer-desc {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #fff;
  font-family: 'Mulish', sans-serif;
  font-weight: bold;
}

.footer-tit {
  float: left;
  width: 100%;
  font-size: 22px;
  text-align: left;
  color: #ffb400;
  padding-bottom: 5px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
}

.footer-border span {
    float: left;
    width: 50%;
    height: 2px;
    background-color: #dd1d1d;
    display: table;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 10px;
}

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

.footer-border li {
  font-size: 15px;
  line-height: 36px;
  border-bottom: 1px dashed #ffb400;
  color: white;
  font-family: 'Mulish', sans-serif;
  font-weight: bold;
}

.footer-border li i {
  color: #FFB400;
  padding-right: 10px;
}
.footer-box {
    float: left;
    width: 100%;
}

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

.footer-boxicon i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  color: #000;
  background-image: linear-gradient(#fed500, #ffa600);
}

.sides {
    float: left;
    width: 100%;
    padding-top: 50px;

    padding-bottom: 50px;
}

.sides img {
    float: left;
    width: 100%;
    border-radius: 20px;
}

.footer-boxtext {
    float: left;
    width: 80%;
}

.footer-boxtext h4 {
  float: left;
  width: 100%;
  font-size: 18px;
  color: #fff;
  font-family: 'Familjen Grotesk', sans-serif;
}

.footer-boxtext p {
  font-size: 16px;
  color: #fff;
  font-family: 'Familjen Grotesk', sans-serif;
}
.cop {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    font-size: 12px;
    color: black;
    background: #FFB400;
    font-family: 'Familjen Grotesk', sans-serif;
}
.at-rigt {
  float: left;
  width: 100%;
  text-align: center;
  background-size: contain;
  background: url(../images/Untitled-2.png);
  padding: 15px 20px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
}

.at-rigt::before {
    content: "";
    background-color: #0006;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    z-index: -1;
    border-radius: 15px;
}



.ab-right-desc ul li i {
    color: #ffb400;
}

.ab-right-desc ul li {
    font-size: 16px;
    border-bottom: 1px dashed #fd930b;
    padding: 2px 0px;
}

.abt-right-hd {
  float: left;
  width: 100%;
  font-size: 28px;
  color: #FFF;
  padding-bottom: 5px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
}

.at-rigt span {
  float: none;
  width: 20%;
  height: 2px;
  display: table;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 10px;
  background-image: linear-gradient(#fed500, #ffa600);
}

.ab-right-desc ul {
    padding: 0;
    list-style-type: none;
    text-align: left;
    padding-top: 10px;
}

.ab-right-desc {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #fff;
    padding-bottom: 25px;
    padding-top: 15px;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    line-height: 26px;
}

.abt-right-whatsapp {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-family: 'Familjen Grotesk', sans-serif;
}

.abt-right-whatsapp a {
  color: #000;
  padding: 10px 30px;
  border-radius: 36px;
  text-decoration: none;
  font-size: 18px;
  font-family: 'Mulish', sans-serif;
  font-weight: bold;
  background-image: linear-gradient(#fed500, #ffa600);
}

.abt-ri-img {
    float: left;
    width: 100%;
    margin-top: -80px;
    z-index: -2;
    position: relative;
}

.abt-ri-img img {
    float: left;
    width: 100%;
}
.why-us {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  padding-top: 50px;
  background: url(../images/abt-bg.gif);
    background-attachment: scroll;
    background-size: auto;
  background-attachment: scroll;
  position: relative;
  z-index: 1;
  background-attachment: fixed;
  background-size: cover;
}

.why-us::before {
    content: "";
    background-color: #0000;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    z-index: -1;
}
.why-sub {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-family: 'Familjen Grotesk', sans-serif;
  letter-spacing: 6px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.our-serv {
  float: left;
  width: 100%;
}
.our-ser2 {
  padding: 20px 0;
  float: left;
  width: 100%;
}
/* start our service */
.services-container {
  float: left;
  width: 100%;
  background-color: #e8f4e8;
}

.service {
    padding: 40px 0;
}

.seriv-pic {


    color: #000;
    text-align: center;
    padding: 10px 0;



}

.our-ser4:hover .seriv-pic {}

.our-ser5 img {
    border-radius: 50%;


}


.our-ser5::after {

    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: transparent;
    border: 10px solid #008000;
    content: '';
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 0px;
    left: 0px;
    transition: all 300ms linear;
    transform: rotate(-45deg);

}

.our-ser5:hover.our-ser5:after {
    transform: rotate(135deg);
    transition: all 300ms linear;
}

.ourr-ser6 img {
    border-radius: 50%;
}

.ourr-ser6:after {
    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: transparent;
    border: 10px solid #ffc600;
    content: '';
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 0px;
    left: 0px;
    transition: all 300ms linear;
    transform: rotate(135deg);
}

.ourr-ser6:hover.ourr-ser6:after {
    transform: rotate(-45deg);
    transition: all 300ms linear;
}


.seriv-pic h4 {
    padding: 5px 0;
    margin: 0px;
    float: left;
    width: 100%;
    font-family: 'Yeseva One', cursive;
    font-size: 22px;
    color: green;
    padding-bottom: 8px;
}

.seriv-pic h5 {
  padding: 5px 0;
  margin: 0px;
  font-size: 16px;
  color: #000;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 24px;
}

.seriv-pic h6 {
    padding: 20px 0;
    margin: 0px;
    font-size: 20px;
    color: #000;
}

.seriv-pic h6 a {
    padding: 10px 15px;
    background-color: #ffc600;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    border-radius: 20px;
    font-family: 'Yeseva One', cursive;
}

.seriv-pic h6 a:hover {
    background-color: #008000;
    color: #fff;
}

.our-ser3 img {
  margin-left: -14px;
  float: left;
  width: 100%;
}

.our-ser2 {
    padding: 20px 0;
}

.our-ser3 {
    padding: 10px;
}

.our-lnee {
    position: absolute;
    top: 108px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    width: 2px;
    height: 66%;
    background-color: #e7164b;
    transition: all 300ms linear;
}

.our-lnee:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #e7164b;
    border-radius: 50%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    margin-left: -3px;

}

.our-ser5:hover .our-lnee {
    height: 180px;
    transition: all 300ms linear;

}

.our-lnee2 {
    position: absolute;
    top: 108px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    width: 2px;
    height: 66%;
    background-color: #ffa200;
    transition: all 300ms linear;
}

.our-lnee2:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #ffa200;
    border-radius: 50%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    margin-left: -3px;

}

.ourr-ser6:hover .our-lnee2 {
    height: 180px;
    transition: all 300ms linear;

}

.our-marr2 {
    padding: 30px 0 0 0;
}

.main-services {
    float: left;
    width: 100%;
    background-image: url('../images/illustration-03.html');
}

.about-new h4 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #b3b3b3;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    text-transform: uppercase;
}

.col-sm-12.about-new h3 {
    float: left;
    width: 100%;
    font-family: 'Yeseva One', cursive;
    font-size: 32px;
    color: green;
    text-align: center;
    margin: 0;
}

.about-new p {
    float: left;
    width: 100%;
    font-size: 19px;
    color: #b3b3b3;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 25px;
    line-height: 26px;
    margin-top: 12px;
}

.col-sm-12.about-new h3 strong {
    color: #ffc600;
}

/* End our service */
.why-header {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 38px;
  padding-bottom: 8px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  color: #fff;
}
.why-us span {
    float: none;
    width: 6%;
    height: 2px;
    background-color: #FD930B;
    display: table;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 40px;
}

.why-border {
    float: left;
    width: 100%;
    margin-top: 30px;
}

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

.why-icon img {
  display: table;
  margin: 0 auto;
  width: 30%;
  float: none;
  padding: 17px;
  border-radius: 57px;
  background-image: linear-gradient(#fed500, #ffa600);
}

.why-us .row {
    padding-bottom: 45px !important;
}

.why-title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top: 20px;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
}

.best-sub {
    position: relative;
    display: block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: block;
    font-size: 20px;
    font-family: 'Mukta Mahee', sans-serif;
    color: #000;
    width: 100%;
    float: left;
    text-align: center;
}

.best-sub::after {
    content: '';
    background-color: #FFB400;
    width: 20px;
    height: 3px;
    margin-left: 10px;
    margin-top: 12px;
    display: inline-block;
}

.best-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    padding-top: 10px;
    padding-bottom: 30px;
    color: #277307;
    font-family: 'Denk One', sans-serif;
}

.best-tit {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #dd1d1d;
  font-family: "Playfair Display", serif;
  font-weight: bold;
}
.best-desc {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 17px;
  color: #000;
  line-height: 30px;
  padding: 12px 21px;
  font-family: 'Mulish', sans-serif;
}

.bestbtn {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: 'Denk One', sans-serif;
    margin-top: 10px;
}

.bestbtn a {
  background: #dd1d1d;
  padding: 10px 12px 10px 5px;
  border-radius: 200px;
  color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-decoration: none;
  font-family: 'Familjen Grotesk', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.bestbtn i {
  position: relative;
  display: inline-block;
  height: 53px;
  width: 53px;
  border-radius: 50%;
  text-align: center;
  line-height: 53px;
  margin-right: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding-top: 2px;
  color: #000;
  background-image: linear-gradient(#fed500, #ffa600);
}
.best-cal-icon {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.best-cal-icon img {
    float: none;
    display: table;
    margin: 0 auto;
    margin-top: -40px;
    position: relative;
    z-index: 2;
    background: #FFB400;
    padding: 10px;
    border-radius: 10px;
}

.best-border {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
    display: block;
}

.best-im {
    float: left;
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.best-im::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(var(--brote-base-rgb), 0.5);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: 1;
}

.best-border:hover .best-im::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.best-im img {
    float: left;
    border-radius: 10px 10px 0px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.other-service {
  float: left;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #e8f4e8;
}

.other-border {
    float: left;
    width: 100%;
    margin-top: 30px;
    background: #fff;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}



.other-border:hover {
    -webkit-box-shadow: 0px 10px 15px -10px #777777;
    -moz-box-shadow: 0px 10px 15px -10px #777777;
    -ms-box-shadow: 0px 10px 15px -10px #777777;
    -o-box-shadow: 0px 10px 15px -10px #777777;
    box-shadow: 0px 10px 15px -10px #777777;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.other-img {
    float: left;
    width: 100%;
    transform: scale(1);
    transition: all 0.6s ease;
    overflow: hidden;
    position: relative;
}

.other-img img {
    float: left;
    width: 100%;
    transform: scale(1);
    transition: all 0.6s ease;
    overflow: hidden;
    position: relative;
}

.other-border:hover .other-img img {
    transform: scale(1.5);
}

.other-more {
    float: left;
    width: 100%;
}

.other-more .col-sm-6 {
    padding: 0;
}

.other-title {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 25px;
  background: #dd1d1d;
  color: #ffff;
  padding: 5px 0px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
}

.other-desc {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 15px;
  color: #000;
  font-weight: 500;
  font-family: 'Mulish', sans-serif;
  line-height: 26px;
}

.other-whtsapp {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 20px;
    font-family: 'Familjen Grotesk', sans-serif;
    border: 2px solid #fff;
}

.other-whtsapp a {
  background: #399b00;
  color: #fff;
  padding: 8px 15px;
  float: left;
  width: 100%;
  font-family: 'Mulish', sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}

.test-border2 {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
}

.test-border2 img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 20px;
    border: 2px dashed #FFB400;
}

.test-border2 p {
  font-size: 18px;
  margin-bottom: 5px;
  color: #000;
  text-align: center;
  padding: 0px 50px;
  font-family: 'Mulish', sans-serif;
  line-height: 26px;
  font-weight: bold;
}

.test-border2 h4 {
  font-size: 22px;
  font-family: 'Denk One', sans-serif;
  text-align: center;
  padding-left: 30px;
  padding-top: 50px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  color: #dd1d1d;
}

.test-border2 i {
  font-size: 50px;
  color: #dd1d1d80;
  text-align: center;
  padding-left: 100px;
  padding-top: 34px;
}
#testimonials {
  float: left;
  width: 100%;
  background-image: linear-gradient(#fed500, #ffa600);
  padding: 4%;
}
.tt-bor {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 0px;
    border-radius: 50px;

}

.tt-bor:hover {
  border-top: 5px solid #DD1D1D;
  border-bottom: 5px solid #DD1D1D;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.just1 {
    float: left;
    width: 70%;
    color: #FFF;
    font-size: 32px;
    text-align: center;
    font-family: 'Denk One', sans-serif;
    padding-top: 20px;
}

.just2 {
    float: left;
    width: 30%;
    text-align: center;
}

.abtbtn {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    font-family: 'Denk One', sans-serif;
    margin-top: 20px;
}

.abtbtn a {
    background: #ffb400;
    padding: 12px 15px 12px 5px;
    border-radius: 200px;
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-decoration: none;
}

.abtbtn i {
    position: relative;
    display: inline-block;
    height: 53px;
    width: 53px;
    background-color: #277307;
    border-radius: 50%;
    text-align: center;
    line-height: 53px;
    margin-right: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding-top: 2px;
    color: #fff;
}

.abtbtn a:hover {
    background: #277307;
    color: #fff;
}
.just-call {
  float: left;
  width: 100%;
  padding: 50px 0px;
  background: url(../images/abt-bg.gif);
    background-position-x: 0%;
    background-position-y: 0%;
  background-position: center;
}

.bar-sec {
    float: left;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
}

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

.perce-left img {
    float: none;
    display: table;
    margin: 0 auto;
    width: 100%;
    border-radius: 20px;
}

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

.proh-text {
  float: none;
  width: 100%;
  padding-bottom: 5px;
  font-size: 17px;
  color: #000;
  font-family: 'Mulish', sans-serif;
  font-weight: bold;
}
.abt-sub {
  float: left;
  width: 100%;
  font-size: 42px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  color: #dd1d1d;
}
.abt-left p {
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
  font-family: 'Mulish', sans-serif;
  line-height: 26px;
  font-weight: bold;
}
.devper .w3-light-grey {
    background-color: #d9d9d9 !important;
}

.w3-container.w3-orange.w3-center {
    border-radius: 20px;
    font-family: 'Denk One', sans-serif;
    font-size: 18px;
}

.w3-grey {
    background: #FFB400;
    border-radius: 10px;
}

.w3-light-grey {
    border-radius: 10px;
    background: #FFB400;
}

.w3-grey,
.w3-hover-grey:hover,
.w3-gray,
.w3-hover-gray:hover {
    color: #fff !important;
  background-color: #dd1d1d !important;
}

.just1 {
    float: left;
    width: 70%;
    color: #FFF;
    font-size: 32px;
    text-align: center;
    font-family: 'Denk One', sans-serif;
    padding-top: 20px;
}

.just2 {
    float: left;
    width: 30%;
    text-align: center;
}
/* End our service */
.app-texx {
  float: left;
  width: 100%;
  padding: 5%;
}
.appo-texx2 h4 {
  float: left;
  width: 100%;
  font-size: 26px;
  text-align: center;
  margin: 0;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  color: #dd1d1d;
}

.appo-texx2 h4 strong {
  color: #000;
}
.appo-neww1 {
    float: left;
    text-align: center;
    margin-top: 50px;
}

.meet-texx2 {
    font-family: 'Nunito Sans', sans-serif;
}

.meet-texx3 h4 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: bold;
    color: green;
    font-size: 20px;
}

.meet-texx5 h4 {
    font-size: 16px;
    font-weight: bold;
}

.meet-texx5 h5 {
    font-size: 16px;
    font-weight: bold;
}

.meet-texx5 h6 {
    font-size: 16px;
    font-weight: bold;
}

.meet-texx5 strong {
    color: red;
}

.appointment-container {
    float: left;
    width: 100%;
    padding: 4%;
}



/*Start......many-part */
.test-inn {
    float: left;
    width: 100%;
    display: inline-flex;
    padding-left: 20px;
}
.other-call {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 20px;
    font-family: 'Familjen Grotesk', sans-serif;
    border: 2px solid #fff;
}

.other-call a {
  color: #000;
  padding: 8px 15px;
  float: left;
  width: 100%;
  text-align: center;
  font-family: 'Mulish', sans-serif;
  font-size: 17px;
  font-weight: bold;
  background-image: linear-gradient(#fed500, #ffa600);
  text-decoration: none;
}

.call-banner {
    float: left;
    width: 100%;
    padding-bottom: 130px;
    padding-top: 130px;
    background: url(../images/banner-bg.jpg);
    position: relative;
    z-index: 1;
}

.call-banner::before {
    content: "";
    background-color: #fff0;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    z-index: -1;
}

.call-banner-img {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.call-banner-img img {
    float: none;
    width: 100%;
}

.call-banner-text {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    padding: 20px 70px 20px 70px;
    color: #fff;
    font-family: 'Mulish', sans-serif;
}

.call-banner-cal {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-family: 'Familjen Grotesk', sans-serif;
}

.call-banner-cal a {
    background: #FFB400;
    color: #000;
    padding: 8px 60px;
    border-radius: 5px;
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.test {
    float: left;
    width: 100%;
    padding: 20px 0px;
}

.test p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #000;
    padding-top: 10px;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
}

.test small {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #008000;
    padding-top: 10px;
    font-family: 'Pirata One', cursive;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
    float: left;
    width: 100%;
}

#quote-carousel .carousel-control {
    background: none;
    color: #FD930B;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 50px;

}

#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s ease-in;
    vertical-align: middle;
}

#quote-carousel .carousel-indicators .active {
    width: 60px;
    height: 60px;
    opacity: 1;
    transition: all 0.2s;
}

.item blockquote {
    border-left: none;
    margin: 0;
    float: left;
    width: 100%;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: "Fontawesome";
    float: left;
    margin-right: 10px;
    float: left;
    width: 100%;
}

.about-us-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 45px;
    color: #FFB400;
    font-family: 'Pirata One', cursive;
    text-shadow: 2px 2px 2px #000;
}

.new-tes {
    float: left;
    width: 100%;
    padding: 30px 0px;
    position: relative;
    z-index: 1;
}


.tophead_section {
    padding: 0;
    color: #fff;
    background: #dd1d1d;
    float: left;
    width: 100%;
}

.tophead_section-9 {
    float: left;
    width: 100%;
}

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

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

.main {
    margin: auto;
    padding: 0;
    width: 95%;
}

.top-left2 p {
    font-size: 18px;
    color: #FFF;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    text-align: center;
    padding-top: 5px;
    font-family: 'Mulish', sans-serif;
}

.top-left2 p a {
    font-size: 35px;
    color: #FD930B;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    text-align: center;
    font-family: 'Familjen Grotesk', sans-serif;
}

.top-right1 {
    padding: 0px;
    clip-path: polygon(5% 0%, 100% 0%, 100% 50%, 100% 99%, 0 100%, 0% 100%);
    float: left;
    width: 100%;
}

.top-rght {
    background-color: #dd1d1d !important;
    color: #fff !important;
}

.top-right2 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin: 0;
  padding: 5px;
    padding-left: 5px;
  padding-left: 5px;
  text-transform: capitalize;
  font-family: 'Mulish', sans-serif;
  padding-left: 15px;
  background-image: linear-gradient(#fed500, #ffa600);
}


#callbook {
    background: #dd1d1d;
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 100;
}

#callbook ul {
    padding: 0px;
}

#callbook ul li {
    border-bottom: 1px solid #fff;
    background: red;
    position: relative;
    padding: 21px;
    width: 50%;
    list-style: none;
    float: left;
    text-align: center;
}

#callbook ul li a span {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    top: -15px;
}

#callbook ul li a i {
    color: #fff;
    position: relative;
    top: -13px;
    padding: 0 5px 0 0;
    font-size: 16px;
}

#callbook ul li a {
    line-height: 41px;
}

#callbook ul li a i {
    animation: pulsate 0.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 0.5s ease-out;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
        transform: scale(0.9, 0.9);
        opacity: 1;
    }

    50% {
        transform: scale(1.2, 1.2);
        opacity: 1;
    }

    100% {
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .best-ser-border {
        margin-top: -50px;
    }

    .best-ser-icons {
        padding: 0px;
        margin-bottom: 30px;
    }
}

@media(min-width:768px) and (max-width:991px) {

    .best-ser-icons .col-sm-3 {
        width: 50%;
    }

    .best-ser-border {
        margin-top: -50px;
    }

    .best-ser-icons {
        padding: 0px;
        margin-bottom: 30px;
    }

    .other-service .col-sm-4 {
        width: 50%;
    }

    .footer .col-sm-3 {
        width: 50%;
    }
}

@media(min-width:640px) and (max-width:767px) {
    .header2 {
        display: none;
    }

    .header3 {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .best-ser-border {
        margin-top: -22px;
    }

    .best-ser-icons {
        padding: 0px;
        margin-bottom: 30px;
    }

    .abt-img img {
        width: 65%;
    }

    .ab-left ul {
        width: 100%;
    }

    .call-banner-text {
        padding: 20px 20px;
        font-size: 22px;
    }

    .call-banner-img img {
        width: 100%;
    }

    .other-whtsapp {
        font-size: 17px;
    }

    .other-call {
        font-size: 17px;
    }
}

@media(min-width:480px) and (max-width:639px) {
    .header2 {
        display: none;
    }

    .header3 {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .best-ser-border {
        margin-top: -22px;
    }

    .best-ser-icons {
        padding: 0px;
        margin-bottom: 30px;
    }

    .abt-img img {
        width: 65%;
    }

    .ab-left ul {
        width: 100%;
    }

    .call-banner-text {
        padding: 20px 20px;
        font-size: 22px;
    }

    .call-banner-img img {
        width: 100%;
    }

    .other-whtsapp {
        font-size: 17px;
    }

    .other-call {
        font-size: 17px;
    }

    #callbook {
        display: block;
    }
    
    .contact-form {
        margin-top: 20px;
    }

    .contact-form form span {
        width: 100%;
    }

    .contact-form form span.discription {
        width: 100% !important;
        padding-top: 8px !important;
    }

    .contact-form form span.discription textarea {
        height: 100px !important;
    }
        .banner-left img {
  padding-top: 35px;
}
.just1 {
  float: left;
  width: 100%;
}
.just2 {
  float: left;
  width: 100%;
}
.test-border2 i {
  padding-left: 32px;
}
}

@media(min-width:320px) and (max-width:479px) {

    .header2 {
        display: none;
    }

    .header3 {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .best-ser-border {
        margin-top: -22px;
    }

    .best-ser-icons {
        padding: 0px;
        margin-bottom: 30px;
    }

    .abt-img img {
        width: 65%;
    }

    .ab-left ul {
        width: 100%;
    }

    .call-banner-text {
        padding: 20px 20px;
        font-size: 22px;
    }

    .call-banner-img img {
        width: 100%;
    }

    .other-whtsapp {
        font-size: 17px;
    }

    .other-call {
        font-size: 17px;
    }

    #callbook {
        display: block;
    }

    .contact-form {
        margin-top: 20px;
    }

    .contact-form form span {
        width: 100%;
    }

    .contact-form form span.discription {
        width: 100% !important;
        padding-top: 8px !important;
    }

    .contact-form form span.discription textarea {
        height: 100px !important;
    }
    .banner-left img {
  padding-top: 35px;
}
.just1 {
  float: left;
  width: 100%;
}
.just2 {
  float: left;
  width: 100%;
}
.test-border2 i {
  padding-left: 32px;
}
}