a{color: #2691fc;}
.detail { width:1200px; margin:0 auto; padding: 0;}

.latest-articles-content .latest-article-one{display: block;}
/*-------------*/
.main-banner {background:#000 url(../images/learning/bg1.jpg) no-repeat right center;padding: 70px 0 120px;position: relative;overflow: hidden;}
.main-banner .Details {display: flex; align-items: center;justify-content: space-between; width: 1200px;}
.main-banner .banner-content{ width: 60%;position: relative;z-index: 1;}
.main-banner .banner-content h2{display:flex;align-items:center;font-size: 19px;line-height: 1;}
.main-banner .banner-content h2 a{color: #fff;text-decoration: none;font-size: 47px;font-weight: normal;}
.main-banner .banner-content h2 a:hover{text-decoration: underline;}
.main-banner .banner-content h2 span{ color: #fff; font-weight: 800; line-height:0.8em; padding: 7px 0 0 14px;}
.main-banner .banner-content h2 var{font-weight:normal;display:inline-block;padding-top: 20px;font-style:normal;color: #2682ff;}
.main-banner .banner-content ul {color: #aaa;padding: 24px 0 30px 20px;font-size: 17px;}
.main-banner .banner-content ul li{padding: 5px 0;list-style:disc;}
.down-btn-banner{gap: 20px;display: flex;flex-wrap: wrap;}
.main-banner .banner-content .down-btn-banner a{display: inline-flex;align-items: center;align-items: center; gap: 40px;background-color: #92cf3f;color: #fff;padding: 0 20px;border-radius: 5px;height: 59px;box-sizing: border-box;text-decoration: none;font-size: 19px;}
.main-banner .banner-content .down-btn-banner a var{font-size: 14px;font-style: normal;display: block;line-height: 1.2;}
.main-banner .banner-content .down-btn-banner a img{vertical-align: middle;}
.main-banner .banner-content .down-btn-banner a.down:hover{/* background-color: #59c30d; */text-decoration: none;}
.main-banner .banner-content .down-btn-banner div p{color: #8c989b;text-align: center;padding-top: 5px;}
.main-banner .banner-content .down-btn-banner div p a{color: #8c989b;text-decoration: underline;}
.banner-bg{position: absolute;left: 50%;top: 0; height: 100%;display: flex;justify-content: center;align-items: center;}
.banner-bg img{ height: 100%;max-width: initial;}
.mobile-btn-banner{text-align: left;}
.mobile-btn-banner a{background: #0e74f9;color: #fff;font-size: 21px;line-height: 55px;display:inline-block;border-radius: 5px;padding: 0 30px;}
.mobile-btn-banner a:hover{text-decoration: none;background: #0f6de8;}
/*--------------------*/
.main-learning{background: #fafafa;}
.summary-content {padding: 45px 48px 50px;background-color: #fff;margin-top: -53px;position: relative;box-shadow: 0 0 20px 0 rgba(0,0,0,0.02);}
.summary-content h1 {color: #000;font-weight: 600;font-size: 31px;}
.summary-content p {color: #252525;margin-top: 20px;line-height: 1.6em;font-size: 17px;}

.article-cards {padding: 66px 0 20px;}
.article-cards h2 {color: #000;font-weight: 600;margin-bottom: 24px;font-size: 25px;}
.img-cards {display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 19px;}
.img-cards a {width: 275px;border-radius: 15px 15px 7px 7px;overflow: hidden;padding-bottom: 30px;background-color: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.01);}
.img-cards p {line-height: 1.5em;padding: 24px 0 0 0;text-align: center;}
.img-cards p a {color: #0067f9;font-weight: 600;}
.discover-more{font-size: 19px;padding-top: 10px;}

/* --------------- */
.resouce-content {padding: 66px 0 20px;}
.resouce-content h2{font-size: 29px;color: #000;font-weight: 600;margin-bottom: 24px;}
.resouce-cards {display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 17px;}
.resouce-cards .re-one{width: 365px;border-radius: 5px 5px 7px 7px;overflow: hidden;padding-bottom: 30px;background-color: #fff;box-shadow: 0px 1px 16px 0px rgba(93, 93, 93, 0.22);}
.resouce-cards a{color: #0067f9;display: inline-block;padding:10px 0 8px 30px;font-size: 19px;}
.resouce-cards p{line-height: 1.5em;padding: 0 30px;line-height: 1.3;}
/* ````````````````````````````````` searches-share ``````````````````````````````````` */
.main-share{background: #fafafa;}
.main-article h3 { font-size: 29px; line-height: 1.4; color: #000000; font-weight: 700;padding: 40px 0 0; }
.hacks{display:inline-block;padding:3px 15px;background-color:#f1f5fd;margin:0 4px;border-radius:30px;color:#4884e7;margin-bottom:10px;text-decoration: none;}
.hacks:hover{text-decoration:underline;}
.searches-share{display:flex;justify-content:center;align-items:stretch;gap:90px;padding: 30px 0;flex-wrap: wrap;}
.search-submit{/* flex:1; */}
.search-submit h3{font-size: 25px;font-weight: bold;}
.popular-search{flex:1;}
.popular-search h4{font-size: 17px;}
form{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:20px 0 25px;}
.input-words{width:470px;height:40px;padding-left:10px;font-size:17px;color:#999999;border:none;outline:none;border-radius:4px;background-color: #f3f3f3;}
.to-search{width:50px;height:40px;background:#0f9bff url(../images/learning/svg-search.svg) no-repeat center;border-radius:4px;border:none;outline:none;cursor:pointer;}
.to-search:hover{box-shadow:0 0 10px 0 rgba(70,178,255,0.6);}
.shares-list a{display:inline-block;width:25px;height:24px;background:url("../images/learning/icons-share.svg") no-repeat center / cover;margin-right:15px;}
.shares-list a.share-yt{background-position-x:0;}
.shares-list a.share-fb{background-position-x:-57px;}
.shares-list a.share-tw{background-position-x:-115px;}
.shares-list a.share-dg{background-position-x:-169px;}
.popular-search .list-tips{height:80px;overflow:hidden;position:relative;margin-top:30px;}
.popular-search .list-tips.active{height:auto;}
.popular-search .list-tips .spread{display:block;width:30px;height:30px;border-radius:50%;background-color:#f1f5fd;position:absolute;right:10px;bottom:10px;line-height:30px;cursor:pointer;}
.popular-search .list-tips .spread::after{content:'';display:inline-block;width:8px;height:8px;border:2px solid #4884e7;position:absolute;left:50%;top:30%;transform:translate(-50%,0) rotate(45deg);border-top:none;border-left:none;}
.popular-search .list-tips.active .spread{transform:rotate(180deg);}

@media (max-width:1200px){
	.detail{width: 98%;}
	/* ------------ */
	.img-cards,.resouce-cards{row-gap: 20px;}
	/* ------------ */
	.searches-share{gap: 40px;}

}
@media (max-width:979px){

	/* ------------ */
	.main-banner{background-position: center;}
	.main-banner .banner-content{width: auto;}
	/* ------------ */
	.img-cards{justify-content: center;gap: 30px;}
	/* ------------ */
	.searches-share{flex-wrap:wrap;gap:30px;}
	.input-words{width:calc(100% - 60px);font-size:.8125rem;}
	.popular-search,.search-submit{flex:auto;width:100%;}
	.popular-search .list-tips{margin-top:10px;}
}

@media (max-width: 767px) {
	.main-banner .banner-content h2 a{font-size: 37px;}
	.down-btn-banner{justify-content: center;}
	
	/*-------------*/
	.summary-content{padding: 35px 5px 40px;}
	.summary-content h1{line-height: 1.2;}
	/*-------------*/
	.resouce-cards{justify-content: center;}
}


@media (max-width: 479px) {
	.main-banner .banner-content h2 img{width: 50px;height: auto;}
	.main-banner .banner-content h2 a{font-size: 29px;line-height: 1.2;}
	.main-banner .banner-content h2 var{line-height: 1.2;padding-top: 5px;}
	/*-------------*/
	.main-article h3,.resouce-content h2,.search-submit h3{font-size: 23px;}
	
	
}