@import url('../css2.html');
.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;
}
.main-container {
    float: left;
    width: 100%;
}

.header-container {
    float: left;
    width: 100%;
}

.header-sec {
    float: left;
    width: 100%;
    background-color: #621308;
	padding:10px;
}

.header-call-sec {
    float: left;
    width: 100%;
    padding-top: 6px;
}


.header-call-sec a {
    color: #fff;
    font-family: 'Mulish', sans-serif;
}

.header-call-sec a {
    color: #fff;
    font-family: 'Mulish', sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    position: relative;
}

.header-whatsapp-sec {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding-top: 6px;
}
.navtext{
	padding: 10px;
    font-weight: bold;
    font-size: 22px;
	    color: #000;
		text-align:center;
}
.header-title {
    float: left;
    width: 100%;
    background-color: #FFCC00;
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
    text-align: center;
    font-size: 17px;
    padding: 6px;
	color:#621308;
	    border-radius: 20px;
}

.header-whatsapp-sec a {
    color: #fff;
    font-family: 'Mulish', sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    position: relative;
}

.header {
    float: left;
    width: 100%;
}

.logo-left {
    float: left;
    width: 100%;
	    padding: 10px;
}

.logo-left img {
    float: left;
    width: 100%;
	   
}

.logo-right {
    float: left;
    width: 100%;
	    padding: 10px;
}

.logo-right img {
    float: left;
    width: 100%;

}
.logo-center {
    float: left;
	    padding: 10px;
    width: 100%;
}

.logo-center img {
    float: none;
    margin: 0 auto;
    display: table;
}
.main-menu-container ul.nav.navbar-nav {
    float: none;
    margin: 0 auto;
    display: table;
}
.main-menu-container {
    float: left;
    width: 100%;
    position: relative;
    background-color: #FFCC00;
}

.main-menu-container nav.navbar.navbar-default.yourstyle {
    background-color: transparent;
    margin-bottom: 0 !important;
    border: 0 !important;
}

.main-menu-container nav.navbar.navbar-default.yourstyle ul li::before {
    display: none !important;
}


.main-menu-container ul.nav li a {
    color: #000 !important;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-family: 'Mulish', sans-serif;
}

.main-menu-container ul.nav li {
    float: left;
    padding: 0 20px;
}

.navbar-default .navbar-nav > .open > a {
    background-color: #621308 !important;
    color: #fff !important;
}

.main-menu-container ul.nav li ul {
    background-color: #621308;
}

.main-menu-container ul.nav li ul li a:hover {
    background-color: transparent;
}

.main-menu-container ul.nav li ul li a {
    font-size: 14px !important;
    color: #fff !important;
}

@import url('../css-1.html');

$color-1: #6B6B6B;
$color-2: #88C9F6;
$color-3: #FFEDDA;
$color-4: #FFE1DC;
$color-5: #604731;





/* banner starts */
.banner_container {
    float: left;
    width: 100%;
    border-top: 2px solid #072762;
}

.banner-container img {
    float: left;
    width: 100%;
}


.banner_container a.left {
    position: absolute;
    left: 40px;
    top: 60%;
    font-size: 40px;
    color: #fff;
}

.banner_container a.right {
    position: absolute;
    right: 40px;
    top: 60%;
    font-size: 40px;
    color: #fff;
}

/* banner ends */


.banner-bottom {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #FFCC00;
    padding: 10px;
    font-size: 20px;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
}

.about-us-container {
    float: left;
    width: 100%;
    padding: 3%;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

.about-us-title {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    font-size: 34px;
    color: white;
    position: relative;
}
.about-us-title h1{
	font-weight:bold;
}
.about-us-desc {
    float: left;
    width: 100%;
    font-family: none;
    font-size: 18px;
    color: white;
    padding-top: 30px;
line-height: 35px;

}

.about-us-title::before {
    content: '';
    position: absolute;
    background-color: #FFCC00;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    bottom: -14px;
    z-index: 999;
}

.about-us-title::after {
    content: '';
    position: absolute;
    background-color: #621308;
    width: 20%;
    height: 2px;
    bottom: -8px;
    left: 6px;
}

.about-right-img {
    float: left;
    width: 100%;
}

.about-right-img img {
    float: left;
    width: 100%;
}

.book-appointment-form {
    float: left;
    width: 100%;
    padding-top: 40px;
    margin-top: 35px;
}

.book-appointment-form form {
    float: left;
    width: 100%;
}

.book-appointment-form form input {
    border: 2px solid #b7b7b7;
    height: 50px;
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
    font-size: 16px;
    box-shadow: 5px 5px 5px #FFCC00;
}

.book-appointment-form form textarea {
    border: 2px solid #b7b7b7;
    height: 50px;
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
    font-size: 16px;
    box-shadow: 5px 5px 5px #FFCC00;
}

.book-appointment-form button {
    background-color: #FFCC00;
    padding: 15px 20px;
    font-family: 'Mulish', sans-serif;
    font-weight: 900;
    font-size: 16px;
    border: 2px solid #621308;
}

.services-container {
    float: left;
    width: 100%;
     background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
   
    padding: 3%;
}

.services-heading {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    font-size: 38px;
    padding-bottom: 40px;
    position: relative;
}

.services-blocks {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 3px;
    margin-bottom: 30px;
    position: relative;
}

.services-title {
    float: left;
    width: 100%;
    font-family: cursive;
    font-weight: bold;
    font-size: 22px;
    color: #621308;
    position: relative;
    padding: 10px;
	text-align: center;
}

.services-desc {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    
    color: #000;
	text-align:center;
}

.servies-mobile {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    padding: 10px 0px;
    color: #621308;
    font-weight: 900;
    font-size: 18px;
    position: relative;
	text-align:center;
}
.servies-mobile a{
	color:#621308;
	text-decoration:none;
}
.services-more {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.services-more a {
    background-color: #621308;
    color: #fff;
    text-decoration: none;
    padding: 7px 30px;
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
}

.services-blocks-container {
    float: left;
    width: 100%;
    position: relative;
}

.services-image {
    float: left;
    width: 100%;
    z-index: 999;
    position: relative;
}

.services-image img {
    float: left;
    width: 100%;
}


.about-astro-container {
    float: left;
    width: 100%;
    background-image: url('../images/contact.jpg');
    background-repeat: no-repeat;
    padding: 5% 0;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.about-astro-heading {
    float: left;
    width: 100%;
    text-align: center;
    color: #621308;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    font-size: 38px;
    padding-bottom: 20px;
    position: relative;
}

.about-astro-desc {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-bottom: 50px;
}

.about-astro-image {
    float: left;
    width: 100%;
}

.about-astro-image img {
    float: left;
    width: 100%;
}

.about-astro-right {
    float: left;
    width: 100%;
    background-color: #FFCC00;
    padding: 9% 0%;
}

.about-contact {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-weight: 900;
    color: #000;
    font-size: 28px;
}

.about-contact span {
    float: left;
    width: 100%;
}


.about-whatsapp {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-weight: 900;
    color: #000;
    font-size: 28px;
}

.about-whatsapp span {
    float: left;
    width: 100%;
}

.about-contact {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-weight: 900;
    color: #000;
    font-size: 28px;
    border: 2px dashed #621308;
    padding: 5% 0%;
    border-left: 0;
    border-right: 0;
    position: relative;
}

.about-whatsapp {
    border-bottom: 2px dashed #621308;
    padding: 5% 0%;
    position: relative;
}

.about-call-desc {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    padding-top: 38px;
}

.about-call-name {
    font-family: 'Mulish', sans-serif;
    font-weight: 900;
    color: #621308;
    font-size: 28px;
    padding-bottom: 7%;
}

.about-contact i {
    position: absolute;
    left: 75px;
    font-size: 48px;
    top: 44px;
    color: #621308;
}

.about-whatsapp i {
    position: absolute;
    left: 75px;
    font-size: 48px;
    top: 44px;
    color: #621308;
}

.other-services-container {
    float: left;
    width: 100%;
    padding: 4%;
    background-color: #FFCC00;
}

.other-services-heading {
    float: left;
    width: 100%;
    text-align: center;
    color: #621308;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    font-size: 38px;
    position: relative;
}

.other-services-desc {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-align: center;
    padding-bottom: 4%;
}

.other-serv-block {
    float: left;
    width: 100%;
}

.other-serv-head {
    float: left;
    width: 100%;
    background: #621308;
    padding: 30px 0 25px;
    border-radius: 40px 40px 0 0;
    position: relative;
    text-align: center;
    font-family: 'Mulish', sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
}

.other-serv-list {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 5%;
}

.other-serv-list ul {
    list-style-type: none;
    padding: 0;
    padding-left: 20px;
}

.other-serv-list ul li {
    float: left;
    width: 100%;
    border-bottom: 2px dashed #621308;
    padding: 10px 0px;
    position: relative;
}

.other-serv-list ul li i {
    color: #621308;
    position: absolute;
    left: -26px;
    font-size: 20px;
    top: 13px;
}

.other-serv-list ul li a {
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

.other-serv-head::after {
    content: "";
  
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-repeat: repeat-x;
    background-size: 22px;
    width: 100%;
    height: 21px;
    position: absolute;
    bottom: -21px;
    left: 0;
}


.service-part-con {
    padding: 3% 0 3% 0;
    text-align: center;
   
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    float: left;
    width: 100%;
}

section.service-part-con h3 {

    font-size: 22px;

    color: #fff;

    font-weight: 900;

}

section.service-part-con p {

    color: #ffec0b;

    font-size: 16px;

}

.service-part-con img {
    width: 40%;
    margin: 0 auto;
    background: #621308;
    padding: 15px;
    border-radius: 72px;
}

.service-part-con h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #621308;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    font-size: 22px;
    position: relative;
}

.service-part-con p {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.testi {
    float: left;
    width: 100%;
    padding: 50px 0px;
}

.testi-header {
    float: left;
    width: 100%;
    text-align: center;
    color: #621308;
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    font-size: 38px;
    position: relative;
    padding-top: 3%;
    padding-bottom: 3%;
}

.testi-border {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    z-index: 1;

}

.testi-desc {
    float: left;
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-align: center;
    padding: 30px 20px 60px 20px;
    border-bottom: 2px solid #621308;
    box-shadow: 1px 0px 1px 1px rgb(0 0 0 / 18%);
    background: #FFCC00;
}

.testi-img {
    float: left;
    width: 100%;
	background:#fff;
    margin: -47px 0 0 0;
}

.testi-img img {
    display: table;
    margin: 0 auto;
    float: none;
    border-radius: 50%;
}

.testi-name {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #621308;
    text-align: center;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
}


.ftr-sec {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	padding: 30px 0px;
    text-align: center;
    float: left;
    width: 100%;
	
    
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.ftr-sec .ftr-cl1 p {
    line-height: 27px;
    font-size: 16px;
    margin: 0px;
    color: #fff;
    text-align: left;
    font-family: 'Mulish', sans-serif !important;
}

.ftr-sec .ftr-cl2 ul li a {
    font-family: 'Mulish', sans-serif !important;
    color: #fff;
}

.ftr-sec .ftr-cl2 {
    text-align: left;
}

.ftr-sec .ftr-cl2 p {
    font-size: 24px;
    color: #FFCC00;
    text-transform: capitalize;
    padding-bottom: 20px;
    text-align: left;
    padding-top: 20px;
	font-weight: bold;
    font-family: 'Mulish', sans-serif !important;
}

.ftr-sec .ftr-cl2 ul {
    list-style: none;
    margin: 0px;
    padding: 0;
}

.ftr-sec .ftr-cl2 ul li {
    font-size: 17px;
    color: #fff;
    line-height: 40px;
    border-bottom: 1px solid #ffffff26;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-family: 'Mulish', sans-serif !important;
}


.ftr-sec .ftr-cl2 ul li .fas,
.ftr-sec .ftr-cl2 ul li .fab,
.ftr-sec .ftr-cl2 ul li .fa {
    padding-right: 5px;
}

.ftr-sec .ftr-cl2 ul li:last-child {
    border: 0px;
}

.ftr-sec .ftr-cl2 span {
    display: block;
    background: #fff;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-size: 25px;
    padding: 2px 15px;
    text-transform: capitalize;
}

.ftr-sec .dsclmr {
    padding: 0px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.ftr-sec .dsclmr p {
    padding-top: 30px;
    line-height: 25px;
    text-align: center;
    font-family: 'Mulish', sans-serif !important;
    font-size: 16px;
}

.ftr-sec .dsclmr span {
    display: block;
    text-align: center;
    color: #FFC800;
    font-family: 'Mulish', sans-serif !important;
}

.ftr-cl1 h3 {
    font-family: 'Mulish', sans-serif !important;
}

.banner_container {
    float: left;
    width: 100%;
}



.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: #b30400;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 3px 3px 3px #313131;
  margin-top: 35px;
}
.form-title {
    float: left;
    width: 100%;
    color: #ffb400;
    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;
}



/ Media Query / @media(min-width:1201px) and (max-width:1650px) {}

@media(min-width:992px) and (max-width:1200px) {}

@media(min-width:768px) and (max-width:991px) {}

@media(min-width:640px) and (max-width:767px) {
       .header-call-sec {
        width: 50%;
    }

    .header-whatsapp-sec {
        width: 50%;
    }

    .logo-center {
        display: none;
    }

    .logo-right {

        padding: 10px 0px;
    }

    .main-menu-container ul.nav li {
        padding: 0 0px;
        width: 100%;
    }

    .main-menu-container ul.nav li a {
        padding: 6px;
    }

    .main-menu-container ul.nav li ul li a {
        color: #000 !important;
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
        background-color: #621308 !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    .navbar-default .navbar-toggle::before {
        content: 'Love Problem Specialist';
        position: absolute;
        left: -256px;
        font-family: 'Mulish', sans-serif !important;
        font-size: 18px;
        font-weight: bold;
        top: 2px;
    }

    .banner-bottom {
        font-size: 18px;
    }

    .about-us-title {
        font-size: 28px;
    }

    .about-right-img {
        padding-top: 28px;
    }

    .services-blocks-container::before {
        top: -20px;
    }

    .about-astro-heading {
        font-size: 28px;
    }

    .about-astro-desc {
        padding: 0px 20px;
    }

    .about-contact i {
        left: 10px;
    }

    .about-whatsapp i {
        left: 12px;
    }

    .about-contact {
        font-size: 24px;
    }

    .about-whatsapp {
        font-size: 24px;
    }

    .about-call-desc {
        font-size: 18px;
    }

    .other-services-heading {
        font-size: 32px;
    }

    .other-services-desc {
        font-size: 18px;
    }

    .other-serv-list {
        margin-bottom: 30px;
    }

    .service-part-con .col-sm-3 {
        float: left;
        width: 50%;
        padding: 2%;
    }

    .service-part-con {
        padding: 7% 0 7% 0;
    }

    .service-part-con h3 {
        font-size: 18px;
    }

    .testi-header {
        font-size: 32px;
    }
}


@media(min-width:480px) and (max-width:639px) {
       .header-call-sec {
        width: 50%;
    }

    .header-whatsapp-sec {
        width: 50%;
    }

    .logo-center {
        display: none;
    }

    .logo-right {

        padding: 10px 0px;
    }

    .main-menu-container ul.nav li {
        padding: 0 0px;
        width: 100%;
    }

    .main-menu-container ul.nav li a {
        padding: 6px;
    }

    .main-menu-container ul.nav li ul li a {
        color: #000 !important;
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
        background-color: #621308 !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    .navbar-default .navbar-toggle::before {
        content: 'Love Problem Specialist';
        position: absolute;
        left: -256px;
        font-family: 'Mulish', sans-serif !important;
        font-size: 18px;
        font-weight: bold;
        top: 2px;
    }

    .banner-bottom {
        font-size: 18px;
    }

    .about-us-title {
        font-size: 28px;
    }

    .about-right-img {
        padding-top: 28px;
    }

    .services-blocks-container::before {
        top: -20px;
    }

    .about-astro-heading {
        font-size: 28px;
    }

    .about-astro-desc {
        padding: 0px 20px;
    }

    .about-contact i {
        left: 10px;
    }

    .about-whatsapp i {
        left: 12px;
    }

    .about-contact {
        font-size: 24px;
    }

    .about-whatsapp {
        font-size: 24px;
    }

    .about-call-desc {
        font-size: 18px;
    }

    .other-services-heading {
        font-size: 32px;
    }

    .other-services-desc {
        font-size: 18px;
    }

    .other-serv-list {
        margin-bottom: 30px;
    }

    .service-part-con .col-sm-3 {
        float: left;
        width: 50%;
        padding: 2%;
    }

    .service-part-con {
        padding: 7% 0 7% 0;
    }

    .service-part-con h3 {
        font-size: 18px;
    }

    .testi-header {
        font-size: 32px;
    }
    .services-heading::before {

    left: calc(40% - 104px);

}
}

@media(min-width:320px) and (max-width:479px) {
    .header-call-sec {
        width: 50%;
    }

    .header-whatsapp-sec {
        width: 50%;
    }

    .logo-center {
        /*display: none;*/
    }

    .logo-right {

        padding: 10px 0px;
    }

    .main-menu-container ul.nav li {
        padding: 0 0px;
        width: 100%;
    }

    .main-menu-container ul.nav li a {
        padding: 6px;
    }

    .main-menu-container ul.nav li ul li a {
        color: #000 !important;
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
        background-color: #621308 !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    .navbar-default .navbar-toggle::before {
        content: 'Love Problem Specialist';
        position: absolute;
        left: -256px;
        font-family: 'Mulish', sans-serif !important;
        font-size: 18px;
        font-weight: bold;
        top: 2px;
    }

    .banner-bottom {
        font-size: 18px;
    }

    .about-us-title {
        font-size: 28px;
    }

    .about-right-img {
        padding-top: 28px;
    }

    .services-blocks-container::before {
        top: -20px;
    }

    .about-astro-heading {
        font-size: 28px;
    }

    .about-astro-desc {
        padding: 0px 20px;
    }

    .about-contact i {
        left: 10px;
    }

    .about-whatsapp i {
        left: 12px;
    }

    .about-contact {
        font-size: 24px;
    }

    .about-whatsapp {
        font-size: 24px;
    }

    .about-call-desc {
        font-size: 18px;
    }

    .other-services-heading {
        font-size: 32px;
    }

    .other-services-desc {
        font-size: 18px;
    }

    .other-serv-list {
        margin-bottom: 30px;
    }

    .service-part-con .col-sm-3 {
        float: left;
        width: 50%;
        padding: 2%;
    }

    .service-part-con {
        padding: 7% 0 7% 0;
    }

    .service-part-con h3 {
        font-size: 18px;
    }

    .testi-header {
        font-size: 32px;
    }

.services-heading::before {

    left: calc(40% - 104px);

}
}
/*start choose us section*/

.chooseus-section{
    padding:0;
    background-color:#fff;
    background-repeat: no-repeat;
        background-attachment: fixed;
   background-size: cover;
}
.chooseus-section1{
    padding: 50px 30px;
}
.choose-left{
    padding: 10px;
}
.choose-left1{
    padding: 0px;
}
.choose-head{
   padding: 0px 0;
   text-align: left;
}
.choose-head p{
  color: #621308;
  font-size: 17px;
  padding: 1px 0 0px 0px;
  margin: 0;
  font-weight: 500;
  text-align: -webkit-match-parent;
  text-transform: capitalize;
}
.choose-head strong{
  color: #621308;
  font-weight: bold;
  font-size: 37px;
  text-transform: uppercase;
}
.choose-head strong span{
  color: #ffc000;
  font-weight: 700;
}
.choose-txt{
    padding: 10px 0;
}
.choose-txt p {
    color: #000;
    line-height: 30px;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    padding: 12px 0 24px 0px;
    text-transform: capitalize;
}
.choose-txt a{
    border-radius: 0px;
    padding: 8px 21px;
    color: #000;
    background: #feba01;
    text-transform: uppercase;
    margin: 0;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
.choose-txt a:hover{
   background: #8d0246;
   color: #feba01;
}




.choose-right{
    padding: 10px;
}
.choose-right1{
    padding: 10px 0;
    text-align: center;
}
.choose-right1 .choose-list1{
    padding: 0;
    margin: 0;
    list-style: none;
    column-count: 2;
    column-gap: 0px;
    column-rule-width: 2px;
    column-rule-color: #000;
    column-rule-style: solid;
    border-bottom: 2px solid #000;
}
.choose-right1 .choose-list1 li{
    color: #000;
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 15px;
}
.choose-right1 .choose-list1 li span{
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
}
.choose-right1 .choose-list2 li span{
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
}
.choose-right1 .choose-list1 li i{
    color: #621308;
    font-size: 25px;
    font-size: 44px;
    padding: 0 0 8px 0;
	font-weight:bold;
}
.choose-right1 .choose-list2{
    padding: 0;
    margin: 0;
    column-count: 2;
    column-gap: 0px;
    column-rule-width: 2px;
    column-rule-color: #000;
    column-rule-style: solid;
    list-style: none;
}
.choose-right1 .choose-list2 li{
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    padding: 15px;
}
.choose-right1 .choose-list2 li i{
    color: #621308;
    font-size: 25px;
    font-size: 44px;
    padding: 0 0 8px 0;
	font-weight:bold;
}

/*end choose us section*/
		
.choose-sec .sec-name {
  color: #ffce33;
}

.choose-sec .sub-head {
  color: #fff;
}
.sec-head-col {
  padding: 0px 15px 30px;
  text-align: center;
}
.choose-sec .sec-name {
  color: #ffce33;
}
.choose-sec .sec-name {
  font-size: 40px;
  color: #ba0000;
  font-weight: 800;
  text-transform: capitalize;
  margin: 0px;
  position: relative;
  font-family: 'Cinzel', serif;
  padding-bottom: 0px;
  font-weight: 800;
  line-height: inherit;
}
.choose-sec .sub-head {
  color: #fff;
}
.choose-sec .sub-head {
  display: block;
  font-size: 17px;
  color: #000;
  text-transform: capitalize;
  padding: 0px 0px 0px;
  font-weight: 600;
}
.choose-sec .counter-main {
  padding: 30px 15px;
}

.choose-sec .counter-main .counter-box {
  padding: 0px 0px 100px;
  position: relative;
  z-index: 1;
}

.choose-sec .counter-main .counter-box:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 50px;
  top: inherit;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 0 auto;
  background: #ba0000;
  z-index: -2;
  border-radius: 50px 50px 0px 0px;
}

.choose-sec .counter-main .counter-box:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50%;
  top: 43%;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 0 auto;
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0px 4px 10px #000000ba;
          box-shadow: 0px 4px 10px #000000ba;
  border-radius: 0px 0px 5px 5px;
}

.choose-sec .counter-main .counter-box:hover .counter-box2:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.choose-sec .counter-main p {
  margin: 0px;
}

.choose-sec .counter-main .counter-box2 {
  text-align: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  margin: 0 auto;
  background: #ffffff;
  padding: 10px 0px;
  position: relative;
  z-index: 1;
  border: 10px solid #ba0000;
}

.choose-sec .counter-main .counter-box2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 0 auto;
  background: #ffce33;
  -webkit-transform: scale(0);
          transform: scale(0);
  z-index: -1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
  border: 0px solid #ba0000;
}

.choose-sec .counter-main .counter-box2 .icon-box {
  display: block;
  font-size: 50px;
  color: #ba0000;
}

.choose-sec .counter-main .counter-box2 .count-name {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-transform: capitalize;
  padding-bottom: 14px;
}

.choose-sec .counter-main .counter-box2 .counter {
  font-size: 30px;
  font-weight: 700;
  color: #ba0000;
}