/*!
Theme Name: Tanmatra Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tanmatra-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Tanmatra Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*!
Theme Name: Tanmatra Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tanmatra-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Tanmatra Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
    box-sizing: border-box;
}

body,
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    background: #f8f8f8;
}


img {
    display: block;
    max-width: 100%;
    object-fit: cover;
    height: auto;
}

p {
    margin: 0 0 30px 0;
}

p:last-child {
    margin: 0;
}

a {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover {
    color: rgb(236 38 143);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0;
    font-family: "Marcellus", serif;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}

section {
    padding: 150px 0;
    position: relative;
    overflow: hidden;
}

section.small-padding {
    padding: 100px 0;
}

section.pt-0 {
    padding-top: 0;
}

    section.pb-0,section.small-padding.pb-0  {
    padding-bottom: 0;
}

section.p-0 {
    padding-top: 0;
    padding-bottom: 0;
}

input,
textarea,
select {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    width: 100%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    outline: none;
}

.button {
    font-size: 16px;
    padding: 16px 30px;
    line-height: 1;
    background: rgb(94 76 157);
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
    display: inline-block;
    border-radius: 100px;
    border: 1px solid transparent;
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    cursor: pointer;
}

.button:hover {
    background: #ffffff;
    color: rgb(94 76 157);
    border: 1px solid rgb(94 76 157);
}

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

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

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

.text-white {
    color: #FFFFFF;
}

.wrapper {
    width: 68.75%;
    margin: 0 auto;
    position: relative;
}


.wrapper.small {
    width: 84.375%;
    margin: 0 auto;
    position: relative;
}

.heading-group {
    margin-bottom: 30px;
}

.intro-description {
    margin-bottom: 30px;
}

.main-heading-text {
    text-transform: capitalize;
}

.sub-heading-text {
    text-transform: capitalize;
}

.mb-50 {
    margin-bottom: 50px;
}

a.scrolltotop {
    background: #ec268f;
    border: 1px solid transparent;
    bottom: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    height: 50px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px;
    z-index: 99;
}

/* HEADER */
.header {
    width: 100%;
    padding: 20px 0;
}


.site-branding img {
    max-width: 250px;
}

.header-row .logo-part {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    justify-content: space-between;
}

.zed-logo img {
    max-width: 100px;
    margin-left: 20px;
}

.main-navigation ul.menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-navigation ul.menu>li {
    margin-right: 30px;
}

.header-bottom .main-navigation ul.menu li:last-child {
    margin-right: 0;
}

.header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

ul.menu>li a {
    font-size: 16px;
    font-weight: 600;
    color: #2d2252;
    text-transform: uppercase;
}

ul.menu>li:hover>a {
    padding: 0 0 5px 0;
    border-bottom: 1px solid rgb(236 38 143);
    color: rgb(236 38 143);
    transition: 0.5s all ease;
}


ul.menu>li:hover {
    color: rgb(236 38 143);

}

.main-navigation ul.menu>li.current-menu-item>a {
    border-bottom: 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid rgb(236 38 143);
    color: rgb(236 38 143);
    transition: 0.5s all ease;
}

/* HAMBURGER MENU */

.toggle {
    display: none;
    z-index: 99;
}

.bar {
    width: 34px;
    height: 3px;
    background-color: #178090;
    margin: 3px 0;
    display: block;
    margin-left: auto;
    border-radius: 5px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    cursor: pointer;
    z-index: 99;
    position: relative;
}

.bar:first-child {
    width: 24px;
}

.bar:last-child {
    width: 17px;
}

span.bar.animate.bar:nth-child(1) {
    transform: rotate(-45deg) translate(-8px, 0);
    width: 34px;
}

span.bar.animate.bar:nth-child(2) {
    opacity: 0;
}

span.bar.animate.bar:nth-child(3) {
    transform: rotate(45deg) translate(-8px, 0);
    width: 34px;
}


.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    background-color: rgb(197 188 229);
    width: 100%;
    z-index: 99;
    transition: 0.5s all;
    animation: slideDown 0.55s ease-out;
    box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.2);
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

/* FOOTER */
.footer-block .site-branding {
    width: fit-content;
}

.cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.cta-left {
    width: 50%;
}

.footer-form {
    width: 45%;
}

.grid-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.grid-col {
    position: relative;
    width: 49%;
    margin-bottom: 30px;
}

.grid-col:nth-child(5) {
    width: 100%;
}

/* General input and textarea styling */
input,
textarea {
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    position: relative;
}

input:focus+label,
textarea:focus+label {
    top: -9px;
}

label {
    position: absolute;
    top: 13px;
    left: 15px;
    color: #888;
    font-size: 0.8rem;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}



/* FOOTER MAIN */
.site-footer {
    padding: 100px 0 0px;
    background: rgb(255, 255, 255);
    background: #5e4c9d;
    clip-path: path("M 0 40 L 0 220 Q 200 60 600 120 Q 1900 400 2000 0 L 2000 2000 L 0 2000");
    position: relative;
    width: 100%;
    margin-top: -150px;
}

.footer {
    padding: 200px 0 50px;
}

.footer-top-row {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin: -10px;
    padding-bottom: 50px;
    border-bottom: 1px solid;
}

.footer-block {
    width: 33.33%;
    padding: 0 10px;
    margin: 10px 0;
    color: #2d2252;
}
.footer-block .contact-detail {
    display: inline-flex;
    
}

.footer-top-row .footer-block:nth-child(2)  {
    width: 25%;
}

.footer-block a {
    color: #2d2252;
}
.footer-block .email,.footer-block .call,.footer-block .address {
    margin-bottom: 0px;
}
.footer-block a:hover,
ul.social-media li a:hover {
    color: rgb(236 38 143);
    transition: 0.5s all;
}

ul.social-media {
    margin-top: 30px;
    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;
}

ul.social-media li:not(:last-child) {
    margin-right: 20px;
}

ul.social-media li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 100%;
    font-size: 15px;
    animation: float 3s ease-in-out infinite;
    color: #2d2252;
}

@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatey(-5px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
}

.footer-menu ul.menu {
    display: block;
}

.footer-menu ul.menu li {
    margin-right: 0;
    margin-bottom: 20px;
    width: max-content;
}

.contact-detail {
    display: block;
    margin-bottom: 20px;
}

.contact-detail i {
    margin-top: 10px;
    margin-right: 10px;
}

.footer-bottom-row {
    padding-top: 50px;
}

.clip-shape {
    background: #c5bce5;
    position: absolute;
    width: 100%;
    clip-path: path("M 0 200 L 0 295 Q 200 125 800 200 Q 2000 389 2000 -136 L 2000 2100 L 0 2100");
    top: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(197, 188, 229, 1) 100%);
    inset: 0;
    height: 100%;
}

/* FOOTER IMAGE */
ul.footer-images-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -10px;
}

ul.footer-images-list li {
    width: 33.33%;
    padding: 0 10px;
    margin: 10px 0;
}

.footer-image {
    height: 300px;
    width: 100%;
    border: 5px solid #5e4c9d;
    padding: 10px;
    border-radius: 10px;
}

.footer-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* HOME BANNER */
.hero-banner-row .wrapper {
    width: 90%;
}

span.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}

.hero-banner-content {
    width: 50%;
}
.banner-content .main-heading-text {
    margin-bottom: 10px;
}

.banner-content .sub-heading-text {
    /* color: #FFFFFF; */
    line-height: 1.3;
    font-size: 38px;
    font-weight: 800;
}

.banner-content {
    /* color: #FFFFFF; */
    padding: 70px 0 70px 70px;
}

.hero-banner-image {
    width: 50%;
    height: 100%;
}
ul.banner-slider {
    padding-bottom: 50px;
}
.banner-slide {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    height: 500px;
}

.hero-banner-wrap .main-heading-text {
    color: #FFFFFF;
}

.hero-banner-content .sub-heading-text {
    line-height: 1;
}

.banner-main {
    position: relative;
    z-index: 11;
    width: 49%;
}

.hero-banner-image img {
    width: 100%;
    height: 100%;
	
    object-fit: contain;
}

.banner-slider .slick-prev.slick-arrow {left: -25px;top: 50%;z-index: 2;}

.banner-slider .slick-next.slick-arrow {
    top: 50%;
    right: -25px;
    z-index: 2;
}

.banner-slider .slick-prev:before {
    content: '\f104';
}

.banner-slider .slick-next:before {
    content: '\f105';
}

.banner-slider .slick-next:before,
.banner-slider .slick-prev:before {
    font-family: 'fontAwesome';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* HOME ABOUT  */
.home-about-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-about-image {
    width: 45%;
}

.home-about-right {
    width: 50%;
    position: relative;
    z-index: 1;
}

.home-about-right .heading-group,
.service-row .heading-group,
.why-choose-row .heading-group {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.home-about-right .sub-heading,
.service-row .sub-heading,
.why-choose-row .sub-heading {
    position: absolute;
    left: 0;
}

.home-about-right .sub-heading-text,
.service-row .sub-heading-text,
.why-choose-row .sub-heading-text {
    -webkit-text-stroke: 1px rgb(0 0 0 / 70%);
    -webkit-text-fill-color: transparent;
    opacity: 0.3;
    font-size: 65px;
    font-weight: 900;
    font-family: "DM Sans", sans-serif;
}

.main-heading-text {
    text-transform: uppercase;
    color: #000000;
    font-weight: 800;
    letter-spacing: 5px;
    position: relative;
}

/* KEY BENEFIT */
ul.key-benefit-list {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    justify-content: center;
    margin: -10px;
}

ul.key-benefit-list li {
    width: 25%;
    padding: 0 10px;
    margin: 10px 0;
    /* height: 100%; */
}

.key-benefit-main {
    border: 1px solid;
    height: 100%;
    padding: 20px;
    border-radius: 0 50px;
    text-align: center;
    animation: colorchange 5s infinite;
}

.key-benefit-block {
    height: 100%;
    min-height: 165px;
}

.key-benefit-heading {
    margin-top: 20px;
}

.key-benefit-image img {
    margin: auto;
}

@keyframes colorchange {

    0% {
        border-radius: 0 80px;
    }

    25% {
        border-radius: 0px;
    }

    50% {
        border-radius: 80px 0;
    }

    75% {
        border-radius: 0px;
    }

    100% {
        border-radius: 0 80px;
    }
}

/* HOME SERVICE */

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}

.service-main {
    padding: 0 20px;
    margin:0 20px;
}

.service-block {
    height: 100%;
    position: relative;
    border-radius: 16px 16px 0 0;
}

.service-heading {
    text-align: center;
    padding: 10px;
    background: rgb(94 76 157);
    /* margin-top: 10px; */
    color: #fff;
    border-radius: 0 0 16px 16px;
    opacity: 0;
    transition: 0.5s all;
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
}

.service-slide {
    margin: 120px 0;
}

.service-slide .slick-list {
    overflow: visible;
    padding: 0 !important;
}

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

.service-slide .slick-slide {
    padding: 0 15px;

}

.service-image {
    width: 100%;
    background-color: rgba(0, 0, 0, .05);
    /* clip-path: inset(0 0 0 0 round 16px 16px 16px 16px); */
    aspect-ratio: 16/9;
    position: relative;
    height: 100%;
    border-radius: 16px 16px 0 0;
}

.service-main {
    transition: ease-in-out all .5s 0s;
    position: relative;
}

.service-slide .slick-slide .service-main {
    transform: scale(0.7) translate(0px);
    opacity: .4;
}

.service-slide .slick-slide.slick-center+.slick-slide .service-main {
    transform: scale(0.8) translate(90px);
    z-index: 10;
    opacity: .4;
}

.service-slide .slick-center+.slick-slide+.slick-slide .service-main {
    transform: scale(0.5) translate(0px);
    z-index: 5;
    opacity: .4;
}


.service-slide .slick-slide.slick-active .service-main {
    transform: scale(0.7) translate(-90px);
    opacity: 0.8;
}


.service-slide .slick-slide.slick-active.slick-center .service-main {
    transform: scale(1.5);
    z-index: 30;
    opacity: 1;
}

.service-slide .slick-slide.slick-active.slick-center .service-main .service-image {
    /* clip-path: inset(0 0 0 0 round 16px 16px 16px 16px); */
}

.service-slide .slick-slide.slick-active.slick-center .service-main .service-heading {
    opacity: 1;
}

.service-slide .slick-next {
    right: 25%;
    z-index: 1;
}

.service-slide .slick-prev {
    left: 27%;
    z-index: 1;
}

.service-slide .slick-next:before,
.service-slide .slick-prev:before {
    font-family: 'FontAwesome';
    font-size: 25px;
    line-height: 1;
    opacity: 1;
    color: #5e4c9d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.service-slide .slick-next:before {
    content: ' \f054';
}

.service-slide .slick-prev:before {
    content: ' \f053';
}

/* WHY CHOOSE */
.why-choose-wrap {
    position: relative;
}
.circle-shape {
    position: absolute;
    inset: 0;
}
.circle-shape img {
    height: 100%;
    width: 100%;
}
.why-choose-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -10px;
}

.why-choose-main {
    width: 33.33%;
    padding: 0 10px;
    margin: 10px 0;
}

.why-choose-block {
    height: 100%;
    padding: 20px;
    text-align: center;
    border: 1px solid #5e4c9d;
    box-shadow: 3px 3px 6px 0px #000000;
    background: rgb(247 252 255 / 70%);
}

.why-choose_heading {
    margin-top: 20px;
}
.why-choose-image img {
    margin: auto;
}
/* SERVICE PAGE CSS */
section.page-banner {
    padding: 30px 0;
    border-bottom: 2px solid #5e4c9d;
}

.page-banner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.bread-crumb {
    display: flex;
    align-items: center;
}
.bread-crumb a {
    color: #000000;
    transition: 0.5s all;
}

.bread-crumb a:hover {
    color: #ec268f;
}
.bread-crumb i {
    margin: 0 15px;
}

.page-heading-text {
    color: #ec268f;
    font-weight: 900;
    font-size: 50px;
}

.service-page {
    display: flex;
    flex-wrap: wrap;
}

.service-page .service-main {
    padding: 0;
    padding: 0 0px;
    width: 100%;
    border-bottom: 2px solid #c5bce5;
    padding-bottom: 50px;
    margin: 0;
    /* padding: 0; */
}

.service-page .service-main:not(:last-child){
	margin-bottom:50px;
}
.service-page .service-block {
    display: flex;
    flex-wrap: wrap;
}

.service-page .service-image {
    width: 45%;
    background: transparent;
    aspect-ratio: unset;
    clip-path: unset;
    /* height: 500px; */
    border-radius: 16px;
}

.service-page .service-image img {
    height: 100%;
    width: 100%;
    border-radius: 16px;
}

.service-page .service-content {
    width: 55%;
    padding: 30px;
}
.service-page .service-main:nth-child(even) .service-block {
    flex-direction: row-reverse;
}
.service-page-heading-text {
    margin-bottom: 30px;
}
.service-content .intro-description {
    margin-bottom: 0;
}
.service-content ul li span {
    color: #ff0000;
}

.service-content ul li {
    display: inline-flex;
}

.service-content ul li:before {
    content: "\f068";
	    margin-right: 15px;
    font-family: 'FontAwesome';
}
.service-content .button {
    margin-top: 30px;
}
/* CONTACT PAGE CSS */
.cta-left-block {
    /* border: 1px solid; */
    width: 40%;
}

.Contact-block {
    width: 100%;
    padding: 0 10px;
    margin: 10px 0;
}

.address-block {
    width: 100%;
    margin-top: 30px;
	border:1px solid;
	padding:30px;
}
.contact-main a {
    color: #000000;
    transition: 0.5s all;
}
.contact-main .contact-detail a:hover {
    color: #ec268f;
}
.contact-main .contact-detail {
    display: inline-block;
    margin-bottom: 0;
}

.contact-main {
    text-align: center;
    height: 100%;
}

.contact-main .contact-detail a {
    width: 100%;
}

.heading {
    margin-bottom: 30px;
	font-weight:600;
}

.email, .call,.address {
    margin-bottom: 20px;
}
.address{
	text-align:left;
}
.contact-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #d9d9d9;
    padding: 30px;
    box-shadow: 0 0 5px 0 #000000;
}

.address-text {
    display: inline-flex;
    margin-top: 5px;
    margin-left: 10px;
}
.contact-page.cta-row .heading-group {width: 100%;margin-bottom:50px;}

.cta-right-block {
    width: 55%;
}
.Contact-block:not(:last-child) {
    border-bottom: 1px solid;
    margin-bottom: 30px;
}
.service-content .button i {
    margin-left: 10px;
}
/* 404 PAGE CSS */
section.error-page {
	background: #ccd3e2;
}

.err {
	color: #FFFFFF;
	text-align: center;
	font-size: 100px;
	text-shadow: 0px 0px 10px #16357b;
	font-weight: 700;
	margin: 50px 0;
}

.error-page-content h3 {
    color: red;
    font-weight: 900;
}