/* ==========================================================
   INTERWEBINDO UI KIT
   File      : global.css
   Version   : 1.0.0
   Purpose   : Global Styles
========================================================== */


/* Body */

body{

    font-family:var(--iw-font);
    font-size:var(--iw-fs-md);
    font-weight:var(--iw-fw-normal);
    line-height:1.6;

    color:var(--iw-text);
    background:var(--iw-bg);

}

/* Headings */

h1{
    font-size:var(--iw-h1);
    font-weight:var(--iw-fw-bold);
    color:var(--iw-primary);
}

h2{
    font-size:var(--iw-h2);
    font-weight:var(--iw-fw-bold);
    color:var(--iw-primary);
}

h3{
    font-size:var(--iw-h3);
    font-weight:var(--iw-fw-semibold);
    color:var(--iw-primary);
}

h4{
    font-size:var(--iw-h4);
    font-weight:var(--iw-fw-semibold);
    color:var(--iw-primary);
}

h5{
    font-size:var(--iw-h5);
    font-weight:var(--iw-fw-semibold);
    color:var(--iw-primary);
}

h6{
    font-size:var(--iw-h6);
    font-weight:var(--iw-fw-semibold);
    color:var(--iw-primary);
}

/* Paragraph */

p{
    margin-bottom:1rem;
}

/* Links */

a{

    color:var(--iw-primary);;
	font-weight:var(--iw-fw-md)
    transition:var(--iw-transition);

}

a:hover{

    color:var(--iw-primary-hover);

}

/* Images */

img{
    height:auto;
}

/*==========================================================
  FONT FAMILY
==========================================================*/

.iw-font{
    font-family: var(--iw-font);
}

/*==========================================================
  FONT SIZE
==========================================================*/

.iw-fs-xs{
    font-size: var(--iw-fs-xs);
}

.iw-fs-sm{
    font-size: var(--iw-fs-sm);
}

.iw-fs-md{
    font-size: var(--iw-fs-md);
}

.iw-fs-lg{
    font-size: var(--iw-fs-lg);
}

.iw-fs-xl{
    font-size: var(--iw-fs-xl);
}

/*==========================================================
  FONT WEIGHT
==========================================================*/

.iw-fw-light{
    font-weight: var(--iw-fw-light);
}

.iw-fw-normal{
    font-weight: var(--iw-fw-normal);
}

.iw-fw-medium{
    font-weight: var(--iw-fw-medium);
}

.iw-fw-semibold{
    font-weight: var(--iw-fw-semibold);
}

.iw-fw-bold{
    font-weight: var(--iw-fw-bold);
}

.iw-fw-extra{
    font-weight: var(--iw-fw-extra);
}

/*==========================================================
  TEXT ALIGN
==========================================================*/

.iw-text-left{
    text-align: var(--iw-text-left);
}

.iw-text-center{
    text-align: var(--iw-text-center);
}

.iw-text-right{
    text-align: var(--iw-text-right);
}

.iw-text-justify{
    text-align: var(--iw-text-justify);
}
/*==========================================================
  BACKGROUND UTILITIES
==========================================================*/

.iw-bg-primary{
    background-color: var(--iw-primary);
}
.iw-bg-primary:hover {
	background-color: var(--iw-primary-hover);
}

.iw-bg-secondary{
    background-color: var(--iw-secondary);
}
.iw-bg-secondary:hover{
    background-color: var(--iw-secondary-hover);
}

.iw-bg-accent {
	 background-color: var(--iw-accent);
}
.iw-bg-accent:hover {
	 background-color: var(--iw-accent-hover);
}


/*==========================================================
  TEXT COLOR  
==========================================================*/
.iw-text-light{
    color: #ffffff;
}

.iw-text-primary {
    color: var(--iw-primary);
}

.iw-text-secondary {
    color: var(--iw-secondary);
}

.iw-text-accent {
    color: var(--iw-accent);
}

/* Neutral */

.iw-text-white {
    color: #fff;
}
/*==========================================================
  SHADOW  
==========================================================*/

.iw-shadow-xs {
    box-shadow: var(--iw-shadow-xs);
}

.iw-shadow-sm {
    box-shadow: var(--iw-shadow-sm);
}

.iw-shadow-md {
    box-shadow: var(--iw-shadow-md);
}

.iw-shadow-lg {
    box-shadow: var(--iw-shadow-lg);
}

/* Selection */

::selection{

    background:var(--iw-primary);
    color:var(--iw-white);

}


/*==========================================================
  SPACING
==========================================================*/

.elementor .iw-mp-reset {margin:0; padding:0;}

.iw-p-0{padding:var(--iw-space-0);}
.iw-p-1{padding:var(--iw-space-1);}
.iw-p-2{padding:var(--iw-space-2);}
.iw-p-3{padding:var(--iw-space-3);}
.iw-p-4{padding:var(--iw-space-4);}
.iw-p-5{padding:var(--iw-space-5);}

.iw-pt-0{padding-top:var(--iw-space-0);}
.iw-pt-1{padding-top:var(--iw-space-1);}
.iw-pt-2{padding-top:var(--iw-space-2);}
.iw-pt-3{padding-top:var(--iw-space-3);}
.iw-pt-4{padding-top:var(--iw-space-4);}
.iw-pt-5{padding-top:var(--iw-space-5);}

.iw-pr-0{padding-right:var(--iw-space-0);}
.iw-pr-1{padding-right:var(--iw-space-1);}
.iw-pr-2{padding-right:var(--iw-space-2);}
.iw-pr-3{padding-right:var(--iw-space-3);}
.iw-pr-4{padding-right:var(--iw-space-4);}
.iw-pr-5{padding-right:var(--iw-space-5);}

.iw-pb-0{padding-bottom:var(--iw-space-0);}
.iw-pb-1{padding-bottom:var(--iw-space-1);}
.iw-pb-2{padding-bottom:var(--iw-space-2);}
.iw-pb-3{padding-bottom:var(--iw-space-3);}
.iw-pb-4{padding-bottom:var(--iw-space-4);}
.iw-pb-5{padding-bottom:var(--iw-space-5);}

.iw-pl-0{padding-left:var(--iw-space-0);}
.iw-pl-1{padding-left:var(--iw-space-1);}
.iw-pl-2{padding-left:var(--iw-space-2);}
.iw-pl-3{padding-left:var(--iw-space-3);}
.iw-pl-4{padding-left:var(--iw-space-4);}
.iw-pl-5{padding-left:var(--iw-space-5);}

.iw-px-0{padding-left:var(--iw-space-0);padding-right:var(--iw-space-0);}
.iw-px-1{padding-left:var(--iw-space-1);padding-right:var(--iw-space-1);}
.iw-px-2{padding-left:var(--iw-space-2);padding-right:var(--iw-space-2);}
.iw-px-3{padding-left:var(--iw-space-3);padding-right:var(--iw-space-3);}
.iw-px-4{padding-left:var(--iw-space-4);padding-right:var(--iw-space-4);}
.iw-px-5{padding-left:var(--iw-space-5);padding-right:var(--iw-space-5);}

.iw-py-0{padding-top:var(--iw-space-0);padding-bottom:var(--iw-space-0);}
.iw-py-1{padding-top:var(--iw-space-1);padding-bottom:var(--iw-space-1);}
.iw-py-2{padding-top:var(--iw-space-2);padding-bottom:var(--iw-space-2);}
.iw-py-3{padding-top:var(--iw-space-3);padding-bottom:var(--iw-space-3);}
.iw-py-4{padding-top:var(--iw-space-4);padding-bottom:var(--iw-space-4);}
.iw-py-5{padding-top:var(--iw-space-5);padding-bottom:var(--iw-space-5);}

.iw-m-0{margin:var(--iw-space-0);}
.iw-m-1{margin:var(--iw-space-1);}
.iw-m-2{margin:var(--iw-space-2);}
.iw-m-3{margin:var(--iw-space-3);}
.iw-m-4{margin:var(--iw-space-4);}
.iw-m-5{margin:var(--iw-space-5);}

.iw-mt-0{margin-top:var(--iw-space-0);}
.iw-mt-1{margin-top:var(--iw-space-1);}
.iw-mt-2{margin-top:var(--iw-space-2);}
.iw-mt-3{margin-top:var(--iw-space-3);}
.iw-mt-4{margin-top:var(--iw-space-4);}
.iw-mt-5{margin-top:var(--iw-space-5);}

.iw-mr-0{margin-right:var(--iw-space-0);}
.iw-mr-1{margin-right:var(--iw-space-1);}
.iw-mr-2{margin-right:var(--iw-space-2);}
.iw-mr-3{margin-right:var(--iw-space-3);}
.iw-mr-4{margin-right:var(--iw-space-4);}
.iw-mr-5{margin-right:var(--iw-space-5);}

.iw-mb-0{margin-bottom:var(--iw-space-0);}
.iw-mb-1{margin-bottom:var(--iw-space-1);}
.iw-mb-2{margin-bottom:var(--iw-space-2);}
.iw-mb-3{margin-bottom:var(--iw-space-3);}
.iw-mb-4{margin-bottom:var(--iw-space-4);}
.iw-mb-5{margin-bottom:var(--iw-space-5);}

.iw-ml-0{margin-left:var(--iw-space-0);}
.iw-ml-1{margin-left:var(--iw-space-1);}
.iw-ml-2{margin-left:var(--iw-space-2);}
.iw-ml-3{margin-left:var(--iw-space-3);}
.iw-ml-4{margin-left:var(--iw-space-4);}
.iw-ml-5{margin-left:var(--iw-space-5);}

.iw-mx-0{margin-left:var(--iw-space-0);margin-right:var(--iw-space-0);}
.iw-mx-1{margin-left:var(--iw-space-1);margin-right:var(--iw-space-1);}
.iw-mx-2{margin-left:var(--iw-space-2);margin-right:var(--iw-space-2);}
.iw-mx-3{margin-left:var(--iw-space-3);margin-right:var(--iw-space-3);}
.iw-mx-4{margin-left:var(--iw-space-4);margin-right:var(--iw-space-4);}
.iw-mx-5{margin-left:var(--iw-space-5);margin-right:var(--iw-space-5);}

.iw-my-0{margin-top:var(--iw-space-0);margin-bottom:var(--iw-space-0);}
.iw-my-1{margin-top:var(--iw-space-1);margin-bottom:var(--iw-space-1);}
.iw-my-2{margin-top:var(--iw-space-2);margin-bottom:var(--iw-space-2);}
.iw-my-3{margin-top:var(--iw-space-3);margin-bottom:var(--iw-space-3);}
.iw-my-4{margin-top:var(--iw-space-4);margin-bottom:var(--iw-space-4);}
.iw-my-5{margin-top:var(--iw-space-5);margin-bottom:var(--iw-space-5);}

/*==========================================================
  BORDER
==========================================================*/

/* All */
border: var(--iw-border-1) solid var(--iw-border-light);

/* Top */
border-top: var(--iw-border-1) solid var(--iw-border-light);

/* Right */
border-right: var(--iw-border-1) solid var(--iw-border-light);

/* Bottom */
border-bottom: var(--iw-border-1) solid var(--iw-border-light);

/* Left */
border-left: var(--iw-border-1) solid var(--iw-border-light);

/* Custom Width */
border: var(--iw-border-2) solid var(--iw-border-dark);

/* Only Color */
border-color: var(--iw-border-dark);

/* Only Width */
border-width: var(--iw-border-1);

/* Only Style */
border-style: solid;
/*==========================================================
  CONTAINER
==========================================================*/

.iw-container{

    width:100%;
    max-width:var(--iw-container);

    margin-inline:auto;

    padding-inline:20px;

}

/*==========================================================
  SECTION 
==========================================================*/

.iw-section{

    padding-block:var(--iw-section-desktop);

}

/*==========================================================
  RESPONSIVE 
==========================================================*/

@media (max-width:1024px){

    .iw-section{

        padding-block:var(--iw-section-tablet);

    }

}

@media (max-width:767px){

    .iw-section{

        padding-block:var(--iw-section-mobile);

    }

}