@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 400;
    color: #000;
    min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
span {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #AE4F7F
}

a {
    color: #8D969D;
    text-decoration: none;
    padding: 1.25rem;
    transition: all 0.4s ease;
}

hr {
    width: 80px;
    border: 1.5px solid #AE4F7F;
    border-radius: 24px;
    margin: 1.5rem auto;
}

a:hover {
    color: #652b48;
}

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

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.full-height-grow {
    display: flex;
    flex-direction: column;
}


/*
*-----------------------
* logo style start
*-----------------------
*/
.site-logo,
.footer-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.site-logo img, .footer-logo img {
    width: 255px;
}

/*
*-----------------------
* logo style end
*-----------------------
*/


/*
*-----------------------
* header style start
*-----------------------
*/
.contact-info-nav {
    display: flex;
    justify-content: space-between;
}

.contact-info-nav .icon {
    display: flex;
    align-items: center;
}


.contact-info-nav .icon .fa-solid {
    font-size: 1.6rem;
    margin-top: 6px;
}

.contact-info-nav .icon > img {
    Width: 40px;
    Height: 30px;
}

.contact-info-nav .icon.envelope > img {
    width: 35px;
}

.contact-info-nav .contact-wrapper {
    display: flex;
    justify-content: space-between;
    margin-right: 1rem;
}

.contact-wrapper .contact-detail {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    align-self: center;
}

.contact-detail span,
.contact-detail h4, .contact-info-nav .icon .fa-solid,
.top-header .contact-detail a, .top-header .contact-detail a:active,
.top-header .contact-detail a:visited {
    color: #AE4F7F;
}

.top-header .contact-detail a {
    padding: 0;
}

.contact-detail h4 {
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.625rem;
}

.secondary-header .search label{
    display: flex;
    align-items: center;
    margin-top: 3px;
}

header.site-header {
    display: flex;
    flex-direction: column;
}

.main-header,
.secondary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-header {
    /*height: 95px;*/
}

.main-header .logo-wrap {
    /*max-width: 245px;*/
}

.main-header .logo-wrap a {
    padding: 5px 0;
}

.main-header .logo-wrap p {
    font-weight: 400;
    font-size: 13px;
    color: #AE4F7F;
    padding-bottom: 5px;
    padding-left: 2px;
    text-align: center;
    letter-spacing: 6px;
}

.secondary-header {
    background-color: #FFF9F9;
    /*height: 63px;*/
    z-index: 9999;
}

.secondary-header > div {
    width: 100%;
    height: auto;
}

.secondary-header .container {
    /* margin: 0; */
    /* padding: 0; */
    display: flex;
    justify-content: flex-start;
}

.nav-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    width: 1200px;
}

.main-nav ul {
    display: flex;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 15.8317px;
    line-height: 31px;
    list-style: none;
}

.main-nav a {
    color: #8D969D;
    text-decoration: none;
    padding: 1.25rem;
    transition: all 0.4s ease;
}

.main-nav li:first-child a {
    padding-left: 10px;
}

.main-nav a:active,
.main-nav a:focus {
    color: #AE4F7F;
}

.main-nav ul li.active a,
.main-nav a:hover {
    color: #AE4F7F;
    /* font-weight: 700; */
    /* font-size: 1.125rem; */
}

.main-nav > ul > li {
    transition: all 0.4s ease-in-out;
}

.main-nav > ul > li:hover {
    transform: scale(1.2);
    -ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
}

.dropDown-menu {
    position: relative;
}

.main-nav > ul > .dropDown-menu:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #8D969D transparent transparent transparent;
    position: absolute;
    top: 14px;
    right: 0;
}

.main-nav > ul > .dropDown-menu:hover:after {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #AE4F7F transparent;
}

.main-nav .dropDown-menu > ul {
    list-style: none;
    margin: 14px 0 0;
    padding: 12px 12px;
    position: absolute;
    background-color: #fff;
    min-width: 150px;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9;
    animation: growDown 500ms ease-in-out forwards;
    transform-origin: top center;
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.2)
    }
    100% {
        transform: scaleY(1)
    }
}

.main-nav .dropDown-menu:hover > ul {
    display: block;
}

nav .dropDown-menu li a {
    display: block;
    padding: 12px 12px;
}


/* nav-toggler css start
.nav-toggler {
    border: 3px solid #AE4F7F;
    padding: 5px;
    background-color: transparent;
    cursor: pointer;
    height: 39px;
    display: none;
}

.nav-toggler span,
.nav-toggler span:before,
.nav-toggler span:after {
    width: 28px;
    height: 3px;
    background-color: #AE4F7F;
    display: block;
    transition: .3s;
}

.nav-toggler span:before {
    content: '';
    transform: translateY(-9px);
}

.nav-toggler span:after {
    content: '';
    transform: translateY(6px);
}

.nav-toggler.toggler-open span {
    background-color: transparent;
}

.nav-toggler.toggler-open span:before {
    transform: translateY(0px) rotate(45deg);
}

.nav-toggler.toggler-open span:after {
    transform: translateY(-3px) rotate(-45deg);
}
 nav-toggler css start */


/*
*-----------------------
* burger style start
*-----------------------
*/
.burger-wrap {
    height: 25px;
    display: none;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 5px 0 5px 5px;
    position: relative;
}

.nav-burger {
    display: block;
    position: relative;
    width: 25px;
    height: 30px;
    padding: 0;
}

.nav-burger:hover:before, .nav-burger:hover:after, .nav-burger:hover span {
    background-color: #2866c8;
}

.nav-burger:before, .nav-burger:after {
    content: "";
}

.nav-burger:before, .nav-burger:after, .nav-burger span {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #241f21;
    transform: translateY(-50%);
    transition: all 0.3s linear;
}

.nav-burger:before {
    top: 30%;
}

.nav-burger:after {
    top: 70%;
}

.nav-burger span {
    top: 50%;
}

.nav-active {
    overflow: hidden;
    height: 100vh;
}

.nav-active .burger-wrap {
    position: absolute;
    top: 0;
    right: 24px;
}

.nav-active .nav-burger {
    position: absolute;
    z-index: 3;
}

.nav-active .nav-burger span {
    opacity: 0;
}

.nav-active .nav-burger:before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.nav-active .nav-burger:after {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

/*
*-----------------------
* burger style end
*-----------------------
*/
.overlay-nav {
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.nav-active .secondary-header {
    right: 0;
    height: 100vh;
    width: 250px;
    align-items: flex-start;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}

.nav-active .main-nav li:first-child a,
.nav-active .main-nav a {
    padding: 0;
}


/*
*-----------------------
* header style end
*-----------------------
*/


/*
*---------------------
* footer style start
*---------------------
*/
.footer-inner-wrap {
    width: 100%;
    display: contents;
}

.top-footer {
    background-color: #2A3137;
    color: #fff;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.063rem;
    padding: 20px 0;
}

.top-footer ul li,
.top-footer p {
    line-height: 27px;
    word-wrap: break-word;
}

.top-footer .container {
    display: flex;
    justify-content: space-between;
}

.footer-column {
    display: block;
    width: 25%;
    padding-right: 20px;
}

.mid-column {
    width: 50%;
    display: flex;
    justify-content: center;
}

.mid-inner-column {
    width: 50%;
}

.footer-column .title > h3 {
    color: #fff
}

.title-content ul {
    list-style: none;
    padding: 0;
    margin: 0.875rem 0;
}

.title-content ul li {
    margin: 0.5rem auto;
}

.title-content a {
    text-decoration: none;
    padding: 1rem;
    color: #fff;
}

.title-content a:hover {
    color: #AE4F7F;
    font-weight: 700;
    font-size: 1rem;
}

.title-content a:active, .title-content .active a
    /*,.title-content a:visited*/
{
    color: #AE4F7F;
}

.title-content p {
    padding: 0.25rem;
}

.right-column .title-content {
    margin: 14px 0;
}

.mid-column li:before {
    content: '>';
    border-color: #fff transparent transparent transparent;
    position: relative;
    top: -1px;
    right: 0;
}

.copy-right {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 45px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.063rem;
}

#toTop {
    display: none;
    position: fixed;
    bottom: 35px;
    right: 30px;
    z-index: 99;
    font-size: 1.125rem;
    border: none;
    outline: none;
    background: #AE4F7F;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#toTop:hover {
    background: #652b48;
}

/*
*-----------------------
* footer style end
*-----------------------
*/


/*
*------------------
* card Style start
*------------------
*/
.card-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 10px auto;
}

.card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 9px 28px 62px rgba(51, 51, 51, 0.03);
    margin: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 33.33%;
}

.card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
}

.icon-wrapper {
    background: #AE4F7F;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.icon-wrapper:hover {
    background: #652b48;
}

.card-icon {
    width: 30px;
    height: 30px;
}

.card-icon:hover {
    transform: rotate(15deg);
}

.card-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 1.5rem;
    color: #333333;
}

.card-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin-bottom: 1.5rem;
    color: #999999;
}

.category {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: capitalize;
    color: #AE4F7F;
    margin-bottom: 1.5rem;
    letter-spacing: 0.45px;
}

body.category {
    text-align: left;
}

/*
*------------------
*card style end
*------------------
*/


/*
*---------------------
*button style start
*---------------------
*/
.button,
input.button {
    background: #AE4F7F;
    border: none;
    border-radius: 40px;
    padding: 15px 50px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
}

.button:hover,
input.button:hover {
    background: #652b48;
}

/*
*------------------
*button style end
*------------------
*/


/*
*------------------------------
*global banner section style start
*------------------------------
*/
.banner-section {
    background-image: linear-gradient(180deg, rgba(255, 211, 211, 0) 0%,
    rgba(144, 144, 144, 0.433862) 31.77%,
    rgba(97, 97, 97, 0.619626) 47.4%,
    #000000 99.94%),
    var(--image-url);
}

.contain-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px auto;
    padding: 30px 0;
}

.banner-section {
    min-height: auto;
    min-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 200px 0 0 0;
}

.banner-left-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-left: 5px solid #AE4F7F;
    background: #FFF9F9;
    margin: 30px 0;
    padding: 40px 70px 40px 30px;
    max-width: 540px;
    height: auto;
}

.banner-left-col .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 117%;
}

.banner-left-col .subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    color: #333333;
}

/*
*---------------------------
*global banner section style end
*---------------------------
*/

.position-relative {
    position: relative;
}

.link-absolute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*
*-----------------------------
*section heading style start
*-----------------------------
*/
.section-heading {
    font-weight: 800;
    font-size: 41px;
    line-height: 49px;
    text-align: center;
    /*text-transform: capitalize;*/
    color: #AE4F7F;
}

/*.testimony .section-heading {*/
/*    text-transform: none;*/
/*}*/

/*
*----------------------------
*section heading style end
*----------------------------
*/


/*
*-------------------------------
*subscribe section style start
*-------------------------------
*/
.subscribe-section {
    display: flex;
    flex-direction: column;
    background-color: #FFF9F9;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.subscribe, .subscribe-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0;
}

.subscribe-title-row .title {
    font-weight: 800;
    font-size: 43px;
    line-height: 56px;
    letter-spacing: 1.6px;
    color: #AE4F7F;
}

.subscribe .subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.6px;
    color: #7D7D7D;
}

.subscribe .right-col {
    margin-right: 2rem;
}

/*subscription form style start */
.secondary-header .search {
    margin: 5px 0;
}

.mc4wp-form-fields input[type="submit"], .flex-form input[type="submit"] {
    background: #AE4F7F;
    border: 1px solid #AE4F7F;
    border-radius: 50px;
    color: #fff;
    padding: 3px 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.mc4wp-form-fields input[type="submit"]:hover, .flex-form input[type="submit"]:hover {
    background: #652b48;
    border: 1px solid rgba(196, 39, 46, 0.2);
    color: #fff;
}

.mc4wp-form-fields, .flex-form {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4rem;
    z-index: 10;
    position: relative;
    width: 400px;
    background: #FFFFFF;
    border: 1px solid #F2F1F1;
    border-radius: 42px;
    box-shadow: 0 21px 52px 1px rgba(196, 39, 46, 0.2);
}

.mc4wp-form-fields > *, .flex-form > * {
    border: 0;
    padding: 0 0 0 10px;
    background: #fff;
    line-height: 30px;
    font-size: 0.9rem;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
}

@-moz-document url-prefix() {
    .mc4wp-form-fields > *, .flex-form > * {
        padding: 0;
    }
}

img.icon-location {
    width: 50px;
    height: 16px;
}

.mc4wp-form-fields input[type="email"], .flex-form input[type="search"] {
    flex-basis: 500px;
    color: #8D969D;
}

.mc4wp-form-fields label {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
}

.search-icon {
    position: relative;
}

.search-icon:before {
    content: "";
    background-image: url(../images/icons/icon-search.svg);
    height: 35px;
    width: 35px;
    z-index: 1;
    position: absolute;
    background-repeat: no-repeat;
    top: -4px;
    left: 0;
}

/* subscription form style end */


/* subscription bg-circle style start */
.subscribe-circle-2,
.subscribe-circle-1 {
    position: relative;
    width: 400px;
}

.subscribe-circle-1 {
    left: -50%;
}

.subscribe-circle-2 {
    left: 50%;
}

.subscribe-circle-2::after,
.subscribe-circle-1::after {
    content: "";
    width: 230px;
    height: 230px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    /*1 trivial line*/
    border-radius: 50%;
    /*2 trivial line*/
    border: 50px solid transparent;
    /*3 apply a gradient as background and make its origin the border box (by default it's the padding box).*/
    background: linear-gradient(180deg, rgba(196, 40, 47, 0.7) 0%, rgba(255, 255, 255, 0) 80%) border-box;

    mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
    -webkit-mask: /*4 using the mask property, apply two opaque layers.
        The bottom one will cover the whole element and
        the top one will cover only the padding box (so it will not cover the border area)
        */ linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    /*5' some browsers still don't support mask-composite so use the prefixed version. */
    mask-composite: exclude;
    /*5 exclude the top layer from the bottom one so that only the border area will be shown!*/
}

.subscribe-circle-2::after {
    background: linear-gradient(5deg, rgba(196, 40, 47, 0.7) 0%, rgba(255, 255, 255, 0) 80%) border-box;
}

/* subscription bg-circle style end */
/*
*---------------------------------
*subscription section style end
*---------------------------------
*/


/* Social links style start */
/* social section */
.social-links h3, h2, h4 {
    font-size: 1rem;
}

.social-section {
    background: rgba(250, 250, 250, 1);
    padding: 1.5rem 0;
}

.social-links .card-content {
    flex-direction: row;
    padding: 0 0 0 10px;
    text-align: left;
}

.social-links .card-content:first-child {
    padding-left: 0 !important;
}

.social-links .card-content:last-child {
    padding-right: 0 !important;
}

.social-links .icon-wrapper {
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    align-items: center;
    text-align: center;
    background: transparent;
    border: 2px solid #AE4F7F;
    margin-bottom: 0;
}

.social-links .icon-wrapper:hover {
    border: 2px solid #652b48;
    cursor: pointer;
}

.social-links .card-icon {
    width: 20px;
    height: 20px;
}

.social-links .social-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: center;
    margin-left: .5rem;
}

.social-links h2.social-name {
    font-weight: 700;
    font-size: 13px;
    line-height: 150%;
    color: #AE4F7F;
}

.social-links {
    color: #AE4F7F;
}

.social-links h1.company {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    text-transform: uppercase;
    color: #AE4F7F;
}

.social-links h2.social-name:hover,
.social-links h1.company:hover {
    color: #652b48;
    cursor: pointer;
}

.social-links .card-row {
    display: flex;
}

/* /social section */
/* Social links style end */


/*
*---------------------------------
*global pagination style start
*---------------------------------
*/
.slider {
    display: flex;
    flex-direction: column;
    position: relative;
}

.slider-wrapper, .service-list {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

.slider-wrapper .slide:nth-child(2n) {
    background-color: #fff;
    color: #AE4F7F;
}

.slide {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 500ms linear;
}

.service-list {
    display: flex !important;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 500ms linear;
}

.slide.active {
    display: flex !important;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 500ms linear;
}


/* ---------pagination button style start--------- */
.nav-md {
    display: flex;
    position: relative;
    justify-content: start;
    align-items: center;
    height: 50px;
    margin: 10px 0;
    border-radius: 10px;
}

.btn {
    display: contents;
    position: relative;
    text-align: center;
}

.btn button, .btn .button {
    display: inline-block;
    font-size: larger !important;
    width: 100%;
    max-width: 50px;
    border: none;
    background-color: #F8F9FA;
    color: #AE4F7F;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    margin: 0 5px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.btn button:hover, .btn .button:hover {
    color: #ffffff;
    border: transparent;
    background: #652b48;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.btn button:active, .btn .button:active {
    transform: scale(0.95);
    font-size: larger;
    color: #fff;
}

.btn button:focus, .btn .button:focus {
    outline: none;
}

.btn button.ghost, .btn .button.ghost {
    background-color: transparent;
    border-color: #FFFFFF;
    border: 1px solid #eee;
}

.btn .button.slider-next,
.btn .button.slider-previous {
    border-radius: 0;
    height: inherit;
}

.btn button.slider-next, .btn .button.slider-next {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.btn button.slider-next:hover,
.btn .button.slider-next:hover,
.btn button.slider-previous:hover,
.btn .button.slider-previous:hover {
    font-size: larger;
    color: #fff !important;
    background: #AE4F7F;
}

/* ----------pagination button style end------ */


.slider-pagination, .pagination {
    display: contents;
    max-height: 80px;
}

.slider-pagination a, .pagination a {
    display: flex;
    position: relative;
    width: 24px;
    height: 24px;
    background: #ffffff;
    font-size: 11px;
    color: #AE4F7F !important;
    text-align: center;
    vertical-align: middle;
    float: left;
    justify-content: center;
    align-items: center;
    border: 1px solid #AE4F7F;
    margin: 0 0.3em;
    cursor: pointer;
    opacity: 0.9;
    -webkit-transition: all 0.21s ease-in;
    -moz-transition: all 0.21s ease-in;
    -ms-transition: all 0.21s ease-in;
    transition: all 0.21s ease-in;
}

.slider-pagination .current, .pagination .active a {
    width: 28px;
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #fff !important;
    vertical-align: middle;
    border-color: #AE4F7F;
    background: #AE4F7F;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.21s ease-in;
    -moz-transition: all 0.21s ease-in;
    -ms-transition: all 0.21s ease-in;
    transition: all 0.21s ease-in;
}

/*
*------------------------------
*global pagination style end
*------------------------------
*/


/*
*------------------------------
*other style start
*------------------------------
*/
a span.category:hover,
a h1.title:hover {
    color: #AE4F7F;
}

a span.readmore:hover {
    color: #AE4F7F;
    border-bottom-color: #AE4F7F;
}

h1.title {
    font-weight: 900;
    font-size: 3.5rem;
    line-height: 5.06rem;
    margin-bottom: .5rem;
}

.subtitle {
    font-weight: 300;
    font-size: 1.166rem;
    line-height: 1.813rem;
    color: #AE4F7F;
    margin-bottom: 1.5rem;
}

.right-side {
    margin-right: 2.5rem;
}

.left-side {
    margin-left: 30px;
}

::-webkit-input-placeholder {
    color: #56585b;
}

::-moz-placeholder {
    color: #56585b;
}

:-moz-placeholder {
    color: #56585b;
}

.esm-space {
    padding-top: 10px;
    display: block;
}

.sm-space {
    padding-top: 20px;
    display: block;
}

.md-space {
    padding-top: 30px;
    display: block;
}

.lg-space {
    padding-top: 40px;
    display: block;
}

.xl-space {
    padding-top: 60px;
    display: block;
}

.text-center {
    text-align: center;
}

.align-start {
    align-self: start !important;
    align-items: start !important;
}

.align-center {
    align-self: center !important;
    align-items: center !important;
}

.align-end {
    align-self: end !important;
    align-items: end !important;
}

/*
*------------------------------
*other style end
*------------------------------
*/


/*
*-----------------------------
*laptop devices style start
*-----------------------------
*/
@media screen and (min-width: 601px) {
    .right-side {
        max-width: 50%;
    }

    .left-side {
        max-width: 50%;
    }
}
@media all and (max-width: 1000px) {
    .nav-wrap {
        padding: 15px 0;
    }

    .nav-wrap .search {
        display: none;
    }
}

@media all and (max-width: 800px) {
    body {
        font-size: 0.9rem;
    }

    .main-nav > ul > .dropDown-menu:after {
        top: 15px;
    }

    /* subscription form style start */
    .mc4wp-form-fields, .flex-form {
        width: 100%;
        margin-top: 0;
    }

    input[type="search"] {
        flex-basis: 100%;
    }

    .mc4wp-form-fields > *, .flex-form > * {
        font-size: 0.9rem;
    }

    /*.subscribe-section {
        height: 330px;
    }*/
    .img-wrapper img {
        width: 100%;
        height: auto;
    }

    .subscribe .right-col {
        margin-right: 0;
    }

    /* subscription form style end */
}

/*
*-----------------------------
*laptop devices style end
*-----------------------------
*/


/*
*-----------------------------
*mobile devices style start
*-----------------------------
*/
/* style for medium to small devices start */
@media only screen and (max-width: 1024px) {
    .main-header {
        /*height: 48vh;*/
        margin: 15px 0;
        display: block;
    }

    .main-header .site-logo {
        padding-bottom: 2px;
    }

    .site-logo {
        justify-content: center;
    }

    .contact-info-nav .contact-wrapper {
        justify-content: center;
        margin: 6px;
    }

    h1.title {
        font-size: 2.5rem;
        line-height: 3.2rem;
    }

    .footer-logo img {
        width: 100%;
    }

}

@media only screen and (max-width: 600px) {
    /*
    *----------------------------------------
    * header style for mobile devices start
    *----------------------------------------
    */
    header.site-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        overflow: hidden;
    }

    .secondary-header {
        position: fixed;
        top: 0;
        right: -500px;
        z-index: 2;
        transition: 0.8s;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
    }

    .contact-info-nav {
        display: none !important;
    }

    .burger-wrap {
        display: flex;
        padding-top: 15px;
    }

    .main-header,
    .contact-info-nav {
        display: block;
        /* justify-content: center; */
    }

    .main-header {
        /*height: 78vh;*/
    }

    .main-header .logo-wrap {
        margin: 0 auto;
    }

    .site-logo {
        padding-bottom: 0;
    }

    .contact-info-nav .contact-wrapper {
        justify-content: center;
        margin: 6px;
    }

    .main-nav ul {
        display: block;
    }

    .main-nav ul li {
        padding: 0.35rem;
    }

    .secondary-header {
        /*height: 220px;*/
    }

    .nav-wrap {
        /*display: flex;*/
        /*justify-content: flex-start;*/
        /*align-items: center;*/
        /*align-self: center;*/
        width: 100%;
    }

    nav.main-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
    }

    .main-nav > ul > .dropDown-menu:after {
        top: 16px;
    }

    .container {
        max-width: 720px;
    }

    /* nav-toggler style for mobile start
    .nav-toggler {
        display: block;
    }

    .main-nav {
        min-height: 60px;
        display: block;
    }

    .main-nav ul {
        position: absolute;
        width: 100%;
        height: calc(100vh - 60px);
        left: 0;
        top: 270px;
        flex-direction: column;
        align-items: center;
        background-color: #FFF9F9;
        max-height: 0;
        overflow: hidden;
        transition: .3s;
    }

    .main-nav ul li {
        width: 100%;
        text-align: center;
        padding: 0.35rem;
    }

    .main-nav ul li a {
        padding: 0.35rem;
    }

    .main-nav ul li a:hover {
        background-color: rgba(255, 255, 255, .1);
    }

    .main-nav ul.open {
        max-height: 100vh;
        overflow: visible;
    }

    .main-nav>ul>.dropDown-menu:after {
        right: 95px;
    }
     nav-toggler style for mobile end */
    h1.title {
        font-size: 2.1rem;
        line-height: 3.2rem;
    }

    /*
    *----------------------------------------
    * header style for mobile devices end
    *----------------------------------------
    */
    /*
    *-------------------------------------------
    * footer style for mobile devices start
    *-------------------------------------------
    */
    .footer-inner-wrap {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .main-footer .container {
        display: block;
    }

    .site-logo img, .footer-logo img {
        width: 242px;
    }

    .footer-column {
        padding-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .right-column .title,
    .footer-column p {
        text-align: center;
    }

    .footer-logo {
        justify-content: center;
    }

    .subscribe-title-row {
        display: block;
    }

    .subscribe-title-row .title {
        text-align: center;
    }

    .social-links .card-row {
        flex-direction: row;
        justify-content: center;
    }

    /*
    *---------------------------------------
    *footer style for mobile devices end
    *---------------------------------------
    */
}

/* style for medium to small devices end */


/* style for small devices start */
@media all and (max-width: 460px) {
    .banner-left-col {
        width: 100%;
    }

    /* subscription form style start */
    .mc4wp-form-fields, .flex-form {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        background: transparent;
        box-shadow: none;
        border: 0;
    }

    .mc4wp-form-fields input[type="email"], .flex-form input[name="search"] {
        flex-basis: 0;
        border: 1px solid #ccc;
        border-radius: 50px;
        width: 100%;
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .mc4wp-form-fields label {
        display: none;
    }

    label {
        display: none;
    }

    .subscribe-section {
        height: 503px;
    }

    .subscribe {
        flex-direction: column;
    }

    .subscribe .right-col {
        margin-bottom: 1.5rem;
    }

    .subscribe .left-col {
        width: 100%;
    }

    .subscribe-section::before {
        top: -16.5vw;
    }

    /* subscription form style end */
    .button,
    .input.button {
        padding: 10px 30px;
    }

    .left-side,
    .right-side {
        margin: 0;
    }

    .right-side {
        margin-bottom: 10px;
    }

    .nav-wrap {
        /*justify-content: center;*/
    }

    .main-nav ul {
        line-height: 20px;
    }
}


@media all and (max-width: 360px) {
    .logo-wrap {
        margin-left: -20px !important;
    }

    .logo-wrap a {
        padding: 0;
        justify-content: left;
    }

    .logo-wrap img {
        max-width: 190px;
        height: auto;
    }

    .main-header .logo-wrap p {
        text-align: left;
        letter-spacing: 3px;
    }
}

/* style for small devices end */
/*
*-----------------------------
*mobile devices style end
*-----------------------------
*/