@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



.Cricut{

    font-family: 'Poppins', sans-serif;

    font-size: 1rem;

}



.Cricut h1{

    font-size: 2rem;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 1rem;

    color: black;

}



.Cricut h2{

    font-size: 1.5rem;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 1rem;

}



.Cricut h3{

    font-size: 1.2rem;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 1rem;

}



.Cricut img{

    width: 100%;

}



.Cricut .logo{

    width: 100px;

}



.Cricut .introtekst .col-12{

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}

.Cricut .introtekst .col-12 div{

    height: 660px;

    /*background image*/

    background-image: url(/download/b2c_be_nl/pic/cricut/infopage/2025/Header-image.jpeg);

    background-size: cover;

    background-position: bottom;

    background-repeat: no-repeat;

    /*background color*/

    background-color: #f2f2f2;

    color: white;

}



.Cricut .nav-link {

    color: black;

    border-radius: 0;

}



/*1px lightgrey border on .nav-link on the right side of every nav.link item except the last one*/

.Cricut .nav-link:not(:last-child) {

    border-right: 1px solid lightgrey;

}



.Cricut .smaller{

    padding: 0 15%;

}



.cricut-list {

    list-style: none;

    padding: 0;

    margin: 0;

  }

  

  .cricut-list .custom-icon {

    padding-left: 25px;

    position: relative;

    line-height: 1.5; /* Adjust line-height to control spacing between lines of text */

  }

  

  .cricut-list .custom-icon::before {

    content: "";

    background-image: url(/download/b2c_be_nl/pic/cricut/infopage/2023/icon-check.png?v=1);

    background-size: contain;

    background-repeat: no-repeat;

    width: 16px;

    height: 16px;

    position: absolute;

    left: 0;

    top: 3px;

    margin-right: 8px

  }

  

  .Cricut .btn-green, .Cricut .green{

    background-color: #00a977;

    color: white;

  }



  .Cricut .btn-pink{

    background-color: #cf0804;

    color: white;

  }



  .Cricut .tile{

    background-color: #00a977;

    color: white;

    height: 100%;

  }



  .Cricut .btn{

    padding-left: 1.3rem;

    padding-right: 1.3rem;

    border-radius: 20px;

  }



  .Cricut .flex{

    display: flex;

    align-items: center;

    justify-content: space-between; 

  }



  .Cricut .flex p {

    margin: auto 50px;

    font-weight: bold;

    font-size: 1.3rem;

    padding: 20px 0;

}



.Cricut .materialen .flex .btn, .Cricut .accessoires .flex .btn{float:right; margin-right:50px;}









@media (max-width: 767px) {

    .Cricut .introtekst .col-12 div{

        height: 280px;

    }

    .Cricut .order1{

        order: 1;

    }

    

    .Cricut .order2{

        order: 2;

    }

}



@media (max-width: 500px) {

    .Cricut .smaller{

        padding: 0;

    }

    .Cricut .nav-link:not(:last-child) {

        border-right:none;

    }



    .Cricut .flex p {

        margin: auto 10px;

    }

}