/* ====common css start here===== */

* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



p {

    margin: 0;

    padding-bottom: 16px;

}



p:last-child {

    padding-bottom: 0;

}

a {

    color: #957dad;

}



a:hover,

a:focus {

    color: #a87ed2;

}





/* ===== Scrollbar CSS ===== */

/* Firefox */

* {

    scrollbar-width: auto;

    scrollbar-color: #957dad #f2f2f2;

}



/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {

    width: 13px;

}



*::-webkit-scrollbar-track {

    background: #f2f2f2;

}



*::-webkit-scrollbar-thumb {

    background-color: #957dad;

    border-radius: 8px;

    border: 3px solid #ffffff;

}





img {

    max-width: 100%;

}







a {

    display: inline-block;

    vertical-align: top;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



a:hover {

    text-decoration: none;

}



body {

    margin: 0;

    padding: 0;

    font-size: 15px;

    line-height: 26px;

    color: #000;

    font-weight: 400;

    font-family: 'Raleway', sans-serif; 

}



html,

body {

    overflow-x: hidden;

/*    filter:grayscale(100%);*/







} 



a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus
{
outline:none;
}



h1, h2, .heading {

    font-size: 45px;

    line-height: normal;

    font-weight: 400;

    font-family: 'Barlow', sans-serif;

    color: #000000;

    position: relative;

    margin-bottom: 30px;

}



h3, h4, h5, .subheading {

    font-size: 18px;

    line-height: normal;

    font-weight: 600;

    font-family: 'Raleway', sans-serif;



    color: #000;

    text-transform: capitalize;

}



.scrollup {

    position: fixed;

    bottom: 50px;

    right: 10px;

    z-index: 5;

    width: 43px;

    height: 43px;

    line-height: 40px;

    font-size: 18px;

    color: #fff;

    background: #d4cafe;

    text-align: center;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    display: none;

    -moz-transition: all 300ms ease-in-out 0s;

    -webkit-transition: all 300ms ease-in-out 0s;

    transition: all 300ms ease-in-out 0s;

    cursor: pointer;

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}



.labelwrap {

    margin-bottom: 20px;

}



.form-control {

    height: 46px;

    border: 1px solid #D4D4D4;

    background-color: #fff;

    padding: 16px;

    font-size: 15px;

    font-weight: 500;

    border-radius: 0;

    box-shadow: none !important;

    font-family: 'Raleway', sans-serif;



}



.form-control::placeholder {

    color: #000;

    opacity: 0.56;

    font-family: 'Raleway', sans-serif;



}



.btn {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    background-color: #957dad;

    border: 1px solid #957dad;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-size: 14px;

    line-height: normal;

    font-weight: 500;

    padding: 0 24px;

    outline: none;

    box-shadow: none !important;

    font-family: 'Raleway', sans-serif; 

    letter-spacing: 0;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    height: 44px;

    min-width: 120px;

    z-index: 1;

    overflow: hidden;

}



.btn.arrow-btn{

    padding: 0 50px 0 24px;

}

.btn.arrow-btn::before{

    content: "\f0a9";

    position: absolute;

    right: 24px;

    line-height: normal;

    height: 18px;

    font-size: 17px;

    top: 50%;

    transform: translateY(-50%);

    font-family: 'FontAwesome';

}



.btn.btn-sm {

    height: 36px;

    font-size: 12px;

    min-width: 90px;

    padding: 0 15px;

}



.btn2 {

    border-color: #9fe1bf;

}



.btn.btn2::after {

    background-color: #9fe1bf;

}



.btn .fa {

    margin-left: 8px;

    flex-shrink: 0;

}



.btn img {

    width: 14px !important;

    margin-left: 10px;

}



.btn:hover img {

    filter: brightness(0) invert(1);

}



.btn::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    border-radius: 0 10px;

    height: 100%;

    transform: scale(0);

    transform-origin: center;

    background-color: #957dad;

    width: 100%;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    z-index: -1;

}



.btn:hover::after {

    transform: scale(1);

}



.btn:hover {

    color: #fff;

    border-color: transparent;

    background-color: transparent;

}



.btn.btn-lg {

    height: 50px;

}



.labelwrap-link {

    text-align: right;

    font-size: 16px;

    line-height: normal;

    font-weight: 500;

    color: #7D7D7D;

}



.owl-carousel .owl-nav [class*="owl-"] {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    box-shadow: none;

    outline: none;

    font-size: 0 !important;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff !important;

    border: 1px solid #957dad;

    color: #000 !important;

    border-radius: 100%;

}



.owl-carousel .owl-nav .owl-next {

    left: auto;

    right: 0;

}

.owl-carousel .owl-nav [class*="owl-"] .previous, .owl-carousel .owl-nav [class*="owl-"] .next{

    background: url(../images/arrow-left.png) no-repeat center;

    background-size: 16px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.owl-carousel .owl-nav [class*="owl-"] .next{

    background: url(../images/arrow-right.png) no-repeat center;

    background-size: 16px; 

}

.owl-carousel .owl-nav [class*="owl-"]:hover, .owl-carousel .owl-nav [class*="owl-"]:hover{

    background: #957dad !important;

}

.owl-carousel .owl-nav [class*="owl-"]:hover .previous{

    filter: brightness(0) invert(1);

}

.owl-carousel .owl-nav [class*="owl-"]:hover .next{

    filter: brightness(0) invert(1);

}

.gslider.owl-carousel .owl-nav [class*="owl-"]{

    width: 50px;

    height: 50px;

}

.gslider.owl-carousel .owl-nav .owl-prev{

    left: -60px;

}

.gslider.owl-carousel .owl-nav .owl-next{

    right: -60px;

} 

/* ====common css end here===== */ 





/* -----header------------- */

.page-id-8  .navbar-brand {

    max-width: 186px;

    padding: 0;

    margin: 0;

}



.navbar-brand {

    max-width: 186px;

    padding:0 0 6px 0px;

    margin: 0;

}

.nav-menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

}



header {

    padding: 0 0;

    position: relative;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 9;

}



.page-id-8  .headerMain {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    padding: 10px 0; 

}

.header-phone a{

    color: #000;

    font-size: 18px;

    font-weight: 500;

    line-height: normal;

    font-family: 'Roboto', sans-serif; 

}

.header-phone a:hover{

    color: #a87ed2;

}



.navbar {

    justify-content: space-between;

}



.navbar-collapse {

    /* justify-content: center; */
    justify-content:right;

}



.navbar-nav li{padding: 0 40px 0 0;}

.navbar-nav li a {

    color: #000000;

    font-size: 15px;

    line-height: normal;

    font-weight: 500;

    letter-spacing: 0px;

    text-transform: capitalize;

    opacity: 1;

    position: relative;

    font-family: 'Raleway', sans-serif;



}



.nav-item:not(:last-child) {

    margin-right: 40px;

}



.navbar-nav li.active .nav-link,

.navbar-nav li .nav-link:hover {

    color: #957dad;

}



.navbar-nav .nav-link {

    padding: 0 !important;

}

 

.navbar-nav li .nav-link:hover:after {

    width: 50%;

}



.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .nav-link.show,

.navbar-light .navbar-nav .show>.nav-link {

    color: #fff;

}



.navbar {

    padding: 0;

}



select.form-control:not([size]):not([multiple]) {

    height: 46px !important;

    padding: 0 20px;

    background: #fff url(../images/select.svg) no-repeat center right 10px;

    appearance: none;

    background-size: 14px;

}

 



.overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    left: 0;

    top: 0;

    z-index: 9;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms ease-in-out;

}



.close-slide-menu {

    position: absolute;

    left: -24px;

    top: 50%;

    cursor: pointer;

}



figure {

    margin: 0;

    padding: 0;

}



section {

    padding: 60px 0;

}

 

 #menu-top_menu li a:hover, #menu-top_menu .active a {

    color: #957dad;

}

/* ===BANNER==== */

.homebanner,

.innerbanner {

    padding: 0;

    background: rgb(207,197,255);

    background: -moz-linear-gradient(0deg, rgba(207,197,255,1) 0%, rgba(255,250,252,1) 90%);

    background: -webkit-linear-gradient(0deg, rgba(207,197,255,1) 0%, rgba(255,250,252,1) 90%);

    background: linear-gradient(0deg, rgba(207,197,255,1) 0%, rgba(255,250,252,1) 90%);

}

.homebanner{ 

    padding-top: 150px;

    padding-bottom: 160px;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);

}

.home-slider .owl-nav {

    position: absolute;

    right: 0;

    bottom: -60px;

    width: 90px;

    height: 34px;

    left: 0;

    margin: 0 auto;

}

.home-slider .owl-nav [class*="owl-"]{

    border-radius: 8px;

    height: 34px;

    background-color: transparent !important;

    border: 1px solid #fff !important;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.home-slider .owl-nav [class*="owl-"]:hover{

    border-color:#957dad !important;

    background-color: transparent !important;

}

.home-slider .owl-nav [class*="owl-"] div{

    filter: brightness(0) invert(1);

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.home-slider .owl-nav [class*="owl-"]:hover div{

    background-color: transparent !important;

}

.home-slider .owl-nav [class*="owl-"]:hover .previous{

    background: url(../images/hover-arrow-left.png) no-repeat center;

    background-size: 16px;

    filter: none;

}

.home-slider .owl-nav [class*="owl-"]:hover .next{

    background: url(../images/hover-arrow-right.png) no-repeat center;

    background-size: 16px;

    filter: none;

}

.bannerimg::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

    transition: all 2s ease-in-out;

    z-index: 1;

} 

.banner-content{padding: 40px 0;}

.banner-content h1,  .banner-content h2{ 

    font-size: 61px; 

    font-weight: 600;

}



.innerbanner .banner-content h1 {

    font-size: 30px;

}

.bannerpara{

    font-size: 17px;

    line-height: 28px;

}

.banner-content h2 {

    font-size: 36px;

    color: #957dad;

    font-weight: bold;

    font-family: 'Raleway', sans-serif;



    margin-bottom: 12px;

}



.banner-content h3 {

    color: #957dad;

}



.banner-content .btn {

    font-size: 15px;

    height: 52px;

    border-width: 2px;

    margin-top: 30px; 

    box-shadow: 0 0 4px #bdbdbd !important;

}



.banner-content .btn:hover {

    color: #fff;

    box-shadow: none !important;

}



.banner-content .btn img {

    width: 22px !important;

    margin-left: 0;

    margin-right: 12px;

}



.bannertextwrap {

    max-width: 1000px;

    margin: 0 auto;

}



.bannerimg {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top:100%



}



.bannerimg img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 2s ease-in-out;

}

  

/* =========================== */

.about-content{

    margin-left: -80px;

    padding: 40px 60px;

    background: #f6f6f6;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.about-content:hover{

    background-color: #f0edff;

    border-radius: 8px;

}

.readmore{

    grid-column-gap: 10px;

    text-transform: uppercase;

    color: #000000;

    font-weight: 500;

    display: inline-flex;

    align-items: center;

    font-size: 15px;

}

.hm-about p{

   overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   -webkit-line-clamp: 3; 

           line-clamp: 3; 

   -webkit-box-orient: vertical;

}

/* =========================== */



/* =====SERVICE======== */ 



.simg {

    width: 100%;

    padding-top: 72%;

    overflow: hidden;

    position: relative;

}



.simg img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



.sbox {

    display: block; 

   /* background: #fff;*/

    overflow: hidden;

    position: relative;

    z-index: 1; 

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.sbox:hover .simg img{

    transform: scale(1.1);

}

.scontent-wrap {   

    background: #f6f6f6;

    padding: 30px;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    overflow: hidden;

} 

.scontent-wrap:hover{

    background-color: #f0edff;

    border-radius: 8px;

}

.scontent-wrap h2{

    font-size: 24px;

    line-height: normal;

    font-weight: 500;

    margin-bottom: 20px;

    width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.scontent-wrap ul, .scontent-wrap ul li{

    list-style: none;

    margin: 0;

    padding: 0;

}

.scontent-wrap ul li:not(:last-child){margin-bottom: 4px;}

.view-more {

    min-width: 110px;

    margin-top: 10px;

    height: 34px;

    font-size: 14px;

    border: 1px solid #957dad;

    opacity: 1;

    color: #fff;

    transition: all 300ms ease-in-out;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.view-more:hover {

    background-color: #957dad;

    color: #000;

} 

.sbox h3 {

    color: #fff;

    font-weight: 500;

}



.spara {   

    color: #000000;

}

.spara h4{ font-size: 15px; line-height: 20px; font-weight: 400; }

.spara p:not(:last-child){padding-bottom: 10px;}



.service-section .srow .scol:nth-child(1){

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}

.service-section .srow .scol:nth-child(1) .sbox, .service-section .srow .scol:nth-child(2) .sbox{

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.service-section .srow .scol:nth-child(1) .sbox .simg{

    width: 71%;

    padding-top: 46%;

}

.service-section .srow{

    margin: 0 0 -40px;

}

.service-section .scol{

    padding: 0;

    margin-bottom: 40px;

}

.service-section .srow .scol:nth-child(1) .sbox .scontent{

    width: 33.333333%;

    margin-left: -4.50%;

    background: #f6f6f6;

    position: relative;

} 



.service-section .srow .scol:nth-child(2){

    -ms-flex: 0 0 63%;

    flex: 0 0 63%;

    max-width: 63%;

    margin-right: auto; 

}

.service-section .srow .scol:nth-child(2) .sbox .simg{

    width: 50%;

    padding-top: 72%;

}

.service-section .srow .scol:nth-child(2) .sbox .scontent{

    width: 50%;

    margin-left: -5%;

    background: #f6f6f6;

    position: relative;

}  



.spara {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

/* ========service end======= */ 

 

.img-style {

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



.img-style img {

    width: 450px;

    height: 450px;

    object-fit: cover;

    border-radius: 59% 149% 158% 55% / 67% 72% 133% 136%;

    border: 7px solid #9fe1bf;

    box-shadow: -5px 10px 15px rgb(0 0 0 / 20%);

    transition: all 2s ease-in-out;

}



.img-style:hover {

    transform: scale(1.05);

}

/*------ sdetails-------*/

.details_img img{ width: 100%; height: 500px; object-fit: cover; }

.inr-list h2{ font-size: 35px; line-height: 40px; font-weight:  600; }

.services-details-fld{ background-color: #dfd9ff;}

.serv-drtails-head h3{ 

    font-size: 30px;

    line-height: 35px;

    line-height: normal;

    font-weight: 500;

    margin-bottom: 20px;

    width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #000;

        font-family: 'Barlow', sans-serif;

 }

/* ----------gallery-------start--------- */

.gallery-section{position: relative;}

.gallery-section::after{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 70%;

    background: rgb(219,212,255);

    background: -moz-linear-gradient(0deg, rgba(219,212,255,1) 0%, rgba(255,226,235,1) 90%);

    background: -webkit-linear-gradient(0deg, rgba(219,212,255,1) 0%, rgba(255,226,235,1) 90%);

    background: linear-gradient(0deg, rgba(219,212,255,1) 0%, rgba(255,226,235,1) 90%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbd4ff",endColorstr="#ffe2eb",GradientType=1);

}

.gallery-section .container{

    position: relative;

    z-index: 1;

}

.galbox {

    position: relative; 

    width: 100%;

}

.galbox h3{

    font-size: 24px;

    line-height: normal;

    font-weight: 400;

    margin: 0;

    padding: 20px;

    text-align: center;

}

.galbox figure {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 72%;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.galbox figure::after{

    content: ""; 

    font-size: 24px;

    color: #fff;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 20px;

    height: 20px;

    background: url(../images/expand.png) no-repeat center;

    background-size: contain; 

    opacity: 0;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.galbox:hover figure::after{

    opacity: 1;

}

.galbox img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover; 

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.galbox figure:hover{

    background-color: #000;

}

.galbox:hover figure img{

    opacity: 0.8;

}



/* ===testimonial==== */

.home-testimonial { 

    padding-bottom: 0;

    background: rgb(255,214,226);

    background: -moz-linear-gradient(0deg, rgba(255,214,226,1) 0%, rgba(255,234,226,1) 90%);

    background: -webkit-linear-gradient(0deg, rgba(255,214,226,1) 0%, rgba(255,234,226,1) 90%);

    background: linear-gradient(0deg, rgba(255,214,226,1) 0%, rgba(255,234,226,1) 90%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd6e2",endColorstr="#ffeae2",GradientType=1);

} 

.home-testimonial .owl-nav {

    position: absolute;

    right: 0;

    width: 90px;

    display: flex;

    justify-content: space-around;

    bottom: 30px;

    height: 40px;

}

.tbox { 

    min-height: 100%;

    display: flex;

    flex-wrap: wrap;

    align-content: flex-end;

    padding: 30px 0 30px 10px;

}

.tbox h2{

    max-width: 300px;

    margin-bottom: 40px;

}

.ticon {

    width: 80px;

    height: 80px;

    margin: 0 auto 20px;

    border-radius: 100%;

    overflow: hidden;

    background-color: #e4ebf4;

    border: 3px solid #9fe2bf;

}



.thead {

    font-weight: 500;

    font-size: 20px; 

    padding-left: 50px;

    margin-top: 30px;

}



.tcontent { 

    padding: 0 0 0 50px; 

    font-size: 15px;

    line-height: 26px;

    color: #000; 

    font-weight: 300;

    font-style: italic;

    position: relative;

}

.tcontent h2{

    margin-bottom: 30px;

}

.tcontent::before {

    content: "";

    position: absolute;

    left: 0;

    top: -15px;

    background: url(../images/quote.png) no-repeat center;

    background-size: contain;

    width: 40px;

    height: 40px;

} 



.parascroll {

    max-height: 151px;

    overflow-y: auto;

}



/* ========= */

.news-text{

    font-weight: 500;

    font-size: 18px; 

    text-align: center;

    margin-bottom: 36px;

}

.news-form{ 

    position: relative;

}

.news-btn{

    position: absolute;

    right: 7px;

    top: 7px;

}

.es_textbox_button{

    padding: 0 50px 0 24px;

    background: #957dad url(../images/news-arrow.png) no-repeat center right 20px;

    background-size: 16px;

    color: #fff;

    height: 50px;

    border-radius: 8px;

    outline: none !important;

    border: none !important;

    box-shadow: none !important;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 300ms ease-in-out;

    position: absolute;

    right: 7px;

    top: 7px;



} 

.es_textbox_button:hover{

    background: #957dad url(../images/news-arrow.png) no-repeat center right 10px;

    background-size: 16px;

}

.news-form .es-field-wrap label{display: block;}

.news-form .es-field-wrap input{

    height: 64px;

    border: 1px solid #fff;

    box-shadow: 0 0 15px #ebebeb !important;

    background-color: #fff;

    padding: 16px;

    font-size: 15px;

    font-weight: 500;

    border-radius: 4px;

    font-family: 'Raleway', sans-serif;

    font-weight: 500;

    font-size: 18px; 

    padding-left: 30px;

    width: 100%;

}

.news-form input[type="text"]::placeholder{

    color: #000;

    font-size: 18px;

    font-weight: 500;

}

.news-content .heading{

    max-width: 560px;

    margin: 0 auto 30px;

}

/* ========= */ 

.owl-dots button {

    box-shadow: none !important;

    outline: none !important;

    border: 2px solid #ccc !important;

    border-radius: 100%;

    margin: 4px;

}



.owl-dots button span {

    width: 12px;

    height: 12px;

    border-radius: 100%;

    overflow: hidden;

    background-color: transparent;

    border: 2px solid #fff;

    display: block;

}



.owl-dots button.active span {

    background-color: #957dad;

}



/* =======footer=== */

.fbox h3 {

    font-size: 18px;

    line-height: normal;

    font-weight: 500;

    margin-bottom: 20px;

    text-transform: uppercase; 

    font-family: 'Raleway', sans-serif;



}



.flogo {

    max-width: 180px;

    margin-bottom: 20px;

}



.fpara {

    max-width: 500px;

    margin: 0 auto; 

}



.fnav ul { 

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    grid-gap: 20px 40px;

    list-style: none;

    margin: 0;

    padding: 0;

    color: #000;

    font-size: 15px;

    line-height: normal;

} 



.fnav ul li {

    margin: 0;

    padding: 0;

}



.fnav ul li a {

    color: inherit;

}



.fnav ul li a:hover {

    color: #957dad;

}



.fcol:nth-child(2) {

    margin-bottom: 50px;

    margin-top: 40px;

}

.fcontact{

    max-width: 900px;

    margin: 0 auto;

}

.fcontact ul{

    display: flex;

    flex-wrap: wrap;

    margin: 0;

    font-family: 'Roboto', sans-serif; 

} 

.fcontact li {

    display: flex;

    flex-wrap: wrap;

    width: 33.33%;

    text-align: center;

    flex-direction: column;

}

.fcontact li a{

    color: inherit;

}

.ficon {

    width: 40px;

    height: 40px;

    margin: 0 auto 12px;

    background: #ccc2ff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    padding: 10px;

    overflow: hidden;

}



.copyright strong {

    text-transform: uppercase;

    font-weight: 500;

}



.copyright p {

    padding-bottom: 0;

}



.copyright {

    padding: 10px 0;

    margin-top: 40px;

    font-size: 12px;

    font-weight: 300;

    border-top: 1px solid #e3e3e3;

}



.copyright a {

    color: #957dad;

}



footer {

    padding: 60px 0 0;

    position: relative;

    color: #000;

    background-color: #f6f6f6;

}



footer .social {

    padding-top: 10px;

}



footer .social a .fa{

    width: 20px;

    height: 20px;

    color: #000;

    background-color: #ccc2ff !important;

}

 



.social-sec{

    padding-top: 0;

}

.social-link a{

    border: 2px solid #f4f4f4;

    padding: 15px 10px; text-align: center;

    min-width: 150px;

    border-radius: 4px;

    margin-right: 20px;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

} 

.social-link a:hover{

    border-color: #957dad;

    transform: translateY(-10px);

}

.social-link a span{

    height: 60px;

    border-bottom: 2px solid #f4f4f4;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 10px;

}

.social-link a h3{ 

    font-size: 16px;

    line-height: normal; 

    margin-bottom: 0;

    font-family: 'Raleway', sans-serif;

    font-weight: 400;

}

.social {

    display: flex;

    justify-content: center;

}



.social a {

    flex-shrink: 0;

    padding: 0 4px;

}



.social a .fa {

    background-color: #957dad;

    width: 25px;

    height: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    border-radius: 100%;

    transition: all 300ms ease-in-out;

}



.social a:hover .fa {

    /* color: #957dad;

    background-color: #fff; */

}

/* ===========related section========== */

.related-section {

    padding: 60px 0;

    background-color: #f5f5f5;

}

 

 /*=================*/

.review-img {

    width: 50%;

    padding-top: 72%;

}

.review-img img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;



}



.ptb{padding: 70px 0;}



/* ------------- inner banner ---------------------- */

.innerBanner img {

    width: 100%;

    max-width: 100%;

    max-height: 300px;

    object-fit: cover;

}

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

.innerBanner{ position: relative; }

.innerBanner:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgb(38 58 129);

    background: linear-gradient(90deg, rgb(30 47 104 / 81%) 0%, rgb(149 125 173 / 15%) 100%);

}



.title_breadcrumb-inner{ position: absolute; width: 100%; left: 50%;transform: translate(-50%,-50%); top: 50% ; z-index: 5; }

.title_breadcrumb-inner span{ /*display: inline-block; */ padding: 15px; width: auto; min-width: 250px; text-align: center; color:#fff}

.title_breadcrumb-inner span h1{text-align: left; font-size:40px; line-height: 45px; padding-bottom: 10px; margin-bottom: 0px; color:#fff; font-weight: 600;  text-transform: uppercase; position: relative;}

.title_breadcrumb-inner span h1:after{

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 100px;

  height: 2px;

  background:#fff;

}

.breadcrumb_bottom{  padding: 0; text-align: left;}

.breadcrumb_bottom ul{  margin-bottom: 0px; text-align: left;}

.breadcrumb_bottom ul li{color:#fff;font-weight: 500;font-size: 15px;}

.breadcrumb_bottom ul li strong{color:#fff; font-weight: 500;}

.breadcrumb_bottom ul li a{ color:#fff;  }

.breadcrumb_bottom ul li a:hover{ color: #fff; }

.inner-cont{ padding: 50px 0px 50px 0px; }

.inner-cont h2{ font-size: 20px; line-height: 25px !important; padding-bottom: 15px !important; color: #000 !important; font-weight: 700;}

.inner-cont h3{ font-size: 18px; line-height: 25px !important; padding-bottom: 15px !important; color: #000 !important; font-weight: 700; }

.inner-cont ul{ list-style-type: disc; margin-left: 0px; margin-bottom: 30px; }

.inner-cont ul li{ font-size: 14px !important; color:var(--color-white); margin-bottom: 10px; list-style-type: disc; }

/*-------contact---------*/

.contact-form{ background:#957dad; padding:50px;}

.contact-form input, .contact-form textarea{

    background: transparent;

    border: solid 1px #fff;

    border-radius: 0px;

    color: #fff;

    width: 100%;

    height: 45px;

    padding: 8px 15px;

    font-size: 13px;

}

.contact-form input:focus{

    background: transparent;

    color: #fff;

}

.contact-form textarea{

    height: 110px;

}



.contact-form input::placeholder, .contact-form textarea::placeholder {

  color: #fff;

  opacity: 1; /* Firefox */

}



.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */

 color: #fff;

}



.contact-form input::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder { /* Microsoft Edge */

 color: #fff;

}



.contact-form input[type=submit]{

    color: #fff;

    border: solid 1.5px #fff;

    padding: 8px 50px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

    border-radius: 50px;

    background: #0000;

    width: auto;

    display: inline-block;

    text-align: center;

    height: 50px;

    letter-spacing: 0.5px;

}

.contact-form input[type=submit]:hover{

    background: #fff;

    color: #14abad;

}



input:-webkit-autofill,

input:-webkit-autofill:hover, 

input:-webkit-autofill:focus, 

input:-webkit-autofill:active  {

    -webkit-text-fill-color: #fff !important;

      transition: background-color 5000s ease-in-out 0s;

}

.inr-cont .container-fluid{padding-right: 0; padding-left: 0;}

.contact-img {

    height: 613px;



    }

.contact-img img{width: 100%; height: 100%; object-fit: cover;}

.captcha-image {

    border: 1px solid #fff;

    padding: 10px;

    display: inline-block;

    text-align: center;

    color: #fff;

}



.infobox-style-5 .tcr-infobox-icon i {



    transform: scale(1);



    color: #fff;



}







.infobox-style-5:hover .tcr-infobox-icon {



    -webkit-transform: scale(-1) rotate(180deg);



    -moz-transform: scale(-1) rotate(180deg);



    -ms-transform: scale(-1) rotate(180deg);



    -o-transform: scale(-1) rotate(180deg);



    transform: scale(-1) rotate(180deg);



}







.contact-title h4{



    color: #957dad;



    font-size: 20px;



    line-height: 25px;



    font-weight: 500;



}







.contact-title h3 {



     



    font-weight: 700;



    line-height: 50px;



    font-size: 45px;



}



.contact-title{ margin-bottom: 30px; }







.tcr-infobox-content h3 {



;



    font-size: 18px;



    line-height: 25px;



    font-weight: 600;



    text-transform: uppercase;



    margin-bottom: 5px;



}



.tcr-infobox-icon{



      min-width: 65px;



    height: 65px;



    display: flex;



    justify-content: center;



    align-items: center;



    font-size: 34px;



    background: #957dad;



    transition: all 200ms linear;



    transition: all 600ms ease;



    -moz-transition: all 600ms ease;



    -webkit-transition: all 600ms ease;



    -ms-transition: all 600ms ease;



    -o-transition: all 600ms ease;



  }



.tcr-infobox-content {

    margin-left: 25px;

}



.tcr-infobox-text{ color: #7A7A7A; font-size: 16px; line-height: 22px;}



.tcr-infobox-text a{

    color: #7A7A7A;

    font-size: 16px;

    line-height: 22px;

}



.tcr-infobox-wrapper{ margin-bottom: 35px; }

.tcr-infobox-icon img {

    width: 40px;

    height: 40px;

    object-fit: contain;

}

.cont-bg-white{padding: 100px 125px; background: #ffffff78;}

.inr-cont {

    background: url(../images/tcr-dot-map.png);

    background-position: center left;

    background-repeat: no-repeat;

    z-index: -1;

}

/*--------post--------*/

.blog-list{position: relative;}

.blog-list figure img{ width: 100%; height: 100%; object-fit: cover; }

.blog-list figure{ width: 100%; height: 250px; position: relative; overflow: hidden;  }

.mt .blog-list figure img {

    -webkit-filter: grayscale(20%);

    -ms-filter: grayscale(20%);

    -moz-filter: grayscale(20%);

    transform: scale(1);

    transition: 0.5s;

    z-index: 0;

}

.mt:hover .blog-list img {

    -webkit-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    transform: scale(1.2);

    transition: 0.5s;

    z-index: 0;

}



.news-cont{padding: 20px; background-color: #f6f6f6;  min-height: 170px;}

.mt:hover .news-cont{

    background: #fff;

    box-shadow: -2px 2px 14px 0px rgb(246 232 232 / 75%);

    -webkit-box-shadow: -2px 2px 14px 0px rgb(246 239 239 / 75%);

    -moz-box-shadow: -2px 2px 14px 0px rgba(202,202,202,0.75);

    padding: 20px;



}

.date-fld {

    font-size: 15px;

    font-weight: 600;

    position: absolute;

    top: 0;

    right: 0;

    background: #ccc2ffe3;

    padding: 5px 15px;

    color: #030303;

    border-radius: 0 5px 0 5px;

}

.news-cont h3{ font-size:20px; line-height: 25px; font-weight: 600; color: #000; }

.news-cont p{ font-size: 16px; line-height: 22px; color: #000; font-weight: 400;}





/* blog Details */







.boxshadow{



    background: #f7f7f7;



    padding: 20px;



}







.blog_box figure {



    position: relative;



}



.blog_box figure img {



    width: 100%;



}



.blog_details_box figure{height:400px; position: relative;}



.blog_details_box figure img {



    width: 100%;



    height: 100%;



    object-fit:cover;



}



.blog_details_box figure .post_date {



    position: absolute;



    bottom: 0;



    left: 0;



    background:#957dad;



    padding: 10px;



    color: #fff;



    font-size: 14px;



    line-height: 20px;



}



.blog_details_box figure .post_date i {



    margin-right: 10px;



}







.blog_content .bd_uesr{color: #000; font-size: 1rem; margin-bottom: 10px;}



.blog_content .bd_uesr i{margin-right:6px;}



.blog_content .post-title{



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}



.blog_content .post-title a{



    font-size:1.5rem;



    line-height:1.7rem;



    color: #000;



}







.date i{margin-right: 10px;}







.blog_box .entry-content h2{color:#051441;}



.blog_box .entry-content p{



    color: #1c1c1c;



    font-size: 0.9rem;



    line-height: 1.4rem;



}







.blog_details_box h1 {



    text-transform: uppercase;



    font-weight: 700;



    font-size: 30px;



    line-height: 34px;



    margin-bottom: 20px;



    color: #000;



    border-left: 4px solid #ef8518;



    padding: 0 0 0 10px;



}



.blog_details_box h2, .blog_details_box h3{



    font-size: 26px; line-height: 30px;



}







/* comment-respond */



.date-fld h5{ font-size: 14px; font-weight: 600; color: #8bc53f; margin-bottom: 6px;}



.comments-area{



    flex:0 0 100% !important; 



    max-width: 100% !important;



}







.comments-area .comment-form-comment label:after {



    content: '*';



    position: absolute;



    color: #f00;



}



.error {



    color: red;



    font-size: 12px;



}



.comment-form p label .required {



    color: red;



}







.comments-area{



    margin-top: 40px;



}



.comment-respond .comment-reply-title{



    font-size: 26px;



    line-height: 30px;



    color: #252525;



    margin-bottom: 15px;



}



.comments-area .comments-title{



    font-size: 20px;



    line-height: 26px;



    color: #666;



    margin-bottom: 15px;



}



.comment-form p label{display: block;}



.comment-form input, .comment-form textarea{width: 100%; padding: 10px; border: 1px solid #d7f1ea;}



.comment-form input{height: 40px;}



.comment-form input[type=checkbox]{width: auto; height: auto;}



.comment-form p.comment-form-cookies-consent label{display: inline-block; margin-left: 10px;}







.form-submit {



    text-align: right;



}



.form-submit .submit{



    border: none;



    background: #8bc53f;



    color: #fff;



    border-radius: 50px;



    margin-bottom: 0;



    width: auto;



    padding: 0 20px;



    transition: 0.5s;



    -webkit-transition: 0.5s;



    -o-transition: 0.5s;



    -ms-transition: 0.5s;



    -moz-transition: 0.5s;



}



.form-submit .submit:hover{background: #000;}







.comment-list {



    list-style-type: none;



}







.post-navigation .screen-reader-text{display: none;}



.post-navigation .nav-links{display: flex;}



.post-navigation .nav-links .nav-previous,



.post-navigation .nav-links .nav-next



{    flex: 1;



    text-align: right;



}



.post-navigation .nav-links .nav-next{text-align: right;}



.post-navigation .nav-links .meta-nav{



    display: block;



    color: #767676;



    font-size: 12px;



}



.post-navigation .nav-links .post-title{



    color: #252525;



    font-weight: bold;



    font-size: 16px;



    line-height: 20px;



    position: relative;



}



.post-navigation .nav-links .post-title:after{



    position: absolute;



    top: 3px;



    color: #252525;



    font-size: 14px;



    font: normal normal normal 14px FontAwesome;



}



.post-navigation .nav-links .nav-next .post-title:after{



    content: "\f061";



    right: -15px;



}



.post-navigation .nav-links .nav-previous .post-title:after{



    content: "\f060";



    left: -15px;



}



.blog_details_box h1 {



    text-transform: uppercase;



    font-weight: 600;



    font-size: 25px;



    line-height: 30px;



    margin-bottom: 20px;



    color:#141414;



   border-left: 4px solid #957dad;



    padding: 0 0 0 10px;



}



.recent_carousel {



    border: 2px solid #e8e8e8;  padding:50px 20px; position: relative;

}



.recent_carousel .sub-head {



    position: absolute;



    top: -18px;



    background: #ffffff;



    left: 0;



    right: 0;



    padding: 5px 10px;



    font-size: 20px;



    line-height: 27px;



    text-transform: uppercase;



    width: 60%;



    margin: auto;



    text-align: center;



    color:#141414;



    font-weight: 600;



}



.date-fld.blog-cont{ box-shadow: none; background: #e6e6e6;}



.entry-content{ margin-top: 15px; }



.overlay-title{ margin-bottom: 20px; }

.img_news{ flex: 0 0 30%; max-width: 30%; }

.img_news img{width: 100%; height: 110px; object-fit: cover;  }



.event-fld-inr .events-fld h2{ color: #595959 !important; }



.event-fld-inr .blog-list h4{ color: #595959 !important;}



.event-fld-inr .blog-list p{ color: #595959 !important; }



.events-s li{ border-bottom: 1px solid  #ddd; padding: 15px 0 25px 0;}



.event-img img {



    width: 100%;



    height: 250px;



    object-fit: cover;



}



.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {



    border-color: #ffffff;



    color: #fff;



}



.new-cont-detls h3{



    max-width: 250px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}

.overlay-title{

    box-shadow: none;

   /* background: #f5f3f391;*/

    

}



.new-cont {

    padding:0 15px;

}





.recent_blog:nth-child(even) .new-box {

  background: #957dad14; padding:10px;}



.date-fld{

    font-size: 14px;

     color: #3788ff;

    margin-bottom: 6px;

}

.new-cont h3{ 

   font-size: 18px; 

   line-height: 23px;

   font-weight: 500; 

   color: #141414;  

    margin-bottom: 5px; 

    max-width:150px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

 }

.new-box {

    display: flex;

    align-items: center;

     justify-content: center;

    background: #fbf7f7;

    padding: 5px 10px;

}

.new-cont p{ font-size: 13px; line-height: 18px; padding-bottom: 7px; margin-bottom:0;}

.more-btn{ color: #8565a5; font-size: 13px; }

.relatedteam{ background:#f9f6f6; }

.team-des{ background: #fff; }

.service-box figure {

    margin: 0;

}





.contactform .col-md-12.text-left {

    text-align: right !important;

}

.contactform .col-md-12.text-left .wpcf7-spinner{

    position: absolute;

    right: 157px;

    top: 12px;

}





/*========testimonial=====*/



.testimonial



{



  text-align: center;

  background:#f9f9f9;



}



.testimonial .primary-hdr:before



{



  left: 50%;



  transform: translateX(-50%);



}



.testimonial p {



    width: 58%;



    margin: 0 auto;



    line-height: 1.2;



    font-family: var(--font-hyperspace_race_expandedRg);



    font-size: 1rem;



    color: var(--color-SALUTE);



}

.content-comn.inr-list ul li {

    list-style-type: none;

}



/* ====popup====== */

.contact-form.contactform {
    padding: 25px;
}

.book-modal .modal-body {

  position: relative;

  background:#57406eeb url(../images/love-tex.jpg) no-repeat center top;

  background-size: cover !important;

  padding: 0px;

}



.popup-form.contactform {

  background: #e7e2e2ad;

  padding: 15px;

}

.popup-form .modal-header {

  border-radius: 0;

  background: #000;

}

.popup-form .modal-title{ font-size: 20px; line-height: 25px; color: #fff; }
.popup-form .close {
 
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    
}
.itemname{display: none; }
.popup-form .modal-body {padding: 0 !important;}