@keyframes shine{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.detail-flex-box{justify-content:space-between;gap:50px;padding:50px 0;display:flex}.detail-flex-box .left-col{flex:1}.detail-flex-box .left-col figure{border-radius:10px;width:100%;height:470px;margin:40px 0;overflow:hidden}.detail-flex-box .left-col figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.detail-flex-box .left-col h2{color:var(--secondary);margin-bottom:15px;font-size:20px;font-weight:600}.detail-flex-box .right-col{width:380px;height:fit-content;top:calc(var(--headerheight) + 20px);border-radius:10px;width:380px;max-width:380px;padding:30px;position:sticky;box-shadow:0 2px 8px #63636333}.detail-flex-box .right-col figure{width:80px;height:77px;margin:0 auto 20px;line-height:0}.detail-flex-box .right-col figure img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.detail-flex-box .form .submit-btn{text-align:center;margin:15px 0 0}.similar-blogs{padding:20px 0 50px}.similar-blogs h2{text-align:center;margin-bottom:30px}.blog-secB{padding:50px 0}.blog-secB .container .row{grid-template-columns:72px 1fr 315px;gap:50px;display:grid}.blog-secB .container .blog-stat .stat-card{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.blog-secB .container .blog-stat .stat-card:nth-of-type(2){margin-top:60px}.blog-secB .container .blog-stat .stat-card span{font-size:16px}.blog-secB .container .blog-stat .stat-card span:first-of-type{margin-top:8px}.blog-secB .container .blog-stat .social-stat{flex-direction:column;gap:24px;margin-top:80px;display:flex}.blog-secB .container .blog-stat .social-stat li{color:#000;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.blog-secB .container .blog-article{color:#666}.blog-secB .container .blog-article p{font-weight:400}.blog-secB .container .blog-article img{margin:26px 0}.blog-secB .container .blog-article .like-comment h5{margin:0 0 30px;font-size:25px;font-weight:400;line-height:34.76px}.blog-secB .container .blog-article .like-comment a img{margin:0}.blog-secB .container .blog-article .like-comment button{border-radius:6px;width:100%}.blog-secB .container .blog-article .newsletters{margin:30px 0 40px}.blog-secB .container .blog-article .newsletters h3{margin-bottom:5px}.blog-secB .container .blog-article .newsletters .grid-box-in{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.blog-secB .container .blog-article .newsletters .grid-box-in input{border:1px solid #6f6f6f;border-radius:5px;outline:none;width:100%;padding:12px 15px;font-size:16px;display:block}@media only screen and (max-width:768px){.blog-secB .container .blog-article .newsletters .grid-box-in input{margin:auto}}@media only screen and (max-width:540px){.blog-secB .container .blog-article .newsletters .grid-box-in input{width:100%}}.blog-secB .container .blog-article .newsletters .grid-box-in span{line-height:1}.blog-secB .container .blog-article .newsletters .grid-box-in button{border-radius:5px}.blog-secB .container .blog-article .newsletters .checkbox-wrapper{gap:20px;margin-top:20px;display:flex;position:relative}.blog-secB .container .blog-article .newsletters .checkbox-wrapper input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.blog-secB .container .blog-article .newsletters .checkbox-wrapper .custom-checkbox{border:1px solid var(--black);border-radius:5px;width:20px;height:20px;margin-top:5px;transition:all .3s;display:inline-block}.blog-secB .container .blog-article .newsletters .checkbox-wrapper .custom-checkbox:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;transition:opacity .15s;position:absolute;top:9px;left:8px;transform:rotate(45deg)}.blog-secB .container .blog-article .newsletters .checkbox-wrapper:has(input:checked) .custom-checkbox{background:#faa935;border:1px solid #faa935}.blog-secB .container .blog-article .newsletters .checkbox-wrapper:has(input:checked) .custom-checkbox:after{opacity:1}.blog-secB .container .blog-article .newsletters .checkbox-wrapper label{color:#a9a9a9;flex:1;font-size:16px;font-weight:400;line-height:1.3}.blog-secB .container .blog-article .grid-box{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.blog-secB .container .blog-article .grid-box .blog-card:hover img{transform:scale(1.1)}.blog-secB .container .blog-article .grid-box .blog-card figure{height:225px;position:relative;overflow:hidden}.blog-secB .container .blog-article .grid-box .blog-card figure:before{content:"";opacity:0;z-index:1;background:#fff;width:0;height:86%;display:block;position:absolute;top:7%;left:0%;transform:skew(-20deg);box-shadow:0 0 55px 12px #fff}.blog-secB .container .blog-article .grid-box .blog-card figure:hover:before{animation:.4s linear shine}.blog-secB .container .blog-article .grid-box .blog-card figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin:0;transition:all .5s;display:inline-block}.blog-secB .container .blog-article .grid-box .blog-card figure .blog-tags{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:absolute;top:12px;left:8px}.blog-secB .container .blog-article .grid-box .blog-card figure .blog-tags span{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:3px;padding:8px 15px;font-size:14px;line-height:120%}.blog-secB .container .blog-article .grid-box .blog-card figcaption img{margin:0}.blog-secB .container .blog-article .grid-box .blog-card figcaption p:first-of-type{color:#666;margin:24px 0 28px;font-size:16px;font-weight:400}.blog-secB .container .blog-article .grid-box .blog-card figcaption p:nth-of-type(2){color:#121416cf;flex-wrap:wrap;gap:10px;font-weight:400;display:flex}.blog-secB .container .blog-article .grid-box .blog-card figcaption p:nth-of-type(2) span{font-size:14px}.blog-secB .container .blog-article .grid-box .blog-card figcaption p:nth-of-type(2) span:nth-of-type(3){align-items:center;gap:8px;display:flex}.blog-secB .container .sidebar .social-stats{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.blog-secB .container .sidebar .social-stats .stat{flex-direction:column;align-items:center;display:flex}.blog-secB .container .sidebar .social-stats .stat span{color:var(--black)}.blog-secB .container .sidebar .form-sec{margin:20px 0}.blog-secB .container .sidebar .form-sec .form-gorup{position:relative}.blog-secB .container .sidebar .form-sec .form-gorup input{border:1px solid #6f6f6f;border-radius:5px;outline:none;width:100%;padding:12px 15px;font-size:16px;display:block}@media only screen and (max-width:768px){.blog-secB .container .sidebar .form-sec .form-gorup input{margin:auto}}@media only screen and (max-width:540px){.blog-secB .container .sidebar .form-sec .form-gorup input{width:100%}}.blog-secB .container .sidebar .form-sec .form-gorup span{line-height:1}.blog-secB .container .sidebar .form-sec .checkbox-wrapper{gap:20px;margin-top:20px;display:flex;position:relative}.blog-secB .container .sidebar .form-sec .checkbox-wrapper input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.blog-secB .container .sidebar .form-sec .checkbox-wrapper .custom-checkbox{border:1px solid var(--black);border-radius:5px;width:20px;height:20px;margin-top:5px;transition:all .3s;display:inline-block}.blog-secB .container .sidebar .form-sec .checkbox-wrapper .custom-checkbox:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;transition:opacity .15s;position:absolute;top:9px;left:8px;transform:rotate(45deg)}.blog-secB .container .sidebar .form-sec .checkbox-wrapper:has(input:checked) .custom-checkbox{background:#faa935;border:1px solid #faa935}.blog-secB .container .sidebar .form-sec .checkbox-wrapper:has(input:checked) .custom-checkbox:after{opacity:1}.blog-secB .container .sidebar .form-sec .checkbox-wrapper label{color:#a9a9a9;flex:1;font-size:16px;font-weight:400;line-height:1.3}.blog-secB .container .sidebar .form-sec button{border-radius:5px;width:100%;margin-top:20px}.blog-secB .container .sidebar .latest-blog{margin-top:30px}.blog-secB .container .sidebar .latest-blog h4{margin-bottom:10px;font-size:24px;font-weight:500}.blog-secB .container .sidebar .latest-blog .grid-box{grid-template-columns:repeat(1,1fr);gap:10px;display:grid}.blog-secB .container .sidebar .latest-blog .grid-box .col{width:100%;height:200px;position:relative;overflow:hidden}.blog-secB .container .sidebar .latest-blog .grid-box .col:before{content:"";opacity:0;z-index:1;background:#fff;width:0;height:86%;display:block;position:absolute;top:7%;left:0%;transform:skew(-20deg);box-shadow:0 0 55px 12px #fff}.blog-secB .container .sidebar .latest-blog .grid-box .col:hover:before{animation:.4s linear shine}.blog-secB .container .sidebar .latest-blog .grid-box .col:hover img{scale:1.2}.blog-secB .container .sidebar .latest-blog .grid-box .col:after{content:"";-o-object-fit:cover;object-fit:cover;z-index:2;background:#00000085;width:100%;height:100%;position:absolute;inset:0}.blog-secB .container .sidebar .latest-blog .grid-box .col img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .5s}.blog-secB .container .sidebar .latest-blog .grid-box .col figcaption{z-index:3;padding:20px;position:absolute;bottom:0;left:0}.blog-secB .container .sidebar .latest-blog .grid-box .col figcaption h5{color:var(--white);font-size:14px}.blog-secB .container .sidebar .latest-blog .grid-box .col figcaption .date{color:#f1f1f1d4;margin-top:15px;font-size:14px}
