MAINHACK

Viewing / Editing File: style.css

body{margin:0; padding:0; background: #fff;font-family: 'Roboto', sans-serif; }
body a{ -webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;text-decoration:none; }
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-family: 'Arsenal', sans-serif; }
p{ margin:0; padding:0; }
ul,label{ margin:0; padding:0; }
body a:hover,body a:focus{text-decoration:none;outline:none; }
ul, ol { margin-top: 0; margin-bottom:0px; }
*{padding: 0; margin: 0; transition:all 600ms ease-in-out;}
.container { width: 1300px !important; }

/*@media (min-width: 1200px) {
  .container { width: 1250px !important; }
}*/

/*-- HEADER --*/
.header{ position: fixed; width: 100%; padding: 0px 0 0; margin: 0 0; background: #fffffffc; display: block; z-index: 99; top: 0; left: 0; box-shadow: 5px -15px 40px -1px #00000082;}

/*header top*/
.header .header-top{ width: 100%; padding: 3px 0; margin: 0; background: #f50057; background: #202f67; background: #00599b;}
.header .header-top img.logo-img{ width: 65%; }

/*LOGIN*/
.header .header-top .log-addto-box{ position: relative; width: 100%; display: inline-block; padding:10px 0 0; margin: 0; }
.header .header-top .log-addto-box .dropdown { position: relative;display: inline-block;margin: 0 0px 0; float: left; width: 90%; text-align: right;}
.header .header-top .log-addto-box .dropdown p{     font-family: 'Abel', sans-serif; color: #FFF; font-size: 15px;  padding: 0; margin: 0; }
.dropbtn{ outline: none; color: #fff; border: none; cursor: pointer; padding: 0; text-align: center; width: 25px; height: 25px; border-radius: 50%; background: #d00034; }
.dropdown-content { display: none; position: absolute; background-color: #FFF; min-width: 160px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; right: 0; border: .5px solid #6b7f8f5e; color: #fff; background: #cdd3d9; }
.dropdown-content a { font-family: arial; color: #292929; padding: 7px 0 14px; text-decoration: none; display: block; text-align: center; font-size: 13px; font-weight: bold; }
.dropdown-content a:hover {background-color: #000 ; color:#FFF;}
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { }

/*Ph-Email-box*/
.header .header-top .ph-box{ width: 100%; padding:0px 0 0; margin: 0; display: inline-block; position: relative; }
.header .header-top .ph-box ul{ width: 100%;}
.header .header-top .ph-box ul li{ list-style: none; color: #fff; float: left; padding: 0 0; margin: 0 0 0; }
.header .header-top .ph-box ul li i{ color: #fff; font-size: 12px; padding: 0 4px 0px 10px; line-height: 15px; margin: 0; }
.header .header-top .ph-box ul li a{ color: #fff; font-size: 14px; letter-spacing: 0.5px; line-height: 21px; padding: 0 0 0 5px;font-family: "Oswald", sans-serif;transition:all 600ms ease-in-out;}
.header .header-top .ph-box ul li a:hover{color: #fff;  transition:all 600ms ease-in-out;}
.header .header-top .adress-box{ width: 80%; display: inline-block; float: left; padding: 0; margin: 0; }
.header .header-top .adress-box ul{ width: 100%; display: inline-block; padding: 0 0; margin: 0;}
.header .header-top .adress-box ul li{ list-style: none; color: #fff; float: left; padding: 0 0; margin: 0 0 0; width: 100%;}
.header .header-top .adress-box ul li i{ }
.header .header-top .adress-box ul li marquee{font-family: "Oswald", sans-serif;width: 95%; border-left: 0.5px solid #0038ff; padding: 0 0 0 0; }
.header .header-top .adress-box ul li a{font-family: "Oswald", sans-serif; color: #fff; font-size: 15px; line-height: 16px; padding: 0;}
.header .header-top .adress-box ul li a:hover{color: #fff; }
.header .header-top .socil-box{width: 20%; display: inline-block; float: right; padding: 0; margin: 0; }
.header .header-top .socil-box ul{ width: 100%; position: relative; display: inline-block; text-align: right; padding: 0; margin: 0; }
.header .header-top .socil-box ul li{ list-style: none; color: #fff; float: left; padding: 0 0; margin: 0 4px 0; width: 25px; background: #fff; text-align: center; border-radius: 5px; }
.header .header-top .socil-box ul li i{ }
.header .header-top .socil-box ul li a{ background: #f50057; color: #fff; font-size: 12px; line-height: 15px; padding: 5px 0; margin: 0; display: block; border-radius: 4px; border-bottom: 1px solid #0000004f;transition:all 600ms ease-in-out;}
.header .header-top .socil-box ul li a:hover{ background: #fff; color: #f50057;transition:all 600ms ease-in-out;}
li.ragesterlogin{ box-shadow: 0 10px 13px -15px #0092ff; height: 35px; color: #1070b8; padding: 0 10px !important; font-family: "Oswald", sans-serif; }
li.ragesterlogin a{ color: #0090ff;    padding: 0px 15px 0; }
li.ragesterlogin:hover{background: #f6fbff; transition: all 600ms ease-in-out;}
li.ragesterlogin a:hover{color: #fff; transition: all 600ms ease-in-out; }
.header .navigation{ width: 100%; vertical-align: middle !important; margin: 0px 0 0 0; float: left; }

/*header-bottom*/
.header .header-bottom{padding: 4px 0 2px; border-bottom: 1px solid #403e571c; margin: 0; width: 100%; }
.header .header-bottom .search-box{ width: 100%; padding: 0; margin: 12px 0 0; }
.header .header-bottom .search-box form{ width: 100%; padding: 0; margin: 0; background: linear-gradient(90deg, #f7f7f794 80%, #f00 80%); display: inline-block; border: 1.9px dotted #fff; box-shadow: 10px 0px 15px -10px rgba(0, 0, 0, 0.37);}
.header .header-bottom .search-box form input{width: 80%; float: left; outline: none; padding: 10px 0 10px 20px; font-size: 15px; line-height: 18px; color: #000; border: none; background: none; }
.header .header-bottom .search-box form button{ width: 20%; float: right; padding: 13px 0 12px 0px; font-size: 13px; line-height: 20px; color: #fff; text-align: center; background: none; border: none; outline: none; }
.header .header-bottom .search-box form button:hover{background: red;} 
.header .header-bottom .logo-new{ width: 100%; }
.header .header-bottom .logo-new img{ width: 100%; padding: 12px 0 15px 0;}
#nav-wrap{text-align: right; width: 100%; float: right; display: block ruby; margin: 35px 0 0;}

/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #fff; background: url(../images/banner-bg.png) no-repeat top left; background-size: auto; height: 720px; background-size: cover;}
img.banner-rt-img{ width: 100%; height: auto; margin: 150px 0 0; }
.banner h2{margin: 220px 0 0 0; display: block; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.02);color: #353873; color: #005697; font-size: 40px; line-height: 60px; padding: 0 0 12px; text-align: left; text-transform: uppercase;
font-family: "Atkinson Hyperlegible Next", sans-serif;
font-family: "Caveat", cursive;
font-family: "Oswald", sans-serif;}
.banner p{ font-family: "Roboto", Sans-serif; font-size: 20px; line-height: 30px; padding: 10px 0 20px; margin: 0; display: block; color: #3c3e64d1; font-weight: normal; }
.banner a{background: #f50057;background: #203a97; padding: 15px 30px; border-radius: 50px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 17px; line-height: 25px; display: inline flow-root list-item; box-shadow: 0 15px 17px -10px #575a8982; border: 3px solid #fff; transition:all 600ms ease-in-out; }
.banner a:hover{ box-shadow: 0 15px 17px -10px #575a89de;box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27);
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
.banner a i{background: #f50057; border-radius: 50%; font-size: 15px; padding: 8px 10px; line-height: 18px; margin: 0 0 0 10px; box-shadow: 0px 10px 15px -10px #000; border: 0.5px solid #1236b9; background: #1032ac; }

/*------------------banner-inner------------------*/
.banner-inner{position: relative; width: 100%; height:350px; overflow: hidden; padding: 0 0; margin:50px 0 0 0; background: #fff; }
.banner-inner video{ width: 100%; }
.banner-inner img.banner-inner{ width: 100%; height: auto;}
.banner-inner .dec{ position: absolute; content: ""; bottom: 0; left: 0; width: 100%; background: #202f67; padding: 0 0; margin: 0; }
.banner-inner .dec ul{ width: 50%; padding: 5px 0 0; margin: 0; float: left; }
.banner-inner .dec ul li{ list-style: none;  display: inline-block; padding: 0 0; margin: 0;}
.banner-inner .dec ul li a{ color: #fff; font-size: 18px; letter-spacing: 0.5px; line-height: 21px; padding: 2px 26px; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; display: block; }
.banner-inner .dec ul li a:hover{ color: #242228; }
.banner-inner .dec ul li a.active{ color: #f00; border-left: .1px solid #ffffffb2; }
.banner-inner .dec h1{font-family: "Roboto", Sans-serif; font-size: 15px; line-height: 30px; width: 50%; float: right; text-align: right; color: #fff; padding: 3px 0 4px 0; margin: 0;}

/*------------------Live-Practice------------------*/
.Live-Practice{ position: relative; width: 100%; padding: 30px 0 45px; margin: 0 0; background: #f7f5f5;background: #fff;  overflow: hidden; }
.home-title{ position: relative; display: block; padding: 0 0; margin: 0; }
.home-title h2{ font-family: "Oswald", sans-serif !important; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.02) !important; color: #015999 !important; text-align: center !important; font-size: 40px !important; line-height: 60px !important; padding: 0 0 5px 0 !important; margin: 0 !important;}
.home-title h2 span{color: #f40057;}
.home-title h6{font-family: 'Arsenal', sans-serif; text-align: center; font-size: 17px; color: #192e7b; line-height: 25px; padding: 1px 0 30px; margin: 0; }
.Live-Practice .Practice-box{  width: 100%; background: #f7f5f5; padding: 15px 20px; margin: 0 0 30px; border: 0.5px solid #d5dfe370; border-radius: 10px; display: inline-block; box-shadow: 5px 10px 10px 0px #00000003; transition:all 600ms ease-in-out; }
.Live-Practice .Practice-box:hover{ background: #212f60; box-shadow: 5px 10px 10px 0px #0000000f; transition:all 600ms ease-in-out;border: 1px solid #fff; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27);
-webkit-transform: scale(1.01); transform: scale(1.01);-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); }
.Live-Practice .Practice-box img.img-Practice{width: 34%; float: left; padding: 30px 0 0 0; margin: 0;}
.Live-Practice .Practice-box .Practice-box-text{width: 60%; float: right; padding: 0 0; margin: 0;}
.Live-Practice .Practice-box .Practice-box-text h3{font-family: "Oswald", sans-serif; font-size: 18px; letter-spacing: 1px; color: #f5055a; padding: 20px 0 5px 0;}
.Live-Practice .Practice-box .Practice-box-text h3 span{font-family: 'Arsenal', sans-serif;display: block; color: #2f2e41; font-size: 25px;letter-spacing: 0; line-height: 35px; padding: 0 0; margin: 0;}
.Live-Practice .Practice-box .Practice-box-text p{font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41e5; font-size: 15px; line-height: 22px; padding: 2px 0 15px; margin: 0;}
.Live-Practice .Practice-box:hover .Practice-box-text h3{ color: #fff;}
.Live-Practice .Practice-box:hover .Practice-box-text h3 span{ color: #fff;}
.Live-Practice .Practice-box:hover .Practice-box-text p{ color: #fff;}

/*---------------------about---------------------*/
.about-new{ position: relative; width: 100%; padding: 80px 0; margin: 0 0; background: #fff; background: url(../images/ab-bg.png) no-repeat; overflow: hidden; }
.about-new img.about-new-rt-img{ position: relative; width: 100%; border-radius: 8px; }
.about-new h3{ font-family: "Oswald", sans-serif; font-size: 25px; letter-spacing: 1px; color: #2f2e41; padding: 50px 0 5px 20px; text-transform: uppercase; font-weight: normal; margin: 0; }
.about-new h4{ font-family: 'Arsenal', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: bold; color: #000000e5; line-height: 50px; padding: 15px 0 0 20px;}
.about-new p{ font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41e5; font-size: 17px; line-height: 30px; letter-spacing: 0; padding: 20px 0 20px 20px; margin: 0;}
.about-new img.about-new-mid-img{ position: relative; width: 40%; border-radius: 5px; float: left; padding: 0 0 0 30px; }
.about-new h5{ width: 60%; float: right; font-family: "Oswald", sans-serif; font-size: 17px; letter-spacing: 0; color: #2f2e41e0; font-weight: normal; padding: 15px 0 0 5px; margin: 0; }
.about-new a{background: #15296f; padding: 11px 30px; border-radius: 50px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 17px; line-height: 25px; display: inline flow-root list-item; box-shadow: 0 15px 17px -10px #575a8982; border: 2px solid #fff; transition: all 600ms ease-in-out; margin: 20px 0 0 20px; box-shadow: 0 15px 17px -10px #575a894f; }
.about-new a:hover{ box-shadow: 0 15px 17px -10px #575a89de;box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27);
-webkit-transform: translateY(-10px);box-shadow: 0 15px 17px -10px #575a89a1;
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
.about-new a i{background: #0a2584; border-radius: 50%; font-size: 14px; padding: 8px 10px; line-height: 18px; margin: 0 0 0 10px; box-shadow: 0px 10px 15px -10px #000; border: 0.5px solid #152e84; }

/*---------------------package---------------------*/
.package{ position: relative; width: 100%; padding: 10px 0 50px; margin: 0 0; background: #fff;  overflow: hidden; }
.package .package-box{width: 100%; box-shadow: 0 15px 17px -10px #575a8926; border: 0.5px solid #00599b; text-align: center; border-radius: 8px; height: 620px; margin: 40px 0 10px 0px; }
.package .package-box:hover{-webkit-transform: translateY(-10px);box-shadow: 0 15px 17px -10px #575a89a1;
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
.package .package-box img.img-package{width: 100%;}
.package h4{background: #0092ff; position: absolute; top: -6px; border-radius: 20px 20px 0px 0px; color: #fff; font-size: 23px; font-weight: bold; line-height: 30px; padding: 10px 0; font-family: "Oswald", sans-serif; box-shadow: 0 20px 20px -15px #575a89c4; width: 91%; text-align: center;}
.package .package-box h1{text-align: left; font-size: 17px; line-height: 20px; padding:20px 0 0 10px; margin: 3px 0 5px; color: #073e66; transition: all 600ms ease-in-out;}
.package .package-box h1 b{text-align: left; font-size: 30px; line-height: 45px; padding: 0 0 0 0; margin: 0 0 0 0; color: #212f60; transition: all 600ms ease-in-out;}
.package .package-box h3{text-align: center; font-size: 18px; color: #212f60; line-height: 20px; padding: 10px 0 4px 1px; margin: 0; font-family: "Oswald", sans-serif; font-weight: normal; }
.package .package-box:hover h3{color: #f5055a;transition:all 600ms ease-in-out; } 
.package .package-box p{text-align: center; font-family: "Oswald", sans-serif; font-size: 15px; letter-spacing: 0; line-height: 20px; padding: 2px 0 0 0px; margin: 3px 0 5px; color: #212f60; transition: all 600ms ease-in-out; font-weight: normal;}
.package .package-box p b{color: #f50057; font-size: 25px; letter-spacing: 0; padding: 0px 0 0; margin: 2px 0 0 0; display: inline-block; }
.package .package-box h5{font-size: 14px; line-height: 23px; color: #031624d9; padding: 0 0; margin: 0 0;}
.singlepackage{}
a.buy-pack-main{ background: #0871bf; padding: 9px 30px 10px; border-radius: 50px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 15px; line-height: 20px; border: 2px solid #fff; transition: all 600ms ease-in-out; margin: 10px auto 5px; box-shadow: 0 15px 17px -10px #575a894f; display: inline-block; font-weight: bold; text-transform: uppercase; cursor: pointer;}
a.buy-pack-main:hover{ box-shadow: 0 15px 17px -10px #575a89de;box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27);-webkit-transform: translateY(-10px);box-shadow: 0 15px 17px -10px #575a89a1;
-ms-transform: translateY(-10px);background: #f50057;
transform: translateY(-10px);
-webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out;}

a.packdetails{background: #575a89; padding: 11px 30px; border-radius: 50px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 17px; line-height: 25px; display: inline flow-root list-item; box-shadow: 0 15px 17px -10px #575a8982; border: 2px solid #fff; transition: all 600ms ease-in-out; margin: 10px 0 20px 10px; box-shadow: 0 15px 17px -10px #575a894f; }
a.packdetails:hover{ box-shadow: 0 15px 17px -10px #575a89de;box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27);
-webkit-transform: translateY(-10px);box-shadow: 0 15px 17px -10px #575a89a1;
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
a.packdetails i{background: #64679d; border-radius: 50%; font-size: 14px; padding: 8px 10px; line-height: 18px; margin: 0 0 0 10px; box-shadow: 0px 10px 15px -10px #2c2e46; border: 0.5px solid #484b75ba; }
h3.pack-single{text-align: left !important; font-family: "Oswald", sans-serif; font-size: 20px; letter-spacing: 00.5px; line-height: 30px; padding: 0 0 0 10px; margin: 3px 0 5px; color: #212f60; transition: all 600ms ease-in-out; }
h4.pack-single{text-align: left; font-family: "Oswald", sans-serif; font-size: 18px; letter-spacing: 00.5px; line-height: 30px; padding: 0 0 0 10px; margin: 3px 0 5px; color: #14204d; transition: all 600ms ease-in-out; font-weight: normal; }
h5.pack-single{text-align: left; font-family: "Oswald", sans-serif; font-size: 17px; letter-spacing: 00.5px; line-height: 30px; padding: 0 0 0 10px; margin: 3px 0 5px; color: #0c1435c4; transition: all 600ms ease-in-out; font-weight: normal; }
h6.pack-single{text-align: left; font-family: "Oswald", sans-serif; font-size: 16px; letter-spacing: 00.5px; line-height: 30px; padding: 0 0 0 10px; margin: 3px 0 5px; color: #f50057; transition: all 600ms ease-in-out; font-weight: normal;}

.package .package-box ul{ display: inline-block; width: 95%; padding: 4px; margin: 10px 0 0; border-top: 1px dotted #06385e; }
.package .package-box ul li{ text-decoration: none !important; display: block; letter-spacing: 0; width: 100%; text-align: left; font-size: 14px; line-height: 19px; padding: 3px 0 0 0px; margin: 3px 0 5px; color: #072942cc; transition: all 600ms ease-in-out; font-family: 'Arsenal', sans-serif; }
.package .package-box ul li i{font-size: 8px; padding: 0; border: 1px solid #f50057; border-radius: 30px; color: #f50057; margin: 0 10px 0 0; width: 16px; height: 16px; line-height: 15px; text-align: center; }
.package .package-box ul li b{ font-size: 16px; font-weight: bold; color: #2f2e41ed; }

/*---------------------articles---------------------*/
.articles{ position: relative; width: 100%; padding: 40px 0; margin: 0 0; background: #fff;  overflow: hidden; }
.articles .item{ padding: 0; margin: 0 20px; }
.articles .articles-box{width: 100%; border: 0.5px solid #cccccc4d; border-radius: 5px; overflow: hidden; padding: 10px 9px; box-shadow: 0 15px 10px -10px #575a891a; margin: 0 0 30px; }
.articles .articles-box:hover{-webkit-transform: translateY(-10px);box-shadow: 0 15px 10px -10px #575a8942;
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
.articles .articles-box img.img-articles{width: 100%;border-radius: 3px; height: 200px;}
.articles .articles-box h6{  font-family: 'Roboto', sans-serif; color: #1c2955e3; font-size: 15px; line-height: 22px; padding: 5px 0; margin: 0;}
.articles .articles-box h5{ font-size: 19px;
  line-height: 29px;
  padding: 20px 0 10px;
  margin: 0;
  color: #212f60;
  transition: all 600ms ease-in-out;
  text-align: center;
  font-weight: normal;}
.articles .articles-box h4{font-family: "Oswald", sans-serif; font-size: 25px; line-height: 40px; padding: 0 0 6px; margin: 0;  color: #212f60;transition:all 600ms ease-in-out;}
.articles .articles-box p{font-size: 16px; line-height: 25px; padding: 2px 0 6px; margin: 0; color: #1c2955e3; font-weight: normal;}
.articles .articles-box:hover h4{color: #0f0f94;transition:all 600ms ease-in-out; }

/*--------Blog Single Page-----------*/
.blog-single{ width: 100%; position: relative; display: block; background: url(../images/agreement-banner.png) no-repeat top left; background-size: cover; padding: 30px 0; margin: 0; }
.blog-single .blog-single-page-content{ padding: 15px; margin: 0 0 30px; width: 100%; box-shadow: 0 15px 17px -10px #575a8926; border: 0.5px solid #cccccc21; }
.blog-single .blog-single-page-content img{ width: 100%; height: 450px; }
.blog-single .blog-single-page-content h6{ font-family: 'Roboto', sans-serif; color: #1c2955e3; font-size: 15px; line-height: 22px; padding: 5px 0; margin: 0; }
.blog-single .blog-single-page-content h3{ padding: 10px 0 0; margin: 0; font-weight: bold; font-family: "Oswald", sans-serif; font-size: 24px; line-height: 26px; color: #212f60; transition: all 600ms ease-in-out; }
.blog-single .blog-single-page-content p{ padding: 14px 0; text-align: justify; font-weight: bold; font-style: normal; font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41f5; font-size: 15px; line-height: 29px; letter-spacing: 0; margin: 0;}

.blog-single .blog-all-content{padding: 10px; margin: 0 0 30px; width: 100%; box-shadow: 0 15px 17px -10px #575a8926; border: 0.5px solid #cccccc21; text-align: center; }
.blog-single .blog-all-content img{ width: 100%; }
.blog-single .blog-all-content h3{  padding: 20px 0 0; margin: 0; font-weight: bold; font-family: "Oswald", sans-serif; font-size: 18px; line-height: 26px; color: #212f60;  }
.blog-single .blog-all-content:hover {
  -webkit-transform: translateY(-10px);
  box-shadow: 0 15px 17px -10px #575a89a1;
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  transition: all 600ms ease-in-out;
}

/*---------------------gallery---------------------*/
.gallery{ position: relative; width: 100%; padding: 10px 0 60px; margin: 0 0; background: #fff;  overflow: hidden; }
.gallery .item{ padding: 0; margin: 0 15px; }
.gallery .gallery-box{width: 100%;}
.gallery .gallery-box img.img-gallery{width: 100%; border-radius: 3px;}
.gallery .gallery-box .view-caption{ position: absolute; top: 0; background: #061c5b82; width: 91%; left: 15px; height: 100%; text-align: center; padding: 86px 0 0; opacity: 0; transition: all 600ms ease-in-out; right: 0;}
.gallery .gallery-box .view-caption:hover{ opacity: 1; transition:all 600ms ease-in-out;}
.gallery .gallery-box .view-caption p{color: #fff; text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 20px; }

/*-------------------p-gallery-------------------*/
.p-gallery{ position: relative; width: 100%; padding: 30px 0; margin: 0 0; background: #fff;   }
.p-gallery h2{ font-family: 'Raleway', sans-serif; color: #000; text-align: center; font-size: 35px; line-height: 45px; padding: 0 0 10px; margin: 0; }
.p-gallery h4{ font-family: 'Parisienne', cursive; text-align: center; font-size: 25px; font-weight: bold; color: #f00; line-height: 35px; padding: 0 0 25px; letter-spacing: 2px; margin: 0; }
.p-gallery .gallery-box{ position: relative; width: 100%; padding: 15px; margin:15px 0 15px; float: left; border: 1px solid #e0e0e0; height: 202px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.p-gallery .gallery-box img.pho-gall { width: 100%; height: 170px; }
.p-gallery .gallery-box .view-caption { position: absolute; top:-140%; width: 100%; text-align: center; padding: 60px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82); left: 0; }
.p-gallery .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.p-gallery .gallery-box .view-caption p {border: 1px solid #d00034; width: 50%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #000000; padding: 9px 15px; color: #fff !important; margin: 25px auto 0; text-transform: uppercase; }
.p-gallery .gallery-box h6{ text-align: center; color: #000; font-size: 15px; line-height: 25px; font-family: revert; background: #fff; padding: 7px 10px; }

/*----------------terms-in----------------*/
.terms-in{ width: 100%; height: auto; background: #fff; padding: 45px 0px 50px; margin: 0px 0; }
.terms-in p{font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41e5; font-size: 17px; line-height: 30px; letter-spacing: 0; padding: 0 0 20px; margin: 0;}

/*---------------about-inner---------------*/
.about-inner{ width: 100%; height: auto; background: #fff; padding: 88px 0px 50px; margin: 0px 0; }
.about-inner img.about-new-img{ width: 100%; border-radius: 8px; margin: 0 0 30px; }
.about-inner .about-box{ width: 100%; padding: 25px 0 0 20px; margin: 0 0; }
.about-inner .about-box h3{ font-family: "Roboto", Sans-serif; font-size: 18px; line-height: 30px; text-transform: uppercase; font-weight: 400; color: #2f2e41; padding: 0 0 0 15px; margin: 0 0 10px 0; border-left: 1px solid #f50057; }
.about-inner .about-box h4{ color: #2f2e41; font-size: 25px; letter-spacing: 0; line-height: 20px; padding: 10px 0 15px; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; display: block; font-weight: 300; }
.about-inner .about-box h4 b{ }
.about-inner .about-box p{ font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41f5; font-size: 15px; line-height: 29px; letter-spacing: 0; padding: 0 0; margin: 0; }
.about-inner .values-box{ width: 100%; padding: 15px; margin: 0 0 50px 0; background: #f7f7f78a; -webkit-transform: translateY(-10px); box-shadow: 0 15px 10px -10px #575a890d; -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: scale(1.01); transform: scale(1.01); transition: all 600ms ease-in-out; height: 310px; }
.about-inner .values-box h3{ text-transform: uppercase; font-size: 14px; color: #737373; line-height: 22px; padding: 0; margin: 0; }
.about-inner .values-box h4{color: #2f2e41; font-size: 25px; letter-spacing: 0; line-height: 32px; padding: 15px 0 22px; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; display: block; font-weight: 300; }
.about-inner .values-box h3 b{ color: #f50056; font-weight: normal;}
.about-inner .values-box p{font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41c7; font-size: 16px; line-height: 25px; letter-spacing: 0; padding: 0; margin: 0;}
.about-inner .values-box ul{ display: inline-block; width: 100%; padding: 10px 0; margin: 0; }
.about-inner .values-box ul li{ text-decoration: none !important; font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41c7; font-size: 14px; line-height: 25px; letter-spacing: 0; padding: 0; margin: 0; font-weight: bold; }

/*contact-us*/
.contact-us{  width: 100%; height: auto; background: #fff; padding: 35px 30px 5px; margin: 0px 0; }
.contact-us h2{ font-family: 'Raleway', sans-serif; color: #000; text-align: center; font-size: 35px; line-height: 45px; padding: 0 0 10px; margin: 0; }
.contact-us h4{ font-family: 'Parisienne', cursive; text-align: center; font-size: 25px; font-weight: bold; color: #f00; line-height: 35px; padding: 0 0 25px; letter-spacing: 2px; margin: 0; }

.contact-us h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.contact-us h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.contact-us h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.contact-us .con-box-form{ width: 50%; overflow: hidden; display: block; margin: 30px auto 80px; padding: 60px; background: #f7f7f78a; box-shadow: 0 15px 10px -10px #575a890d; }
.contact-us .con-box-text{     width: 35%; float: right; margin: 30px 0px 0 0; overflow: hidden; padding: 0; }
.contact-us .con-box-text h3{  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 21px; text-align: left; color: #1f2146; padding: 0 0 15px; margin: 0; } 
.contact-us .con-box-text p{    margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 15px; line-height: 24px; padding: 0 0 30px; color: #2f2e41;}
.contact-us .con-box-text iframe{ width: 100%; border: 0.5px solid #fff; margin: 0 0 30px; box-shadow: 0 15px 17px -10px #575a8980; border-radius: 9px; }
.support{ width: 100%; display: block; margin:0  0;  padding: 0; }
.support .support-grid{ padding: 30px; text-align: center; margin: 10px 0 50px 0; background: #f7f7f78a; -webkit-transform: translateY(-10px); box-shadow: 0 15px 10px -10px #575a890d; -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: scale(1.01); transform: scale(1.01); transition: all 600ms ease-in-out;}
.support .support-grid span{ font-size: 55px; color: #0b8ef0; text-align: center; line-height: 70px; padding: 0; margin: 0;}
.support .support-grid h5{ text-transform: uppercase; font-size: 18px; color: #4a4a4a; line-height: 25px; padding: 10px 0; margin: 0; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out;}
.support .support-grid p{ font-family: 'Arsenal', sans-serif; display: block; color: #2f2e41db; font-size: 16px; line-height: 25px; letter-spacing: 0; padding: 0; margin: 0;}
.support .support-grid a{background: #00599b; padding: 11px 30px; border-radius: 50px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 15px; line-height: 25px; display: inline flow-root list-item; box-shadow: 0 15px 17px -10px #575a8982; border: 2px solid #fff; transition: all 600ms ease-in-out; margin: 13px 0 0 0; }
.support .support-grid a:hover{ box-shadow: 0 15px 17px -10px #575a89de;box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
.support .support-grid a i{background: #014e88; border-radius: 50%; font-size: 12px; padding: 4px 8px; line-height: 18px; margin: 0 0 0 13px; 
box-shadow: 0px 10px 15px -10px #575a89; border: 0.5px solid #106db3;}

.contact-us .con-box-form .form-left-to-w3l{    width: 100%;  padding: 0; margin: 0 0 30px; }
.contact-us .con-box-form .form-left-to-w3l label{ font-size: 15px; line-height: 20px; color: #000000ad; padding: 0 0 5px; margin: 0; }
.contact-us .con-box-form .form-left-to-w3l input{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; background: #fff; height: 45px; border-radius: 0 0 10px; box-shadow: 3px 3px 0 #296cad0d; border-right: 1px solid #ccc; }
.contact-us .con-box-form .form-sub-acc{     margin: 20px 0 0; width: 25%; }
.contact-us .con-box-form .form-sub-acc .form-sub{ width: 100%; text-align: center;border-radius: 25px; font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; padding:0 0 10px; }
.contact-us .con-box-form .form-sub-acc .form-sub input[type="submit"]{background: #f50057; padding: 15px 55px; border-radius: 50px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 17px; line-height: 25px; display: inline flow-root list-item; box-shadow: 0 15px 17px -10px #575a8982; border: 3px solid #fff; transition:all 600ms ease-in-out; }
.contact-us .con-box-form .form-sub-acc .form-sub input[type="submit"]:hover{ box-shadow: 0 15px 17px -10px #575a89de;box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27);
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
.contact-us .con-box-form .form-sub-acc .form-sub input[type="submit"] i{background: #f50057; border-radius: 50%; font-size: 15px; padding: 8px 10px; line-height: 18px; margin: 0 0 0 10px; box-shadow: 0px 10px 15px -10px #575a89; border: 0.5px solid #ff1b6d;}

.contact-us .con-box-form .form-left-to-w3l textarea{  width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; background: #fff; height: 80px; border-radius: 0 0 10px; box-shadow: 3px 3px 0 #296cad0d; border-right: 1px solid #ccc; }
.contact-us .con-box-form .form-sub-acc .form-sub:hover{ background:none;  color: #3483ff;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.contact-us .con-box-form .sing-up-social{ width: 40%; float: right; border-left: 1px solid #ccc; padding: 0 0 0 0; margin: 50px 0 0 0; height: 100%; }

/*trems + Mision + Vision*/
.about-trems { background: #fff; width: 100%; padding: 30px 0; }
.about-trems h2{ font-family: 'Raleway', sans-serif; color: #000; text-align: center; font-size: 35px; line-height: 45px; padding: 0 0 10px; margin: 0; }
.about-trems h4{ font-family: 'Parisienne', cursive; text-align: center; font-size: 25px; font-weight: bold; color: #f00; line-height: 35px; padding: 0 0 25px; letter-spacing: 2px; margin: 0; }
.about-trems p { padding: 0 0 10px; color: #282626; font-size: 19px; font-weight: lighter; font-style: italic; line-height: 33px; font-family: a; text-align: justify; }
.about-trems img{ width: 100%;  }

/*FAQ*/

.faq{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0 60px; margin: 0;overflow: hidden; }
.inner-faq{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0 60px; margin: 0; }

.faq p{ height: 220px;
  padding: 10px;
  margin: 0;
  text-align: justify;
  color: #031746;
  font-size: 14px;
  opacity: .8;
  outline: none;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  line-height: 24px;
  font-weight: normal; }

button.accordion {
 width: 100%;
  background: #00396d;
  border: none;
  outline: none;
  text-align: left;
  padding: 15px 20px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s linear;
  margin: 10px 0 0;
  line-height: 26px;
  font-weight: bold; font-family: "Oswald", sans-serif;
}

button.accordion:after {
  font-family: FontAwesome;
  content: "\f150";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
}

button.accordion.is-open:after {
  content: "\f151";
}

button.accordion:hover,
button.accordion.is-open {
  background-color: #00234b;
}

.accordion-content {
 background: #fff;
  border-left: 5px solid #0055b5;
  border-right: 5px solid #0055b5;
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.accordion-content p{ background: #fff;
  font-size: 16px;
  line-height: 24px;
  color: #192e7b;
  margin: 30px 0;
  padding: 10px 0 30px;
  font-family: 'Arsenal', sans-serif; }

.faq-right-content{ position: relative;
  padding: 0;
  margin: 10px 0 0;
  box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 0.17);
  background: #fff;
  width: 100%;
  border-radius: 8px;
  overflow: hidden; }
.faq-right-content img{ width: 100%; border-radius: 8px; }

/*LivePractice*/
.LivePractice{ width: 100%; display: block; background: url(../images/banner-bg.png) no-repeat top right; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 30px 20px; margin: 0 0; display: inline-block; }
.LivePractice .LivePractice-bg {position: relative; background: #121d48; width: 20%; padding: 20px; margin: 15px 0 40px 0; overflow: hidden; display: inline-block; transition: all 600ms ease-in-out; border-radius: 5px; box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.46); float: left; border: 0.5px solid #cccccc2b; }
.LivePractice .LivePractice-bg span{ font-size: 25px; color: #fff; line-height: 30px; padding: 0 0 10px; margin: 0;}
.LivePractice .LivePractice-bg h5{text-transform: uppercase; font-size: 18px; color: #fefefe; line-height: 25px; padding: 5px 0; margin: 0 0 12px 0; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; border-bottom: 1px solid #e5e5e8c4;}
.LivePractice .LivePractice-bg p{ font-family: 'Arsenal', sans-serif; display: block; color: #bcbbc4d6; font-size: 16px; line-height: 25px; letter-spacing: 0; padding: 0; margin: 0;}
.LivePractice .LivePractice-bg a{ background: #202f67; padding: 5px 10px 5px 17px; border-radius: 50px; color: #fff; font-size: 15px; line-height: 25px; display: inline-block; box-shadow: 0 15px 17px -10px #0000006b; border: 1px solid #121d48; transition: all 600ms ease-in-out; margin: 10px 0 0 0; font-family: "Oswald", sans-serif; }
.LivePractice .LivePractice-bg a:hover{ box-shadow: 0px 10px 30px 0px #ced0ffc4; color: #d1d1ff; border: 1px solid #fff0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: scale(1.01); transform: scale(1.01); transition:all 600ms ease-in-out; }
.LivePractice .LivePractice-bg a i{background: #524e79; border-radius: 50%; font-size: 12px; padding: 4px 8px; line-height: 18px; margin: 0 0 0 13px; box-shadow: 0px 10px 15px -10px #575a89; border: 0.5px solid #3f3d56;}
.LivePractice .LivePractice-bg a:hover i{background: #666791;  transition:all 600ms ease-in-out;}
.LivePractice .LivePractice-bg:hover h5{color: #353873 ; transition:all 600ms ease-in-out;}
.LivePractice .LivePractice-bg:hover span{color: #353873 ; transition:all 600ms ease-in-out;}
.LivePractice .LivePractice-bg:hover p{color: #66698a; transition:all 600ms ease-in-out;}
.LivePractice .LivePractice-bg:hover{ background: #fff; }
.LivePractice .LivePractice-bg:after{ position: absolute; content: ""; right: 0px; z-index: 9; transition: all 600ms ease-in-out; background: url(../images/exam-bg.png) no-repeat top right; top: 10px; width: 50%; height: 100px; opacity: 0.02; }
.LivePractice .LivePractice-bg:hover:after{ opacity: 0.9;  transition:all 600ms ease-in-out;}
.LivePractice .LivePractice-bg:before{ position: absolute; content: ""; right: 1px; z-index: 9; background: url(../images/angle01.png) no-repeat top right; bottom: -66px; width: 30%; height: 100px; opacity: 0.1;  transition:all 600ms ease-in-out;}
.LivePractice .LivePractice-bg:hover:before{opacity: 0.9;  transition:all 600ms ease-in-out;}

/*Liveexam*/
.Liveexam{ width: 100%; display: block; background: url(../images/banner-bg.png) no-repeat top right; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 30px 20px; margin: 0 0; display: inline-block; }
.Liveexam .Liveexam-bg {position: relative; background: #3f3d56ed; width: 30%; padding: 25px; margin: 17px; overflow: hidden; display: inline-block; transition: all 600ms ease-in-out; border-radius: 5px; box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.15); float: left; background: #f1f1f1; border: 0.5px solid #ffffffde;}
.Liveexam .Liveexam-bg:hover{background: #fff; border: 0.5px solid #f1f1f1; box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.25);  transition:all 600ms ease-in-out;} 
.Liveexam .Liveexam-bg span{position: absolute; content: ""; top: 5px; right: 20px; z-index: 9; color: #f1f1f1; font-family: "Oswald", sans-serif; font-size: 45px; line-height: 55px; font-weight: bold; padding: 0 0; margin: 0 0; text-shadow: 3px 3px 2px rgba(36, 35, 51, 0.12); letter-spacing: 1px;}
.Liveexam .Liveexam-bg:hover span{text-shadow: 3px 3px 2px rgba(36, 35, 51, 0.09); letter-spacing: 1px; color: #fff;}  
.Liveexam .Liveexam-bg h3{font-family: "Oswald", sans-serif; font-size: 14px; line-height: 20px; padding: 0 0 0; margin: 0 0 5px; color: #f5055a; letter-spacing: 1px;}
.Liveexam .Liveexam-bg h4{font-family: 'Arsenal', sans-serif; color: #3b3953; font-size: 25px; letter-spacing: 0; line-height: 35px; padding: 0 0 2px; margin: 0 0 15px; display: block;height: 80px;  border-bottom: 2px dotted #4c4a6196;}
.Liveexam .Liveexam-bg h5{display: block; color: #4c4a61d9; font-size: 16px; line-height: 29px; padding: 0; margin: 0 0 15px 0; font-weight: normal; letter-spacing: 0;}
.Liveexam .Liveexam-bg h6{display: block; color: #3b3953; font-size: 15px; line-height: 28px; padding: 0; margin: 0 0 15px 0; font-family: "Oswald", sans-serif; font-weight: normal; letter-spacing: 0.3px; width: 50%; float: left;}
.Liveexam .Liveexam-bg h6 b{text-align: right; padding: 0 0 0 5px; color: #f50056; margin: 0;}
.Liveexam .Liveexam-bg a{ background: #f1f1f1; cursor: pointer; padding: 5px 10px 5px 17px; border-radius: 50px; color: #524e79; font-size: 15px; line-height: 25px; display: inline-block; box-shadow: 0 15px 17px -10px #7f82b987; border: 1px solid #ffffffad; transition: all 600ms ease-in-out; margin: 10px 0 0 0; font-family: "Oswald", sans-serif; }
.Liveexam .Liveexam-bg a:hover{ background: #f1f1f15c; color: #524e79; font-size: 15px; line-height: 25px; display: inline-block; box-shadow: 0 15px 17px -10px #7f82b929; border: 1px solid #f1f1f1; transition: all 600ms ease-in-out; }
.Liveexam .Liveexam-bg a i{ background: #e6e4e463; border-radius: 50%; font-size: 12px; padding: 4px 8px; line-height: 18px; margin: 0 0 0 13px; box-shadow: 0px 10px 15px -10px #434568; border: 0.5px solid #ffffff82; color: #524e79; }
.Liveexam .Liveexam-bg a:hover i{background: #fff;  transition:all 600ms ease-in-out;}

/*my_exam*/
.resultshow { width: 100%; background: url(../images/banner-bg.png) no-repeat top right; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 30px 90px 100px; margin: 0 0; display: inline-block; }
.resultshow .resultshow-bg { position: relative; width: 45%; padding: 35px; margin: 15px 15px 25px 15px; overflow: hidden; display: inline-block; transition: all 600ms ease-in-out; border-radius: 5px; box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.24); float: left; background: #f9fcff; border: 0.5px solid #d7d6d6de; height: 360px; }
.resultshow .resultshow-bg h2{ font-family: "Oswald", sans-serif; font-size: 27px; line-height: 30px; font-weight: normal; letter-spacing: 1px; border-bottom: 2px dotted #3f3e54; color: #333146; padding: 0 0 15px; margin: 0 0 25px;}
.resultshow .resultshow-bg h3 {font-family: "Oswald", sans-serif; font-size: 18px; line-height: 25px; padding: 0 0 0; margin: 0 0 10px; color: #f40057; letter-spacing: 0; font-weight: normal; }
.resultshow .resultshow-bg h6 { display: block; color: #3b3953; font-size: 19px; line-height: 28px; padding: 0; margin: 0 0 15px 0; font-family: "Oswald", sans-serif; font-weight: normal; letter-spacing: 0.2px; width: 50%; float: left; }
.resultshow .resultshow-bg h6 b { text-align: right; padding: 0 0 0 10px; color: #f40057; margin: 0; font-size: 16px; font-weight: normal; }
.resultshow .resultshow-bg h4{ font-family: 'Arsenal', sans-serif; color: #00599b; font-size: 21px; height: auto; line-height: 25px; padding: 0 0 2px; margin: 5px 0 10px; display: block; border: none; letter-spacing: 0.3; }
.resultshow .resultshow-bg h4 b { color: #3f3d54; font-size: 18px; }
.resultshow .resultshow-bg a.btn-cal-exam_result { background: #0174ca; padding: 5px 10px 5px 17px; border-radius: 50px; color: #fff; font-size: 18px; line-height: 25px; display: inline-block; box-shadow: 0 15px 17px -10px #00000087; border: 1px solid #ffffffad; transition: all 600ms ease-in-out; margin: 15px 0 0 0; font-family: "Oswald", sans-serif;}
.resultshow .resultshow-bg a.btn-cal-exam_result i { background: #f9fcff; border-radius: 50%; font-size: 12px; padding: 5px 9px; line-height: 18px; margin: 0 0 0 13px; box-shadow: 0px 10px 15px -10px #fff; border: 0.5px solid #fff; color: #0174ca;}
.resultshow .resultshow-bg a.btn-cal-exam_result:hover{color: #fff; font-size: 17px; line-height: 25px;  background: #0092ff; transition: all 600ms ease-in-out; }
.resultshow .resultshow-bg a.btn-cal-exam_result:hover i{color: #0092ff; background: #f9fcff;  transition:all 600ms ease-in-out;}
.resultshow .resultshow-bg h4 a.paper-test {background: none; box-shadow: none; padding: 0; margin: 0; font-weight: normal; font-size: 17px; line-height: 20px;color: #524e79; transition:all 600ms ease-in-out;}
.resultshow .resultshow-bg h4 a.paper-test:hover {color: #078ff5; transition:all 600ms ease-in-out;}

/*my_package*/
.packageshow { width: 100%; background: url(../images/buy-pac-bg.jpg) no-repeat top right; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 150px 20px 100px; margin: 0 0; display: inline-block; }

.packageshow .packageshow-bg { position: relative; width: 50%; padding: 5px; overflow: hidden; transition: all 600ms ease-in-out; border-radius: 5px; box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.44); background: #fff;   background: #ffffffe8; border: 0.5px solid #d7d6d673; margin: 0 auto; display: block; }
.packageshow .packageshow-bg .img-package{width: 100%; position: relative; height: 135px; display: inline-block; overflow: hidden;}
.packageshow .packageshow-bg .img-package img{ width: 100%;  }
.packageshow .packageshow-bg h2{color: #3b3953; font-size: 30px; letter-spacing: 0; line-height: 40px; padding: 0; margin: 20px 0 15px; display: block; text-align: center; font-family: "Oswald", sans-serif; font-weight: normal; }
.packageshow .packageshow-bg h2 b{ color: #0092ff; font-weight: normal; font-size: 20px; }
.packageshow .packageshow-bg h4{color: #3b3953; font-size: 20px; letter-spacing: 0; line-height: 39px; padding: 0; margin: 5px 0 5px; display: block; text-align: center; font-family: "Oswald", sans-serif; font-weight: normal; }
.packageshow .packageshow-bg h4 b{ color: #3f3e55; }
.packageshow .packageshow-bg h5{color: #3b3953; font-size: 16px; line-height: 20px; padding: 10px 0 15px; margin: 0; font-weight: normal; letter-spacing: 0.5; text-align: center; font-family: "Oswald", sans-serif; display: inline-block; width: 100%; }
.packageshow .packageshow-bg h6{ display: block; color: #3b3953; font-size: 16px; line-height: 28px; padding: 0; margin: 0 0 10px 0; font-family: "Oswald", sans-serif; font-weight: normal; letter-spacing: 0; width: 100%; float: left; text-align: center; }
.packageshow .packageshow-bg h6 b {text-align: right; padding: 0 0 0 10px; color: #f50057; margin: 0; font-size: 14px; font-weight: normal; letter-spacing: 0.4px; }
.packageshow .packageshow-bg a{ background: #00599b; padding: 5px 10px 5px 17px; border-radius: 50px; color: #fff; font-size: 15px; line-height: 25px; box-shadow: 0 15px 17px -10px #7f82b987; border: 1px solid #fff; transition: all 600ms ease-in-out; font-family: "Oswald", sans-serif; width: 25%; margin: 10px auto 30px; display: table; }
.packageshow .packageshow-bg a:hover{  padding: 5px 10px 5px 20px; transition: all 600ms ease-in-out; }
.packageshow .packageshow-bg a i{ background: #fff; border-radius: 50%; font-size: 12px; padding: 4px 8px; line-height: 18px; margin: 0 0 0 13px; box-shadow: 0px 10px 15px -10px #434568; border: 0.5px solid #ffffff82; color: #524e79; }
.packageshow .packageshow-bg a:hover i{border: 0.5px solid #fff; color: #fff; background: #00599b; transition: all 600ms ease-in-out; }
.packageshow .packageshow-bg:hover{ background: #fff;    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); transition:all 600ms ease-in-out;}
.packageshow .packageshow-bg form{ width: 100%; display: inline-block; padding: 30px; margin: 0 auto; }
.packageshow .packageshow-bg form span.buy-pack-form{width: 100%; display: inline-block; padding: 0 0; margin: 0 0;}
.packageshow .packageshow-bg form span.buy-pack-form label{text-align: left; padding: 10px; color: rgb(3, 50, 85); text-transform: capitalize; font-weight: normal; font-family: "Oswald", sans-serif; font-size: 20px; line-height: 22px; width: 40%; float: left; margin: 0;}
.packageshow .packageshow-bg form span.buy-pack-form input{width: 60%; float: right; text-align: left; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom: 0.5px solid rgba(204, 204, 204, 0.67); color: rgba(3, 30, 43, 0.86); text-transform: capitalize; line-height: 22px; font-size: 17px; background: none; padding: 10px; font-family: "Oswald", sans-serif; font-weight: normal; letter-spacing: 0.5px;}
.packageshow .packageshow-bg form span.buy-pack-form input[type="submit"]{padding: 10px; background: rgb(0, 89, 155); border: medium; border-radius: 10px; cursor: pointer; box-shadow: rgb(138, 138, 138) 6px 6px 10px, rgba(255, 255, 255, 0.42) -6px -6px 10px; transition: 0.3s; margin: 15px auto 0; text-transform: uppercase; font-weight: bold; color: rgb(255, 255, 255); width: 30%; text-align: center; float: none; display: block;}
.packageshow .packageshow-bg form span.buy-pack-form input[type="submit"]:hover{background: rgb(2, 17, 28);}
.packageshow .packageshow-bg-BUY{ width: 47%; float: left; margin: 10px; height: 330px; }

/*giveexam*/
.giveexam{position: relative;  width: 100%; display: block; overflow: hidden; background: url(../images/banner-bg.png) no-repeat top right; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 30px 20px; margin: 0 0; display: inline-block; }
.giveexam .giveexam-box{ position: relative; width: 80%; margin: 0 auto 50px; background: #3f3d5600; border-radius: 15px; box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.17); padding: 25px; border: 0.5px solid #cccccc69; }
.giveexam .giveexam-box h3{ text-transform: uppercase; font-size: 25px; color: #353873; line-height: 30px; padding:5px 0 10px 20px; margin: 0 0 12px 0; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; border-bottom: 1px solid #e5e5e8c4;}
.giveexam .giveexam-box h5{ font-family: 'Arsenal', sans-serif; text-align: left; font-size: 17px; color: #66698a; line-height: 25px; padding: 0 0 0 20px; margin: 0;}
.giveexam .giveexam-box h4{  font-family: 'Arsenal', sans-serif; font-size: 14px; color: #fff; line-height: 28px; position: absolute; top: -15px; left: 0; right: 0; font-style: italic; font-weight: bold; background: #f50057; padding: 0 15px; border-radius: 15px; width: 45%; margin: 0 auto; text-align: center; }

.giveexam .giveexam-box .count-up-section{}
.giveexam .giveexam-box .giveexam-paper{ }
.giveexam .giveexam-box .giveexam-paper form{width: 100%; margin: 0 auto 30px; background: #f9f9f9; padding: 20px; border: 0.5px solid #cccccc29; border: 0.5px solid #f9f9f9;  background: #fbfbfb; }
.giveexam .giveexam-box .giveexam-paper form .question-answer{ width: 100%; position: relative; display: inline-block; padding: 0 0; margin: 0;}
.giveexam .giveexam-box .giveexam-paper form .question-answer p{ font-size: 18px; color: #3f3d56; line-height: 30px; padding: 0 0 11px; margin: 0; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; font-weight: inherit; letter-spacing: 0.5px;}
.giveexam .giveexam-box .giveexam-paper form .question-answer p b{ color: #f50057; padding: 0 10px 0 0px; }
.giveexam .giveexam-box .giveexam-paper form .question-answer span{ width: 99.9%; float: left; padding: 0 0 5px; margin: 0 0 0 20px;}
.giveexam .giveexam-box .giveexam-paper form .question-answer span input[type="radio"]{ accent-color: red; margin: 0 7px 0 0px;}
.giveexam .giveexam-box .giveexam-paper form .question-answer span label{ font-family: 'Arsenal', sans-serif; text-align: left; font-size: 15.5px; color: #42445be5; line-height: 25px; padding: 0; margin: 0;font-weight: normal;}
.giveexam .giveexam-box .giveexam-paper form .question-answer span label:hover{color: #000000e5;}  
.giveexam .giveexam-box .giveexam-paper form .form-sub{ width: 30%; padding: 0; margin: 25px 0 0; }
.giveexam .giveexam-box .giveexam-paper form .form-sub input[type="submit"]{padding: 10px 0; margin: 0 0 0 15px; text-transform: uppercase; font-weight: bold; background: #fff; color: #5e5a5b; border-radius: 45px; box-shadow: 5px 5px 20px 1px #37373724; border: 4px solid #f2f2f2; cursor: pointer; transition: 500ms ease-in-out; display: block; width: 50%; letter-spacing: 1px; transition:all 600ms ease-in-out; }
.giveexam .giveexam-box .giveexam-paper form .form-sub input[type="submit"]:hover{ background: #f50057; color: #fff; border-radius: 45px; box-shadow: 5px 5px 20px 1px #37373745;  transition:all 600ms ease-in-out;}
.giveexam .giveexam-box .giveexam-paper form span.question{ font-size: 18px; color: #3f3d56; line-height: 30px; padding: 0 0 11px; margin: 0; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; font-weight: inherit; letter-spacing: 0.5px;}
.giveexam .giveexam-box .giveexam-paper form span.question p{ font-size: 18px; color: #3f3d56; line-height: 30px; display: contents; padding: 0 0 11px; margin: 0; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; font-weight: inherit; letter-spacing: 0.5px;}
.giveexam .giveexam-box .giveexam-paper form span.question b{ color: #f50057; padding: 0 10px 0 0px; }
.giveexam .giveexam-box .giveexam-paper form span.question img.img-qursen-icon{ display: block; width: auto; margin: 4px 0 10px 0; }
.giveexam .giveexam-box .giveexam-paper form i.paragraph-i{width: 100%; display: block; font-style: normal; color: #3f3d56; font-size: 16px; line-height: 20px; padding: 5px 0 3px 10px;}
.giveexam .giveexam-box .giveexam-paper form i.paragraph-i b{ font-size: 14px; color: #f50057; padding: 0 10px 0 0; line-height: 19px;}
.giveexam .giveexam-box .giveexam-paper form p.ans{ font-family: 'Arsenal', sans-serif; text-align: left; font-size: 15.5px; color: #42445be5; width: 100%; display: inline-block; line-height: 25px; padding: 0; margin: 10px 0 20px 0;font-weight: normal;}
.giveexam .giveexam-box .giveexam-paper form p.ans label input[type="radio"]{ accent-color: #00ff4c; margin: 0 7px 0 0px;}
.giveexam .giveexam-box .giveexam-paper form p.ans label input[type="radio"]:checked { background-color: #00a5c9; border-color: #00a5c9; accent-color: #00ff4c; background-image: url(../images/thik-W.png); }
.giveexam .paper_result_box .paper_result form p.ans{ margin: 10px 0 0 0; }

.giveexam .giveexam-box .giveexam-paper form p.ans label{padding: 0; margin: 0 0 10px 0px; font-weight: normal; width: 50%; float: left; }
.giveexam .giveexam-box .giveexam-paper form p.ans label:hover{color: #f50057;}
.giveexam .giveexam-box .giveexam-paper form p.ans label img.radio-ans-right{ width: 25px; margin: 0 5px; }
.giveexam .giveexam-box .giveexam-paper form p.ans label img.radio-ans-worng{ width: 25px; margin: 0 5px; }
.giveexam .giveexam-box .giveexam-paper form p.ans label img.radio-ans-icon{ width: 25px; margin: 0 5px; }
.giveexam .giveexam-box .xplanation-ans{ width: 100%; padding: 10px; margin: 0 0 18px 0; border: 0.5px solid #cccccc4f; border-radius: 9px; background: #f4f4f499; }
.giveexam .giveexam-box .xplanation-ans h1{ font-size: 15px; line-height: 25px; color: #072602; padding: 0 0 3px; margin: 0; }
.giveexam .giveexam-box .xplanation-ans h1 b{color: #189107; padding: 0 10px 0 0;}
.giveexam .giveexam-box .xplanation-ans h1 img.xplanation-ans-icon{ width: 20px; }

.giveexam .giveexam-box .giveexam-paper form  input.ans-submit[type="submit"]{padding: 10px 0; margin: 0 0 0 1px; text-transform: uppercase; font-weight: bold; background: #fff; color: #5e5a5b; border-radius: 45px; box-shadow: 5px 5px 20px 1px #3737374a; border: 4px solid #f2f2f2; cursor: pointer; display: block; width: 20%; letter-spacing: 1px; transition: all 600ms ease-in-out;}
.giveexam .giveexam-box .giveexam-paper form  input.ans-submit[type="submit"]:hover{ background: #f50057; color: #fff; border-radius: 45px; box-shadow: 5px 5px 20px 1px #37373745;  transition:all 600ms ease-in-out;}
.flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(255, 255, 255, 0.7) !important; }
.flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 40px !important; height: 60px !important; font-size: 10px !important; font-weight: bold; line-height: 40px !important; border-radius: 6px !important; background: #3f3d56 !important; }
.flip-clock-wrapper ul li { width: 100% !important; height: 100% !important; line-height: 60px !important; text-decoration: none !important; }
.flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100% !important; height: 50% !important; font-size: 20px !important; overflow: hidden; outline: 1px solid transparent; }
.flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 20px; overflow: hidden; outline: 1px solid transparent; }
.flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100% !important; height: 200% !important; color: #fff; text-shadow: 0 1px 2px #3f3d56 !important; text-align: center; background-color: #3f3d56 !important; border-radius: 6px; font-size: 40px !important; }
.flip-clock-dot.top { top: 20px !important; }
.flip-clock-dot { display: block; background: #3f3d56 !important; width: 10px !important; height: 10px !important; position: absolute; border-radius: 50% !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.24) !important; left: 5px !important; }
.flip-clock-dot.bottom { bottom: 50px !important; }
.flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -65px  !important; color: #3f3d56  !important; text-shadow: none; }
.flip-clock-divider.minutes .flip-clock-label { right: -75px  !important; }
.flip-clock-divider.seconds .flip-clock-label { right: -70px  !important; }
.giveexam .paper_result_box{ width: 80%; background: #f9f9f9; }
.giveexam .paper_result_box h2{font-size: 20px; line-height: 35px; font-family: 'Arsenal', sans-serif; text-align: left; color: #152048; padding: 0 0 0 20px; margin: 0; font-weight: normal; }
.giveexam .paper_result_box h2 b{color: #5eac1a; font-family: "Oswald", sans-serif;color: #5eac1a; font-family: "Oswald", sans-serif; padding: 0 0 0 10px; margin: 0;}
.giveexam .paper_result_box h6{font-size: 20px; line-height: 35px; font-family: 'Arsenal', sans-serif; text-align: left; color: #152048; padding: 0 0 0 20px; margin: 0; font-weight: normal;}
.giveexam .paper_result_box h6 b{color: #5eac1a;font-family: "Oswald", sans-serif;color: #5eac1a; font-family: "Oswald", sans-serif; padding: 0 0 0 10px; margin: 0;}
.giveexam .paper_result_box h5{font-size: 20px; line-height: 35px; text-align: left; color: #fff; padding: 0 0 0 20px; margin: 10px 0px; font-family: "Oswald", sans-serif; background: #202f67; border-radius: 5px; }
.giveexam .paper_result_box h5 b{ color: #5eac1a;font-family: "Oswald", sans-serif; }
.giveexam .giveexam-box .paper_result{}
.giveexam .giveexam-box .paper_result form{ background: #fff; }

/*-----User SING---(NEW)--*/
.user-sing{ width: 100%; display:block; background: url(../images/banner-bg.png) no-repeat top right; background-size: cover;background-attachment: fixed; padding:0 0; margin:0 0; }
.user-sing .sing-up-text {width: 42%;  margin: 140px auto 100px;  padding: 25px;  background: #fefdfc;  transition: 500ms ease-in-out;  -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.16); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; border: 0.5px solid #0000000f; }
.user-sing .sing-up-text:hover{ background: #fff;transition:500ms ease-in-out;}
.user-sing .sing-up-text h3 span { color: #202f67; }
.user-sing .sing-up-text h3 { font-size: 30px; color: #202f67; padding: 0 0 10px; margin: 0; font-family: "Poppins", sans-serif; text-align: center; font-weight: 700; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.15); letter-spacing: 1px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.06);}
.user-sing .sing-up-text h5 { text-align: center; font-style: normal; font-size: 18px; color: #331912bd; line-height: 35px; text-transform: capitalize; padding: 0 0 15px; font-family: "Oswald", sans-serif; font-weight: normal; }
.user-sing .sing-up-text h5 a { color: #0092ff; text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.08);}
.user-sing .sing-up-form form{  position: relative; }
.user-sing .sing-up-form form .log-input { position: relative; width: 100%; background: #f4e7d100; display: inline-block; border: 0.5px solid #80797945; margin: 15px 0 10px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04); }
.user-sing .sing-up-form form .log-input span { position: absolute; content: ""; top: -10px; font-size: 13px; line-height: 15px; color: #202f67; left: 7px; padding: 1px 10px; background: #fefdfc; font-family: "Poppins", sans-serif; font-weight: normal; }
.user-sing .sing-up-form form .log-input span b{ color: #f00; }
.user-sing .sing-up-form form .log-input label {background: #f4e7d100; width: 10%; float: left; padding: 15px 0 0 15px; margin: 0; color: #202f67c9; border-right: 0.5px solid #cac5c55e; }
.user-sing .sing-up-form form .log-input input { background: #f4e7d100; width: 89%; float: right; padding: 11px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.user-sing .sing-up-form form .log-input:hover {border: 0.5px solid #9b9494;}
.user-sing .sing-up-form form .log-input textarea { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.user-sing .sing-up-form form .log-input select { background: #f4e7d100; width: 89%; float: right; padding: 11px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.user-sing .sing-up-form form .log-input input[type="radio"]{}
.user-sing .sing-up-form form .sex-input dd{ width: 30%; float: left; font-weight: normal; text-align: left; padding: 10px 0; margin: 0 0 0 0;}
.user-sing .sing-up-form form .sex-input dd input[type="radio"]{width: 40%; float: left; padding: 0; margin: 2px 0 0 0;}

.user-sing .sing-up-form form .checkboxbox{ position: relative; width: 100%; background: #fcfbfa; display: inline-block; border: 0.5px solid #ffffff5e; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);  }
.user-sing .sing-up-form form .checkboxbox label{ width: 100%; padding: 0; font-weight: normal !important; outline: none; font-size: 15.5px; color:#000 ; }
.user-sing .sing-up-form form .checkboxbox label input{width: 6%; float: left; margin: 6px 0 10px 0;}
.user-sing .sing-up-form form .checkboxbox label a{ color:#ec0207;}
.user-sing .sing-up-form form .submitbox{ position: relative; width: 100%; background: #fdfcfb; display: inline-block; border: 0.5px solid #ffffff5e; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);  }
.user-sing .sing-up-form form .submitbox input{width: 25%; float: left; background: #0f85dd; padding: 10px 16px; border-radius: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; box-shadow: 0px 15px 14px -15px rgba(35, 35, 35, 0.57);transition:600ms ease-in-out;}
.user-sing .sing-up-form form .submitbox input:hover{ background: #f4e7d1; font-size: 15px; line-height: 20px; color: #575757; box-shadow: 10px 5px 24px -15px rgb(35, 35, 35); transition:500ms ease-in-out;}
.user-sing .sing-up-form form a.next{float: right; font-size: 10px; text-transform: uppercase; background: #fff; color: red; font-weight: bold; padding: 1px 5px; }
.user-sing .sing-up-text form .log-input input::placeholder { color: #310b0366; opacity: 1; /* Firefox */ }
.user-sing .sing-up-text form .log-input input::-ms-input-placeholder { /* Edge 12 -18 */ color: #310b0366; }
.user-sing .sing-up-text form .log-input select::placeholder { color: #310b0366; opacity: 1; /* Firefox */ }
.user-sing .sing-up-text form .log-input select::-ms-input-placeholder { /* Edge 12 -18 */ color: #310b0366; }

/*-----User LOGIN---(NEW)--*/
.user-login{ width: 100%; display:block; background: url(../images/banner-bg.png) no-repeat top right; background-size: cover;background-attachment: fixed; padding:0 0; margin:0 0; }
.user-login .sing-up-text{ width: 43%; margin: 150px auto 100px; padding: 25px; background: #f6fbff; transition: 500ms ease-in-out; box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.27); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; border: 2px solid #f9f9f9; }
.user-login .sing-up-text:hover{ transition:500ms ease-in-out;}
.user-login .sing-up-text .sing-up-text-bg{ }
.user-login .sing-up-text .sing-up-text-bg h3{ text-align: center; font-weight: 600; font-size: 35px; color: #202f67; padding: 0 0 10px; margin: 0; font-family: 'Aclonica', sans-serif; text-shadow: 3px 1px 2px rgba(13, 13, 13, 0); }
.user-login .sing-up-text .sing-up-text-bg h3 span{ color: #ec0207;color: #202f67;  text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09); }
.user-login .sing-up-text .sing-up-text-bg h5{ border-bottom: 2px dotted #202f6770; padding: 0 0 11px; box-shadow: 0px 23px 30px -21px rgba(35, 35, 35, 0.7); text-align: center; font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal; font-size: 19px; color: #202f67; line-height: 35px; text-transform: capitalize; margin: 0 0 30px; letter-spacing: 1px; }
.user-login .sing-up-text .sing-up-text-bg h5 a{color: #0092ff;  text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09);}
.user-login .sing-up-text form{  position: relative; }
.user-login .sing-up-text form .log-input { position: relative; width: 100%; background: #f3f8fc; display: inline-block; border: 0.5px solid #92949d1a; margin: 15px 0 12px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04); }
.user-login .sing-up-text form .log-input:hover {border: 0.5px solid #9b9494;}
.user-login .sing-up-text form .log-input span { position: absolute; content: ""; top: -10px; font-size: 15px; line-height: 15px; color: #202f67; left: 7px; padding: 1px 10px; background: #f3f8fc; z-index: 9; font-family: "Oswald", sans-serif; }
.user-login .sing-up-text form .log-input span b{ color: #f00; }
.user-login .sing-up-text form .log-input label {background: #f3f8fc; width: 10%; float: left; padding: 10px 0 0 15px; margin: 6px 0 0 0; color: #091748b0; border-right: 0.5px solid #ffffff4d; font-family: 'Arsenal', sans-serif; }
.user-login .sing-up-text form .log-input input {background: #f3f8fc; width: 89%; float: right; padding: 12px 0 8px 15px; margin: 0 0 0; border: none; outline: none; font-size: 13.5px; color: #101b46; letter-spacing: 1px; font-family: 'Arsenal', sans-serif; }
.user-login .sing-up-text form .log-input select { background: #f50057; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #101b46; font-family: 'Arsenal', sans-serif; }
.user-login .sing-up-text form .log-input textarea { background: #f50057; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #101b46; font-family: 'Arsenal', sans-serif; }
.user-login .sing-up-text form .submitbox { position: relative; width: 100%; background: none; display: inline-block; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);}
.user-login .sing-up-text form .submitbox input { width: 30%; float: left; background: #202f67; padding: 10px 16px; border-radius: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; box-shadow: 0px 15px 14px -15px rgb(0, 0, 0); transition: 600ms ease-in-out; }
.user-login .sing-up-text form .submitbox input:hover{background: #ec3f17; color: #fff;}
.user-login .sing-up-text form a.next { float: right; font-size: 10px; text-transform: uppercase; background: #fff; color: red; font-weight: bold; padding: 1px 5px; }
.user-login .sing-up-text form .log-input input::placeholder { color: #ccc; opacity: 1; /* Firefox */ }
.user-login .sing-up-text form .log-input input::-ms-input-placeholder { /* Edge 12 -18 */ color: #ccc; }
.user-login .sing-up-text form .log-input select::placeholder { color: #ccc; opacity: 1; /* Firefox */ }
.user-login .sing-up-text form .log-input select::-ms-input-placeholder { /* Edge 12 -18 */ color: #ccc; }
.user-login .sing-up-text form a{color: #202f67; letter-spacing: 1px; font-size: 14px; text-align: right; float: right;}
.user-login .sing-up-text form a:hover{color: #000;}

/*-----forget-login--*/
.forget-login{ width: 100%; display:block;background: url(../images/banner-bg.png) no-repeat top right; background-size: cover;background-attachment: fixed; padding:0 0; margin:0 0; }
.forget-login .sing-up-text{ width: 45%; margin: 130px auto 100px; padding: 25px; background: #fff; transition: 500ms ease-in-out; box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.3);}
.forget-login .sing-up-text:hover{background: #fff; transition:500ms ease-in-out;}
.forget-login .sing-up-text .sing-up-text-bg{ }
.forget-login .sing-up-text .sing-up-text-bg h3{ font-size: 30px; color: #331912; padding: 0 0 10px; margin: 0; font-family: "Poppins", sans-serif; text-align: center; font-weight: 700; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.15); letter-spacing: 0.5px;text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.08); }
.forget-login .sing-up-text .sing-up-text-bg h3 span{ color: #0091ff; }
.forget-login .sing-up-text .sing-up-text-bg h5{border-bottom: 2px dotted #a2a2a299; padding: 0 0 11px; box-shadow: 0px 23px 35px -17px rgba(35, 35, 35, 0.38); text-align: center; font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal; font-size: 15px; color: #331912; line-height: 35px; text-transform: capitalize; margin: 0 0 30px; }
.forget-login .sing-up-text .sing-up-text-bg h5 a{color: #000; text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.09); }
.forget-login .sing-up-text form{  position: relative; }
.forget-login .sing-up-text form .log-input { position: relative; width: 100%; background: #fff; display: inline-block; border: 0.5px solid #d9d9d985; margin: 15px 0 14px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04); }
.forget-login .sing-up-text form .log-input span { position: absolute; content: ""; top: -10px; font-size: 14px; line-height: 15px; z-index: 9; color: #1e0f0bb5; left: 7px; padding: 1px 10px; background: #fefdfc; font-family: "Poppins", sans-serif; font-weight: normal;}
.forget-login .sing-up-text form .log-input span b{ color: #f00; }
.forget-login .sing-up-text form .log-input label {background: #f4e7d100; width: 10%; float: left; padding: 10px 0 0 15px;  margin: 3px 0 0;  color: #0091ff;  border-right: 0.5px solid #cac5c52b; }
.forget-login .sing-up-text form .log-input input { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.forget-login .sing-up-text form .log-input select { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.forget-login .sing-up-text form .log-input textarea { background: #f4e7d100; width: 89%; float: right; padding: 10px 0 8px 15px; margin: 0; border: none; outline: none; font-size: 13.5px; color: #000000; }
.forget-login .sing-up-text form .submitbox { position: relative; width: 100%; background: none; display: inline-block; border: none !important; margin: 15px 0 0px; padding: 0; outline: none; border-radius: 0; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.04);}
.forget-login .sing-up-text form .submitbox input { width: 25%; float: left; background: #057cd7; padding: 10px 16px; border-radius: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; box-shadow: 0px 15px 14px -15px rgba(11, 11, 11, 0.7); transition: 600ms ease-in-out;}
.forget-login .sing-up-text form a.next { float: right; font-size: 10px; text-transform: uppercase; background: #fff; color: red; font-weight: bold; padding: 1px 5px; }
.forget-login .sing-up-text form .log-input input::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.forget-login .sing-up-text form .log-input input::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }
.forget-login .sing-up-text form .log-input select::placeholder { color: #626161a6; opacity: 1; /* Firefox */ }
.forget-login .sing-up-text form .log-input select::-ms-input-placeholder { /* Edge 12 -18 */ color: #626161a6; }

/*profile-inner*/
.profilepage{}
img.profile-inner{ width: 100%}
.profilepage .profilebg{position: relative; width: 80%; margin: 85px auto 50px; padding: 60px 25px 25px 25px; background: #fbfbfb; background: #eef8ff !important; transition: 500ms ease-in-out; box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.07); animation: menu_sticky 0.7s ease-in-out; box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.18); border-radius: 15px; border: 0.5px solid #fff;}
.profilepage .profilebg .profile{}
.profilepage .profilebg .profile .profile-form{width: 100%; position: relative; display: inline-block; padding: 0 0; margin: 0 0;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l{width: 30%; float: left; margin: 10px 12px; padding: 0;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l label{font-family: 'Arsenal', sans-serif; display: block; color: #1f2c62; font-size: 14px; line-height: 20px; letter-spacing: 0.5px; padding: 0 0; margin: 0 0; text-transform: uppercase; font-weight: bold;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l label i{color: #1f2c62; font-size: 14px; line-height: 20px; padding: 0 8px 5px 0; margin: 0;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l input{border: 0.5px solid #ffffff8a; width: 99.9%; padding: 4px 0 6px 10px; font-size: 14px; line-height: 20px; border-radius: 5px; outline: none; margin: 0; height: 50px; background: #eef8ff; color: #1f2e66; box-shadow: 5px 15px 20px 1px #00000005; border: 0.5px solid #d9d9d9;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l-textarea{width: 67%; margin: 10px 0;}  
.profilepage .profilebg .profile .profile-form .form-left-to-w3l:hover input{ box-shadow: 5px 15px 20px 1px #0000001c; border: 0.5px solid #ffffff8a}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l textarea{ border: 0.5px solid #cccccc5e; width: 96%; outline: none; padding: 4px 0 6px 10px; font-size: 14px; line-height: 20px; border-radius: 5px; margin: 0; height: 50px;   background: #eef8ff; color: #1f2e66; box-shadow: 5px 15px 20px 1px #00000005; border: 0.5px solid #d9d9d9;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l .form-sub{width: 50%;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l .form-sub input{padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; background: #00599b; color: #fff; border-radius: 45px; box-shadow: 5px 5px 20px 1px #ffffffd4; border: 4px solid #07528a; cursor: pointer; transition: 500ms ease-in-out;}
.profilepage .profilebg .profile .profile-form .form-left-to-w3l .form-sub input:hover{background: #f50057; color: #fff; border-radius: 45px; box-shadow: 5px 5px 20px 1px #fff; border: 4px solid #e8c3d0; transition:500ms ease-in-out;}
.profilepage .profilebg h2{  font-size: 22px; letter-spacing: 0.5px; line-height: 30px; padding: 10px 20px 10px; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out; display: block; border-radius: 50px; margin: 0 0 20px; box-shadow: 0 15px 10px -10px #575a894f; position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; width: 40%; background: #1c87d7; text-align: center; color: #fff; border: 5px solid #fff;}

/*Bottom Footer*/
.bottom-footer { background: #f50057; padding: 8px 0; margin: 0; transition: all 600ms ease-in-out; position: fixed; bottom: 0; z-index: 99; width: 100%; }
.bottom-footer .text-run { font-size: 16px; font-weight: bold; line-height: 18px; color: #f00; padding: 0px 0 0; margin: 0; }
.bottom-footer .text-run a{ color: #fff; font-family: 'Arsenal', sans-serif; }

/*Footer*/
.footer{ width: 100%; background: url(../images/footer-bg.png) top left no-repeat; background-size: auto; position: relative; background-size: cover; padding: 90px 0 30px; }
.footer img.logo-footer{width:75%; margin: 0; display: block; background: none; padding: 5px; border-radius: 5px;}
.footer p.footer-text{ font-weight: normal; line-height: 30px; font-family: 'Arsenal', sans-serif; display: block; color: #0f1f5b; font-size: 17px; letter-spacing: 0; padding: 0; margin: 0; }
.footer h6.footer-tit{ font-family: "Oswald", sans-serif; font-size: 23px; letter-spacing: 1px; color: #0765ac; padding: 20px 0 15px; margin: 0; }
.footer ul.footer-ul { padding: 0; margin: 0; position: relative; width: 100%; }
.footer ul.footer-ul li { list-style: none; display:block; }
.footer ul.footer-ul li a {color: #0f1f5b; padding: 0 15px; margin: 0; font-size: 14px; line-height: 28px; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 0px; text-transform: uppercase; }
.footer ul.footer-ul li a:hover{ color: #e30553;}
.footer ul.social-li-footer { width: 100%; padding: 0 0; margin: 0 0 15px; display: inline-block; text-align: left; }
.footer ul.social-li-footer li {display: inline-block; text-align: center; padding: 0; margin:15px 5px 0 0; width: 35px; height: 35px; background: #fff; border-radius: 50%; transition: all 600ms ease-in-out; box-shadow: 0 15px 10px -10px #575a896e; border: 2px solid #fff; }
.footer ul.social-li-footer li a {padding: 9px 0 0; display: block; opacity: 0.9; transition: all 600ms ease-in-out; font-size: 14px;}
.footer ul.social-li-footer li i { color: #3f3d56; }
.footer ul.social-li-footer li:hover i { color: #f00; }
p.text-white { padding: 13px 0 10px; color: #fff; font-weight: normal; margin: 30px 0 0 0; background: #212f60; font-size: 15px; letter-spacing: 0.5px; line-height: 22px; font-family: "Oswald", sans-serif; transition: all 600ms ease-in-out;}
.footer p.footer-text a{ font-family: 'Parisienne', cursive; padding: 0 0 0 10px; color: #f50057;}
.footer p.footer-text a:hover{color: #000;}

.footer ul.footer-socil { padding: 0px; margin: 0 auto; text-align: left; width: 100%; position: relative; display: inline-block; }
.footer ul.footer-socil li { list-style: none; display: block; margin: 0 0 10px; color: #ccc; }
.footer ul.footer-socil li i { color: #3f3d56; margin: 0 10px 5px 0; }
.footer ul.footer-socil li a {color: #0f1f5b; padding: 0; margin: 0; font-size: 15px; line-height: 25px; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 0px; text-transform: capitalize; }
.footer ul.footer-socil li a:hover {color: #000;}
.footer ul.footer-ul li a:hover{ color: #e30553; }
p.text-white a { color: #fff; font-weight: normal; letter-spacing: 0; font-family: 'Parisienne', cursive; padding: 0 0 0 10px; text-transform: unset; font-size: 20px;}
p.text-white a:hover {color: #fffb00;}
footer iframe{width: 100%; padding: 5px; border: 0.5px solid #fff !important; height: 150px; }

/*ticket-support*/
.ticket-support{ position: relative; width: 100%; padding: 190px 0 45px; margin: 0 0;  background: #dee5ed66;overflow: hidden;}
.ticket-support:hover{ background: #dee5ed; transition: all 600ms ease-in-out; }
.ticket-support .support-request{ width: 50%; margin: 30px auto 0; background: #dee5ed; border: 2px solid #ffffff5e; transition: all 600ms ease-in-out; padding: 30px; border-radius: 20px; box-shadow: 10px 10px 30px #c2c8d0, -10px -10px 30px #fff; }
.ticket-support .support-request h2{ font-family: "Oswald", sans-serif; font-size: 25px; letter-spacing: 0; color: #054b80; padding: 10px 0 20px; text-transform: uppercase; font-weight: normal; margin: 5px 0 25px; text-align: center; border-bottom: 2px solid #ffffffc4; box-shadow: 20px 15px 30px -10px rgba(35, 35, 35, 0.13); }
.ticket-support .support-request .supportform{ width: 100%; padding: 0 0; margin: 0; display: inline-block;}
.ticket-support .support-request .supportform .create-ticket{width: 47%; display: block; padding: 0 0 0 0; margin: 7px; float: left;}
.ticket-support .support-request .supportform .create-ticket:hover{}
.ticket-support .support-request .supportform .create-ticket label{font-size: 16px; line-height: 20px; color: #074979; font-family: "Oswald", sans-serif; font-weight: normal; display: block; padding: 0; margin: 0;}
.ticket-support .support-request .supportform .create-ticket label i{font-size: 14px; line-height: 20px; padding: 0 9px 0 0; margin: 0; color: #044473;}
.ticket-support .support-request .supportform .create-ticket input{ width: 95%; margin: 10px 0; padding: 12px; border-radius: 10px; border: none; background: #e0e5ec; box-shadow: inset 4px 4px 6px #c8ccd1, inset -4px -4px 6px #f0f5fa;font-size: 15px; color: #000;height: 50px;}
.ticket-support .support-request .supportform .create-ticket textarea{ width: 95%; margin: 10px 0; padding: 12px; border-radius: 10px; border: none; background: #e0e5ec; box-shadow: inset 4px 4px 6px #c8ccd1, inset -4px -4px 6px #f0f5fa;font-size: 15px; color: #000;height: 50px;}
.ticket-support .support-request .supportform .create-ticket-textarea{ width: 100%;  height: auto;}
.ticket-support .support-request .supportform .create-ticket-textarea textarea{ width: 95%; margin: 10px 0; padding: 12px; border-radius: 10px; border: none; background: #e0e5ec; box-shadow: inset 4px 4px 6px #c8ccd1, inset -4px -4px 6px #f0f5fa;font-size: 15px; color: #000;height: auto;}

.ticket-support .support-request .supportform .create-ticket .form-sub input{ margin-top: 10px; padding: 10px; background: #e0e5ec; border: none; border-radius: 10px; cursor: pointer; box-shadow: 6px 6px 10px #b0b6bd, -6px -6px 10px #ffffff6b; transition: 0.3s; width: 50%; text-transform: uppercase; font-weight: bold; color: #00599b;}
.ticket-support .support-request .supportform .create-ticket .form-sub input:hover{ background: #d6dce4;transition: all 600ms ease-in-out; }

.allticket{ position: relative; width: 100%; padding: 180px 0 90px; margin: 0 0;  background: #fff;overflow: hidden;}
.allticket:hover{ background: #fff; transition: all 600ms ease-in-out; }
.allticket .support-request{ width: 70%; margin: 30px auto 0; background: #dee5ed36; border: 2px solid #fff; transition: all 600ms ease-in-out; padding: 30px; border-radius: 20px;box-shadow: 10px 10px 30px #c2c8d03d, -10px -10px 30px #b1b9ca42; }
.allticket .support-request table{}
.allticket .support-request table thead{}
.allticket .support-request table thead tr{}
.allticket .support-request table thead tr th{ text-align: left; padding: 10px; border-right: 0.5px solid #cccccc4f; color: #033255; text-transform: capitalize; font-weight: normal; font-family: "Oswald", sans-serif; font-size: 18px; line-height: 22px; }
.allticket .support-request table tbody{background: #f8fafb; border: none; border-radius: 10px; cursor: pointer; box-shadow: 6px 6px 10px #b0b6bd1f, -6px -6px 10px #ffffff6b; transition: 0.3s;}
.allticket .support-request table tbody tr{}
.allticket .support-request table tbody tr td{ text-align: left; padding: 10px; border: 0.5px solid #cccccc4f; color: #001422; text-transform: capitalize; font-weight: normal; line-height: 22px; font-size: 15px;}
.allticket .support-request table tbody tr:nth-child(even) {background-color: #f2f2f2;}
.allticket .mail-ticket{background: #fff; box-shadow: inset 4px 4px 6px #c8ccd18a, inset -5px -4px 6px #00000029; margin: 40px 0 50px 0; padding: 40px 30px; border-radius: 20px; width: 100%;}
.allticket .mail-ticket h3{font-family: "Oswald", sans-serif; font-size: 25px; letter-spacing: 0; color: #023e6a; font-weight: normal; line-height: 30px; padding: 0 0 10px; margin: 0 0 5px;}
.allticket .mail-ticket h3 span{font-weight: bold; padding: 0 0 0 6px; color: #0c8dee;}
.allticket .mail-ticket p{ font-size: 17px; line-height: 27px; padding: 0 0 20px 0; margin: 0 0 5px; color: #000000c2; }
.allticket .mail-ticket h6{ font-size: 14px; line-height: 27px; padding: 0 0 20px 0; margin: 0 0 5px; width: 100%; display: inline-block; color: #0000006b; font-family: "Oswald", sans-serif; font-weight: normal; }
.allticket .mail-ticket h5.message{ font-family: "Oswald", sans-serif; font-size: 17px; letter-spacing: 0; color: #031828e5; font-weight: normal; padding: 0 0; margin: 0 0; width: 80%; float: left; text-align: left;}
.allticket .mail-ticket h5.message p{ font-size: 16px; line-height: 27px; padding: 5px 0px 5px 10px; margin: 0 0 5px; color: #000000ad; font-weight: normal; font-family: arial; } 
.allticket .mail-ticket h5.reply{ font-family: "Oswald", sans-serif; font-size: 17px; letter-spacing: 0; color: #031828e5; font-weight: normal; padding: 0 0; margin: 0 0; width: 80%; float: right; text-align: right;}
.allticket .mail-ticket h5.reply p{font-size: 16px; line-height: 27px; padding: 5px 10px 5px 2px; margin: 0 0 5px; color: #000000ad; font-weight: normal; font-family: arial;}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info