/*
Theme Name: Cliquify
Theme URI: https://blog.cliquify.me/
Author: Inosoft Works
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for cliquify with Blog Integration.
Version: 2.0.13
License: Proprietary License
*/
*{margin: 0;padding: 0;box-sizing: border-box;}

:root{
  --primary:#6c96ff;
  --secondary:#ff1889;
  --primary-hover:#355C7D;
  --dark:#1A1A1A;
  --darker:#1D1D1D;
  --black:#000000;
  --white:#ffffff;
  --gray:#F3F3F3;
  --font1: "Rubik";
  --font2:"Inter";
}




body{font-family: var(--font2);}
ul, ol{padding: 0;list-style: none;margin: 0;}
li{padding: 0;margin: 0;}
a{display: inline-block;color: var(--black);text-decoration: none;font-weight: 600;}
img{max-width: 100%;object-fit: cover;}
h1, h2, h3, h4, h5, h6{font-family: var(--font1);color: var(--dark);}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{color: var(--primary);}
h1{font-size: 62px ;line-height: normal;font-weight: 600;}
h2 {font-size: 35px;line-height: 45px;font-weight: 700;}
h3{font-size:30px;line-height: 38px; font-weight: 700;transition: .3s linear;}
h4{font-size: 24px;line-height: 1.3;font-weight: 500;}
h5{font-size: clamp(1.063rem, 0.657vw + 0.908rem, 1.5rem);line-height: clamp(1.169rem, 1.174vw + 0.894rem, 1.95rem);}
h6{font-size: 20px;line-height: 1.3;transition: .3s linear;}
p,li{font-size: 16px;line-height: 24px;}


.form-control{box-shadow: none;border: 1px solid #484848;}
.form-control:focus{box-shadow: none;border: 1px solid #484848;}

::after, ::before{pointer-events: none;}

/* buttons */

.btn-primary{color: var(--white) ;font-size: 16px; background-color: var(--secondary);border-color: var(--secondary);     padding: 17px 42px;font-weight: 500;border-radius: 0;display: flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;font-family: var(--font2);border-radius:16px;}

.btn-primary:hover{background-color: var(--primary);border-color: var(--primary);   }
.btn-dark{color: var(--white) ;font-size: 16px; background-color: var(--dark);border-color: var(--dark);border-radius: 0;     padding: 17px 55px;font-weight: 600; display: flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;font-family: var(--font2);}
.btn-white{color: var(--dark) !important;font-size: 16px; background-color: var(--white);border-color: var(--white);border-radius: 0;     padding: 17px 55px;font-weight: 600; display: flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;font-family: var(--font2);}
.btn-white:hover{color: var(--white) !important;background: var(--dark) !important;border-color: var(--white);}
/* header .logo{width: 90px;} */
header {position:relative;background: var(--white); z-index: 2; top:0; right:0; left:0;padding: 7px 0;  border-bottom: 1px solid transparent;
      border-image: linear-gradient(214deg, rgba(248, 179, 0, 1) 12%, rgba(115, 154, 255, 1) 52%, rgba(255, 34, 142, 1) 92%);
      border-image-slice: 1;}
  ul.top_right {padding:0; margin:0; list-style: none; text-align: right;}
  ul.top_right li {display: inline-block; margin-right:25px;}
  ul.top_right li:last-child {margin-right: 0;}
  ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}



.top_featured_wrap {position: relative;}
  #menu{position:relative;}
  #menu ul{list-style:none;margin:30px 0; display: flex;align-items: center;justify-content: end; gap:44px;}
  #menu ul li{position:relative;}
  #menu ul li a{display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;font-size: 16px;transition:all .3s ease-in;padding: 5px 0px;color: var(--dark);font-family: var(--font2);}
  #menu li > a:only-child::after { margin-left: 0; content: ''; }
  #menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a,header.sticky #menu ul li.active a{color: var(--primary);}


  #menu li.active ul li a{color:#fff;background:#000}
  #menu li.active ul li a:hover{color:#fff;background:#333}
  #menu li>ul{position:absolute;left:0;top: 4px;z-index:999;white-space:nowrap;padding-left: 0;}
  #menu li>ul li{background:var(--white);border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
  #menu li>ul li:hover{background:var(--primary);border-bottom:1px solid rgba(0,0,0,0.09)}
  #menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;transition: none;}
  #menu li>ul li a:hover{color:#fff;text-decoration:none;}
  #menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff}

  #menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
  #menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
  #menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0;width: 280px;display: block;min-width: 220px;flex-direction: column;}
#menu li:hover>ul{visibility:visible;opacity:1;display: block;max-width: fit-content;width: 280px;background-color: var(--white);    }
#menu li>ul li a{padding:0 23px;}
#menu li:hover>ul li a{padding:10px 23px;}
#menu li>ul li:hover a {color:#fff;border-color: var(--primary);transform: translateX(6px);}
#menu li>ul li:hover ul li a {color:#000;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed;  background:var(--white);  top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  }
header.sticky .top-header,header.sticky .sub-manu{display: none;}
header.sticky .btn-white{background-color: var(--primary);color: var(--white) !important; }
header.sticky #menu ul li a{color: var(--dark);}
header .btn-primary{background-color: var(--white);color: var(--primary);}
section{padding: 45px 0;}


.top_news_sec .left h1{font-size: 30px;line-height: 1.3;}
.blog-card .blog-content a{font-size: 16px;font-weight: 600;}
.blog-card .blog-content h6{font-size: 18px;}
.left .blog-card .blog-content a{font-size:20px;}
.left .blog-card .blog-content a:last-child{display: flex;}
.left .blog-card .blog-content a img{object-fit: contain;}
.blog-card .img-box img{width: 100%;object-fit: cover;border-radius: 16px;overflow: hidden;height: 100%;}
.blog-card .img-box a{display: block; height: 100%;}
.left .blog-card{display: flex;position: relative;height: 100%;cursor: pointer;}
.left .blog-card .blog-content{position:absolute; bottom: 26px;left: 26px;padding: 20px;background-color: #89898938;backdrop-filter: blur(21px);border-radius: 20px;width: 70%;}
.left .blog-card .blog-content a img{margin-right: 10px;}
.blog-card .effect {position: absolute;left: 0;top: 26px; background: linear-gradient(119deg, rgba(108, 150, 255, 1) 0%, rgba(108, 150, 255, 1) 86%, rgba(0, 0, 0, 0) 86%, rgba(0, 0, 0, 0) 100%);   width: fit-content;  padding: 2px 34px;display: none;}
.blog-card .blog-content:hover h6,.blog-card .blog-content:hover h3{color: var(--primary);}
.blog-card .effect span{font-size: 25px;}
.left .blog-card *{color: var(--white);}
.right {height: 100%;}
.right hr {margin: 10px 0 !important ;}
.right .blog-card{display: flex;position: relative;gap: 16px;}
.right .blog-card .img-box img ,.right .blog-card .img-box {min-width: 200px;width: 230px;height: 100%;object-fit: cover;display: none;}
.blog-card .blog-content{display: flex;flex-direction: column;flex-grow: 1;}
.blog-card .blog-content a:first-child{flex-grow: 1;}
.right .col-12:nth-last-child(1) hr{display: none;}
.right .blog-card .blog-content a:last-child{display: flex;}
.right .blog-card .blog-content a img{margin-right: 8px;object-fit: contain;}

.blog-main .blog-card{background-color: var(--white);border-radius: 10px;overflow: hidden;box-shadow: 0px 4px 16px 0px #00000021;cursor: pointer;}
.blog-main .blog-card .img-box img{border-radius: 0;aspect-ratio: 1/.45;}
.blog-main .blog-card .blog-content{padding: 16px 18px;}
.blog-main .blog-card .blog-content h4{font-size: 18px;min-height: 57px;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.blog-main .blog-card .blog-content a:nth-last-child(1){font-size: 14px;width: fit-content;display: flex;align-items: center;}
.blog-main .blog-card .blog-content a:nth-last-child(1) img{height: 14px;margin-right: 7px;object-fit:contain;width: fit-content;}
.blog-main .blog-card .blog-content hr{margin: 16px 0 10px !important;}
.latest_sec .heading + hr{margin: 30px 0 !important;}
.slider{position: relative;}
.slider .owl-item{margin: 20px 0;}
.slider .owl-nav{display: flex;width: 114%;justify-content: space-between;left: -7%;position: absolute;top: 0;bottom: 0;align-items: center;pointer-events: none;}
.slider .owl-nav .owl-prev,.slider .owl-nav .owl-next{pointer-events: all;width: 60px;aspect-ratio: 1/1;border-radius: 50%;border: 1px solid var(--black) !important;display: flex;align-items: center;justify-content: center;}
.slider .owl-nav  i{color: var(--primary);font-size: 20px;line-height: 0;}
.video_main .blog-card .img-box{position: relative;}
/* .video_main .blog-card .img-box::after{content: '\F4F4';font-family: bootstrap-icons;position: absolute;top: 0;left: 0;width:60px;aspect-ratio: 1/1;border-radius: 50%; display: flex;align-items: center;justify-content: center; background: #FFFFFF4F;backdrop-filter: blur(15px);font-size: 30px;color: white;right: 0;margin: auto;bottom: 0;} */
.news-later{padding:50px;border-radius: 20px;border: 1px solid #1a1a1a31;}
.news-later form{display: flex;gap: 24px;}
.news-later form .legal-consent-container,.news-later form .hs_recaptcha ,.news-later form #label-email-d43bb8da-130b-4c2c-86e0-8cb006bedb96{display: none !important;}
.news-later .hs_email {width: 100%;}
.news-later h3{font-size: 26px;font-weight: 600;margin-bottom: 20px;}
.news-later form .hs-input{display: flex;width: 100%;height: 58px;border-radius: 6px;}
.news-later .form-control{height: 100%;}
.news-later .hs-button{border-radius: 6px;color: var(--white); font-size: 16px; background-color: var(--secondary); border-color: var(--secondary);    padding: 17px 42px;   font-weight: 500; display: flex;justify-content: center; gap: 10px; align-items: center;
    text-transform: capitalize; width: fit-content;  font-family: var(--font2);}
.news-later h2 span{color: unset;}
.inner-banner {position: relative;min-height: 300px;display: flex;align-items: center;}
.inner-banner .img-box{position: absolute;width: 54%;height: 100%;top: 0;right: 0;}
.inner-banner .img-box img{position: absolute;width: 100%;height: 100%;top: 0;right: 0;object-position: left;}
.inner-banner .img-box  img.real-img {mask-mode: alpha;mask-repeat: no-repeat;mask-position: center; mask-size: cover;pointer-events: none;object-fit: cover;object-position: left;}
.inner-banner h1{font-size: 44px;}
.blog-sec .blog-main.row{row-gap: 20px;}

footer{background: #071C2F;padding: 30px 0;}
footer *{color: var(--white);}
footer hr{margin: 30px 0 40px !important;}
.social-icon {display: flex;gap: 35px;justify-content: end;align-items: center;}
.social-icon img{width: 34px;}
.blog-main .form-control{width: 330px;margin-left: auto;background-color: #F0F0F0;padding: 13px 19px;border-radius: 8px;color: #1D1D1D4D;}
.detail-sec .thumbnail{position: relative;overflow: hidden;border-radius: 20px;}
.detail-sec .thumbnail .effect{position: absolute;left: 0;top: 26px; background: linear-gradient(119deg, rgba(108, 150, 255, 1) 0%, rgba(108, 150, 255, 1) 86%, rgba(0, 0, 0, 0) 86%, rgba(0, 0, 0, 0) 100%);   width: fit-content;  padding: 2px 34px;}
.detail-sec .thumbnail .effect span{color: var(--white);}
.detail-sec .thumbnail .tags{position: absolute;display: flex;bottom: 25px;left: 25px;gap: 15px;}
.detail-sec .thumbnail .tags span{padding: 3px 30px;background-color: var(--secondary);border-radius: 6px;color: var(--white);font-size: 14px;}
.detail-sec .thumbnail .img-box img{width: 100%;height: 100%;border-radius: 16px;}
.detail-sec .thumbnail .user{position: absolute;display: flex;right: 25px;bottom: 25px;align-items: center;color: var(--white);gap: 10px;}
.detail-sec .thumbnail .user img{border-radius: 50%;width: 70px;aspect-ratio: 1/1;}
.detail-sec .thumbnail .user h6 a{color: var(--white);font-size: 14px;}
.media-option {display: flex; gap: 15px;margin: 20px 0;align-items: center;flex-wrap: wrap;}
.media-option span{margin-left: 12px;font-size: 14px;}
.inner-content ul li{position: relative;margin-bottom: 12px;}
.inner-content h1{font-size: 28px;}
.inner-content h3 strong,.inner-content h2 strong,.inner-content h3 b,.inner-content h2 b{font-family:  var(--font1);font-weight: 700;font-size: 24px;}

.inner-content ul li::before{content: "\F285";font-family: bootstrap-icons;color: var(--secondary);padding-right: 12px;vertical-align: sub;}
.video-sec .user{display: flex;right: 25px;bottom: 25px;align-items: center;color: var(--black);gap: 10px;justify-content: end;}
.video-sec  .user img{border-radius: 50%;width: 70px;aspect-ratio: 1/1;}
.video-sec .user h6,.detail-sec .thumbnail .user h6{margin-bottom: 0;line-height: 1.1;}
.video-sec .user h6 a{color: var(--black);margin-bottom: 0;font-size: 14px;}
.video-sec .user span{font-size: 14px;}
.views{display: flex;align-items: center;}
.views img{object-fit: contain;height: 19px;}

.video-sec .image {position: relative; overflow: hidden;border-radius: 12px;margin-bottom:10px;}
.video-sec .ply-btn {position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;width: 94px;height: 94px;border-radius: 50%;border: none;background: #ffffff3f;backdrop-filter: blur(15px)}
.video-sec .ply-btn img{width: 24px;}
.video-sec .overly-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.media-option .title{background: var(--secondary);color: var(--white); padding: 3px 24px;font-size: 14px;}
.media-option .title a{color: var(--white);}
.detail-sec p a{text-decoration: underline;font-weight: 400;}

.page-numbers{display: flex;gap: 16px;align-items: center;justify-content: center;}
ul.page-numbers .page-numbers{display: flex;background:var(--secondary);padding: 2px 12px;color: var(--white);    width: 39px;
    aspect-ratio: 1 / 1;}
ul.page-numbers .page-numbers.current{background: var(--white);color: var(--secondary);    width: 39px;aspect-ratio: 1 / 1;    align-items: center;display: flex;}

.news-later form .form-control{height: 60px;}
.news-later form p{margin-bottom: 0 !important;}
.news-later form .wpcf7-spinner{display: none;}
.detail-sec .thumbnail .tags span a{color: var(--white);}
.blog-card .img-box iframe{width: 100%;aspect-ratio: 1/.45;height: auto;}
.liks{cursor: pointer;display: flex;align-items: center;gap: 0px;}

.liks.active img.dislike{display: none;}
.liks.active  img.like{display: block;}
.liks img.like{display: none;}


.video_main .img-box img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
    z-index: 2;
    position: relative;
}

.video_main .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 3;
}

.video_main  .video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}
 .img-box.has-video{position: relative;overflow: hidden;}
.video_main  .img-box.has-video:hover a img {
    opacity: 0;
}
.video_main  .img-box:hover .video-wrapper {opacity: 1; pointer-events: auto;}
.pro-box {    height: 100%;}
.pro-box img{position: relative !important;width: 80px !important;height: unset !important; aspect-ratio: 1/1 !important;border-radius: 50% !important;object-fit: cover !important;object-position: center !important;}
.share { position: relative;  display: inline-block;}
.share-btn{background:transparent;border:none;}
.share-options {  display: none;  position: absolute;  top: 100%;  right: 0;  background: #fff;  border: 1px solid #ddd;  border-radius: 5px;  padding: 8px;  box-shadow: 0 4px 12px rgba(0,0,0,0.1);  z-index: 1000;}
.share-options a {  display: block;  text-decoration: none;  color: #333;  padding: 6px 8px;font-weight:300;font-size: 14px;white-space: nowrap;}
.share-options a:hover {  background-color: #f5f5f5;}
.news-later .hs_error_rollup{display:none;}

    @media(min-width:1400px){
        .detail-sec.video-sec .container{max-width:780px;}
    }
    @media(min-width:1200px){
        .detail-sec.video-sec .container{max-width:780px;}
    }
     @media(min-width:1000px){
        .detail-sec.video-sec .container{max-width:780px;}
    }


    .latest_sec .container > .row{row-gap: 20px;}
    .user-title{display: flex;align-items: center; gap: 20px;margin-bottom: 10px;}