/* css varaibles */
:root{
    --primary-color: #3C56F5;
    --black-color: #252525;
    --bg-color: #F4F7FA;
    --grey-color: #888;
    --darkgrey-color: #2A3036;
    --white-color: #fff; 
    --border: 1px solid #E9ECFF;
}

/* section title */
.home .section-title {color: var(--darkgrey-color);font-size: 36px;font-weight: 800;line-height: 42px;text-transform: uppercase;margin-bottom: 20px;}
.home .section-desc {color: var(--black-color);font-size: 16px;font-weight: 400;line-height: 24px;}

.comm-btn.sub-btn, .comm-btn a, .ftr-form-wrap .comm-btn {background-color: var(--primary-color);color: var(--white-color);font-size: 16px;line-height: 22px;font-weight: 600;padding: 10px 12px;border-radius: 5px;border: 2px solid var(--primary-color);display: inline-block;}
.rel{position: relative;}
/* header css */
.comm-btn.sub-btn{cursor: pointer;}
.header-logo{font-size: 0;}
.home .header-wrapper{margin-bottom: 30px;}
.home header{border: none;}
header{border: 1px solid #D9DCDF;position: sticky;top: 0;background: #fff;z-index: 100;}
header.removeSticky{position: static;}
.header-wrapper{padding: 20px 0;}
.header-inn-wrap {display: flex;align-items: center;justify-content: space-between;}
.header-option, .head-exp-wrap,.explore-div {display: flex;align-items: center;}
.head-exp-wrap {cursor: pointer;}
.drp-down{font-size: 0;}
.head-exp-wrap.active .drp-down{transform: rotate(180deg);}
.header-logo img, .ftr-logo img {width: 100%;height: 100%;display: block;font-size: 0;}
.nav-list, .hamburger-close_img {display: none;}
.login-txt {color: var(--purple-text-color);font-size: 16px;line-height: 22px;font-weight: 500;margin-right: 10px;cursor: pointer;}
.header-option .comm-btn {margin-left: 30px;}
.hamburger{display:none;}
header.addShadow{border-bottom: 1px solid #D9DCDF;}

/* Search box */
.home .searchbox{display:none;}
.searchbox{margin-right:30px;}
.search-ico { display: inline-block; height: 21px; cursor: pointer; }
form#searchform { display: none; overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; right: 0; transition: height 0.3s ease-in-out; padding-right: 70px; max-width: 881px; width: 100%; }
form#searchform.active { display: block; }
.close-search { width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); display: inline-block; padding: 17px 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; cursor: pointer; }
.close-search svg { width: 12px; height: 12px; }
.searchBlock .searchbox-ico { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; }
.search-input { background-color: #fff; font-size: 20px; color: rgba(42,48,54,0.6); width: 100%; height: 90px; padding: 0 260px 0 90px; transition: all .35s; box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.25); border-radius: 60px; }
.search-btn { background-color: var(--blue); position: absolute; width: 232px; height: 90px; right: 0; top: 0; border-radius: 60px; cursor: pointer; text-align: center; color: #fff; font-size: 20px; font-weight: 600;}
@media screen and (max-width: 1024px) {
.searchbox{margin-right:20px;}
form#searchform { max-width: 540px; padding: 0; text-align: center; padding: 0 20px; }
.close-search { position: relative; right: auto; top: auto; transform: none; margin-bottom: 40px; width: 44px; height: 44px; padding: 13px 0; }
.searchBlock .searchbox-ico { width: 20px; height: 20px; left: 20px; transform: none; top: 22px; }
.search-input { padding: 0 20px 0 50px; height: 64px; font-size: 16px; margin-bottom: 12px; }
.search-btn { position: relative; width: 100%; height: 64px; font-size: 16px; }
.hamburger{display:block;}
.explore-div{display:none;}
}
/* header active */
.nav-menu {position: relative;}
.nav-menu.active .nav-list {display: block;background: var(--primary-color);width: 150px;position: absolute;right: 0;top: 40px;border-radius: 10px;padding: 10px 15px;z-index: 1;}
.listing .nav-link {color: var(--white-color);font-size: 14px;font-weight: 400;line-height: 20px;text-transform: capitalize;}

/* banner css */
.banner-wrapper {margin-bottom: 60px;}
/* banner left section */
.banner-left-section {float: left;width: 515px;height: 100%;}
.banner-title {color: var(--black-color);font-size: 48px;font-weight: 600;line-height: 72px;margin-bottom: 40px;}
.banner-title span {color: var(--white-color);background: url('https://s44815.pcdn.co/wp-content/themes/top10ratings_theme_revamp/assets/img/home/review-bg-img.svg') no-repeat;background-size: 100% 100%;padding: 10px 20px 15px 10px;margin-left: 10px;}
.banner-desc, .form-title {color: var(--black-color);font-size: 20px;font-weight: 600;line-height: 28px;-webkit-line-clamp: 2;margin-bottom: 70px;}
.banner-desc span, .popular-topics-wrapper .section-title span, .featured-prod-wrapper .section-title span {color: var(--primary-color);}
/* form wrap */
.form-inner-wrap {background: #3C56F5;box-shadow: 0px 9px 31px rgba(38, 38, 38, 0.05);border-radius: 20px;padding: 35px 38px 25px;}
.form-title {color: var(--white-color);margin-bottom: 15px;}
.form-wrap {position: relative;margin-bottom: 10px;}
.hm-form-input {width: 100%;height: 75px;background-color: var(--white-color);border-radius: 20px;padding: 30px 92px 30px 15px;box-shadow: 0px 9px 31px rgba(38, 38, 38, 0.05);}
.hm-form-input, .hm-form-input::placeholder {color: #B1BCFF;font-size: 14px;font-weight: 500;line-height: 21px;}
.form-wrap .comm-btn {background: none;border: none;position: absolute;right: 0;top: 0;width: 80px;height: 75px;text-align: center;border-left:1px solid #3C56F5;cursor: pointer;}
.form-wrap .comm-btn svg{position: relative;top: 5px;}
.prdt-txt-wrap {display: flex;align-items: center;justify-content: space-between;}
.prdt-left-txt, .prdt-right-txt {color: var(--white-color);font-size: 14px;font-weight: 500;line-height: 21px;}
.prdt-left-txt:hover, .prdt-right-txt:hover{text-decoration: underline;}
.banner-mob-wrap {display: none;}

/* banner right section */
.banner-right-section {float: right;position: relative;width: calc(100% - 590px);}
.banner-girl-img-wrap {width: 100%;height: 100%;max-width: 450px;margin-left: auto;}
/* banner reviews box */
.banner-reviews-wrap {display: flex;align-items: center;justify-content: center;width: 280px;background: var(--white-color);border: var(--border);box-shadow: 0px 10.75px 37.0278px rgba(38, 38, 38, 0.05);border-radius: 25px;padding: 10px 0;position: absolute;top: 23%;left: 16%;}
.banner-reviews-img {width: 145px;height: 115px;}
.banner-reviews-img img{margin-left: -10px;}
.banner-reviews-txt {color: var(--black-color);font-size: 38px;font-weight: 600;line-height: 53px;}
.banner-reviews-txt span {color: var(--grey-color);font-size: 20px;font-weight: 400;line-height: 29px;display: block;}
/* latest reads */
.latest-reads-wrap {margin-top: -80px;}
.latest-read-title {color: var(--darkgrey-color);font-size: 16px;font-weight: 600;line-height: 22px;text-transform: uppercase;margin-bottom: 25px;}
.latest-read-card, .top-reads-wrap .title {margin-bottom: 20px !important;}
.latest-read-link {display: flex;align-items: center;background: #FFFFFF;border: 1px solid #E9ECFF;box-shadow: 0px 8px 12px rgba(38, 38, 38, 0.05);border-radius: 12px;padding: 20px;}
.latest-read-img {width: 67px;height: 67px;}
.latest-read-link .title {width: calc(100% - 67px);color: var(--grey-color);font-size: 14px;font-weight: 500;line-height: 21px;margin-left: 15px;-webkit-line-clamp: 2;}
/* slick dots */
.latest-read-list .slick-dots li button {background: rgba(60, 86, 245, 0.3);border-radius: 50%;height: 10px;width: 10px;}
.latest-read-list .slick-dots .slick-active {background: var(--primary-color);border-radius: 50%;height: 10px;width: 10px;}
.latest-read-list .slick-dots li{height: 10px;width: 10px;margin: 0 4px;}
.latest-read-list .slick-dots{bottom: -15px;}
.latest-read-list .slick-dots li button:before{display: none;}

/* website build */
.web-build-wrap {display: flex;width: 40%;border-right: var(--border);}
.web-build-img {width: 250px;height: 162px;overflow: hidden;border-radius: 12px;}
.web-build-img img {border-radius: 12px;height: 100%;}
.web-build-content {width: calc(100% - 260px);margin-left: 20px;padding-right: 6px;}
.web-build-content .title, .top-reads-wrap .title, .top-picks-wrap .title {color: var(--black-color);font-size: 19px;font-weight:600;line-height: 24px;-webkit-line-clamp: 1;margin-bottom: 10px;text-transform:capitalize}
.web-build-content .desc, .service-txt, .top-picks-wrap .desc {color: var(--grey-color);font-size: 14px;font-weight: 500;line-height: 21px;-webkit-line-clamp: 2;margin-bottom: 55px;}
.web-build-content .desc{margin-bottom: 25px;height: 42px;overflow: hidden;}
.web-build-content .web-desc-link, .top-reads-wrap .top-read-link {color: #3C56F5;font-size: 14px;font-weight: 500;line-height: 18px;}
.web-desc-link:hover, .top-read-link:hover {text-decoration: underline;}
.web-build-content .web-author{color: #2A3036; font-size: 12px; line-height: 18px; font-weight: 500; margin-bottom: 15px;}

/*top picks*/
.top-picks-wrap {width: 30%;padding-left: 30px;}
.top-picks-wrap .title {margin-bottom: 12px;}
.top-picks-wrap .desc {margin-bottom: 18px;}
.top-picks-img {width: 40px;height: 40px;margin: 0 auto 5px;overflow: hidden;border-radius: 50%;}
.top-picks-link {display: block;text-align: center;}
.top-picks-link .title {color: var(--darkgrey-color);font-size: 12px;font-weight: 500;line-height: 17px;overflow: hidden;height: 34px;text-align: center;margin-bottom: 0;display: flex; align-items: center; justify-content: center; flex-wrap: wrap; word-break: break-word; }
.top-picks-link .rating {font-size: 10px;font-weight: 500;line-height: 17px;color: var(--black-color);}
.top-picks-link .star-img {width: 57px;height: 100%;display: inline-block;}
.top-picks-link .star-img img {width: 100%;height: 100%;}
.top-picks-link:hover .title {color: var(--primary-color);}


/* popular topics css */
.popular-topics-wrapper {background: var(--bg-color);padding: 80px 0 0;}
.popular-topics-wrapper .section-title, .featured-prod-wrapper .section-title, .top-reads-wrapper .top-read-title {text-align: center;margin-bottom: 60px;}
.popular-top-card {display: flex;justify-content: space-between;background-color: var(--white-color);border-radius: 30px 12px 12px 12px;padding: 20px;border: var(--border);box-shadow: 0px 0 30px 10px rgba(38, 38, 38, 0.05);position: relative;margin-bottom: 20px;}
.popular-top-card .prd__num {background:var(--primary-color) ;width: 61px;position: absolute;left: 0;top: 0;font-size: 36px;color: #fff;font-weight: 800;text-align: center;line-height: 61px;border-radius: 50%;}
.popular-topics-wrapper .comm-btn, .top-reads-wrapper .comm-btn, .our-story-bk {text-align: center;}
.popular-topics-wrapper .comm-btn a, .top-reads-wrapper .comm-btn a, .our-exp-content .comm-btn a, .our-res-content .comm-btn a, .partners-content .comm-btn a {padding: 15px 25px;border-radius: 4px;}
.prd-view-mr, .view__less{display: none;}

/* featured products */
.featured-prod-wrapper {background: var(--bg-color);padding:60px 0 35px;}
.featured-prod-list {display: flex;flex-wrap: wrap;}
.featured-prod-card {width: 20%;padding: 0 10px;margin-bottom: 45px;}
.featured-prod-link {display: block;text-align: center;}
.featured-prod-img-tle {background-color: var(--white-color);width: 100%;border-radius: 12px;padding: 26px 10px;margin-bottom: 20px;}
.featured-prod-img {width: 80px;height: 80px;margin: 0 auto 25px;border-radius: 50%;overflow: hidden;}
.prod-title {color: var(--darkgrey-color);font-size: 16px;font-weight: 600;line-height: 22px;text-align: center;overflow: hidden;height: 44px;margin-bottom: 10px;}
.featured-prod-img-tle .rating {color: var(--darkgrey-color);font-size: 14px;font-weight: 500;line-height: 21px;margin-top: 15px;}
.service-txt {text-align: center;margin-bottom: 0;color: #8F98A1;font-weight: 500;}
.featured-prod-link:hover .featured-prod-img-tle{box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.15);}

/* top reads */
.top-reads-wrapper .top-read-title {color: var(--darkgrey-color);font-size: 36px;font-weight: 800;line-height: 42px;text-transform: uppercase;}
.popular-top-card .top-reads-wrap {width: 30%;border-right: var(--border);padding-right: 25px;padding-left: 35px;margin-bottom: 0;}
.top-reads-wrap .desc a{color: var(--black-color);font-size: 14px;font-weight: 500;line-height: 21px;-webkit-line-clamp: 2;margin-bottom: 15px;height: 42px;display: block;}
.top-reads-wrap .desc a:hover{color: var(--primary-color);text-decoration: underline;}
.top-reads-wrap .top-read-desc {color: #2A3036;font-size: 12px;line-height: 18px;font-weight: 500;margin-bottom: 15px;}
.top-reads-wrap .top-read-desc .mins, .test-content, .web-build-content .web-author .mins {margin-left: 15px;position: relative;}
.top-reads-wrap .top-read-desc .mins::before, .web-build-content .web-author .mins::before {background: #8F98A1;top: 6px;left: -10px;}
.top-reads-wrapper .blog-title {display: none;}

/* top reads */
.top-reads-wrapper {background: var(--bg-color);padding-bottom: 80px;margin-bottom: 65px;text-align:center;}
/* top read left section */
.top-read-left-link {display: block;background-color: var(--white-color);padding: 25px !important;border-radius: 12px;}
.top-read-left-img {width: 100%;height: 388px;margin-bottom: 20px;}
.top-read-left-img img {border-radius: 12px;}
.top-read-desc, .test-cont-title {color: var(--darkgrey-color);font-size: 14px;font-weight: 600;line-height: 20px;margin-bottom: 10px;}
.top-read-desc .mins {position: relative;margin-left: 25px;}
.top-read-desc .mins::before, .web-author .mins::before {content: "";width: 4px;height: 4px;background-color: var(--darkgrey-color);position: absolute;left: -14px;top: 9px;border-radius: 50%;}
.top-read-left-link .section-title, .top-read-content .section-title {color: var(--black-color);font-size: 20px;font-weight: 600;line-height: 28px;-webkit-line-clamp: 2;text-transform: capitalize;margin-bottom: 15px;}
.top-read-left-link .section-title {text-align: unset;-webkit-line-clamp: 1;}
.top-read-test-wrap {display: flex;align-items: center;}
.test-img-wrap{width: 41px;height: 41px;border-radius: 50%;overflow: hidden;}

.test-cont-title {margin-bottom: 3px;}
.test-cont-date {color: var(--grey-color);font-size: 12px;line-height: 18px;font-weight: 600;}
.view-all-blog{background-color:#3C56F5;border-radius:4px;height:45px;border:2px solid #3C56F5;line-height:43px;text-align:center;font-weight:600;font-size:17px;color:#fff;display:inline-block;width:118px;}
.view-all-blog:hover{background-color:#fff;color:#3C56F5;}

/* top read right section */ 
.top-reads-wrap {margin-bottom: 60px;text-align:left;}
.top-right-link {display: flex;align-items: center;margin-bottom: 15px;}
.top-right-card:last-child .top-right-link {margin-bottom: 0}
.top-right-img {width: 197px;height: 180px;overflow: hidden;}
.top-right-img img {border-radius: 12px;height: inherit;}
.top-read-content {width: calc(100% - 197px);flex: 1;padding-left: 20px;}
.top-read-content .section-title {-webkit-line-clamp: 2;text-align: unset;}

/* our expert css */
.our-expert-wrapper {margin-bottom: 70px;}
.our-exp-img {float: right;width: 500px;height: 100%;}
.our-exp-content, .our-res-content {float: left;width: calc(100% - 518px);position: relative;}
.our-exp-content::before, .our-res-content::before {content: "";background-color: #fc5f8b;width: 8px;height: 8px;position: absolute;bottom: 20%;right: 20%;border-radius: 50%;}
.our-exp-content::after, .our-res-content::after {content: "";border: 2px solid #ffb800;width: 10px;height: 10px;position: absolute;bottom: 35%;right: 0;border-radius: 50%;}
.exp-img {width: 38px;height: 38px;}
.our-exp-img-title, .our-res-img-title {display: flex;align-items: center;margin-bottom: 20px;}
.our-exp-img-title .section-title {margin-left: 20px;margin-bottom: 0;}
.our-exp-content .section-desc, .our-res-content .section-desc {font-weight: 500;line-height: 26px;width: 80%;margin-bottom: 30px;}

/* partner with us css */
.part-with-us-wrapper {background: var(--bg-color);padding: 80px 0 90px;margin-bottom: 65px;}
.part-with-us-wrap, .users-wrap {display: flex;align-items: center;justify-content: space-between;}
.partners-img {width: 520px;height: 100%;}
.partners-content {width: calc(100% - 720px);}
.partners-content .section-desc {font-weight: 500;margin-bottom: 20px;}

/* our research css */
.our-research-wrapper {margin-bottom: 70px;}
.our-res-img {float: right;width: 500px;height: 100%;}
.our-res-content {float: left;width: calc(100% - 518px);position: relative;}
.research-img {width: 35px;height: 35px;}
.research-img img {width: 100%;height: 100%;}
.our-res-img-title .section-title {margin-bottom: 0;margin-left: 20px;}

.bottom-wrapper {background: var(--bg-color);padding: 80px 0;}
/* users say css */
.users-say-wrapper {margin-bottom: 120px;}
.users-say-wrapper .section-title {text-align: center;margin-bottom: 65px;}
.users-img {width: 340px;height: 100%;margin-bottom: 10px;}
.profile-title {color: var(--darkgrey-color);font-size: 16px;font-weight: 600;line-height: 22px;text-align: center;}
.profile-title span {display: block;font-size: 14px;font-weight: 500;line-height: 21px;margin-top: 15px;}
.users-content {width: calc(100% - 420px);position: relative;}
.users-content .section-desc {font-size: 24px;font-weight: 500;line-height: 38px;}
.users-content::before {content: "";width: 15px;height: 15px;border: 1px solid #3C56F5;position: absolute;top: -30%;left: 19%;border-radius: 50%;}
.users-content::after {content:"";background: url('https://s44815.pcdn.co/wp-content/themes/top10ratings_theme_revamp/assets/img/home/users-say-curve-img.svg');background-size: 100% 100%;width: 90px;height: 88px;position: absolute;left: 0;bottom: -100px;}

/* our story css */
.our-story-wrap {background: #BDE3FF url('../png/story_bg.png') no-repeat;padding: 40px 40px 30px;border-radius: 20px;background-size: cover;}
.our-story-wrap .section-title {text-align: center;margin-bottom: 45px;}
.story-num {color: var(--black-color);font-size: 34px;font-weight: 800;line-height: 51px;}

/* footer css */
.footer-main-wrap {background-color: var(--primary-color);padding: 60px 0 50px;}
/* footer right section */
.footer-right-wrap {float: right;width: calc(100% - 670px);}
.ftr-title {color: var(--white-color);font-size: 24px;font-weight: 500;line-height: 30px;margin-bottom: 25px;}
.footer-right-wrap  .comm-btn.sub-btn{background-color: var(--white-color);color: var(--primary-color);margin-bottom: 60px;}
.footer-right-wrap  .comm-btn.sub-btn:hover{background-color: var(--black-color);color: var(--white-color);}
/* .ftr-form-wrap {position: relative;margin-bottom: 60px;} */
/* .ftr-input {width: 100%;height: 64px;padding: 22px 125px 22px 24px;border-radius: 7px;}
.ftr-input, .ftr-input::placeholder {color: var(--grey-color);font-size: 14px;font-weight: 500;} */
.ftr-form-wrap .comm-btn {position: absolute;top: 9px;right: 9px;cursor: pointer}
.ftr-cat-title {color: var(--white-color);font-size: 20px;font-weight: 500;line-height: 28px;margin-bottom: 25px;}
.ftr-cat-list {display: flex;align-items: center;margin-bottom: 5px;flex-wrap: wrap;}
.ftr-cat-block {margin-right: 5px;flex-basis: 28%;margin-bottom: 20px;}
.ftr-cat-block a {margin-right: 0 !important;}
.ftr-links a {margin-right: 70px;}

/* footer left section */
.footer-left-wrap {float: left;width: 540px;}
.ftr-logo {margin-bottom: 20px;}
.ftr-desc, .ftr-visit, .ftr-cat-block a, .ftr-links a, .cpy-desc, .ftr-mail, .cpy-listing .nav-link {color: var(--white-color);font-size: 12px;font-weight: 500;line-height: 18px;margin-right: 25px;}
.ftr-mail a{color: var(--white-color);}
.ftr-desc {margin-bottom: 30px;}
.ftr-dtls-wrap {display: flex;align-items: center;justify-content: space-between;}
.ftr-visit {display: inline-block;margin-right: 10px;}
.footer-left-wrap .ftr-cat-title, .footer-left-wrap .ftr-cat-list, .footer-left-wrap .ftr-links {display: none;}
.ftr-vst-wrap{flex-shrink:0;}
/* copyright css */
.copyright-wrap {background-color: var(--darkgrey-color);padding: 20px 0;}
.cpy-desc {font-weight: 400;}
.cpy-left-wrap, .cpy-nav-list, .ftr-icon-list {display: flex;align-items: center;justify-content: flex-end;gap:15px;}
.cpy-left-wrap{justify-content: flex-start;}
.cpy-left-wrap ul{gap: 0;}
.cpy-listing .nav-link {font-weight: 400;}
.cpy-right-wrap {margin-top: 3px;}
.icon-wrap a {display: block;font-size: 0;}
.icon-wrap a svg {width: 20px;height: 20px;}

/**************************** media Queries *****************************/
@media screen and (max-width: 1200px) { 
    .footer-right-wrap, .footer-left-wrap{width: 48%;}
    .banner-reviews-wrap{width: 260px;left: 0;}
    .web-build-img{width: 220px;}
    .web-build-content{margin-left: 15px;}
    .partners-content{width: calc(100% - 625px);}
}
@media screen and (min-width: 1025px) { 
    .head-exp-wrap:hover .drp-down svg path{fill: var(--primary-color);}
    .comm-btn.sub-btn:hover , .comm-btn a:hover{background-color: transparent;color: var(--primary-color);}
    .head-exp-wrap:hover .login-txt, .latest-read-link:hover .title, .featured-prod-link:hover .service-txt, .top-read-left-link:hover .section-title, .top-right-link:hover .top-read-content .section-title, .cpy-listing .nav-link:hover {color: var(--primary-color);}
    .listing .nav-link:hover, .ftr-links a:hover {color: var(--darkgrey-color);}
    .icon-wrap a svg:hover path {fill: var(--primary-color)}
    .ftr-form-wrap .comm-btn:hover{background-color: var(--darkgrey-color);border-color:var(--darkgrey-color);}
    .ftr-cat-block a:hover{text-decoration: underline;}
}

@media only screen and (max-width: 1024px) {

    /* header css */
    .header-wrapper {padding: 15px 0;}
    .header-option .comm-btn {display: none;}
    .nav-menu.active .nav-list {top: 24px;}

    /* banner css */
    .latest-reads-wrap {margin-top: 0;}

    /* popular topics css */
    .popular-topics-wrapper {padding: 40px 0;}
    .popular-topics-wrapper .section-title {margin-bottom: 25px;}
    .popular-top-card {display: block;margin-bottom: 40px;}
    .web-build-content .desc{font-size: 15px;margin-bottom: 20px !important;}
    .web-build-img img{height: auto;}
    .top-picks-wrap {width: 100%;padding-left: 0;}
    .hide-info .web-author{display: none;}
    .hide-info .web-build-wrap{display: flex;gap:15px;margin: 0;}
    .hide-info .web-build-content .title{font-size: 17px;}
    .popular-top-card.hide-info .prd__num{line-height: 40px;width: 40px;font-size: 25px;}
    .hide-info .web-build-img, .hide-info .web-build-img img{height: 100px;width: 115px;margin-bottom: 0;}
    .hide-info .web-build-content{width: calc(100% - 125px);padding: 0;}
    .hide-info .top-reads-wrap, .hide-info .top-picks-wrap, .hide-info .web-build-content .web-desc-link{display: none;}
    .hide-info .web-build-content .desc{margin-bottom: 5px !important;height: 40px;}
    .prd-view-mr, .view__less{display: block;font-size: 16px;color: var(--primary-color);font-weight: 600;line-height: 21px;}
    .view__less{display: none;margin-top: 12px;}
    .popular-top-card.prd1 .prd-view-mr, .popular-top-card.prd1 .view__less, .popular-top-card.prd2 .prd-view-mr, .popular-top-card.prd2 .view__less{display: none;}
    .web-build-content .web-author{margin-bottom: 10px;}

    /* web build css */
    .web-build-wrap {display: block;width: 100%;margin-bottom: 20px;border-right: none;}
    .web-build-img {width: 100%;height: 300px;margin-bottom: 20px;}
    .web-build-content {width: 100%;margin-left: 0;}
    .web-build-content .desc, .service-txt, .top-picks-wrap .desc {font-size: 13px;line-height: 20px;margin-bottom: 30px;height: auto;}
    .popular-topics-wrapper .comm-btn a, .top-reads-wrapper .comm-btn a, .our-exp-content .comm-btn a, .our-res-content .comm-btn a, .partners-content .comm-btn a {padding: 10px 15px;}
    .popular-top-card::before {width: 45px;height: 45px;}

    /* top reads css */
    .popular-top-card .top-reads-wrap {width: 100%;border-top: var(--border);border-bottom: var(--border);padding: 20px 0;border-right: none;margin-bottom: 20px;}
    .top-reads-wrap .desc a{font-size: 13px;line-height: 20px;margin-bottom: 10px;}
    
    .banner-wrapper, .featured-prod-wrapper .section-title, .top-reads-wrap, .our-expert-wrapper, .our-research-wrapper, .users-say-wrapper {margin-bottom: 40px;}
    .banner-mob-wrap {display: block;position: relative;}
    .banner-left-section {float: none;width: 100%;margin-bottom: 25px;}
    .banner-title {font-size: 32px;line-height: 48px;margin-bottom: 25px;}
    .banner-desc {font-size: 16px;line-height: 22px;margin-bottom: 30px;}
    .form-inner-wrap {border-radius: 14px;padding: 25px 27px 15px;}
    .form-title {font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .prdt-left-txt, .prdt-right-txt {font-size: 12px;line-height: 18px;}
    
    /* banner right section */
    .banner-right-section {float: none;width: 100%;}
    .banner-right-section .banner-girl-img-wrap, .banner-right-section .banner-reviews-wrap {display: none;}
    .banner-girl-img-wrap {max-width: 335px;margin: 0 auto;}
    .latest-reads-wrap {margin-top: 0;}
    .latest-read-link {padding: 18px;}
    .latest-read-link .title {font-size: 13px;line-height: 20px;}

    /* footer css */
    .footer-right-wrap {float: right;width: calc(100% - 480px);}
    .ftr-cat-block {margin-right: 0;flex-basis: 45%;}
}

@media only screen and (max-width: 899px) {
    
    .home .section-title {font-size: 24px;line-height: 30px;margin-bottom: 20px;}

    .comm-btn a, .ftr-form-wrap .comm-btn {font-size: 14px;line-height: 20px;padding: 8px 10px;border-radius: 8px;border: 1px solid var(--primary-color);}
    /* header css */
    .login-txt {font-size: 14px;line-height: 20px;}
    .drp-down img {width: 10px;height: 10px;}
    .hm-form-input {height: 60px;background-color: var(--white-color);border-radius: 12px;}
    .hm-form-input, .hm-form-input::placeholder {font-size: 13px;line-height: 20px;}
    .form-wrap .comm-btn {width: 50px;height: 60px;line-height: 60px;}

    /*banner css*/
    .banner-reviews-wrap {width: 145px;left: 12%;top: 39%;padding: 0;border-radius: 12px;}
    .banner-reviews-img{width: 80px;height: 72px;}
    .banner-reviews-txt{font-size: 18px;line-height: 22px;margin-right: 5px;}
    .banner-reviews-txt span{font-size: 10px;line-height: 14px;}


    /* featured prod css */
    .featured-prod-wrapper {padding: 0}
    .featured-prod-card {width: 50%;padding: 0 6px;margin-bottom: 0;}
    .featured-prod-img-tle {padding: 20px 5px;margin-bottom: 15px}
    .featured-prod-img {width: 60px;height: 60px;margin: 0 auto 15px;}
    .prod-title {font-size: 14px;line-height: 20px;margin-bottom: 8px;height: auto;}

    .featured-prod-list {border-bottom: var(--border);margin-bottom: 20px;}
   
    /* top reads blogs */
    .top-reads-wrapper {padding-bottom: 40px;margin-bottom: 40px;}
    .top-reads-wrapper .top-read-title {display: none;}
    .top-reads-wrapper .blog-title {display: block;font-size: 24px;line-height: 30px;font-weight: 800;text-transform: uppercase;text-align: center;margin-bottom: 20px;}
    .top-read-left-link .section-title, .top-read-content .section-title {font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .top-read-content .section-title {font-size: 16px;line-height: 24px;}
    .top-read-left-link {padding: 15px !important;border-radius: 8px;margin-bottom: 20px;}
    .top-read-left-img {height: auto;}
    .top-read-left-link .section-title{-webkit-line-clamp: 2;}
    

    /* our expert css */
    .our-exp-img, .our-res-img {float: none;max-width: 280px;margin: 0 auto 20px;}
    .our-exp-content, .our-res-content {float: none;width: 100%;text-align: center;}
    .exp-img, .research-img {display: inline-block;margin-bottom: 5px;}

    /* partner with us css */
    .part-with-us-wrapper {padding: 25px 0;margin-bottom: 40px;}
    .part-with-us-wrap, .users-wrap, .our-exp-img-title, .our-res-img-title {display: block;}
    .partners-img {max-width: 280px;margin: 0 auto 25px;}
    .partners-content {width: 100%;text-align: center;}

    /* our research css */
    .our-exp-content .section-desc, .our-res-content .section-desc {width: 100%;margin-bottom: 20px;font-size: 14px;}
    .our-exp-content::before, .our-res-content::before, .our-exp-content::after, .our-res-content::after {display: none;}

    .bottom-wrapper {padding: 40px 0;}
    /* users say css */
    .users-say-wrapper .section-title, .users-profile-wrap {margin-bottom: 20px;}
    .profile-title {font-size: 14px;line-height: 20px;} 
    .users-img {max-width: 280px;margin: 0 auto 10px;}
    .users-content {width: 100%;}
    .users-content .section-desc {font-size: 18px;line-height: 30px;text-align: center;}
    .users-content::before {left: unset;top: -95px;right: 70px;}
    .users-content::after {width: 70px;height: 80px;left: unset;right: 0;top: -90px;}

    /* our story css */
    .our-story-wrap .section-title {margin-bottom: 25px;}
    .our-story-wrap {padding: 20px 20px 0;background-size: auto;}
    .story-num {font-size: 24px;line-height: 41px;}
    .our-story-bk .section-desc {font-size: 14px;line-height: 22px;height: 44px;}

    /* footer css */
    /* footer right section  */
    .footer-right-wrap, .footer-left-wrap {float: none;width: 100%;}
    .footer-main-wrap {padding: 25px 0;}
    .footer-right-wrap{border-bottom:1px solid #fff;margin-bottom: 25px;}
    .footer-right-wrap .comm-btn.sub-btn{margin-bottom: 30px;}
    .ftr-title {font-size: 16px;line-height: 22px;margin-bottom: 20px;}
    .ftr-form-wrap {border-bottom: var(--border);padding-bottom: 20px;margin-bottom: 20px;}
    .ftr-input, .ftr-input::placeholder {font-size: 13px;}
    .ftr-input {width: calc(100% - 100px) !important;height: 50px;padding: 0 10px;}
    .ftr-form-wrap .comm-btn {background-color: var(--white-color);color: var(--primary-color);font-size: 14px;line-height: 20px;padding: 8px 10px;border-radius: 7px;height: 50px;border: none;top: 0;right: 0;}
    .footer-right-wrap .ftr-cat-title, .footer-right-wrap .ftr-cat-list, .footer-right-wrap .ftr-links {display: none;}
    .footer-left-wrap .ftr-cat-title, .footer-left-wrap .ftr-links {display: block;}

    /* footer left section  */
    .ftr-desc, .ftr-mail {margin-bottom: 25px;}
    .ftr-cat-title {font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .footer-left-wrap .ftr-cat-list {display: flex;margin-bottom: 10px}
    .ftr-links, .cpy-desc {margin-bottom: 15px}
    .ftr-dtls-wrap {display: block;}
    .ftr-cat-block {margin-right: 40px;}

    /* copyright css */
    .copyright-wrap {padding: 15px 0;text-align: center;}
    .cpy-left-wrap {display: block;}
    .cpy-nav-list {flex-wrap: wrap;justify-content: center;}
    .cpy-listing .nav-link {display: block;margin-bottom: 15px;margin-right: 15px;}
    .ftr-icon-list {justify-content: center;}

}

@media only screen and (max-width: 599px) {

    /* banner css */
    .banner-wrapper, .our-expert-wrapper, .part-with-us-wrapper, .our-research-wrapper, .top-reads-wrap, .users-say-wrapper, .popular-top-card {margin-bottom: 25px;}
    .banner-reviews-wrap {width: 135px;left: 0;}
    .form-inner-wrap {padding: 25px 20px 15px;}
    .hm-form-input {padding: 30px 60px 30px 15px;}
    .form-wrap .comm-btn {width: 50px;}
    .latest-reads-wrap .slick-dotted.slick-slider{margin-bottom: 10px;}

    /* popular topics */
    .popular-topics-wrapper {padding: 25px 0;}
    .popular-topics-wrapper .comm-btn {border-bottom: var(--border);padding-bottom: 20px;}
    /* web build css */
    .web-build-img {height: auto;}
 

    /* top read blogs */
    .top-reads-wrapper {padding-bottom: 20px;margin-bottom: 20px;}
    .top-read-left-img {margin-bottom: 15px;}
    .top-read-left-link .section-title{font-size: 14px;line-height: 19px;}
    .top-reads-wrap .top-read-desc, .test-cont-title {font-size: 12px;line-height: 19px;margin-bottom: 5px;} 
    .test-img-wrap,.test-img-wrap img {width: 32px;height: 32px;}
    .top-right-link {border-bottom: var(--border);padding-bottom: 15px;}
    .top-right-card:last-child .top-right-link {border-bottom: none;padding-bottom: 0;}
    .top-right-img {width: 135px;height: 120px;}
    .top-read-content {width: calc(100% - 140px);padding-left: 15px;}
    .top-read-content .section-title {font-size: 12px;line-height: 19px;margin-bottom: 10px;}
    .test-cont-date{font-weight: 400;}
    /* bottom css */
    .bottom-wrapper {padding: 25px 0;}

    /* our story css */
    .our-story-wrap {padding: 20px}
    .our-story-bk {margin-bottom: 10px;}
    .our-story-bk:nth-child(3), .our-story-bk:nth-child(4) {margin-bottom: 0;} 

    /* footer css */
    /* footer left section  */
    .ftr-cat-block, .cpy-listing .nav-link {margin-bottom: 10px}
    .footer-left-wrap .ftr-cat-list, .ftr-links a {display: block;margin-bottom: 12px}

}