/*=== common css starts ===*/

/* White and Orange Arrow Color */
.rad-arrow-link.white-orange-arrow{color:#fff;}
.rad-arrow-link.white-orange-arrow .icon-round-arrow-line:before {color:rgba(255,255,255,0.7);}
.rad-arrow-link.white-orange-arrow .icon-round-arrow-line:after {color: #ffffff;}
.rad-arrow-link.white-orange-arrow .icon-round-arrow-circle:before {color: rgba(224,224,224,0.3);}
.rad-arrow-link.white-orange-arrow:hover .icon-round-arrow-circle:before {background-color: #eb5c37;
color: #eb5c37;}
/* White and Orange Arrow Color */

/* White Arrow Link */
a.rad-link.white {color: #ffffff;}
a.rad-link.white:hover {color: #d13c15;}
a.rad-link.white:before {color: #ffffff;}
/* White Arrow Link */

.body-small{ font-size: 1.4rem;line-height: 28px; }
.hide {display: none !important;}
.paddingTop80{padding-top: 80px;}
.paddingBottom80{padding-bottom: 80px;}
/*=== common css ends ===*/

/*=== blog landing css starts ===*/
.blog-landing .blog-landing-slide-main-item-wrapper {position: relative;}
.blog-landing .blog-landing-slide-item {background-size: cover;background-position: center;display: table;width: 100%;min-height: 650px;z-index: 0;position: relative;}
.blog-landing .blog-landing-slide-item::after {content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(24, 24, 24, 0.6);left: 0;z-index: 0;top: 0;}
.blog-landing .blog-landing-slide-item-wrapper {text-align: center;position: absolute;top: 50%;width: 100%;left: 0;transform: translateY(-50%);padding: 0 20%;z-index: 0;}
.blog-landing .blog-landing-slide-item-wrapper .blog-landing-slide-item-title {color:#fff;padding-bottom: 18px;}
.blog-landing .blog-landing-slide-item-wrapper .blog-landing-slide-item-title .h1 {color:#fff;}
.blog-landing ul.blog-landing-slide-item-category-wrapper {padding: 0;margin-bottom: 20px !important;}
.blog-landing ul.blog-landing-slide-item-category-wrapper li.blog-landing-slide-item-category-item {list-style-type: none;margin-bottom: 0px !important;padding-left: 0 !important;display: inline-block;color: #fff;margin-right: 5px;padding: 6px 20px !important;background-color: #464646;text-transform: uppercase;font-weight: normal;letter-spacing: 2px;margin-bottom: 5px !important;}
.blog-landing ul.blog-landing-slide-item-category-wrapper li.blog-landing-slide-item-category-item:last-child {margin-right: 0 !important;}
.blog-landing .blog-landing-slide-item-author-date-wrapper{margin-bottom: 38px !important;}
.blog-landing .blog-landing-slide-item-author-date-wrapper li.blog-landing-slide-item-author-date-item {display: inline-block;color: #ffffff;padding-right: 25px !important;padding-left: 0px !important;margin-bottom: 0 !important;}
.blog-landing .blog-landing-slide-item-author-date-wrapper li.blog-landing-slide-item-author-date-item:last-child {padding-left: 25px !important;padding-right: 0px !important;}
.blog-landing .blog-landing-slide-item-author-date-wrapper li.blog-landing-slide-item-author-date-item:after {content: "|";position: absolute;right: -4px;}
.blog-landing .blog-landing-slide-item-author-date-wrapper li.blog-landing-slide-item-author-date-item:last-child:after {display: none;}
.blog-landing .blog-landing-slider .slick-dots {position: absolute;width: 100%;text-align: center;margin-bottom: 0px !important;bottom: 45px;line-height: 5px;display: flex;align-items: center;justify-content: center;}
.blog-landing .blog-landing-slider .slick-dots li {display: inline-block;background-color: #ffffff;margin-right: 20px;width: 100px;height: 5px;margin-bottom: 0px !important;cursor: pointer;transition: background-color 0.5s ease;}
.blog-landing .blog-landing-slider .slick-dots li:last-child {margin-right: 0;}
.blog-landing .blog-landing-slider .slick-dots li.slick-active, .blog-landing .blog-landing-slider .slick-dots li:hover {background-color: #C9BD2F;}
.blog-landing .blog-landing-slider .slick-dots li button {display: none;}
.blog-landing .blog-landing-slider-wrapper {position: relative;}
.blog-landing .blog-landing-slider-wrapper .slick-slide > div {display: flex;}
.blog-landing .blog-slider-prev-button-wrapper{position: absolute;top: 50%;transform: translateY(-50%);padding-left: 20px;z-index: 1;left: 0;}
.blog-landing .blog-slider-prev-button-wrapper .slick-prev-arrow{width: 68px; height: 68px; padding: 0; color: transparent; margin: 0; border-radius: 60px; border: 3px solid var(--secondary-9); display: flex; align-items: center; justify-content: center;}
.blog-landing .blog-slider-prev-button-wrapper .slick-prev-arrow:hover{
border: 3px solid var(--secondary-13); 
}
.blog-landing .blog-slider-prev-button-wrapper .slick-prev-arrow:hover .icon-forward-yellow{
     background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-yellow-dark);
}
.blog-landing .blog-slider-next-button-wrapper {position: absolute;top: 50%;transform: translateY(-50%);padding-right: 20px;z-index: 1;right: 0;}
.blog-landing .blog-slider-next-button-wrapper .slick-next-arrow {width: 68px; height: 68px; padding: 0; color: transparent; margin: 0; border-radius: 60px; border: 3px solid var(--secondary-9); display: flex; align-items: center; justify-content: center;}
.blog-landing .blog-advanced-filter-top-wrapper {overflow: hidden;padding: 0 0 20px 0;}
.blog-landing .blog-advanced-filter-text-wrapper {text-align: left;float: left;}
.blog-landing .blog-filter-reset-wrapper{float: right;display: inline-block;vertical-align: middle;}
.blog-landing .blog-filter-text {display: inline-block;vertical-align: middle;margin-right: 20px;}
.blog-landing .blog-filter-reset-button {display: inline-block;vertical-align: middle;text-transform: uppercase;letter-spacing: 2px;color:#2f2f2f;}
.blog-landing .blog-filter-reset-button .icon-reset {font-size: 1.3rem;}
.blog-landing .blog-filter-reset-button:hover {color: #eb5c37;}
.blog-landing .blog-advanced-filter-text {display: inline-block;vertical-align: middle;position: relative;color:#2f2f2f;}
.blog-landing .blog-advanced-filter-text:hover{color: #eb5c37;}
.blog-landing .blog-advanced-filter-text .icon-plusblg {color: #eb5c37;font-size: 2rem;margin-left: 20px;}
.blog-landing .blog-advanced-filter-text.open .icon-plusblg {font-size: 1.8rem;}
.blog-landing .blog-advanced-filter-text .icon-plusblg:before {content: "\e91d";}
.blog-landing .blog-advanced-filter-text.open .icon-plusblg:before {content: "\e905";}
.blog-landing ul.blog-category-tags-wrapper{margin-bottom: 0px !important;}
.blog-landing .blog-category-tags-wrapper .blog-category-tag-item {display: inline-block;margin: 0 5px 10px 0 !important;padding: 0px !important;}
.blog-landing .blog-category-tags-wrapper .blog-category-tag-item > a {padding: 10px 20px !important;background-color: #e3e3e3;text-transform: uppercase;color: #2f2f2f;transition: background-color 0.5s ease;letter-spacing: 2px;display: inline-block;border: 1px solid transparent;}
.blog-landing .blog-category-tags-wrapper .blog-category-tag-item > a.disable {pointer-events: none;cursor: not-allowed;background-color: #f3f3f3;}
.blog-landing .blog-category-tags-wrapper .blog-category-tag-item > a.active, .blog-landing .blog-category-tags-wrapper .blog-category-tag-item > a:hover {background-color: #d1d1d1;border: solid 1px #055a60;}
.blog-landing .blog-filter-wrapper {background-color: #f8f8f8;padding: 40px 0 35px 0;}
.blog-landing .filters-wrapper {position: relative;display: flex;align-items: stretch;}
.blog-landing .filters-wrapper:before, .blog-landing .filters-wrapper:after {content: '';position: absolute;width: 100vw;height: 100%;top: 0;z-index: 0;}
.blog-landing .filters-wrapper:before {background: #ededed;right: 100%;}
.blog-landing .filters-wrapper:after {background: #d1d1d1;left: 100%;}
.blog-landing .blog-year-filter-list-wrapper, .blog-landing .blog-author-filter-list-wrapper {width: 100%;max-width: 402px;}
.blog-landing .blog-year-filter-list-wrapper {background-color: #ededed;}
.blog-landing .blog-author-filter-list-wrapper {background-color: #e3e3e3;}
.blog-landing .filter-search {flex-grow: 5;background-color: #d1d1d1;}
.blog-landing .filters-wrapper input#blogsearchtext {background: #d1d1d1;width: 100%;border: none;padding: 0 65px 0 80px;height: 90px;color: #2f2f2f;}
.blog-landing .filter-box .filter-list-container .selectedText {padding: 30px 65px 30px 40px;min-height: 90px;}
.blog-landing .filter-box .filter-list {max-height: 202px;border-top: 10px solid #ffffff;}
.blog-landing .filter-list ul li span{padding: 20px 10px 20px 70px;background: transparent;text-align: left;vertical-align: middle;position: relative;}
.blog-landing .filter-list ul li span:before{height: 30px;width: 30px;display: inline-block;border-radius: 3px;border: 1px solid #055a60;content: "";position: absolute;left: 20px;bottom: auto;background: transparent;}
.blog-landing .filter-list ul li a.selected span:after {content: "";width: 20px;height: 20px;display: inline-block;background-color: #055a60;position: absolute;left: 25px;top: 25px;bottom: auto;}
.blog-landing .filter-list:not(.filter-list-halfwidth) ul li:not(:last-child) span {border-bottom: none;}
.blog-landing .blog-result-for-main-wrapper {padding: 80px 0 40px 0;}
.blog-landing .blog-result-for-wrapper {display: flex;}
.blog-landing .blog-selected-filters-wrapper {display: flex;}
.blog-landing .blog-selected-filters {margin-bottom: 0px !important;align-self: center;margin-left: 20px;}
.blog-landing .blog-selected-filter-item {padding: 0px !important;margin: 0px 10px 10px 0px !important;display: inline-block;}
.blog-landing .blog-selected-filter-item a span.body-small {letter-spacing: 2px;color: #2f2f2f;text-transform: uppercase;padding: 6px 35px 6px 10px;background: #f3f3f3;}
.blog-landing .blog-selected-filter-item a:hover span.body-small {background-color: #e3e3e3;}
.blog-landing .blog-selected-filter-item a {display: flex;position: relative;color: #2f2f2f;}
.blog-landing .blog-selected-filter-item a .icon-close-1 {position: absolute;right: 10px;display: flex;align-self: center;}
.blog-landing .filter-box .filter-list-container .selectedText.icon-arrow-head-down:before {top: calc(50% - 8px);}

/*--- Blog listing section ---*/
.blog-landing .blog-list-box-wrapper {width: calc(33.33% - 3px);display: inline-block;min-height: 510px;padding: 20px 15px;text-align: left;vertical-align: top;}
.blog-landing .blog-list-box-wrapper:nth-child(4), .blog-landing .blog-list-box-wrapper:nth-child(5) {width: calc(50% - 3px);}
.blog-landing .blog-list-box-image-wrapper{min-height: 263px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.blog-landing .blog-list-box-category-tag {position: absolute;padding: 6px 20px !important;background-color: #f3f3f3;text-transform: uppercase;color: #2f2f2f;transition: background-color 0.5s ease;letter-spacing: 2px;left: 20px;bottom: 20px;}
.blog-landing .blog-list-box-content-wrapper {border: 1px solid #055a60;}

.blog-landing .blog-list-box-content-inner-wrapper {padding: 20px;background-color: #f8f8f8;}
.blog-landing .blog-list-box-content-item-wrapper {min-height: 224px;}
.blog-landing .blog-list-box-title {padding-bottom: 20px;}
.blog-landing .blog-list-box-title .intro-normal{font-family: 'FFInfraMedium';}
.blog-landing .blog-list-box-author-date-wrapper {padding-bottom: 20px;}
.blog-landing .blog-advanced-filter-wrapper {display: none;float: left;width: 100%;}
.blog-landing .blog-list-box-read-more-link{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;font-size: 0;line-height: 0;}
.blog-landing .blog-list-box-inner-wrapper {position: relative;}
.blog-landing .blog-list-box-inner-wrapper:hover .blog-list-box-content-wrapper {transition: all 0.5s ease; border: 1px solid var(--secondary-9);}
.blog-landing .blog-list-box-inner-wrapper:hover .blog-list-box-content-wrapper .blog-list-box-content-inner-wrapper{background-color: var(--secondary-9) !important;}
.blog-landing .blog-list-box-inner-wrapper:hover .text-link .rad-link, .blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .rad-link{text-decoration: underline;}
.blog-landing .blog-list-box-inner-wrapper:hover .text-link .icon-forward-white, .blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .icon-forward-white{background: transparent; border: 2px solid var(--primary-1);}
.blog-landing .blog-list-box-inner-wrapper:hover .text-link .icon-forward-white:before, .blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .icon-forward-white:before{background-image:url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-small')}
.blog-landing .blog-list-box-inner-wrapper:hover .blog-list-box-read-more-wrapper .text-link .rad-link {color: var(--primary-5) !important; text-decoration: underline !important;}
.blog-landing .blog-list-box-inner-wrapper:hover .blog-list-box-read-more-wrapper .text-link .icon-forward-white{background: transparent; display: flex; align-items: center; justify-content: center; border: 2px solid var(--primary-1);}
.blog-landing .blog-list-box-inner-wrapper:hover .blog-list-box-read-more-wrapper .text-link .icon-forward-white:before{background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-small')}
.blog-landing .blog-listing-wrapper {overflow: hidden;text-align: center;}
.blog-landing .blog-alert-msg {padding: 80px 20px;text-align: center;display: none;}

/*.blog-landing .slider-nav-inner .card-count {position: absolute;text-align: center;top: 50%;max-width: 200px;transform: translate(-50%, -50%);margin: 0 auto;left: 50%;}*/
.blog-landing .slider-nav-inner .card-count .count-text{display: block; text-align: center;}
.blog-landing .slider-nav-inner .prev-arrow-wrapper, 
.blog-landing .slider-nav-inner .next-arrow-wrapper {margin: 0px;}
.blog-landing .blog-pagination-wrapper{padding: 80px 0 0px 0;}

.blog-landing .blog-list-box-author-text{padding-right: 10px;position: relative;}
.blog-landing .blog-list-box-published-date-text {padding-left: 7px;}
.blog-landing .blog-list-box-author-text:after {content: "|";width: 1px;position: absolute;right: 2px;top: -2px;}
/*=== blog landing css ends ===*/
/*== latest blog insights module--*/

.mod-latestblogs.blog-landing h2 {padding-bottom: 65px;}
.mod-latestblogs.blog-landing .blog-list-box-content-wrapper{background-color: #ffffff;}
.mod-latestblogs.blog-landing .blog-list-box-wrapper {min-height: auto;}
.mod-latestblogs.blog-landing .blog-list-box-content-wrapper .intro-normal{ font-family: 'FFInfraRegular'; font-size: 2.2rem; line-height: 24px; letter-spacing: 0px;  }
.mod-latestblogs.blog-landing .blog-list-box-author-date-wrapper { padding-bottom: 20px; font-size: 1.6rem; }
.mod-latestblogs.blog-landing .bottom-link-wrapper { margin: 60px 0;}
.blog-list-box-wrapper:hover .rad-link {
  text-decoration: underline;
}
.cta-primary span:last-child, .cta-secondary span:last-child{
top:2px;
}
.popup-slider-content .cta-primary span:last-child, .cta-secondary span:last-child{
top:2px;
}
/*== latest blog insights module ends--*/
/*=== blog landing media query css starts ===*/
/*--- Small Desktop/Laptop ---*/
@media all and (min-width:1024px) and (max-width:1679px){
    .body-small{ font-size: 1.4rem;line-height: 28px; }
.blog-title-heading-wrapper{
padding: 0 20px;
}
    .mod-latestblogs.blog-landing .blog-list-box-wrapper {width: calc(33.33% - 8px);  margin: 0; padding: 0px 8px;}
    .blog-landing .blog-list-box-image-wrapper{min-height: 215px;}
    .mod-latestblogs.blog-landing .blog-list-box-content-wrapper .intro-normal { font-size: 1.8rem; line-height: 24px;}
    .mod-latestblogs.blog-landing .blog-list-box-author-date-wrapper { font-size: 1.4rem;}
    .mod-latestblogs.blog-landing .blog-list-box-content-wrapper { padding: 15px;}
    .mod-latestblogs.blog-landing .blog-list-box-content-inner-wrapper { padding: 15px;}
}

/*--- Tablet Landscape ---*/
@media all and (min-width:768px) and (max-width:1023px){
    .blog-landing .blog-list-box-wrapper {width: calc(50% - 3px);}
    .blog-landing .filter-list ul li span {padding: 15px 10px 15px 50px;}
    .blog-landing .filter-list ul li span:before {height: 25px;width: 25px;left: 15px;}
    .blog-landing .filter-box .filter-list {max-height: 294px;}
    .blog-listing-main-wrapper.paddingTop80{ padding-top: 50px;}
    .blog-landing .filter-list ul li a.selected span:after {width: 15px;height: 15px;left: 20px;top: 20px;}
    .mod-latestblogs.blog-landing .blog-list-box-wrapper { width: calc(50.0% - 3px); }
}
/* For tabalet landscape */
@media all and (max-width:1024px){
    .body-small{ font-size: 0.9rem;line-height: 19.6px; }
    .blog-landing .blog-landing-slider .slick-dots{bottom: 15px;}
    .blog-landing .blog-landing-slide-item{min-height: 393px;}
    .blog-landing .blog-landing-slider .slick-dots li{width: 64px;height: 3px;}
    .blog-landing .blog-list-box-wrapper {padding: 10px 15px; min-height: auto;}
    .blog-landing .blog-listing-wrapper {overflow: hidden;padding: 0 20px;margin: -25px -10px 0px -10px;}
    .blog-landing .filter-box .filter-list-container .selectedText {padding: 24px 45px 24px 30px;min-height: 70px;}
    .blog-landing .filters-wrapper input#blogsearchtext {height: 70px;}
    .blog-landing .blog-result-for-main-wrapper {padding: 40px 0;}
    .blog-landing .blog-filter-wrapper {padding: 40px 0 15px 0;}
    .blog-landing .blog-year-filter-list-wrapper, .blog-landing .blog-author-filter-list-wrapper{width: 33.33%;}
    .blog-landing .blog-landing-slide-item-wrapper {padding: 0 110px;}
    .blog-landing .blog-list-box-content-item-wrapper {min-height: 149px;}
    .blog-landing .blog-category-tags-wrapper .blog-category-tag-item > a {padding: 5px 11px !important;}
    .blog-landing .blog-pagination-wrapper {padding: 40px 0 0px 0;}
    
    .mod-latestblogs.blog-landing .blog-list-box-wrapper { width: calc(26% - 3px);}
    .mod-latestblogs.blog-landing .blog-list-box-content-wrapper { padding: 15px; }
    .mod-latestblogs.blog-landing .blog-list-box-content-inner-wrapper { padding: 8px; }
    
}
@media all and (max-width: 991px){
 .mod-latestblogs.blog-landing .blog-list-box-wrapper { width: calc(50% - 3px);}
}
/*--- Mobile ---*/
@media all and (max-width:767px){
    .body-small{ font-size: 0.9rem;line-height: 19.6px; }
    .blog-landing .blog-landing-slider .slick-dots li{width: 30px;height: 3px;}
    .blog-landing .blog-landing-slider .slick-dots li {margin-right: 10px;}
    .blog-landing .blog-slider-prev-button-wrapper, .blog-landing .blog-slider-next-button-wrapper {bottom: 5px;transform: none;top: auto;}
    .blog-landing .blog-slider-next-button-wrapper .slick-next-arrow, .blog-landing .blog-slider-prev-button-wrapper .slick-prev-arrow {height: 60px;width: 60px;}
    .blog-landing .blog-landing-slider .slick-dots {bottom: 42px;}
    .blog-landing .blog-slider-next-button-wrapper {padding-right: 15px;bottom: 0;top:82%}
    .blog-landing .blog-slider-prev-button-wrapper {padding-left: 15px;bottom: 0;top:82%}
    .blog-landing .blog-landing-slide-item-wrapper {padding: 0 5%;top: 46%;}

    .blog-landing .blog-landing-slide-item {min-height: 430px;}
    .blog-landing .blog-landing-slide-item-author-date-wrapper li.blog-landing-slide-item-author-date-item {font-size: 1.4rem;line-height: 21px;}
    .blog-landing .blog-landing-slide-item-author-date-wrapper li.blog-landing-slide-item-author-date-item {padding-right: 15px !important;}
    .blog-landing .blog-landing-slide-item-author-date-wrapper li.blog-landing-slide-item-author-date-item {padding-left: 15px !important;}
    .blog-landing .blog-list-box-wrapper {width: calc(50% - 3px);}
    .blog-landing .blog-landing-slide-item-wrapper .blog-landing-slide-item-title {padding-bottom: 10px;}
    .blog-landing ul.blog-landing-slide-item-category-wrapper {margin-bottom: 0px !important;}
    .blog-landing .blog-landing-slide-item-author-date-wrapper {margin-bottom: 15px !important;}

    .blog-landing .filters-wrapper {display: block;}
    .blog-landing .blog-year-filter-list-wrapper, 
    .blog-landing .blog-author-filter-list-wrapper {width: 100%;max-width: 100%;}
    .blog-landing .filter-box .filter-list-container {float: none;}
    .blog-landing .filter-search {width: 100%;flex-grow: inherit;}

    .blog-listing-main-wrapper.paddingTop80{ padding-top: 30px;}
    .blog-landing .filter-box .filter-list {border:none;}
    .blog-landing .filters-wrapper:before, .blog-landing .filters-wrapper:after {background-color: #e3e3e3;}

    .filter-search:after, .filter-search:before {content: '';position: absolute;width: 100vw;height: 100%;top: 0;z-index: 1;background: #d1d1d1;}
    .blog-landing .filter-search:after {left: 100%;}
    .blog-landing .filter-search:before {right: 100%;}
    .blog-landing .filter-search {position: relative;}

    .blog-landing .blog-filter-text {float: left;}
    .blog-landing .blog-filter-wrapper {padding: 40px 0 60px 0;}
    .blog-landing .blog-advanced-filter-text {float: right;}
    .blog-landing .blog-filter-reset-wrapper {position: absolute;width: 100%;bottom: -30px;right: 20px;text-align: right;}
    .blog-landing .slider-nav-inner .prev-arrow-wrapper {padding-right: 40px;}
    .blog-landing .slider-nav-inner .next-arrow-wrapper {padding-left: 40px;}
    .blog-landing .blog-result-for-wrapper {display: block;}
    .blog-landing .blog-selected-filters {margin-left: 0px;}
    .blog-landing .blog-result-for-title {padding-bottom: 10px;}
    .blog-landing .blog-advanced-filter-col-wrapper {padding:0;}
    .blog-landing .filter-box .filter-list-container .selectedText.icon-arrow-head-down:before {right: 30px;}
    .blog-landing .filter-box .filter-list-container .selectedText {padding: 24px 60px 24px 30px;}
    .blog-landing .news-filter-wrapper .icon-search:before {left: 10px;}
    .blog-landing .blog-advanced-filter-text-wrapper {float:none;overflow:hidden;}
    
    .mod-latestblogs.blog-landing .blog-list-box-wrapper { width: calc(50.0% - 3px); }
    
}
@media all and (max-width:580px){
    .blog-landing .blog-list-box-wrapper,
    .blog-landing .blog-list-box-wrapper:nth-child(4), 
    .blog-landing .blog-list-box-wrapper:nth-child(5) {width: 100%;}
    .blog-landing .blog-listing-wrapper {overflow: hidden;padding: 0 15px;}
    
    .mod-latestblogs.blog-landing .blog-list-box-wrapper{width: 100%;}
}
/*=== blog landing media query css ends ===*/