/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/ 
#helvetica-black{
	font-family: 'Helvetica Black';
}

html {
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	height: 100%;
}

body {
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	font-size: 15px;
	background: #f5f5f5;
	margin: 0;
	font-weight: 400;
	color: #555555;
	line-height: 2;
	font-family: 'Poppins';
}

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

ul {
	padding-left: 40px;
	-webkit-padding-start: 40px;
	-moz-padding-start: 40px;
	padding-start: 40px;
}

ul {
    list-style: inherit;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

ul ul {
    list-style-type: circle;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 20px;
	margin-top: 0;
	color: #16163F;
	font-family: 'Poppins';
}

.main-menu li a {
	font-family: 'Poppins' !important;
	font-weight: 500;
}

h1 {
	font-size: 42px;
	font-size: 4.2rem;
	line-height: 1.125;
}

h2 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.25;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.25;
}

h4 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
}

h5 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.375;
}

h6 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

a {
	cursor: pointer;
	outline: none;
	color: #000000;
	text-decoration: none !important;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
	color: #999999;
	text-decoration: none;
	outline: none;
}

button:focus {
	outline: 0;
}

p {
	margin: 0 0 20px;
}

table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border-color: #dcd7ca;
}
thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th,
td {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0.5em;
}

th {
	font-weight: 700;
}
th a {
	text-decoration: underline !important;
}
th a:hover {
	color: #DA0D2B;
}

*::-moz-selection {
	background-color: #009a67;
	color: #ffffff;
}

*::selection {
	background-color: #009a67;
	color: #ffffff;
}

button {
	border: none;
	background-image: none;
	background: transparent;
}
img {
	max-width: 100%;
	height: auto;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
.row{
	margin-left: -15px;
	margin-right: -15px;
}
.column {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 15px;
	padding-left: 15px;
	max-width: 100%;
}

.column {
	display: inline-block;
	float: left;
}
.column-1 {
	width: 100%;
}

.column-2 {
	width: 50%;
}

.column-3 {
	width: 33.33333%;
}

.column-2of3 {
	width: 66.66667%;
}

.column-4 {
	width: 25%;
}

.column-5 {
	width: 20%;
}
.column-25 {
	width: 25%;
}
.column-75 {
	width: 75%;
}
.column-40 {
	width: 40%;
}
.column-60 {
	width: 60%;
}

.flow-block {
	position: relative;
}

.content-flow, .content-flow2 {
	position: relative;
}

.content-detail-flow {
	position: absolute;
    top: 25%;
    text-align: center;
    left: 15%;
    transform: translate(0%, -25%);
    width: 60%;
}

.content-detail-flow h3 {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #f22f7e;
	font-size : 3rem;
}

.content-detail-flow span {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #fff;
	font-size: 2rem;
}

.content-detail-flow1 {
    position: absolute;
    top: 20%;
    right: 8%;
    text-align: center;
    width: 50%;
}

.flow-item-wrap2 {
	position: absolute;
    top: 27%;
	right: -13%;
}

.content-detail-flow1 h3 {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #00a3cb;
	font-size : 3rem;
}

.content-detail-flow1 span {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #fff;
	font-size: 2rem;
}

.flow-item-wrap4 {
	position: absolute;
    top: 36%;
    left: -20%;
}

.content-detail-flow2 {
    position: absolute;
    top: 29%;
    left: 31%;
    width: 45%;
    text-align: center;
}

.content-detail-flow2 h3 {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #00a3cb;
	font-size : 3rem;
	margin: 0;
}

.content-detail-flow2 span {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #fff;
	font-size: 2rem;
}

.flow-item-wrap3 {
	text-align: center;
    position: relative;
    top: 46px;
    left: 30px;
}

.content-flow3 h2 {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #fff;
	font-size: 3rem;
}

.content-detail-flow3 {
    position: absolute;
    text-align: center;
    width: 50%;
    top: 33%;
    left: 31%;
}

.content-flow5 {
	position: relative;
    top: 100px;
	left: 50px;
}

.content-detail-flow3 h3 {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #b5f000;
	font-size : 3rem;
}

.content-detail-flow3 span {
	font-family : 'Open Sans Hebrew Condensed', 'sans-serif';
	font-weight : 600;
	color: #fff;
	font-size: 2rem;
}

.mobile {
	display: none!important;
}

.arrow-svg-mobile {
	display: none;
}

	.testimonial-title-wrap{
	text-align : center;
}

.testi-loop {
    padding: 10px 0px;
}

.testimonial-loop-wrap {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 20px;
}

.testimonial-loop-item {
	position: relative;
	text-align:center;
	padding: 0px 30px;
    margin: 60px 80px;
    border: 5px solid#000000;
    z-index: 4;
}

.testimonial-loop-item .client-name {
	text-align:left;
}

.testimonial-loop-item .client-name h4 {
	font-size: 18px;
}

.blockquote1 svg {
	fill: #000;
    width: 70px;
    height: 70px;
    z-index: 2;
    position: absolute;
    left: 11%;
    top: 9.5%;
}

.blockquote2 svg {
	fill: #000;
	width: 70px;
    height: 70px;
    z-index: 2;
    position: absolute;
    right: 11%;
    bottom: 9.5%;
}

@media (max-width: 1920px) {
	img.flow-1, img.flow-2, img.flow-4, img.flow-5 {
		width : 60%;
	}
	
	.content-detail-flow span, .content-detail-flow1 span, .content-detail-flow2 span, .content-detail-flow3 span {
		font-size: 1.7rem;
	}
	
	.content-detail-flow {
		position: absolute;
		top: 15%;
		text-align: center;
		left: 27%;
		transform: translate(0%, 0);
		width: 40%;
	}
	
	.content-detail-flow {
		position: absolute;
		top: 15%;
		text-align: center;
		left: 27%;
		transform: translate(0%, 0);
		width: 40%;
	}
	
	.content-detail-flow1 {
		position: absolute;
		top: 20%;
		right: 0%;
		text-align: center;
		width: 50%;
	}
	
	.flow-item-wrap2 {
		position: absolute;
		top: 27%;
		right: 2%;
	}
	
	.flow-item-wrap3 {
		text-align: center;
		position: relative;
		top: 20px;
		left: 30px;
	}
	
	.flow-item-wrap4 {
		position: absolute;
		top: 35%;
		left: -18%;
	}
	
	.content-detail-flow2 {
		position: absolute;
		top: 36%;
		left: 48%;
		width: 35%;
		text-align: center;
	}
	
	.content-flow5 {
		position: relative;
		top: 35px;
		left: 50px;
	}
	
	.content-detail-flow3 {
		position: absolute;
		text-align: center;
		width: 39%;
		top: 33%;
		left: 35%;
	}
}
@media (max-width: 1440px){
	.flow-item {
		width : 80%;
	}
	
	.content-flow.flow-item, .content-flow5.flow-item {
		width : 52%;
	}
	
	.content-detail-flow2 {
		position: absolute;
		top: 25%;
		left: 29%;
		width: 50%;
		text-align: center;
	}
	
	.content-detail-flow1 {
		position: absolute;
		top: 13%;
		right: 12%;
		text-align: center;
		width: 60%;
	}
	
	.content-detail-flow3 {
		position: absolute;
		text-align: center;
		width: 60%;
		top: 30%;
		left: 28%;
	}
	
	.flow-item-wrap2 {
		position: absolute;
		top: 23%;
		right: -11%;
	}
	
	.content-detail-flow1 {
		position: absolute;
		top: 13%;
		right: 9%;
		text-align: center;
		width: 38%;
	}
	
	img.flow-1, img.flow-2, img.flow-4, img.flow-5 {
		width : 70%;
	}
	
	.flow-item-wrap4 {
		position: absolute;
		top: 31%;
		left: -22%;
	}
	
	.content-detail-flow2 {
		position: absolute;
		top: 36%;
		left: 49%;
		width: 38%;
		text-align: center;
	}
	
	.content-flow5 {
		position: relative;
		top: 50px;
		left: 50px;
	}
	
	.content-detail-flow3 {
		position: absolute;
		text-align: center;
		width: 44%;
		top: 26%;
		left: 34%;
	}
}

@media (max-width: 1366px) {
	.flow-item {
		width: 50%;
	}

	.flow-item-wrap2 {
		right: -58%;
    	top: 23%;
	}

	.flow-item-wrap4 {
		left: -65px;
		top: 31%;
	}

	.flow-item-wrap3 {
		left: 13px;
	}

	.content-detail-flow1 {
		width: 50%;
	    right: 14%;
	    top: 19%;
	}

	.content-detail-flow2 {
		position: absolute;
		top: 27%;
		left: 10%;
		width: 24%;
		text-align: center;
	}
	
	.flow-item-wrap4 {
		justify-content : flex-end!important;
	}

	.flow-item-wrap4, .flow-item-wrap2 {
		width: 100%;
	}

	.content-flow5 {
		position: relative;
	    top: 10px;
	    left: 20px;
	}

	.content-detail-flow3 {
	    position: absolute;
	    text-align: center;
	    width: 50%;
	    top: 28%;
	    left: 32%;
	}
	
	.content-detail-flow span, .content-detail-flow1 span, .content-detail-flow2 span, .content-detail-flow3 span {
		font-size: 1.7rem;
	}
	
	.flow-item-wrap3 {
		top : 0;
	}
	
	img.flow-1, img.flow-2, img.flow-4, img.flow-5 {
		width : 80%;
	}
	
	.content-detail-flow {
		position: absolute;
		top: 10%;
		text-align: center;
		left: 25%;
		transform: translate(0%, 0);
		width: 40%;
	}
	
	.content-detail-flow2 {
		position: absolute;
		top: 30%;
		left: 15%;
		width: 25%;
		text-align: center;
	}
	
	.content-detail-flow2 h3 {
		font-size: 2.5rem;
	}
	
	.flow-item-wrap2 {
		right: -54%;
	}
	
	.content-detail-flow1 {
		width: 50%;
		right: 8%;
		top: 15%;
	}
	
	.content-detail-flow3 {
		position: absolute;
		text-align: center;
		width: 45%;
		top: 20%;
		left: 34%;
	}
}

@media (max-width: 1280px) {
	.content-detail-flow span, .content-detail-flow1 span, .content-detail-flow2 span, .content-detail-flow3 span {
		font-size: 1.7rem;
	}
	
	img.flow-1, img.flow-2, img.flow-4, img.flow-5 {
		width : 100%;
	}
	
	.content-detail-flow {
		position: absolute;
		top: 15%;
		text-align: center;
		left: 19%;
		transform: translate(0%, 0);
		width: 50%;
	}
	
	.content-detail-flow2 {
		position: absolute;
		top: 30%;
		left: 8%;
		width: 27%;
		text-align: center;
	}
	
	.flow-item-wrap3 {
		top: -21px;
		left : 0;
	}
	
	.flow-item-wrap2 {
		right: -62%;
	}
	
	.content-flow5 {
		position: relative;
		top: 30px;
		left: 40px;
	}
	
	.content-detail-flow3 {
		position: absolute;
		text-align: center;
		width: 66%;
		top: 33%;
		left: 25%;
	}
	
	.content-detail-flow1 {
		width: 60%;
		right: 10%;
		top: 13%;
	}
}

@media (max-width:1200px) {
	.flow-item-wrap2 {
		right: -55%;
		top: 23%;
	}
	
	.flow-item-wrap5 {
		padding-left:20px;
	}
	
	.flow-item-wrap {
		padding-right : 20px;
	}
	
	.content-detail-flow1 {
		width: 61%;
		right: 10%;
		top: 6%;
	}
	
	.content-detail-flow3 {
		position: absolute;
		text-align: center;
		width: 59%;
		top: 29%;
		left: 28%;
	}
	
	.content-detail-flow2 h3 {
		margin: 0;
	}
	
	.content-detail-flow2 {
		position: absolute;
		top: 32%;
		left: 5%;
		width: 34%;
		text-align: center;
	}

}

@media (max-width:1024px){
	.content-flow.flow-item, .content-flow5.flow-item {
		width: 48%;
	}
	
	.flow-item {
		width : 47%;
	}
	
	.content-detail-flow2 {
		position: absolute;
		top: 27%;
		left: 6%;
		width: 29%;
		text-align: center;
	}
	
	.content-detail-flow1 {
		width: 55%;
		right: 10%;
		top: 10%;
	}
	
	.content-detail-flow3 {
		position: absolute;
		text-align: center;
		width: 65%;
		top: 28%;
		left: 25%;
	}
	
		.content-detail-flow span, .content-detail-flow1 span, .content-detail-flow2 span, .content-detail-flow3 span {
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.mobile {
		display: block!important;
	}

	.desktop {
		display: none!important;
	}

	.flow-item-wrap3.mobile {
		margin-bottom: 0;
	}

	.flow-item-wrap3 {
		left: 0;
	}

	.flow-item-wrap2 {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
	}

	.flow-item-wrap4 {
		position: relative;
	    top: 0;
	    left: 0;
	}

	.content-flow5 {
		position: relative;
		top: 0;
		left: 0;
	}

	.content-detail-flow1 {
	    position: absolute;
	    top: 20%;
	    right: 0;
	    text-align: center;
	    width: 60%;
	}

	.content-detail-flow2 {
	    position: absolute;
	    top: 35%;
	    left: 16%;
	    width: 55%;
	    text-align: center;
	}

	.content-detail-flow3 {
	    position: absolute;
	    text-align: center;
	    width: 60%;
	    top: 31%;
	    left: 28%;
	}

	.arrow-svg-mobile {
		display: flex;
		justify-content: center;
	}

	.arrow-svg-mobile svg {
		width: 15%;
	}

	.arrow-svg-mobile.hiji svg {
		fill: #f22f7e;
	}

	.arrow-svg-mobile.dua svg {
		fill: #00a3cb;
	}

	.arrow-svg-mobile.tilu svg {
		fill: #b5f000;
	}

	.content-flow img, .content-flow2 img, .content-flow4 img, .content-flow5 img {
		display: none;
	}

	.content-detail-flow {
		position: relative;
	    top: 0;
	    text-align: center;
	    left: 0;
	    width: 60%;
	    transform: translate(0);
	}

	.content-detail-flow1 {
		position: relative;
	    top: 0;
	    text-align: center;
	    left: 0;
	    width: 60%;
	}

	.content-detail-flow2 {
		position: relative;
	    top: 0;
	    text-align: center;
	    left: 0;
	    width: 60%;
	}

	.content-detail-flow3 {
		position: relative;
	    top: 0;
	    text-align: center;
	    left: 0;
	    width: 60%;
	}

	.content-flow2, .content-flow4 {
		justify-content: center;
	}

	.item {
		padding: 20px 0 70px 0;
		width: 100%;
	}

	.flow-item {
		width: 100%;
	}
	
	.testimonial-loop-wrap {
		background-image : none!important;
	}
	
	.testimonial-loop-item {
		margin : 0;
	}
	
	.blockquote1 svg {
		fill: #000;
		width: 70px;
		height: 70px;
		z-index: 2;
		position: absolute;
		left: 5%;
		top: -14%;
	}
	
	.blockquote2 svg {
		width: 70px;
		height: 70px;
		z-index: 2;
		position: absolute;
		right: 5%;
		bottom: -14.5%;
	}
	
	.testimonial-loop-wrap {
		padding : 0 15px;
	}
	
	.content-flow.flow-item, .content-flow5.flow-item {
		width : 100%;
	}

}

@media (max-width:640px){
	.content-detail-flow span, .content-detail-flow1 span, .content-detail-flow2 span, .content-detail-flow3 span {
		font-size: 1.4rem;
	}
	
	.content-detail-flow, .content-detail-flow1, .content-detail-flow2, .content-detail-flow3 {
		width : 90%;
	}
	
	.item {
		padding: 10px 0 70px 0;
		width: 100%;
	}
}

@media (max-width:480px){
	.blockquote1 svg {
		width: 70px;
		height: 70px;
		z-index: 2;
		position: absolute;
		left: 11%;
		top: -10%;
	}
	.blockquote2 svg {
		width: 70px;
		height: 70px;
		z-index: 2;
		position: absolute;
		right: 11%;
		bottom: 9.5%;
	}
	
	
}

/* =========== Standard Grid ================= */

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

/*=========== Grid Template Columns =================*/

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-none {
  grid-template-columns: none;
}


/*=========== Grid Column Start / End =================*/

.col-auto {
  grid-column: auto;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-11 {
  grid-column: span 11 / span 11;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-start-auto {
  grid-column-start: auto;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-end-13 {
  grid-column-end: 13;
}

.col-end-auto {
  grid-column-end: auto;
}


/*=========== Grid Template Rows =================*/


.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none {
  grid-template-rows: none;
}


/*=========== Grid Row Start / End =================*/


.row-auto {
  grid-row: auto;
}

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-start-auto {
  grid-row-start: auto;
}

.row-end-1 {
  grid-row-end: 1;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-end-auto {
  grid-row-end: auto;
}


/*=========== Grid Gap =================*/


.gap-0 {
  grid-gap: 0;
  gap: 0;
}

.gap-1 {
  grid-gap: 0.25rem;
  gap: 0.25rem;
}

.gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.gap-3 {
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}

.gap-5 {
  grid-gap: 1.25rem;
  gap: 1.25rem;
}

.gap-6 {
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.gap-8 {
  grid-gap: 2rem;
  gap: 2rem;
}

.gap-10 {
  grid-gap: 2.5rem;
  gap: 2.5rem;
}

.gap-12 {
  grid-gap: 3rem;
  gap: 3rem;
}

.gap-16 {
  grid-gap: 4rem;
  gap: 4rem;
}

.gap-20 {
  grid-gap: 5rem;
  gap: 5rem;
}

.gap-24 {
  grid-gap: 6rem;
  gap: 6rem;
}

.gap-32 {
  grid-gap: 8rem;
  gap: 8rem;
}

.gap-40 {
  grid-gap: 10rem;
  gap: 10rem;
}

.gap-48 {
  grid-gap: 12rem;
  gap: 12rem;
}

.gap-56 {
  grid-gap: 14rem;
  gap: 14rem;
}

.gap-64 {
  grid-gap: 16rem;
  gap: 16rem;
}

.gap-px {
  grid-gap: 1px;
  gap: 1px;
}

.col-gap-0 {
  grid-column-gap: 0;
  column-gap: 0;
}

.col-gap-1 {
  grid-column-gap: 0.25rem;
  column-gap: 0.25rem;
}

.col-gap-2 {
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.col-gap-3 {
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
}

.col-gap-4 {
  grid-column-gap: 1rem;
  column-gap: 1rem;
}

.col-gap-5 {
  grid-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.col-gap-6 {
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.col-gap-8 {
  grid-column-gap: 2rem;
  column-gap: 2rem;
}

.col-gap-10 {
  grid-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.col-gap-12 {
  grid-column-gap: 3rem;
  column-gap: 3rem;
}

.col-gap-16 {
  grid-column-gap: 4rem;
  column-gap: 4rem;
}

.col-gap-20 {
  grid-column-gap: 5rem;
  column-gap: 5rem;
}

.col-gap-24 {
  grid-column-gap: 6rem;
  column-gap: 6rem;
}

.col-gap-32 {
  grid-column-gap: 8rem;
  column-gap: 8rem;
}

.col-gap-40 {
  grid-column-gap: 10rem;
  column-gap: 10rem;
}

.col-gap-48 {
  grid-column-gap: 12rem;
  column-gap: 12rem;
}

.col-gap-56 {
  grid-column-gap: 14rem;
  column-gap: 14rem;
}

.col-gap-64 {
  grid-column-gap: 16rem;
  column-gap: 16rem;
}

.col-gap-px {
  grid-column-gap: 1px;
  column-gap: 1px;
}

.row-gap-0 {
  grid-row-gap: 0;
  row-gap: 0;
}

.row-gap-1 {
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

.row-gap-2 {
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.row-gap-3 {
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

.row-gap-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.row-gap-5 {
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

.row-gap-6 {
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

.row-gap-8 {
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.row-gap-10 {
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

.row-gap-12 {
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

.row-gap-16 {
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

.row-gap-20 {
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

.row-gap-24 {
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

.row-gap-32 {
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

.row-gap-40 {
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

.row-gap-48 {
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

.row-gap-56 {
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

.row-gap-64 {
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

.row-gap-px {
  grid-row-gap: 1px;
  row-gap: 1px;
}

/*=========== Grid Auto Flow =================*/


.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}



/*=========== FLEX =================*/
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}


.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}



.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

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

.self-stretch {
  align-self: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

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

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

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

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

@media (max-width: 768px) {

  .res\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .res\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .res\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .res\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .res\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .res\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .res\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .res\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .res\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .res\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .res\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .res\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .res\:grid-cols-none {
    grid-template-columns: none;
  }

  .res\:col-auto {
    grid-column: auto;
  }

  .res\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .res\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .res\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .res\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .res\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .res\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .res\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .res\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .res\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .res\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .res\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .res\:col-span-12 {
    grid-column: span 12 / span 12;
  }

}

@media (max-width: 640px) {


.sm\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.sm\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sm\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sm\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sm\:grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sm\:grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sm\:grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.sm\:grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.sm\:grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.sm\:grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.sm\:grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.sm\:grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.sm\:grid-cols-none {
  grid-template-columns: none;
}

.sm\:col-auto {
  grid-column: auto;
}

.sm\:col-span-1 {
  grid-column: span 1 / span 1;
}

.sm\:col-span-2 {
  grid-column: span 2 / span 2;
}

.sm\:col-span-3 {
  grid-column: span 3 / span 3;
}

.sm\:col-span-4 {
  grid-column: span 4 / span 4;
}

.sm\:col-span-5 {
  grid-column: span 5 / span 5;
}

.sm\:col-span-6 {
  grid-column: span 6 / span 6;
}

.sm\:col-span-7 {
  grid-column: span 7 / span 7;
}

.sm\:col-span-8 {
  grid-column: span 8 / span 8;
}

.sm\:col-span-9 {
  grid-column: span 9 / span 9;
}

.sm\:col-span-10 {
  grid-column: span 10 / span 10;
}

.sm\:col-span-11 {
  grid-column: span 11 / span 11;
}

.sm\:col-span-12 {
  grid-column: span 12 / span 12;
}

}

/* Calculation Column */
.custom-cal-col-1 {
  width: calc(100% / 1);
}
.custom-cal-col-2 {
  width: calc(100% / 2);
}
.custom-cal-col-3 {
  width: calc(100% / 3);
}
.custom-cal-col-4 {
  width: calc(100% / 4);
}
.custom-cal-col-5 {
  width: calc(100% / 5);
}
.custom-cal-col-6 {
  width: calc(100% / 6);
}

.thaw-container {
  max-width: 1080px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}