/**********common css starts********/
body,html{margin:0;padding:0;}
html{overflow-x:hidden;background-color:#202020;background-image:url(../images/tech-snips-bg-min.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;}
body,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6,input,textarea{text-rendering:optimizeLegibility}article,aside,details,figcaption,figure,footer,.snips-header,hgroup,img,main,menu,nav,section,summary{display:block}figure,sub,sup{position:relative}button,figure{overflow:visible}body,fieldset,figure,html,legend,ol,td,th,ul{padding:0}body{background-color:transparent;font-family:var(--font-family-eng);font-size:15px;line-height:1.5;color:var(--black);font-weight:400;-webkit-text-size-adjust:100%}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::selection{background-color:var(--blue);color:var(--white);text-shadow:none}::-moz-selection{background-color:var(--blue);color:var(--white);text-shadow:none}::-webkit-selection{background-color:var(--blue);color:var(--white);text-shadow:none}*,:active,:focus,a:hover,a:link,a:visited{text-decoration:none;outline:0;outline-offset:0}*,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}.btn,[role=button],a,button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}.btn,.form-control,button{text-decoration:none;-webkit-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;border:0}h1,h2,h3,h4,h5,h6{display:block;line-height:1.6;font-weight:600;margin:0}b,optgroup,strong{font-weight:600}ol,ul{margin:0;list-style:none}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio,video{width:100%;height:auto}audio:not([controls]){display:none;height:0}[hidden],template{display:none}img{height:auto;max-width:100%;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}img::-moz-selection,img::-webkit-selection,img::selection{background:0 0}figure{margin:0}iframe{border:none}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:inherit;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset,legend{border:0}table{border-spacing:0;border-collapse:collapse}.text-center{text-align:center}button[disabled]{ pointer-events:auto! important;cursor:not-allowed! important;}
@keyframes live-now{0%{-webkit-transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(2);opacity:0}}@-webkit-keyframes live-now{0%{-webkit-transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(2);opacity:0}}@-moz-keyframes live-now{0%{-webkit-transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(2);opacity:0}}
/********common css ends *********/

html[lang="hi"] body{font-family:var(--font-family-hi);}

/*********variables Colors name********/
:root {
--white:#ffffff;
--white-1:rgba(255,255,255,.1);
--white-2:rgba(255,255,255,.2);
--white-3:rgba(255,255,255,.3);
--white-4:rgba(255,255,255,.4);
--white-5:rgba(255,255,255,.5);
--white-6:rgba(255,255,255,.6);
--white-7:rgba(255,255,255,.7);
--white-8:rgba(255,255,255,.8);
--white-9:rgba(255,255,255,.9);

--black:#000000;
--black-00:#000000;
--black-22:#222222;
--black-33:#333333;
--black-44:#444444;
--black-55:#555555;

--blue:#1E52DF;
--dark-blue:#0531A7;
--secondary-blue:#6bd2ff;
--light-blue:#CBE8FE;
--light-blue-1:rgba(107,210,255,0.1);
--light-blue-2:rgba(107,210,255,0.2);
--light-blue-3:rgba(107,210,255,0.3);
--light-blue-4:rgba(107,210,255,0.4);
--light-blue-5:rgba(107,210,255,0.5);
--light-blue-6:rgba(107,210,255,0.6);
--light-blue-7:rgba(107,210,255,0.7);
--light-blue-8:rgba(107,210,255,0.8);
--light-blue-9:rgba(107,210,255,0.9);
--light-blue-gradient:linear-gradient(to right, rgba(203,232,254,1) 0%,rgba(255,255,255,0) 100%);
--link-color-gradient:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(107,210,255,1) 42%);
--link-color-gradient2:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(107,210,255,0.63) 100%);

--text-black-gradient:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 82%);

--gray-F2:#F2F2F2;
--gray-F3:#F3F3F3;
--gray-7D:#7D7D7D;

--red:#e2000b;
 
--border-color:#B6B6B6;

--ads-bg:rgba(0,0,0, 0.03);

--color-03:rgba(0,0,0, 0.03);
--color-05:rgba(0,0,0, 0.05);
--color-1:rgba(0,0,0, 0.1);
--color-2:rgba(0,0,0, 0.2);
--color-3:rgba(0,0,0, 0.3);
--color-4:rgba(0,0,0, 0.4);
--color-5:rgba(0,0,0, 0.5);
--color-6:rgba(0,0,0, 0.6);
--color-7:rgba(0,0,0, 0.7);
--color-8:rgba(0,0,0, 0.8);
--color-9:rgba(0,0,0, 0.9);
--font-family-eng:'Anek Latin',-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;
--font-family-hi:"Anek Devanagari",sans-serif;

}
/*********variables Colors ends********/

/*********Link Color********/
a{color:var(--blue);text-decoration:none;background-color:transparent;}
a:hover, 
a:focus{color:var(--black);text-decoration:none;outline:0;}
/*********Link Color End********/

/*********Hundred% Start********/
.hundred, section, .snips-header, footer{position:relative;float:left;width:100%;}
/*********Hundred% End********/

/*********Button & Scroll Up Start*********/
.btn{min-width:150px;border-radius:6px;margin:0;padding:10px 25px;color:var(--white)!important;text-decoration:none;font-size:14px;line-height:1.6!important;font-weight:400;text-transform:uppercase;display:inline-block;vertical-align:top;white-space:normal;cursor:pointer;font-style:normal;position:relative;text-align:center;background:var(--blue);width:auto!important;}
.btn:focus, 
.btn:hover, 
.btn:before, 
.btn:focus:before, 
.btn:hover:before{background:var(--black);color:var(--white)!important;text-decoration:none;}
.border-btn{background:none;color:var(--blue)!important;border:1px solid var(--blue)}
.border-btn:hover,
.border-btn:focus{color:var(--black)!important;background-color:transparent;border-color:var(--black);}
/********Button & Scroll Up End*********/
.shine:after{position:absolute;top:0;left:-100%;z-index:15;display:block;content:'';width:50%;height:100%;opacity:.1;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.shine:hover:after{-webkit-animation:shine .9s;animation:shine .9s;}

@-webkit-keyframes shine{100%{left:125%;}}
@keyframes shine{100%{left:125%;}}
.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto;max-width:1330px;width:100%;}
.display-flex{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;gap:15px;width:100%;} 

.tech-snips-full-body{height:100vh;width:100%;overflow:hidden;}

/********snips header starts********/
.snips-header{padding:30px 0;justify-content:space-between;align-items:center;}
.snips-header .logo{width:179px;height:47px;display:flex;flex-direction:column }
.snips-header .logo a,
.snips-header .logo img{width:179px;height:47px;background:none}
.snips-header .logo img{height:22px;}
.snips-header .logo span{display:block;font-size:15px;line-height:1.4;text-transform:uppercase;text-align:right;color:var(--white);clear:both;}
.snips-header .btn{background:none;font-size:18px;font-weight:500;display:inline-flex;align-items:center;gap:0 7px;min-width:inherit;padding:10px 15px;}
.snips-header .btn span,
.snips-header .btn i{display:inline-flex;align-items:center;}
.snips-header .btn i:before{display:inline-flex;content:"";border:solid var(--white);border-width:0 2px 2px 0;padding:0;transform:rotate(-45deg);-webkit-transform:rotate(-225deg);position:relative;top:0;right:0;width:15px;height:15px;background:none;}
.snips-header .btn:hover{background-color:var(--blue);}
/********snips header ends********/

/**********lazy-image starts********/
.lazy-image{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;z-index:2;border-radius:6px;line-height:1.3;font-size:11px;color:var(--black);box-shadow:none;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:var(--gray-F2);background-image:url("../images/lazy-loader.svg");}
.lazy-image img{position:absolute;left:0;top:0;right:0;bottom:0;object-position:top;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;object-fit:fill;border:0;filter:brightness(.99) saturate(1.03) contrast(1.09);}
.lazy-image img.lazy{opacity:0}
.lazy-image img:not(.initial){transition:opacity .2s ease-in,transform .2s ease-in,-webkit-transform .2s ease-in}
.lazy-image img.error,
.lazy-image img.initial,.lazy-image img.loaded{opacity:1}
.lazy-image img:not([src]){visibility:hidden}
/**********lazy-image ends********/

/*************tech snips box starts*************/
.tech-snips-box{width:444px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.tech-snips-box-inner{position:relative;margin-bottom:20px;border-radius:20px;background-color:var(--white);box-shadow:rgba(0,0,0,.35) 0 5px 15px;}
.tech-snips-box-inner:after{content:"";position:absolute;bottom:-20px;left:20px;right:20px;background-color:var(--blue);border-bottom-left-radius:30px;border-bottom-right-radius:30px;height:20px;z-index:-1;}
.tech-snips-box .splide-spacing{padding:23px 23px 0 23px;position:relative;height:35.33rem;}
.tech-snips-box .repeat-box .text{padding:10px 0;position: relative;}
.tech-snips-box .repeat-box .text h1,
.tech-snips-box .repeat-box .text h2,
.tech-snips-box .repeat-box .text h3{font-size:18px;line-height:1.5;font-weight:700;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;color:var(--black-22);}
html[lang="hi"] .tech-snips-box .repeat-box .text h1,
html[lang="hi"] .tech-snips-box .repeat-box .text h2,
html[lang="hi"] .tech-snips-box .repeat-box .text h3{margin-top:8px;}
.tech-snips-box .repeat-box .text a:hover h1,
.tech-snips-box .repeat-box a:hover .text h1,
.tech-snips-box .repeat-box .text a:hover h2,
.tech-snips-box .repeat-box a:hover .text h3,
.tech-snips-box .repeat-box .text a:hover h3,
.tech-snips-box .repeat-box a:hover .text h3{color:var(--blue);}
.tech-snips-box .repeat-box .text p{font-size:16px;line-height:1.5;padding:0;margin:8px 0 0;font-weight:500;color:#4E4E4E;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;}
.tech-snips-box .repeat-box .text p.read-more{text-align:center; margin:8px 0 0; padding:0;}
.tech-snips-box .repeat-box .text p.date{color:var(--black-22);padding:0 95px 3px 0;margin:0;}
.tech-snips-box .btn{padding:5px 15px; min-width:90px;}
html[lang="hi"] .tech-snips-box .btn{padding-top:8px; padding-bottom:2px;}
.tech-snips-box .repeat-box ul.socials-icon{gap:8px;position:absolute;right:0;top:7px;z-index:15;height:auto;display:flex;}
.tech-snips-box .repeat-box ul.socials-icon,
.tech-snips-box .repeat-box ul.socials-icon li{padding:0;margin:0;}
.tech-snips-box .repeat-box ul.socials-icon li{display:inline-flex;}
.tech-snips-box .repeat-box ul.socials-icon li:before{display:none!important;}

.tech-snips-box .splide__arrow{top:40%;left:auto;right:-110px;width:57px;height:57px;background-color:var(--white);border:0;transform:rotate(0deg);}
.tech-snips-box .splide__arrow:after{width:57px;height:57px;content:'';position:absolute;left:0px;top:0px;background:url("../images/arrow-left-right.svg") no-repeat center center;background-size:35px 35px;}
.tech-snips-box .splide__arrow:before{display:none;}
.tech-snips-box .splide__arrow--next{margin-top:80px;transform:rotate(-180deg);}
.tech-snips-box .splide__arrow:disabled{opacity:.2;}
/*************tech snips box ends*************/

 /********ads box starts********/
.ads-box{background-color:var(--white);padding-bottom:10px;text-align:center;display:block;overflow:hidden;clear:both;}
.ads-box .ads-placeholder{width:300px;height:250px;margin:0 auto;overflow:hidden;position:relative;font-size:11px;z-index:2;background-color:var(--ads-bg)}
.ads-box:before{content:"advertisement";font-size:10px;text-transform:uppercase;text-align:center;line-height:1.4;display:block;color:var(--gray-66);letter-spacing:2px;padding:5px 0;}
/********ads box ends********/

/**********responsive starts********/
@media screen and (max-width:1400px) and (min-width:1200px){}
@media only screen and (max-width:1300px){}
@media only screen and (max-width:1300px){}
@media (max-width:1024px){}
@media only screen and (max-width:991px){
html{background-image:url(../images/tech-snips-mobile-bg.jpg);}
.snips-header{padding:15px 0;}
.snips-header .btn{padding:10px 8px;}
.snips-header .btn span{display:none;}
.snips-header .btn i{margin-left:5px;}
.snips-header .logo{width:126px;height:auto;display:flex;flex-direction:column }
.snips-header .logo a,
.snips-header .logo img{width:126px;height:auto;background:none}
.snips-header .logo img{height:16px;}
.snips-header .logo span{font-size:12px;font-weight:400;}
.tech-snips-box{width:100%;max-width:444px;margin:0 auto;padding:0 10px;}
.tech-snips-box-inner{clear:both;}
.tech-snips-box .splide-spacing{padding:15px;}
.tech-snips-box .repeat-box .text p.date{font-size:14px;}
}
@media only screen and (max-width:767px){}
@media only screen and (max-width:579px){}
@media only screen and (max-width:479px){
.tech-snips-box{display:block;position:static;-ms-transform:inherit;transform:inherit;padding:0 10px;max-width:inherit;width:100%;clear:both;}
}
@media only screen and (max-width:419px){}
@media only screen and (max-width:389px){}
@media only screen and (max-width:351px){}