@import "./strona_produktowa.css";




.oprfk_header{
    display: flex;
    justify-content: center;
    align-items: center;
    /* max-width: 100rem; */
    margin: 0 auto;
    margin-top: 4rem;
}

.oprfk_header-grabber{
    display: flex;
    width: 100%;
    /* max-width: 100rem; */
    justify-content: center;
    align-items: stretch;
    max-width: 86rem;
}

.oprfk_header-lft{
    width: 100%;
    padding: 4rem 2rem;
    margin-bottom: 5rem;
}

.oprfk_header-lft h1{
    font-size: 2.5rem;
    font-weight: 500;
    margin: 2rem;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
    font-size: 3.8rem;
    font-weight: bold;
}

.oprfk_header-lft h1 span{
    font-size: 4rem;
    font-weight: bold;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 4rem;
}

.oprfk_header-lft p{
    font-family: 'Quicksand', sans-serif;
}

.oprfk_header-lft p b{
    font-family: 'Quicksand', sans-serif;
}

.oprfk_header-lft a{
    margin-left: 2rem;
}


.oprfk_header-rgt{
    width: 100%;
    background-image: url(../img/imgStampBanner/bg4.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}
.oprfk_header-blob{
    background-image: url(../img/obrfk/blobtrns.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15rem;
    height: 10rem;
    margin: 1.5rem;
    margin-left: 3rem;
    margin-bottom: 0rem;

}

.oprfk_header-rgt .stamp{
    background-image: url(../img/stamp1.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 13rem;
    width: 13rem;
    left: 1rem;
    bottom: 1rem;
}



/**/


.symf_area--header{
    background-image: url(../img/oprogramowanie/fk/main_banner.jpg);
}

.symf_area--subHeader{
    background-image: url(../img/oprogramowanie/fk/banner1.webp);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-start;
}

 

.k_obszar_moduly_img {
	
    display: flex;
    flex-direction: column;
    background-image: url(../img/produktowe/finanse_ksiegowosc/puzzle.webp);
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f3f5f7 !important;
	   
}


.symf_area--supportGrabber{
    margin-left: 0;
    margin-top: 25rem;
}

.k_box_szczegoly{
    width: 100%;
    max-width: 45rem;

}

.symf_area--subHeaderTitle{
    padding: 0;
    width: auto;
}

.symf_area--subHeader{
    padding: 6rem 1rem;
}



.sec1box h5{
    font-family: 'Quicksand', sans-serif;
    font-size: 1.8rem;
    color: #003349;
    margin: 1rem 2rem;
    font-weight: 600;
}
.sec1box p{
    margin: 1rem 2rem;
    line-height: 2.2rem;
}
.sec1box ul{
    font-size: 1.3rem;
    margin: 1rem 2rem;
    list-style: disc;
    margin-left: 3rem;
}
.sec1box li{
    margin: 1rem;
    line-height: normal;
}
.sec1box .sec1boxDiv{
    margin: 2rem 0;
}
.symf_area--subHeader.sec1box {
    padding: 4rem 1rem;
    width: 100%;
  max-width: 80rem;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 4rem;
  border-radius: 3rem;
}
.sec1box .symf_area--subHeaderContent{
    max-width: 53rem;
}
.symf_area--subHeaderFlexbox{
    width: 100%;
    max-width: 85rem;
    margin: 0 auto;
}



.stepsSection{

}
.stepsSection_grabber{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.stepsSection_title{
    color: #003349;
    font-size: 2.5rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    text-align: center;
}
.stepsSection_subtitle{
    width: 100%;
    max-width: 53rem;
    text-align: center;
}

.stepsSection_mainbox{
    width: 100%;
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.stepsSection_mainbox h5{
    font-size: 2rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 3rem;
    width: 100%;
    max-width: 60rem;

}


.stepsSection_mainboxSteps{
    display: flex;
    margin: 3rem 0 6rem 0;
    min-height: 13rem;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    border-radius: 1rem;
}

.stepsSection_mainboxSteps .step{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex: 1;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding: 2rem;
    position: relative;
    overflow: hidden;
}
.stepsSection_mainboxSteps .step p{
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
    line-height: normal;
    margin: 0.5rem 0;
    position: relative;
    z-index: 10;
    
}
.stepsSection_mainboxSteps .step.s1{
    background-color: #003349;
    color: #C1ECFF;
}
.stepsSection_mainboxSteps .step.s1:after{
    content: "1";
    position: absolute;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 20rem;
    z-index: 9;
    color: #009EE2;
    opacity: .08;
    bottom: -65px;
    left: -5px;
}

.stepsSection_mainboxSteps .step.s1:before{
    content: "";
    position: absolute;
    z-index: 9;
    background-color: #003349;
    width: 2rem;
    height: 2rem;
    right: 6px;
    transform: rotate(45deg);
    
}

.stepsSection_mainboxSteps .step.s2{
    background-color: #009EE2;
    color: white;
    margin-left: -1rem;
}
.stepsSection_mainboxSteps .step.s2:after{
    content: "2";
    position: absolute;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 20rem;
    z-index: 9;
    color: white;
    opacity: .12;
    bottom: -65px;
    left: -5px;
}

.stepsSection_mainboxSteps .step.s2:before{
    content: "";
    position: absolute;
    z-index: 9;
    background-color: #009EE2;
    width: 2rem;
    height: 2rem;
    right: 6px;
    transform: rotate(45deg);
    
}

.stepsSection_mainboxSteps .step.s3{
    background-color: #C1ECFF;
    margin-left: -1rem;
}

.stepsSection_mainboxSteps .step.s3:after{
    content: "3";
    position: absolute;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 20rem;
    z-index: 9;
    color: white;
    opacity: .39;
    bottom: -65px;
    left: -5px;
}

.stepsSection_mainboxSteps .step.s3:before{
    content: "";
    position: absolute;
    z-index: 9;
    background-color: #C1ECFF;
    width: 2rem;
    height: 2rem;
    right: 6px;
    transform: rotate(45deg);
    
}


.stepsSection_mainboxSteps .step.s4{
    background-color: #9CDAF5;
    margin-left: -1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.stepsSection_mainboxSteps .step.s4:after{
    content: "4";
    position: absolute;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 20rem;
    z-index: 9;
    color: #C1ECFF;
    opacity: .30;
    bottom: -65px;
    left: -5px;
}

.stepsSection_mainboxSteps .step.s4edit:before{
    content: "";
    position: absolute;
    z-index: 9;
    background-color: #9CDAF5;
    width: 2rem;
    height: 2rem;
    right: 6px;
    transform: rotate(45deg);
    
}
.stepsSection_mainboxSteps .step.s4edit{
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}


.stepsSection_mainboxSteps .step.s5{
    background-color: #F6FCFF;
    margin-left: -1rem;
    border-radius: 1rem;
}
.stepsSection_mainboxSteps .step.s5:after{
    content: "5";
    position: absolute;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 20rem;
    z-index: 9;
    color: #C1ECFF;
    opacity: .30;
    bottom: -65px;
    left: -5px;
}
.symf_area--featureIcon{
    width: auto;
    height: 5.5rem;
}

.k_linia{
    margin-bottom: 6rem;
}
.featuresEdit{
    background-color: #F5F5F5;
}




/**/


.shoplinkSection{
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
}
.shoplinkSection_holder{

}


.shoplinkSection_title{
    font-family: 'Quicksand', sans-serif;
    font-size: 3.2rem;
    color: var(--altblue-color);
    text-align: center;

}
.shoplinkSection_subtitle{
    font-family: 'Quicksand', sans-serif;
    font-size:1.6rem;
    font-weight: 500;
    text-align: center;
}

.shoplinkSection_line{
    position: relative;
    height: 3rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shoplinkSection_mainline{
    height: 0px;
    width: 100%;
    border: 1px solid lightgray;
    opacity: .9;
}
.shoplinkSection_linebutton{
    position: absolute;
    right: 0;
    background-color: white;
    color: black;
    padding: 1rem;
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}

.shoplinkSection_linebutton::after{
    content: ">";
    position: absolute;
    right: 0;
    color: var(--main-color);
}
.shoplinkSection_boxGrabberAddons{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.shoplinkSection_mainHolder{
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    flex-wrap: wrap;
}
.shoplinkSection_plusCircle{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.shoplinkSection_plusCircle span{
    font-size: 2rem;
    font-family: 'Quicksand', sans-serif;
}
/*box*/
.shoplinkSection_box{
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    margin: 1rem;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    width: 22rem;
    justify-content: space-between;
}
.shoplinkSection_box.addonEdit{
    min-height: auto;
}
.shoplinkSection_box-topPart {
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;

    visibility: hidden;
  }

.popularBlue .shoplinkSection_box-topPart{
    background-color: var(--altblue-color);
    
}
.popularBlue .shoplinkSection_box-topPart span{
    color: white;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
    position: relative;
}

.popularBlue .shoplinkSection_box-topPart span:after{
    content: "\2605";
    position: absolute;
    left: -2rem;
    font-size: 1.3rem;
    top: -0.3rem;
}


.shoplinkSection_box-middlePartLine{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 2rem;
    width: 100%;
    padding: 0 2rem;
    margin-top: 1rem;
}
.shoplinkSection_box-middlePartLine span:last-of-type{
    position: absolute;
    background-color: white;
    color: black;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    padding-right: 1rem;
}
.shoplinkSection_box-middlePartLine span:first-of-type{
    height: 0px;
    width: 100%;
    border: 1px solid var(--main-color);
    opacity: .9;
}
.popularBlue .shoplinkSection_box-middlePartLine span:first-of-type{
    border: 1px solid var(--altblue-color);
}



.shoplinkSection_box-packageName{
    position: relative;
}

.shoplinkSection_box-packageName span{
    position: absolute;
    left: 0;
    background-color: var(--main-color);
    width: 1rem;
    height: 1rem;
    top: 0.3rem;
    display: none;
}
.popularBlue .shoplinkSection_box-packageName span{
    background-color: var(--altblue-color);
}

.shoplinkSection_box-packageName p{
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
    margin-top: -0.5rem;
    margin-left: 2rem;
    margin-top: .1rem;
}

.shoplinkSection_box-list{
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
}
.shoplinkSection_box-listTitle{
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
}
.shoplinkSection_box-listTitlePlus{
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    width: 5rem;
    text-align: center;
    margin-top: 0.5rem;
}

.shoplinkSection_box-list ul{
    margin-top: 1rem;
}
.shoplinkSection_box-list ul li{
    position: relative;
    padding-left: 2rem;
    line-height: initial;
    font-size: 1rem;
    font-weight: 300;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 1rem;
}


.shoplinkSection_box-list ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.1rem;
    color: var(--main-color);
    font-weight: bold;
    background-image: url(../img/check.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.1rem;
    height: 1.1rem;
}
.popularBlue .shoplinkSection_box-list ul li::before{
    color: var(--altblue-color);
}


.shoplinkSection_box-text p{
    font-size: 1.1rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}

.shoplinkSection_box-line{
    height: 0px;
    border: 2px solid var(--main-color);
    margin: 0 2rem;
    width: 7rem;
    margin-bottom: 3rem;
}

.popularBlue .shoplinkSection_box-line{
    border: 2px solid var(--altblue-color);
}


.shoplinkSection_box-part1{
margin-bottom: 2rem;
}
.shoplinkSection_box-price{
    margin-bottom: 2rem;
}
.boxPriceEdit{
    scale: .8;
    margin-left: -2rem;
}
.shoplinkSection_box-price p{
    margin: 1rem 2rem;
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
}
.shoplinkSection_box-price span{
    margin: 0 2rem;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
    display: inline-block;
}


.shoplinkSection_box-button {
    display: flex;
    justify-content: center;
    margin: 2rem;
  }
.shoplinkSection_box-price-line{

}
.shoplinkSection_box-price-line span{
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
}

.shoplinkSection_box-price-line .pricePromoBox{
    color: #FF0000;
    text-decoration: line-through;
}


  .priceAdd1,.priceAdd2,.priceAdd3{
    position: relative;
  }
  .priceAdd1:after, .priceAdd2:after, .priceAdd3:after,.priceAdd4:after{
    content: "+ Vat";
    position: absolute;
    right: 6rem;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    bottom: -0.5rem;
  }
  .priceAdd2:after,.priceAdd4:after{
      right: 8rem;
  }
  .addonsLine{
    background-color: #009A00;
    width: 100%;
    height: 2px;
    margin: 0rem;
    max-width: 2rem;
}
.addonsLineTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.addonsSuperLine{
    vertical-align: super;
    display: inline-block;
    scale: .7;
}
.addonsTitle{
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
}

.promoNote{
    font-size: 1rem;
    margin-top: 6rem;
    width: 100%;
    max-width: 70rem;
    text-align: center;
}
.promoNote2 li{
    line-height: normal;
    margin: 0.5rem 0rem;
}

/*****/

.shoplinkSection_boxDescription{
    margin: 0 2rem;
    margin-bottom: 2rem;
    font-weight: bold;
    font-size: .8rem;
    line-height: 1.5rem;
}
.addonsLineTitleEd1{
margin: 2rem 0 0 0;
}
.addonsLineTitleEd2{
margin: 1rem 1rem 1rem 4rem;
}
.symf_area--featureDesc{
    margin: 0 0 2rem 0;
    text-align: center;
    font-size: 1rem;
    height: 9rem;
}
.symf_area--featureTitle{
    min-height: 5rem;
}

.blobgrabber{
    position: relative;
}
.blobgrabber .gb1{
    top: -1.8rem;
    position: absolute;
    left: -52rem;
    scale: .75;
    z-index: -1;
}
.blobgrabber .gb2{
    top: -1rem;
    position: absolute;
    left: -10.5rem;
    scale: .75;
    z-index: 0;
}

.symf_area--featuresTitle{
    text-align: center;
    padding: 0;
    margin: 0 auto;
    width: auto;
    position: relative;
    z-index: 1;
}
.featuresEdit_subtitle{
    text-align: center;
}
.blobSectionEdit{
    position: relative;
    overflow: hidden;
}
.blobSectionEdit .gb3{
    bottom: 1rem;
    position: absolute;
    right: -11.5rem;
    scale: .7;
    z-index: 0;
}
.symf_area--featuresGrabber{
    position: relative;
    z-index: 3;
    margin-top: 2rem;
}

.symf_area--featureTitle{
    margin: 0;
    margin-top: 2rem;
}
@media only screen and (max-width: 1000px){
    .symf_area--subHeaderTitle{
        font-size: 2.3rem;
    }
    .symf_area--headerContent{
        padding: 0;
    }
    .symf_area--buttonsGrabber .button__classic{
        margin: 1rem;
    }
    .k_boxy{
        float: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .k_box1, .k_box2, .k_box3, .k_box4, .k_box5, .k_box6, .k_box7{
        float: none;
        width: 70%;
    }
    .symf_area--subHeader{
        background-size: cover;
    background-position: left;
    }
    .k_boxy_moduly{
        justify-content: center;
    }
    .k_kup_area_opis{
        font-size: 2.3rem;
    }

    

    .oprfk_header-rgt::before{
        height: 15rem;
    }



    .oprfk_header-grabber{
        flex-direction: column;
    }

    .oprfk_header-rgt{
        height: 50vh;
        background-position: top;
    }
}

@media (max-width: 830px){
    .oprfk_header-rgt::before{
        height: 12rem;
    }
}


@media only screen and (max-width: 800px){
    .stepsSection_mainboxSteps{
        flex-direction: column;
        justify-content: center;
        
    }
    .stepsSection_mainboxSteps .step{
        width: auto;
    height: 12rem;
    flex: auto;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
    }
    .stepsSection_mainboxSteps .step.s2, .stepsSection_mainboxSteps .step.s3,.stepsSection_mainboxSteps .step.s4,.stepsSection_mainboxSteps .step.s5{
        margin-left: 0;
        margin-top: -1rem;
    }

    .stepsSection_mainboxSteps .step.s1:before,.stepsSection_mainboxSteps .step.s2:before,.stepsSection_mainboxSteps .step.s3:before,.stepsSection_mainboxSteps .step.s4:before,.stepsSection_mainboxSteps .step.s5:before{
        right: auto;
        bottom: 8px;
        left: 46%;
    }
    
    .stepsSection_mainboxSteps .step.s3:after {
        font-size: 17rem;
        bottom: -14px;
    }
    .stepsSection_mainboxSteps .step.s2:after {
        font-size: 17rem;
        bottom: -24px;
    }

    .stepsSection_mainboxSteps .step.s4:after {
        font-size: 17rem;
        bottom: -35px;
    }
    .stepsSection_mainboxSteps .step.s5:after{
        font-size: 17rem;
        bottom: -31px;
    }

    .stepsSection_mainboxSteps .step.s4.s4edit:after{
        bottom: -1rem;
    }
}
@media only screen and (max-width: 600px){
    .symf_area--kup{
        background-position: left;
    }

    .k_obszar_moduly{
        float: none;
    display: flex;
    flex-direction: column;
    
    padding: 1rem;
    }
    .symf_area--featuresTitle{
        font-size: 2.3rem;
    }
}


@media (max-width: 390px){
    .oprfk_header-rgt::before{
        display: none;
    }
}

.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.right-7 {
  right: 1.75rem;
}
.top-8 {
  top: 2rem;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.m-0 {
  margin: 0px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.flex {
  display: flex;
}
.h-1 {
  height: 0.25rem;
}
.h-\[18\.27rem\] {
  height: 18.27rem;
}
.w-44 {
  width: 11rem;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.flex-col {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-\[3\.1rem\] {
  border-radius: 3.1rem;
}
.bg-\[\#019A00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(1 154 0 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-7 {
  padding: 1.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.text-center {
  text-align: center;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[1\.46rem\] {
  font-size: 1.46rem;
}
.font-bold {
  font-weight: 700;
}
.leading-8 {
  line-height: 2rem;
}
@media (min-width: 768px) {
  .md\:right-14 {
    right: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:right-7 {
    right: 1.75rem;
  }
  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:-mb-20 {
    margin-bottom: -5rem;
  }
  .lg\:-mt-4 {
    margin-top: -1rem;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:w-\[26\.6rem\] {
    width: 26.6rem;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:p-14 {
    padding: 3.5rem;
  }
  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-\[2\.66rem\] {
    font-size: 2.66rem;
  }
  .lg\:leading-\[3\.1rem\] {
    line-height: 3.1rem;
  }
}

.quicksand {
  font-family: 'Quicksand', sans-serif;
}

.roboto {
  font-family: 'Roboto', sans-serif;
}

.shadow_ {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}