*{padding: 0;margin: 0;box-sizing: border-box;}
img:hover{opacity: 0.9;transition: all .2s;}
/*===================font==============*/
.Montserrat{font-family: "Montserrat", sans-serif}
/*============== border-section-css=============*/
.border_section{position: relative;padding-bottom: 20px;margin-bottom: 30px;color: #203061;font-weight: 700;font-size: 20px;line-height: 24.38px;}
.border_section:before{content: "";position: absolute;bottom: 0;left: 0;width: 50px;height: 5px;background: #F39921;z-index: 1;}
.border_section:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;background: #eee;}
/*=========cookies section===========*/
.cookies-section{background-color: #EFEFEF;}
h1{font-size: 48px;line-height: 58.51px;font-weight: 700;margin-top: 60px;margin-bottom: 40px;}
.cookies-section .call-btn{padding: 16px 55px;background-color: #203061;font-size: 16px;font-weight: 600;line-height: 19.5px;border-radius: 3px;
background-image: linear-gradient(
45deg, #162246 50%, #203061 50%);
    background-size: 250% 100%;
    background-position: right bottom;
    transition: all .4s ease-in-out;}
.cookies-section .call-btn:hover{background: #324788;
    transition: .2s;
    background-image: linear-gradient(
45deg, #162246 50%, #203061 50%);
    background-size: 250% 100%;
    transition: all .4s ease-in-out;
    background-position: left bottom;}
.cookies-section img{margin: 20px auto;width: 100%;}
/*===========================introduction-section========================*/
.introduction-section{padding: 35px 0;}
.introduction-section p{font-size: 16px;line-height: 28px;font-weight: 500;}
/*========================================= image section ================================*/
.image-section img{max-width: 1440px;}
/*=================================== reason section ================================*/
.reason-section{padding: 35px 0;}
.gradient-list{counter-reset: gradient-counter;list-style: none;margin: 1.75rem 0;padding-left: 1rem;}
.gradient-list > li{font-weight: 500;line-height: 28px;font-size: 16px; background: white;border-radius: 0 0.5rem 0.5rem 0.5rem;counter-increment: gradient-counter;margin-top: 1rem;min-height: 3rem;padding: 1rem 1rem 1rem 3rem;position: relative;box-shadow: 0px 3px 25px 6px rgb(0 0 0 / 10%);margin-bottom: 40px;text-transform: capitalize;color: #000000;}
.gradient-list > li:before,.gradient-list > li:after{background: #000;border-radius: 1rem 1rem 0 1rem;content: '';height: 3rem;left: -1rem;overflow: hidden;position: absolute;top: -1rem;width: 3rem;}
.gradient-list li:before{align-items: flex-end;content: counter(gradient-counter);color: #fff;display: flex;font: 900 1.5em/1 'Montserrat';justify-content: flex-end;padding: 0.125em 0.25em;z-index: 1;background: linear-gradient(135.73deg, #203061 4.42%, #3A4E8B 100%);}
.gradient-list li:last-child{margin-bottom: -20px;}
.gradient-list li:first-child{margin-top: 40px;}
/*=============================== benefit section =======================*/
.benefits-section{padding: 35px 0;background-color: #EFEFEF;}
.benefits-section .border_section:after{background: white;}
.benefits-section p{font-size: 16px;line-height: 28px;font-weight: 500;max-width: 687px;}
.benefits-section img{margin-bottom: 32px;}
.benefits-section .call-btn{padding: 16px 55px;background-color: #203061;font-size: 16px;font-weight: 600;line-height: 19.5px;border-radius: 3px;background-image: linear-gradient(
45deg, #162246 50%, #203061 50%);
    background-size: 250% 100%;
    background-position: right bottom;
    transition: all .4s ease-in-out;}
.benefits-section .call-btn:hover{background: #324788;
    transition: .2s;
    background-image: linear-gradient(45deg, #162246 50%, #203061 50%);
    background-size: 250% 100%;
    transition: all .4s ease-in-out;
    background-position: left bottom;}
/*=============================== table section ================================*/
.table-section{padding: 35px 0px;}
table img{margin-left: 20px;}
table .product-txt{font-size: 16px;font-weight: 700;line-height: 24px;color: #203061;margin: 5px 0 0 0;}
table td{font-size: 16px;font-weight: 500;line-height: 24px;border: none;}
th{border: none;}
th:first-child{min-width: 361px;}
table td{vertical-align: middle;}
table .dark{background-color: #EFEFEF;}
table .medium{background-color: #F3F3F3;}
table .light{background-color: #FAFAFA;}
/*====================== guide section =====================*/
.guide-section{padding: 35px 0;}
.guide-section p{font-size: 16px;line-height: 28px;font-weight: 500;margin-bottom: 0;}
.guide-section .call-btn{padding: 16px 55px;background-color: #203061;font-size: 16px;font-weight: 600;line-height: 19.5px;border-radius: 3px;margin-top: 24px;background-image: linear-gradient(45deg, #162246 50%, #203061 50%);
    background-size: 250% 100%;
    background-position: right bottom;
    transition: all .4s ease-in-out;}
.guide-section .call-btn:hover{background: #324788;
    transition: .2s;
    background-image: linear-gradient(
45deg, #162246 50%, #203061 50%);
    background-size: 250% 100%;
    transition: all .4s ease-in-out;
    background-position: left bottom;}
/*====================== product section ========================*/
.product-section{padding: 35px 0 60px 0;}
.product-section .card{border: none;}
.product-section .card a{text-decoration: none;color: #203061;transition: all .2s;}
.author{font-weight: 700;font-size: 11px;line-height: 13.41px;}
.card .text-main{font-size: 20px;line-height: 24.38px;font-weight: 700;}
.card-body{padding: .5rem 0 0 0;}
.card p{margin: .5rem 0 0 0;color: black;transition: all .2s;}
.card p span{margin-left: 15px;}
.text-main:hover,.author a:hover{color: #F39921;}
.introduction-section p:last-child{
    margin-bottom: 0px;
}
/*============================================= media queries =========================================*/
@media (max-width: 1399px){
	h1{margin-bottom: 27px;line-height: 54.51px;}
}
@media (max-width: 1199px){
	h1{margin-top: 50px;line-height: 44.51px;font-size: 40px;}
}
@media (max-width: 991px){
	h1{margin-top: 40px;line-height: 34.51px;font-size: 30px;margin-bottom: 15px;}
	.cookies-section .call-btn{font-size: 10px;padding: 13px 42px;}
	.card-body{margin-bottom: 20px;}
}
@media (max-width: 767px)
{
	h1{margin-left: 22px;}
	.cookies-section .call-btn{width: 91%;margin-left: 24px;display: block;text-align: center;font-size: 15px;}
	.testimonail-section img:first-child{margin-bottom: 30px;}
	.guide-section{padding: 0 0 35px 0;}
	.product-section{padding: 0 0 40px 0;}
}
@media (max-width: 425px){
	h1{font-size: 28px;}
	.cookies-section .call-btn{margin-left: 18px;}
	th:first-child{min-width: 150px;}
}
@media (max-width: 375px){
	.cookies-section .call-btn{margin-left: 16px;width: 90%;}
	h1{margin-left: 15px;font-size: 23px;}
}