/****button*******/

        .cbtn button, .cbtn button::after {
  width: 200px;
  height: 50px;
  font-size: 25px;
  font-family: 'Bebas Neue', cursive;
  background: linear-gradient(45deg, transparent 5%, #FF4800 5%);
  border: 0;
  color: #fff;
  letter-spacing: 3px;
  line-height: 50px;
  box-shadow: 6px 0px 0px #000;
  outline: transparent;
  position: relative;
}

.cbtn button::after {
  --slice-0: inset(50% 50% 50% 50%);
  --slice-1: inset(80% -6px 0 0);
  --slice-2: inset(50% -6px 30% 0);
  --slice-3: inset(10% -6px 85% 0);
  --slice-4: inset(40% -6px 43% 0);
  --slice-5: inset(80% -6px 5% 0);
  
  content: 'AVAILABLE NOW';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 3%, #00E6F6 3%, #00E6F6 5%, #FF013C 5%);
  text-shadow: -3px -3px 0px #F8F005, 3px 3px 0px #00E6F6;
  clip-path: var(--slice-0);
}

.cbtn button:hover::after {
  animation: 1s glitch;
  animation-timing-function: steps(2, end);
}

@keyframes glitch {
  0% {
    clip-path: var(--slice-1);
    transform: translate(-20px, -10px);
  }
  10% {
    clip-path: var(--slice-3);
    transform: translate(10px, 10px);
  }
  20% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 10px);
  }
  30% {
    clip-path: var(--slice-3);
    transform: translate(0px, 5px);
  }
  40% {
    clip-path: var(--slice-2);
    transform: translate(-5px, 0px);
  }
  50% {
    clip-path: var(--slice-3);
    transform: translate(5px, 0px);
  }
  60% {
    clip-path: var(--slice-4);
    transform: translate(5px, 10px);
  }
  70% {
    clip-path: var(--slice-2);
    transform: translate(-10px, 10px);
  }
  80% {
    clip-path: var(--slice-5);
    transform: translate(20px, -10px);
  }
  90% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 0px);
  }
  100% {
    clip-path: var(--slice-1);
    transform: translate(0);
  }
}



/*******footer*****/
#contact{
    background : #000!important;
    padding-bottom: 65px;
}
.rv-txt{
 display : none;
}
        /**form */
        .popup {
            display: none;
            position: fixed;
            padding:15px;
            width: 500px;
            left: 35%;
            top: 5%;
            background: linear-gradient(#0f1254,rgb(66 33 124),#ed4634);
            z-index: 200;
        }
        .frm{
            border: 2px solid #fff;
            padding: 9px 10px;
        }
        .popup h1{
            font-size : 40px;
            color : #fff;
        }
        .frm p label{
            color : #fff;
        }
        .frm .row , .frm .row .col-md-6 p{
            margin : 0px!important;
            padding: 0px 5px;
        }
        
        .frm p input{
            
            width: -webkit-fill-available;
            height: 45px;
            color: #000;
            padding: 3px 10px;
            font-weight: bolder;
        }
        .frm-cls img{
            width : 30px;
            float : right;
        }
        .frm-cls .hov{
            display : none;
            transition : 0.7s;
        }        
        .frm-cls .nor{
            display : block;
            transition : 0.7s;
        }        
        .frm-cls:hover .nor{
            display : none;
            transition : 0.7s;
        }
        .frm-cls:hover .hov{
            display : block;
            transition : 0.7s;
        }
        .scrollup:hover {
            background: #ff4800;
        }
        a:visited{
            color : #ff4800;
        }
        
        button.c-btn {
            padding: 8px 30px;
            color: #fff;
            background: #ff4800;
            box-shadow:none;
            border: 5px solid transparent;
            transition : 0.9s;
           /* border: 5px solid transparent;
            border-top: 5px solid #211762;
            border-bottom: 5px solid #211762;
            border-right: 5px solid #211762;
            border-left: 5px solid #211762;
            background: transparent;
            color : #211762;
            font-weight : bold;
            transition : 0.9s;*/
            margin-top : 20px;
            font-size: 18px;
        }
        button.c-btn:hover {
            color: #fff;
            background: #ff4800;
            box-shadow:none;
            border: 5px solid transparent;
            transition : 0.9s;
        }



/******header***/

            html , body{
                overflow-x: hidden!important;
            }
            .main_bnr{
                position : relative;
            }
            .bnr_img{
                
                
            }
            .bnr_heading {
                position : absolute;
                top : 25%;
            }
            .bnr_heading h2{
                font-size : 125px;
                line-height: 125px;
                font-family: 'Rubik Distressed', cursive;
                font-weight: 400 !important;
            }

/******About***/

            #i_about{
                padding: 100px 0px;
            }
            .t-heading{
                color : #101254;
                font-size : 80px;
                line-height : 80px;
                text-align : center;
                margin: 0 0 50px;
            }
            .ab-text ul{
                margin-bottom : 25px;
                margin-top: 20px;
            }
            .ab-text ul li{
                color: #fff;
                font-weight: 600;
                font-size: 22px;
                line-height: 35px;
    		    display: flex;
            }
            .orng{
                color : #ff4800;
            }
            .ab-text ul li:before{
                color: #fff !important;
            }
/*******Features******/

            #features {
                
                padding: 100px 0;
                text-align: center;
                background-size: cover;
            }
            #features .t-heading{
                color : #fff;
                margin: 0 0 20px;
            }
            .fe-link{
                margin-top : 80px;
            }
            .fe-link a:hover{
                color : #fff;
            }
            .fe-link h4{
                font-size : 40px;
            }
            .fe-link img{
                width : 50px;
                margin-right: -25px;
                margin-left: 5px;
            }
	    .ins-lnk{
                color : #ff4800;
            }
/*******Services********/

            .service_caption h4{
                text-align : center;
            }
            .service_item {
                margin: 0;
            }
            .service_caption h5{
                color: #ff4800;
                font-size: 25px;
                margin-top: -10px;
                margin-bottom : 20px;
            }
            #services h2{
                margin : 0;
            }
            #services{
                padding : 100px 0px;
            }
/********Program over***/

            .p-overview{
                padding : 100px 0px;
                background : #f8f8f8;
            }
            .quick_link h3,
            .quick_link li{
                color : #000;
            }
            .quick_link {
                margin-left: 0px;
                margin-right: 70px;
            }
            .quick_link ul {
                margin-top: 25px;
                margin-bottom: 0px;
            }
            .quick_link ul li {
                font-weight : bold;
                font-size: 22px;
                line-height: 35px;
		        display : flex;
                word-spacing: 5px;
            }
/*******Certificate*****/

            .ern_cert{
                padding : 100px 0px;
            }
            .cert-inr{
                height: 270px;
                overflow: hidden;
                text-align : center;
            }
            .cert_frm h4{
                color: #ff4800;
                text-align: center;
                font-size: 30px;
                font-family: 'Gotham', sans-serif;
            }
/*****testimonials*****/

            .testi{
                background : #f8f8f8;
            }
            .ggl-rv{
                padding : 113px 0px;
            }
            .ggl-head h3{
                text-align : center;
                color : #ff4800;
                font-size : 50px;
            }
            .ggl-head h3 .rating span{
                font-size: 50px; 
                color: #ff4800;
                text-align: center;
            }
            .rating{
                color : #ff4800;
            }

            /***slide */
            .r-card{
                padding : 30px 0px;
            }
            .rv-top {
                text-align : center;
            }
            .rv-top i{    
                color: #ff4800;
                font-size: 30px;
                display: flex;
                width: 200px;
                margin: 0 auto;
                text-align: center;
            }
            .rv-user h2 {
                color : #000;
                font-size : 30px;
            }
            .rv-user p{
                color : #000;
            }
            main.main{
                margin-top : 50px;
            }
            .main .container .glider-contain .glider .card-image {
                margin-right: 0.5rem;
                background: #ffffff;
                border: none;
                outline: none;
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
                border-radius: 2px;
            }
            .main .container .glider-contain .glider .card-image img {
                display: block;
                width: 200px;
                margin : 0 auto;
                padding-top : 15px;
            }
            .main .container .glider-contain .glider-prev,
            .main .container .glider-contain .glider-next {
                font-size: 1.5rem;
                background: #454545;
                color: #ffffff;
                margin-top: 1rem;
                width: 3rem;
                height: 3rem;
                line-height: 3rem;
                border-radius: 50%;
            }
            .main .container .glider-contain .glider-prev .fas,
            .main .container .glider-contain .glider-next .fas {
                margin-left: 1rem;
            }
            .glider-dots {
                display: flex!important;
            }
            .glider-next, .glider-prev{
                top : 40%!important;
            }
            .glider-dot.active {
                background: #ff4800!important;
            }
            .glider-prev .svg-inline--fa , .glider-next .svg-inline--fa {
                margin-left: 10px;
            }
            .scrollup a .svg-inline--fa {
                margin-left: 8px;
            }

            @media only screen and (max-width: 768px) {
                .main .glider-contain .glider-prev,
                .main .glider-contain .glider-next {
                    display: none;
                }
            }
            @media only screen and (min-width: 769px) {
                .main .glider-contain .dots {
                    display: none;
                }
            }
/*******Tools*****/

            .i-tool-inr{
                padding : 100px 0px;
            }
            .n-sure{
                margin-top : 50px;
            }
            .tool-icon img{
                width: 100px;
                margin: 30px;
            }
            .tool-icon{
                text-align : center;
            }
            .n-sure a{
                color :#000;
    text-decoration: underline;
            }
            .n-sure a:hover{
                color :#ff4800;
            }
/**********End*********/

        



@media screen and (max-width: 900px){
	 .navbar-header {
               display: block!important;
           }
}

        @media screen and (max-width: 500px){
            .navbar-header {
                display: block;
            }
		#nav {
    		background-color: hsl(0,0%,0%, 0.85)!important;
		}
            .popup{
                width : 100%;
                top : 100px;
                left : 0;
            }
            .cta-btn a{
                font-size: 20px;
                border: 2px solid;
                padding: 5px 10px;
                line-height: 40px;
            }
            /***new 08/08 */
            .main_bnr .bnr_heading {
                position: absolute;
                top: 35%;
            }
	    .btnext {
                display: block!important;
    		margin-top: 50px;
             }
	     .btnext .twobtn2{
		margin : 0px!important;
		margin-top : 15px!important;
	     }
	    .bnr_foot {
                margin-top: -25%!important;
             }
              .bnr_foot p{
                font-size : 18px;
	     }
            .main_bnr .bnr_heading h2 {
                font-size: 45px;
                line-height: 45px;
            }
            #i_about {
                padding: 50px 0px;
            }
            .t-heading {
                font-size: 25px!important;
                line-height: 25px;
            }
            .ab-text ul{
                margin-top : 30px;
            }
            .ab-text ul li {
                font-size: 18px;
                line-height: 30px;
            }
            #features {
                padding: 50px 0;
                text-align: center;
            }
            .feature_item h3 {
                font-size: 20px;
            }
            #service {
                padding: 50px 0px;
            }
            .service_item {
                margin: 30px 0px;
            }
            .p-overview {
                padding: 50px 0px;
            }
            .j-img img{
                height : auto!important;
            }
            .quick_link ul li {
                font-weight: bold;
                font-size: 18px;
                line-height: 30px;
            }
            .quick_link {
                margin-left: 0px;
                margin-right: 15px;
            }
            .ern_cert {
                padding: 50px 0px;
            }
            .cert_frm{
                margin : 30px 0px;
            }
            .cert_frm h4 {
                font-size: 25px;
            }
            .testi {
                padding: 50px 0px;
            }
            .vid_sec .row .col-xl-3 {
                text-align : center;
            }
            .ggl-head h3 {
                text-align: center;
                color: #ff4800;
                font-size: 32px;
                width: 300px;
                margin: 0 auto;
            }
            .rv-top i {
                font-size: 20px;
                width: 108px;
            }
	    .rv-top i img{}
	    .rv-top i img{
		width: 21px!important;
    		margin-top: -15px!important;
    		margin-left: -4px!important;
	     }
            .main .container .glider-contain .glider .card-image img {
                width: 100px;
            }
            .rv-user h2 {
                color: #000;
                font-size: 20px;
            }
            .i-tool-inr {
                padding: 50px 0px;
            }
.navbar-header > a {
    width: 130px!important;
}

            .contact_info {
                width: 250px!important;
            }
#nav {
	padding: 25px!important;
}
/**********table*********/
	   .pricng .p-table{padding : 0px;}
           .course-ttl , course-price , .course-time {
    		height: 25px!important;
	    }
.course-ttl th {
    font-size: 15px!important;
}
.course-price th , .course-time th{
    font-size: 12px!important;
}
tbody tr {
    height: 25px!important;
}
tr td {
    font-size: 12px!important;
    padding: 0px 5px!important;
}
tr td i{
    font-size: 15px!important;
}
td.a{width: 100px!important;}
.pricng{margin-top : 50px;}

        }

/*******new pr table*****/
td.a {
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
}
td.b {
    border-right: 1px solid #d1d1d1;
}
td.c {
    border-right: 1px solid #d1d1d1;
}
td.d {
    border-right: 1px solid #d1d1d1;
}

.c-table{
width : 100%;
}
.course-ttl{
	height: 60px;
}
.course-price{
	height : 40px;
}
.course-ttl th {
    color : #ff4800;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.course-price th {
    color : #000;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.course-time th{
    color : #000;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.course-ttl {
	
}
.course-price {
	
}
.course-time {
	
	
	height : 40px;
}
th p{
margin : 0px!important;
}
tr td{
	font-size : 18px;
	color : #000;
	padding: 0px 15px;
}
tr td i{
	color: red;
    font-size: 30px;
    text-align: center;
}
tr td i.fa-check{
color : green;
}
tr .d, tr .b , tr .c{
	text-align : center;
}
.p-table{
    	padding: 50px 50px 0;
	overflow-x: auto;
}
tbody tr{
	height : 50px;
}
tr td a button{
	margin-bottom : 50px;
}