/*card start*/
.card {padding: 50px 0 }
.card .displayFlex,.articles-link .displayFlex {margin:0px -1.5rem }
.card .displayFlex .crad-details,.articles-link .article-list-bottom {width: 33.3%;padding: 0 25px 60px;position: relative;}

.card .displayFlex .crad-details .box ,.article .article-details .article-right .box,
.artical-list .alm-listing>li.alm-item .crad-details .box,.articles-link .article-list-bottom .crad-details .box  {border-radius: 15px 15px 0 0}

.card .displayFlex .crad-details .box:before,.articles-link .article-list-bottom .crad-details .box:before {padding-top: 58.5%;}
.article .article-details .article-right .box:before {padding-top: 73%;}
.artical-list .alm-listing>li.alm-item .crad-details .box:before {padding-top: 60%}
.artical-list .alm-listing>li.alm-item.no-img .box{display: none;}

.card .displayFlex .crad-details .card-info, .article .article-details .article-right .card-info,
.artical-list .alm-listing>li.alm-item .crad-details .card-info,
.articles-link .article-list-bottom .crad-details .card-info {background-color: var(--greenlight);border-radius: 15px;padding: 40px 75px 40px 40px;position: relative;}


/*.article .article-details .article-right .card-info {padding-bottom: 80px;}*/
.card .displayFlex .crad-details .card-info p,.article .article-details .article-right .card-info p {padding-bottom: 0}

.card .displayFlex .crad-details.imageradius .card-info,
.artical-list .alm-listing>li.alm-item .crad-details.imageradius .card-info,
.article .article-right .crad-details.imageradius .card-info,.articles-link .article-list-bottom .crad-details.imageradius .card-info
{border-radius: 0 0 15px 15px}

.card .displayFlex .crad-details .card-info .plusIcon,.article .article-details .article-right .card-info .plusIcon,
.artical-list .alm-listing>li.alm-item .crad-details .card-info .plusIcon,
.articles-link .article-list-bottom .crad-details .card-info .plusIcon {background:var(--greenThin);padding:16px;border-radius: 50%;width: 85px;height: 85px;position: absolute;right: -14px;bottom: -13px}

.card .displayFlex .crad-details .card-info .plusIcon svg,.article .article-details .article-right .card-info .plusIcon svg,
.artical-list .alm-listing>li.alm-item .crad-details .card-info .plusIcon svg,
.articles-link .article-list-bottom .crad-details .card-info .plusIcon svg {width: 55px;height: 55px;}

.card .displayFlex .crad-details .card-info .plusIcon svg:hover circle,
.article .article-details .article-right .card-info .plusIcon svg:hover circle,
.artical-list .alm-listing>li.alm-item .crad-details .card-info .plusIcon svg:hover circle,
.articles-link .article-list-bottom .crad-details .card-info .plusIcon svg:hover circle {fill: #1CEFAE;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;}



.card .displayFlex .crad-details .card-info .plusIcon svg #Line-V,
.article .article-details .article-right .card-info .plusIcon svg #Line-V,
.artical-list .alm-listing>li.alm-item .crad-details .card-info .plusIcon svg #Line-V,
.articles-link .article-list-bottom .crad-details .card-info .plusIcon svg #Line-V
{-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;transform-origin: center;  }


.card .displayFlex .crad-details .card-info .plusIcon svg #Line-H,
.article .article-details .article-right .card-info .plusIcon svg #Line-H,
.artical-list .alm-listing>li.alm-item .crad-details .card-info .plusIcon svg #Line-H,
.articles-link .article-list-bottom .crad-details .card-info .plusIcon svg #Line-H
{-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;transform-origin: center;  }


.card .displayFlex .crad-details .card-info .plusIcon svg:hover #Line-V,
.article .article-details .article-right .card-info .plusIcon svg:hover #Line-V,
.artical-list .alm-listing>li.alm-item .crad-details .card-info .plusIcon svg:hover #Line-V,
.articles-link .article-list-bottom .crad-details .card-info .plusIcon svg:hover #Line-V
  {transform: rotate(121deg);
    transform-origin: 55.8% 46% !important;}

.card .displayFlex .crad-details .card-info .plusIcon svg:hover #Line-H,
.article .article-details .article-right .card-info .plusIcon svg:hover #Line-H,
.artical-list .alm-listing>li.alm-item .crad-details .card-info .plusIcon svg:hover #Line-H,
.articles-link .article-list-bottom .crad-details .card-info .plusIcon svg:hover #Line-H
  { transform: rotate(154deg);
    transform-origin: 51% 56% !important;}




/*.card .displayFlex .crad-details .card-info .plusIcon svg #Line-V,
.card .displayFlex .crad-details .card-info .plusIcon svg #Line-H
 {-webkit-transition: all 0.9s;-moz-transition: all 0.9s; transition: all 0.9s;transform-origin: center;  }

.card .displayFlex .crad-details .card-info .plusIcon svg:hover #Line-V{transform: rotate(125deg);
    transform-origin: 56.5% 45.5% !important;}

.card .displayFlex .crad-details .card-info .plusIcon svg:hover #Line-H{ transform: rotate(145deg);
    transform-origin: 51.5% 58.2% !important;}*/



/*article start*/
.articleFullWidth {width: 100%;padding-right: 0;}
.article .article-details .article-right .card-info h5 {font-size:max(26px, min(26px + (45 - 26) * ((100vw - 1200px) / (1920 - 1200)), 45px));line-height: 50px} 


/*artical-list*/
.artical-list {padding: 100px 0 50px;}
.artical-list .displayFlex {align-items: center;justify-content: space-between;padding-bottom: 60px}
.artical-list .displayFlex h2 {padding-bottom: 0}


.alm-filter--title .alm-filter--toggle{font-size: 20px !important; font-family: 'Comfortaa';font-weight: 300 !important;margin-right:20px !important}
.alm-filters-container .alm-filter--title .alm-filter--toggle:after {border-width: 11px !important;top: calc(50% - 8px) !important;border-bottom-color: #5800FF!important;}
.alm-filters-container .alm-filter--title .alm-filter--toggle[aria-expanded=false]:after {top: calc(50% + 6px) !important;border-top-color: #5800FF!important;border-bottom-color: transparent !important;}

.alm-filters-container {margin: 0 !important}
.alm-filters-container .alm-filter--title h3 { font-size:25px !important;margin: 0px !important;font-weight:500 !important;color: var(--purpleLight);padding: 0 45px 0 0 !important;}
.alm-filters-container .alm-filter--inner { position: absolute;padding:0px !important;background-color: #fff;z-index: 1;border-radius: 5px;box-shadow: 0px 5px 12px -2px rgba(0,0,0,0.20);margin-top: 10px;right: 12px;
   min-width: 200px;}
.alm-filters-container .alm-filter--inner .alm-filter--radio .alm-filter--link:before,
.alm-filters-container .alm-filter--inner .alm-filter--radio .alm-filter--link:after {display: none;} 
.alm-filters-container .alm-filter--inner li {margin: 5px 0 !important}
.alm-filters-container .alm-filter--inner div {padding: 6px 15px !important;font-size: 20px !important;min-height: 24px;line-height: 1.45;cursor: pointer;}
.alm-filters-container .alm-filter--inner div:hover { background-color: var(--purpleLight);color: var(--white) !important; }
.alm-filters-container .alm-filter--inner div.active { pointer-events:none;background-color: var(--purpleLight);color: var(--white) !important; }

.alm-listing {display: flex;flex-wrap: wrap;margin: 0 -1.5rem !important}
.artical-list .alm-listing>li.alm-item {display: flex;flex-direction: column;padding: 0 !important;margin: 0 !important;width: 33%;}
.artical-list .alm-listing>li.alm-item .almCardList {padding: 0 25px 60px !important;}
.artical-list .alm-listing>li.alm-item .crad-details .box .imageHolder .card-Img {max-width: 100% !important}
.artical-list .alm-listing>li.alm-item .crad-details .card-info h5,
.articles-link .article-list-bottom .crad-details .card-info h5,.latest-article .crad-details .card-info h5 {padding-bottom: 5px;font-size: 30px;line-height: 38px;}
.artical-list .alm-listing>li.alm-item .crad-details .card-info .card-date,
.articles-link .article-list-bottom .crad-details .card-info .card-date,
.latest-article .crad-details .card-info .card-date { color:var(--purpleLight);font-size:20px;line-height:35px;font-weight: 700;margin: 0 !important;}
.latest-article .crad-details .card-info .card-date {padding-bottom: 30px !important}
.almCardList a,.article-list-bottom .crad-details .card-info a,.latest-article .crad-details .card-info a {text-decoration: none;}

.alm-btn-wrap {margin: 0 !important;text-align: left !important;}
.alm-btn-wrap .more {margin: 50px 0 0 0!important;}
.alm-btn-wrap .loading::before{ background:url(../images/ajax-loader-submit.svg) no-repeat !important; background-size: 30px !important; margin:7px !important}
.alm-btn-wrap .alm-load-more-btn { background-color: var(--purpleLight) !important;border: 1px solid var(--purpleLight) !important;font-size: 25px !important;
	line-height: 35px!important;text-decoration: none !important;margin: 0px!important;padding: 6px 15px 5px 50px !important;height: 45px!important;min-width: 140px!important;border-radius: 25px!important;font-weight: 500!important;color:var(--white) !important; }
.alm-btn-wrap .done{display: none !important;}
body ul.alm-paging {border-top: 1px solid var(--purpleLight);padding: 60px 0 0 !important;margin: 0 !important;text-align: left;}
body ul.alm-paging::before {content: "Page....";padding: 10px 0 8px 0;font-size: max(18px, min(18px + 4*(100vw - 1330px) / 590, 25px));line-height: 1;display: inline-block;}
ul.alm-paging li.active a {background: var(--purpleLight) !important;border-color: var(--purpleLight) !important;  }
ul.alm-paging li a {width: 45px;height: 45px;font-size: 22px;text-align: center;margin-right: 5px;background-color: transparent !important;
	padding: 11px 4px !important;border-radius: 50% !important;border: 1px solid transparent !important;}
ul.alm-paging li a:hover{background-color: transparent !important;border:1px solid var(--purpleLight) !important;}

.alm-filters--controls {display: none !important;}

/* articles link start */
.articles-link {padding: 100px 0 50px;}
.articles-link .article-list-bottom .crad-details .card-info .card-date {padding-bottom: 30px}
.articles-link h2,.latest-article h2 {padding-bottom: 66px;}
.back-button {padding-bottom: 0;float: right;}

  @media all and (min-width: 1200px) and (max-width: 1536px){  
    .card .displayFlex .crad-details .card-info, .article .article-details .article-right .card-info, 
    .artical-list .alm-listing > li.alm-item .crad-details .card-info,
    .articles-link .article-list-bottom .crad-details .card-info {padding: 30px 75px 30px 30px; }
    .articles-link .article-list-bottom .crad-details .card-info h5,.latest-article .crad-details .card-info h5,
    .artical-list .alm-listing > li.alm-item .crad-details .card-info h5 {
      font-size: 26px !important;line-height: 32px !important;}
      
 }


 @media all and (min-width: 0px) and (max-width: 1200px){ 

    .card .displayFlex .crad-details .card-info, .article .article-details .article-right .card-info, 
    .artical-list .alm-listing > li.alm-item .crad-details .card-info,
    .articles-link .article-list-bottom .crad-details .card-info {padding: 25px 58px 25px 25px; }
   
    .card .displayFlex .crad-details .card-info .plusIcon, .article .article-details .article-right .card-info .plusIcon,
    .artical-list .alm-listing > li.alm-item .crad-details .card-info .plusIcon,
    .articles-link .article-list-bottom .crad-details .card-info .plusIcon {padding: 10px;width: 65px;height: 65px;right: -9px;bottom: -11px}

    .card .displayFlex .crad-details .card-info .plusIcon svg, .article .article-details .article-right .card-info .plusIcon svg,
    .artical-list .alm-listing > li.alm-item .crad-details .card-info .plusIcon svg,
    .articles-link .article-list-bottom .crad-details .card-info .plusIcon svg { width:45px;height:45px }

    .search-list .pagination li a { width: 35px;height: 35px;font-size: 18px;line-height: 25px;}

    .article .article-details .article-right .box::before {padding-top: 65%;}

    .latest-article .crad-details .card-info .card-date {padding-bottom: 15px !important;}

    .articles-details-list h3 {padding-bottom: 40px}
 }

  @media all and (min-width: 768px) and (max-width:1200px){  
   .artical-list .alm-listing > li.alm-item .crad-details .card-info .card-date,
   .articles-link .article-list-bottom .crad-details .card-info .card-date,
   .latest-article .crad-details .card-info .card-date {font-size: 22px}
}

@media all and (min-width: 820px) and (max-width: 1200px) and (orientation:landscape), 
   all and (min-width: 820px) and (max-width: 1200px) and (orientation: portrait) {

   .card .displayFlex .crad-details, .articles-link .article-list-bottom {padding: 0 15px 30px}

   /*artical-list start */
   .card .displayFlex, .articles-link .displayFlex,.alm-listing {margin: 0 -1rem !important;}
   .artical-list .alm-listing > li.alm-item .almCardList {padding: 0 15px 30px !important}
}

  @media all and (min-width: 0px) and (max-width: 992px){  

    .card .displayFlex .crad-details .card-info, .article .article-details .article-right .card-info, 
    .artical-list .alm-listing > li.alm-item .crad-details .card-info,
    .articles-link .article-list-bottom .crad-details .card-info {padding: 30px 50px 30px 30px; }

  }


 @media(min-width:768px) and (max-width:992px) {

    .card .displayFlex .crad-details, .articles-link .article-list-bottom {width: 50%;padding: 0 15px 30px}

    /*artical-list start */
    .card .displayFlex, .articles-link .displayFlex,.alm-listing {margin: 0 -1rem !important;}
    .artical-list .alm-listing > li.alm-item {width: 50%;}
    .artical-list .alm-listing > li.alm-item .almCardList {padding: 0 15px 30px !important}
 }


@media screen and (max-width:767px) {

     h4 {font-size: 25px;line-height: 30px;}	
     .article .article-details .article-right .card-info h5 {font-size: 25px;line-height: 30px;}

    .card .displayFlex .crad-details, .articles-link .article-list-bottom {width: 100%;padding: 0 25px 30px}
    .card .displayFlex .crad-details:last-child, .articles-link .article-list-bottom:last-child,.artical-list .alm-listing > li.alm-item:last-child
     {padding-bottom: 0 !important}


    .artical-list .alm-listing > li.alm-item .crad-details .card-info .card-date,
    .articles-link .article-list-bottom .crad-details .card-info .card-date, 
    .latest-article .crad-details .card-info .card-date {font-size: 20px;line-height: 29px}

    .articles-link .article-list-bottom .crad-details .card-info .card-date {padding-bottom: 23px;}

    /*artical-list start */
    
    .artical-list .alm-listing > li.alm-item {width: 100%;}
    .artical-list .alm-listing > li.alm-item .almCardList {padding: 0 25px 30px !important}
    .artical-list .alm-listing > li.alm-item:last-child .almCardList {padding-bottom: 0 !important}
    .articles-details-list .back-btn {margin-top: 20px;}
    .artical-list .displayFlex {padding-bottom: 40px}
    .alm-filters-container {border: 1px solid #5800ff;padding: 5px 12px !important;width: 100%;border-radius: 15px;}

}

@media(min-width:0px) and (max-width:600px) { 
 .artical-list .displayFlex h2 {padding-bottom: 20px;}
 .artical-list .displayFlex {display: block;}
 .alm-filters-container .alm-filter--title h3 {font-size: 20px !important}

}

 @media(min-width:600px) and (max-width:767px) {

    .card .displayFlex .crad-details, .articles-link .article-list-bottom {width: 50%;padding: 0 15px 30px}

    /*artical-list start */
    .card .displayFlex, .articles-link .displayFlex, .alm-listing {margin: 0 -1rem !important;}
    .artical-list .alm-listing > li.alm-item {width: 50%;}
    .artical-list .alm-listing > li.alm-item .almCardList {padding: 0 15px 30px !important}

     .artical-list .displayFlex h2 {padding-bottom: 0px;}
 }

