/*=========================================
            Terms & Conditions
=========================================*/

.trm-section{

    padding:100px 0;

    background:#f8f9fb;

}

/*=========================================
            Heading
=========================================*/

.trm-heading{

    max-width:800px;

    margin:0 auto 60px;

}

.trm-subtitle{

    display:inline-block;

    color:#FDB913;

    font-size:16px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:15px;

}

.trm-title{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-bottom:20px;

}

.trm-description{

    color:#666;

    line-height:1.9;

    margin:0;

}

/*=========================================
            Card
=========================================*/

.trm-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.35s;

    border-top:4px solid transparent;

}

.trm-card:hover{

    transform:translateY(-8px);

    border-top-color:#FDB913;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

/*=========================================
            Icon
=========================================*/

.trm-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    background:#fff6da;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    color:#FDB913;

    margin-bottom:25px;

}

.trm-card h3{

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:25px;

}

/*=========================================
            List
=========================================*/

.trm-list{

    margin:0;

    padding:0;

    list-style:none;

}

.trm-list li{

    position:relative;

    padding-left:28px;

    margin-bottom:15px;

    color:#666;

    line-height:1.8;

}

.trm-list li:last-child{

    margin-bottom:0;

}

.trm-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:#FDB913;

    font-weight:700;

    font-size:17px;

}

.trm-list strong{

    color:#222;

}

/*=========================================
            Note
=========================================*/

.trm-note{

    margin-top:40px;

    background:#fff8e6;

    border-left:5px solid #FDB913;

    border-radius:12px;

    padding:22px 25px;

    color:#555;

    line-height:1.8;

    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.trm-note i{

    color:#FDB913;

    font-size:18px;

    margin-right:8px;

}

.trm-note strong{

    color:#222;

}

/*=========================================
            Responsive
=========================================*/

@media(max-width:1199px){

    .trm-section{

        padding:90px 0;

    }

    .trm-title{

        font-size:38px;

    }

}

@media(max-width:991px){

    .trm-section{

        padding:80px 0;

    }

    .trm-title{

        font-size:34px;

    }

    .trm-card{

        padding:30px;

    }

}

@media(max-width:767px){

    .trm-section{

        padding:70px 0;

    }

    .trm-title{

        font-size:30px;

    }

    .trm-card{

        padding:28px;

    }

    .trm-card h3{

        font-size:22px;

    }

}

@media(max-width:575px){

    .trm-section{

        padding:60px 0;

    }

    .trm-title{

        font-size:26px;

    }

    .trm-card{

        padding:25px;

    }

    .trm-icon{

        width:65px;

        height:65px;

        font-size:26px;

    }

    .trm-note{

        padding:18px;

        font-size:15px;

    }

}

@media(max-width:420px){

    .trm-section{

        padding:50px 0;

    }

    .trm-title{

        font-size:23px;

    }

    .trm-subtitle{

        font-size:14px;

    }

    .trm-card h3{

        font-size:20px;

    }

    .trm-list li{

        font-size:15px;

    }

}