@charset "UTF-8";
/*
Theme Name:		Deskteam360
Theme URI:		https: //deskteam360.com/
Author: 		Deskteam360
Author URI:		https: //deskteam360.com/
Description:	Deskteam360 Theme
Version: 		1.0.0
License: 		GNU General Public License v2 or later
License URI: 	LICENSE
Text Domain: 	Deskteam360
*/

@media (min-width: 2561px) {
    html {
        font-size: 0.85vw;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}
/* ++++++++++++++ VARIABLES  ++++++++++++++ */
:root {
    --black: rgb(0, 0, 0);
    --white: rgb(255, 255, 255);
    --red: rgb(224, 48, 14);
    --gray: rgb(112, 112, 112);
    --gray-light: rgb(204, 204, 204);
    --primary-main: rgb(67, 81, 255);
    --secondary-main: rgb(0, 0, 0);
    --tertiary-main: rgb(112, 112, 112);
    --quaternary-main: rgb(204, 204, 204);
    --background-light: rgb(204, 204, 204);
    --background-dark: rgb(35, 35, 35);
    --krisa-white-cho: rgb(238, 227, 214);
    --krisa-tan: rgb(209, 176, 141);
    --krisa-umber: rgb(100, 85, 72);
    --krisa-pale: rgb(250, 243, 235);
    --krisa-highlight: rgb(160, 115, 75);
    --krisa-bg: rgb(255, 249, 241);
    --krisa-light-bg: rgb(255, 252, 247);
    --font-primary: "Inter", Sans-serif;
    --font-secondary: "Tenor Sans", Sans-serif;
    --font-icon-fa: "Font Awesome 5 Free";
    --font-icon: "baseicon";
    --font-large: 1rem;
    --font-default: calc(16rem / 16);
    --font-small: calc(12rem / 16);
    --font-tiny: calc(12rem / 16);
    --container-default: calc(1260rem / 16);
    --container-medium: calc(1000rem / 16);
    --container-small: calc(740rem/16);
    --drop-shadow--small: 0px 4px 4px 0px rgba(172, 166, 244, 0.16);
    --drop-shadow--medium: 0px 16px 16px 0px rgba(172, 166, 244, 0.16);
    --drop-shadow--large: 0px 40px 40px 0px rgba(172, 166, 244, 0.16);
    --drop-shadow--card: var(--drop-shadow--small);
    --transition-default: all 0.3s ease;
    --col-gap: calc(10rem / 16);
    --p-xl: calc(120 / 16);
    --p-l: calc(90rem / 16);
    --p-m: calc(70rem / 16);
    --p-s: calc(50rem / 16);
    --p-h: 2rem;
}
@media screen and (max-width: 1024px) {
    :root {
        --p-l: 70px;
        --p-m: 54px;
        --p-s: 38px;
        --p-h: 20px;
    }
}
@media screen and (max-width: 767px) {
    :root {
        --p-l: 50px;
        --p-m: 38px;
        --p-s: 26px;
        --p-h: 10px;
    }
}

html {
    --p-170: calc(170rem / 16);
    --p-100: calc(100rem / 16);
    --p-90: calc(90rem / 16);
}

body {
    margin: 0;
}

/* +++++++++++++++++++++++++++++++
    FOUNDATION

	For the base structure for 
	row/section, column, etc.
+++++++++++++++++++++++++++++++*/
.elementor-section {
    border: 2px solid red;
}
.e-con.e-con-boxed > .e-con-inner {
    max-width: var(--container-default);
}
.e-con.e-con-boxed.container-medium > .e-con-inner {
    max-width: var(--container-medium);
}.e-con.e-con.e-con-boxed.container-small > .e-con-inner {
    max-width: var(--container-small);
}
@media screen and (max-width: 1024px) {
    .e-con.e-parent {
        padding-right: 20px;
        padding-left: 20px;;
    }
}
@media screen and (max-width: 767px) {
    .e-con.e-parent {
        padding-right: 10px;
        padding-left: 10px;
        ;
    }
}
/* Default left-padding for the row */
.padding-large,
.padding-medium,
.padding-small {
    padding-right: var(--p-h);
    padding-left: var(--p-h);
}

.padding-large > .e-con-inner {
    padding-block-end: var(--p-l) !important;
    padding-block-start: var(--p-l) !important;
}

.padding-medium > .e-con-inner {
    padding-block-end: var(--p-m) !important;
    padding-block-start: var(--p-m) !important;
}

.padding-small > .e-con-inner {
    padding-block-end: var(--p-s);
    padding-block-start: var(--p-s);
}

.pt-0 > .e-con-inner {
    padding-block-start: 0 !important;
}

.pb-0 > .e-con-inner {
    padding-block-end: 0 !important;
}

.pr-0 > .e-con-inner {
    padding-right: 0 !important;
}

.pl-0 > .e-con-inner {
    padding-left: 0 !important;
}

.e-flex.flex-column-two > .e-con-inner > .e-con {
    width: calc((100% / 2) - 15px);
}
.e-flex.flex-column-three > .e-con-inner > .e-con {
    width: calc((100% / 3) - 15px);
}
.e-flex.flex-column-four > .e-con-inner > .e-con {
    width: calc((100% / 4) - 15px);
}
.e-flex.flex-column-five > .e-con-inner > .e-con {
    width: calc((100% / 5) - 15px);
}

/* Spreading normal UL/OL to 2 column */
ul.two-column,
ol.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
ul.two-column li,
ol.two-column li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    padding-right: 0.8rem;
}

.elementor-widget
    li.elementor-icon-list-item
    .elementor-icon-list-icon
    + .elementor-icon-list-text {
    padding-left: 0;
    margin-left: calc(8rem / 16);
}

/* ++++++++++++++++++++++++++++++++++++
    INPUT
++++++++++++++++++++++++++++++++++++ */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
    display: none;
}
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
    width: 0;
    height: 0;
}

.header.popup-active {
    backdrop-filter: none;
}

.elementor-sticky.popup-active.elementor-sticky--active.elementor-section--handles-inside .hamburger-lines .line {
    background: #ffffff;
}

.popup-active .hamburger-lines .line {
    background: #ffffff !important;
}

.header.elementor-sticky--effects .line {
    background: var(--krisa-tan);
}

.hamburger-lines {
    position: relative;
    display: block;
    height: 20px;
    width: 24px;
}

.hamburger-lines .line {
    background: var(--krisa-tan);
    display: block;
    height: 2px;
    width: 100%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}

.hamburger-lines .line.line1 {
    transform: translateY(-9px);
}

.hamburger-lines .line.line2 {
    transition: all .2s ease;
}

.hamburger-lines .line.line3 {
    transform: translateY(7px);
}

.hamburger-lines.active .line2 {
    opacity: 0;
}

.hamburger-lines.active .line1 {
    animation: line1 .5s ease forwards;
}

.hamburger-lines.active .line3 {
    animation: line3 .5s ease forwards;
}

@keyframes line1 {
    50% {
        transform: none;
    }

    100% {
        transform: rotate(45deg);
    }
}

@keyframes line3 {
    50% {
        transform: none;
    }

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