@import url('https://fonts.googleapis.com/css2?family=Castoro&family=Poppins&display=swap');
li{list-style-type:none!important;}
a{text-decoration:none!important;}
html{scroll-behavior: smooth;}
@font-face{
	font-family:'sfprodisplay';
	src:url('font/sfprodisplay.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;}
.castoro{font-family: 'Castoro', serif;}
.poppins{font-family: 'Poppins', sans-serif;}
.logo{width:140px;}
.txtfont{font-family:'sfprodisplay';}
.clr{color:#ec1f24;}
.clr1 {color: #888;}
.navbar-toggler {background-color:#fdf9ff!important;}
.navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}
.curvenav{background-color:#fff53e;}
.bottomnav{position: fixed!important; z-index: 999; float: right; padding: 10px; border-radius: 0 0 45px 45px; right: 25px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.57);}
.topbrd{border-right:1px solid black;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.navbg{background-color:#ec1f24;}
.navbar-light .navbar-nav .nav-link {color: #fdf9ff !important;}
.navbar-light .navbar-nav .nav-link:hover{color:white!important; transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);}
.menu-large {position: static !important;}
.megamenu {width: 80%; margin:0 11%!important; padding:40px!important; height: 600px; overflow-y: scroll; scrollbar-width: thin;}
.megamenu ul{padding: 0; margin: 0;}
.megamenu ul li{list-style: none;}
.megamenu ul li a {display: block; padding: 3px 4px; line-height:30px; color: #333333;}
.megamenu ul li a:hover{ text-decoration: none; background-color: none!important;}
.navbar .dropdown-menu {border:none; background-color:#141414 !important;}
.dropdown-item:hover, .dropdown-item:active { background:none!important;}
.navbar .dropdown-menu {top:74px;}
.navbar .nav-item {padding:.5rem .5rem; margin:0 .25rem;}
.pad{padding:90px 0;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:150px;}
.point{bottom:10px!important; right:10px!important;}
.headfnt{font-size: 45px;}
.carousel-control-next .fa-angle-right, .carousel-control-prev .fa-angle-left {position: absolute; top: 50%; z-index: 5; display: inline-block;}
.carousel-control-prev .fa-angle-left{
    left: -36%;
	width: 38px;
	height: 38px;
	margin-top: -15px;
	font-size: 30px;
	color: #f00;
	border: 3px solid #f00;
	border-radius: 53px;}
.carousel-control-next .fa-angle-right{
    right: -36%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #f00;
    border: 3px solid #f00;
    border-radius: 53px;}
.box{
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;}
.box:hover{ box-shadow: 0 0 20px rgba(179, 179, 179, 0.5);}
.box .curve1{
    opacity: 0;
    position: absolute;
    right: -2px;
    top: -100%;
    z-index: 1;
    transition:all 0.3s ease-in-out;}
.box:hover .curve1{opacity: 1; top: -1%;}
.box path{ fill:rgb(253, 226, 76,0.9); }
.box img{width: 100%; height: auto; transition: all 0.3s ease 0s;}
.box:hover img{ filter: blur(0.8px) grayscale(10%); }
.box .box-content{
    color: #1E1D1D;
    text-align: right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;}
.box .title{
	color: #e02d14;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.5s ease 0.2s;
	-webkit-text-stroke: 1px #ffffff;}
.box .post{
    color: #000;
    font-size:15px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin:0 2px 5px 0;
    opacity: 0;
    display: block;
    transform: translateX(-20%);
    transition: all 0.5s ease 0.2s;}
.box .icon{
    list-style: none;
    text-align: right;
    padding: 0;
    margin: 0;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease 0.2s;}
.box:hover .title,
.box:hover .post,
.box:hover .icon{opacity: 1; transform: translateX(0);}
.box .icon li{margin: 0 2px; display: inline-block;}
.box .icon li a{
   color: #000;
	font-size: 17px;
	text-align: center;
	line-height: 32px;
	height: 35px;
	width: 111px;
	border: 2px solid #000;
	display: block;
	transition: all 0.3s;}
.box .icon li a:hover{
    color: #fff;
    background-color: #000;
    border-color: #fff;
    box-shadow: 0 0 5px #000;}
.box .curve2{
    opacity: 0;
    position: absolute;
    left: -2px;
    bottom: -100%;
    transition:all 0.3s ease-in-out;}
.box:hover .curve2{opacity: 1; bottom: -2px;}
.profile-card-4 {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;}
.profile-card-4 img {transition: all 0.25s linear; padding:15px;}
.profile-card-4 .profile-content {position: relative; padding: 10px; background-color: #FFF;}
.profile-card-4 .profile-name {
    font-weight: bold;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -70px;
    color: #FFF;
    font-size: 17px;}
.profile-card-4 .profile-name  {
    font-weight: 600;
    font-size: 35px;
    letter-spacing: 1.5px;
	text-shadow: 0 2px 4px #000;}
.profile-card-4 .profile-overview {padding: 10px 0px;}
.profile-card-4 .profile-overview p {font-size: 10px; font-weight: 600; color: #777;}
.profile-card-4 .profile-description {color: #777; font-size: 16px;}
.profile-card-4 .profile-overview h4 {color: #273751; font-weight: bold;}
.profile-card-4:hover img {transform: rotate(5deg) scale(1.1, 1.1); filter: brightness(100%);}
.padht {transition: 0.5s; transform: translateY(0);}
.padht:hover {-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); cursor: pointer;}
.topbrd{border-right:1px solid black;}
.icnfnt{font-size:30px; color:#f74545;}
.footer{background-color:black; padding:80px 0 20px 0;}
.footerbg{background-color:black;}
.text1 {position: relative; padding: 0 0 0 44px; margin-top: -46px;}
.text2 {position: relative; padding: 0 0 0 65px; margin-top: -53px;}
.text3{position: relative; padding: 0 0 0 44px; margin-top: -30px;}
.linearbg{
    background-image: url('../images/daily_update_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0;
    position: relative;}
.ribbon {
    position: relative;
    margin: 0 auto 20px;
    padding: 10px 40px;
    text-align: center;
    background-color: #FFD72A;
    font-size: 25px;
    color:#000;}
.ribbon::before, .ribbon::after {
    content: '';
    width: 80px;
    height: 100%;
    background-color: #FECC30;
    position: absolute;
    z-index: -1;
    top: 20px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
    background-image: linear-gradient(45deg, transparent 50%, #FC9544 50%);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: bottom right;}
.ribbon::before {left: -60px;}
.ribbon::after {right: -60px; transform: scaleX(-1); }
@media (max-width: 400px) {
.ribbon { font-size: 17px; }}
.ribbontext{box-sizing: border-box;
    display: grid;
    align-items: center;
    margin: 0;
    padding: 20px 80px;
    color: #fff;}
hr{margin:0 0 5px 0!important;}
.imgshadow{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.57);}
.fullpad{padding:0!important; margin:0!important;}
.g-logo {padding-top: 4.5rem; padding-left: 4.5rem; text-align: left; height: 100%;}
.g-logo img {padding: 0; z-index: 2; position: relative; width: 100%; object-fit: cover;}
.g-logo::after {background: #e10339; content: ''; top: 0; left: 0; width: 85%; height: 100%; z-index: 1; position: absolute;}
.g-simplecontent {padding-top: 4.5rem; padding-left: 7.5rem; max-width: 90%;}
.sticky-top1{position:sticky; top:160px;}
.servtop{padding-top:65px;}
.servicebg{background-color:#ec1f24; border-radius: 20px;}
.links li {position: relative; line-height: 30px; overflow: hidden;}
.links li a {
    position: relative;
    display: block;
    color: white;
	font-size:15px;
    text-decoration: none;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;}
.links li a::before {
    font-family: 'FontAwesome';
    content: '\f0da';
    position: absolute;
    left: -20px;
    top: 0px;
    width: 24px;
    line-height: 30px;
    display: block;
    color: white;
    font-size: 18px;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;}
.links li a:hover {padding-left: 15px; color: #000;}
.links li a:hover::before {left: 0px;}
.smallborder5 { margin-left: calc(0.3% - 0px);width: 40px;height: 3px;background-color:white; margin-top: 15px; margin-bottom: 15px;}
.contact-form .form-control {height: 50px!important; border: 1px solid #000; -webkit-transition: 0.5s; transition: 0.5s; padding-top: 5px; font-size: 14px;}
.contact-form .form-control.formheight{height: 150px!important;}
.btn2{background:black; color:white; padding:10px 25px; border-radius:50px; border: 1px solid black;}
.btn2:hover{background:black; color:white; padding:10px 25px; transition:.5s;}
.contact-right {background: #f4f8fb;padding: 3em;}
.icnclr1{color: #559926; font-size:40px;}
.icnclr2{color: #b61818; font-size:40px;}
.fnt1{font-size:14px;}
.servtops {padding-top: 95px;}
.lightbox {position: fixed !important; top: 50px !important;}
.wt-title-small {position: relative; display: inline-block; margin-top: 0px;}
.wt-title-small:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    right: -38px;
    top: 16px;
	background-color: #ec1f24;}
.why-choose-half-section {position: relative; z-index: 1;}
.why-choose-half-section:after {
    content: "";
    position: absolute;
    top: 10%;
    right: 270px;
    width: 1000%;
    height: 80%;
    z-index: -1;
    background-color: #ec1f24;}
.icnfnt1{font-size: 75px; padding-bottom: 25px;}
.bold-title {position: relative; z-index: 1; overflow: inherit;}
.bold-title h3::after {
    position: absolute;
    content: attr(data-title);
    color: rgba(210, 210, 210, 0.4);
    font-weight: 900;
    font-size: 72px;
    text-transform: uppercase;
    top: -10px;
    left: 0%;
    width: 100%;
    z-index: -1;}
.bgcolor{background: #eb2c33;}
.btn1{background:white; color:black!important; padding:12px 25px; border:1px solid white; border-radius:50px;}
.parallax{background-image: url("../images/parallaxbanner.jpg"); height: auto; background-attachment: fixed; background-size: cover; background-position:center;}
.bg-overlay {position: relative;}
.box-bg {position: relative; z-index: 1;}
.bg-overlay::after {background-color: #fd5a5a99; z-index: 0; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0;}
#counter{background: rgba(black, .05);}
#counter li{flex: 1; text-align: center;}
#counter li span.percent:after { content: ""; display: inline-block;}
.counttext{color: #fff; font-size: 55px; font-weight: 700;}
.bannerhead {color: #fff; font-size: 55px; font-weight: 700; text-transform: uppercase; line-height: 1.3em;}
.bggirl{padding: 40px 40px 420px; background-image: url("../images/lesson.jpg"); background-repeat: no-repeat; background-position: center bottom; height: 640px; width:100%;}
.lspad{padding-top:80px;}
.text4{position: relative; padding: 0 0 30px 90px; margin-top: -44px;}
.w20{width: 20% !important;}
.pf{font-size:14px;}
.w0{width:0%;}
.wapp{width:65px;}
.point1{bottom:15px!important; left:10px!important;}
.safetytipsbg {background-image: url("../images/safetytips.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}


@media (min-width: 5px) and (max-width: 767.98px) {
.megamenu{width:100%; padding:20px 5px!important; margin:0 !important; background-image:none !important;}	
.g-simplecontent {padding-top: 2.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom:2.5rem; max-width: 100%;}
.carousel-control-prev .fa-angle-left{left: 0%;}
.carousel-control-next .fa-angle-right{right: 0%;}
.pad{padding:40px 0px;}
.servtops {padding-top: 5px;}
.contact-right {padding: 1em;}
.navbar .nav-item {padding:.1rem; margin:0 .1rem;}
.headfnt{font-size: 35px;}
.priceicn{width:100px;}
.lspad {padding-top: 10px;}
.footer {padding: 20px 0 20px 0;}
.w85 {width: 100%!important;}
.icon-logo {width: 105px!important;}    
.w15 {width: 0%;}
.product-box{padding: 12px 4px!important;}
.clr-gray {font-size: 14px!important;}
}


@media (min-width: 768px) and (max-width: 992.98px){
.megamenu{width:100%; margin:0 !important; background-image:none !important;}	
.g-simplecontent {padding-top: 2.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom:2.5rem; max-width: 100%;}
.carousel-control-prev .fa-angle-left{left: 0%;}
.carousel-control-next .fa-angle-right{right: 0%;}
.pad{padding:40px 0px;}
.navbar .nav-item {padding:.1rem; margin:0 .1rem;}
.servtops {padding-top: 5px;}
.footer {padding: 20px 0 20px 0;}
.lspad {padding-top: 10px;}
.text4 {padding: 0 0 30px 85px;}
.w85 {width: 100%!important;}
.icon-logo {width: 200px!important;}    
.w15 {width: 0%;}
.product-box{padding: 12px 10px!important;}
.clr-gray {font-size: 14px!important;}
.w25{width:30%;}
.w75{width:70%;}
.youtube-btn{width:20%!important;}
.youtube-btn1{width:70%!important;}
}


@media only screen and (max-width:990px){
.box{margin-bottom: 10px;}
}
@media only screen and (max-width:479px){
.box .title{font-size: 18px;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.notfound .notfound-404 {height: 280px; position: relative; z-index: -1;}
.notfound .notfound-404 h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 190px;
	margin: 0px;
	font-weight: 900;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url('../images/bg.jpg') no-repeat;
	-webkit-background-clip: text;
    background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: cover;
	background-position: center;}
.notfound h2 {font-family: 'Montserrat', sans-serif; color: #000; font-size: 30px; text-transform: uppercase; margin-top: 0;}
.notfound p {font-family: 'Montserrat', sans-serif; color: #000; font-size: 18px; margin-bottom: 30px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	background: #218300;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;}
span.infos {font-size: 12px; line-height: 15px; display: inline-block; color: #d93025;}
span.infos i { margin-right: 5px; }
.navbar-nav .active > .nav-link {color: #fed700!important; font-weight:700;}
.glow {
    animation-name: wobble;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	font-family: 'Merienda', cursive;
	color:yellow;}
@keyframes wobble{
0% {transform: translateX(0%);}
15% {transform: translateX(-25%) rotate(-5deg);}
30% {transform: translateX(20%) rotate(3deg);}
45% {transform: translateX(-15%) rotate(-3deg);}
60% {transform: translateX(10%) rotate(2deg);}
75% {transform: translateX(-5%) rotate(-1deg);}
100% {transform: translateX(0%);}
}
.box16 {
	overflow: hidden;
    text-align: center;
	color: #fff;
	position: relative;
	width: 100%;
	height: 100%;}
.box16 .box-content,
.box16:after {width: 100%; position: absolute; left: 0; height:100%;}
.box16:after {content: ""; height: 100%; top: 0; transition: all 0.5s ease 0s;}
.box16 .post,
.box16 .title {transform: translateY(145px); transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;}
.box16:hover:after {background: #ff0000b3;}
.box16 img {width: 100%; height: 100%;}
.box16 .box-content {padding: 20px; margin-bottom: 5px; bottom: 0; z-index: 1;}
.box16 .title {font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px;}
.box16 .post {display: block; padding: 0 0 30px 0; font-size: 14px;}
.box16 .social li a,
.box17 .icon li a {font-size: 20px; color: #fff;}
.box16:hover .post,
.box16:hover .title {transform: translateY(0);}
.box16 .social {
    list-style: none;
    padding: 0 0 5px;
    margin: 15px 0 15px;
    opacity: 0;
    position: relative;
    transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
    transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;}
.box16:hover .social {opacity: 1; transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0);}
.box16 .social:before {
    content: "";
    width: 50px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;}
.box16 .social li {margin-bottom: 4px;}
.box16 .social li a {
    display: block;
    font-family: 'Poppins', sans-serif;
    background-color: rgba(0,0,0,0.3);
    padding: 3px !important;
    color: #fff;
    text-decoration: none;
    border-bottom: 0px;
    margin: 0px !important;
    font-size: 12px;
    line-height: normal;
    transition: 0.25s all;}
.box16 .social li a:hover {background: #fff200; color: black;}
.box16 .social li:last-child a {margin-right: 0;}
@media only screen and (max-width: 990px) {
.box16 {margin-bottom: 30px;}
}
.product-box{background: #FFFFFF;
	border: 1px solid #f30909;
	display: flex;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	padding: 12px 20px;
	margin-bottom: 35px;
	border-radius: 8px;
    cursor:pointer;}
.product-img img {transition: all 0.25s linear;}
.product-img:hover img {transform: rotate(5deg) scale(1, 1); filter: brightness(100%);}    
.smallborder1 {
    width: 60px;
    height: 2px;
    background-color: #f30909;}    
.w85 {width: 85%;}
.heading-para{font-size: 24px;}
.youtube-icn{width:80px;}
.icon-logo {width: 240px;}    
.w15 {width: 15%;}
.clr-gray {color: gray;}
.youtube-btn{background-color: #f30909;
    color: #fff!important;
    padding: 5px;
    width: 40%;
    font-size: 13px;
    display: block;
    text-align: center;
    border-radius: 25px;
    margin: 10px 0 0px;
    float: right;}
.youtube-btn1{background-color: #f30909;
    color: #fff!important;
    padding: 5px;
    width: 45%;
    font-size: 13px;
    display: block;
    text-align: center;
    border-radius: 25px;
    margin: 10px 0 0px;}    
.modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;}
@-webkit-keyframes zoom { from {-webkit-transform:scale(0);}  to {-webkit-transform:scale(1);}}
@keyframes zoom { from {transform:scale(0);} to {transform:scale(1);}}