@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900');

html { position: relative; min-height: 100%; scroll-behavior: smooth; } 
body { font-family: 'Mulish', sans-serif; font-size: 1rem ;  animation-name: fadeIn; animation-duration: 1s; color:#000; background: #fff;} 

h1,h2,h3,h4,h5,h6 { font-family: 'Mulish', sans-serif; } 
p { font-family: 'Mulish', sans-serif; } 
a { color: #e0001b; transition: all 0.5s ease 0s; outline:0;} 
a:hover { color: #434e55; text-decoration: none; transition: all 0.5s ease 0s; } 

.main-wrapper { position: relative; } 
.inner-wrapper { position: relative; background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; } 
.inner-wrapper .content-wrapper { padding-top: 200px; background: url(../images/header_bg.jpg) center top no-repeat; background-size: 100% auto; background-attachment: fixed;} 
.mobile-wrapper{ display: none;}

.max-cntr { max-width: 1300px; margin: 0 auto; } 

.carousel-indicators .active{ background-color: #e0001b;}

.top-bar { position: absolute; z-index: 10; width: 100%; font-size: 14px; background: #ffffff; padding:9px 0; top:-55px;} 
.tp1 { text-align: right; position: relative; padding:3px 15px;} 
.tp1 i{ font-size:14px; color:#999999; background-color: #fff; width: 27px; padding:6px 1px; margin-right: 3px; text-align: center; border-radius: 20px; border: #999 1px solid;}

.tp-email { right: 27%; color: #666; font-size: 14px; margin-left:15px;}
.tp-email a{ color:#666666; transition:0.4s;} 
.tp-email a:hover{ color:#d10003; transition:0.4s;}
.tp-email a:hover i{ background: #e0001b; color: #fff; border: #e0001b 1px solid;}

.tp2 { text-align: right; } 

#navbar{ position: fixed;}
.navbar-brand { position: absolute; z-index: 99999;}
.taflg1 { padding:7px 15px; border-radius:3px;  margin:0px 0px; background: #fcfcfa; width: 75%; }
.taflg2 {/* background:rgba(255, 255, 255, 0.98); box-shadow:0px 0px 50px rgba(255, 255, 255, 0.5);*/ padding:3px 10px; border-radius:3px; }

.navbar-brand .taflg2 {  visibility: hidden;  display: none;}

.nav-bg { position: absolute; width: 100%; z-index: 20; top:55px;  background: #0096d9; padding: 14px 0px;} 
.nav-bg .navbar { padding: 0px; margin: 0px; } 
.navbar-toggler:focus, .navbar-toggler:hover{ outline:0;}
li.nav-item { padding: 5px; } 
li.nav-item:last-child { padding-right: 0; } 
.navbar-dark .navbar-nav .nav-link { font-size:15px; font-weight: normal; color: #fff; padding:12px; position: relative; text-transform:uppercase;} 
.navbar-dark .navbar-nav .nav-item{   padding-right:2px;}
.navbar-dark .navbar-nav .nav-link i { position: absolute; right: -10; padding:6px 0 0 5px; } 
.navbar-dark .navbar-nav .nav-link:hover { color:#ff0004; } 
.navbar-dark .navbar-nav .active .nav-link { color:#ffb200; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); background:rgba(2, 46, 133, 0.9); padding:3px 16px; margin-top:10px; border-radius:50px;} 
li.nav-item > a:before { position:absolute; height:100%; background:rgba(255, 255, 255, 1); width:0; content:" "; left:0; bottom:0; top: 0; right: 0; margin: auto; transition: all 0.3s ease 0s; z-index:-1; opacity: 1; border: 0 none;  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); border-radius:50px;} 
li.nav-item:hover > a:before { left:0; width:100%; right:3px; opacity: 1; padding: 0; } 

.navbar-dark .navbar-nav .nav-item:first-child a{ text-transform: none;}
.navbar-dark .navbar-nav .nav-link span{font-size:14px; color: #000; background-color: #fff694; padding:12px; border-radius: 100px;}
.navbar-dark .navbar-nav .nav-link span:hover{color: #000; background-color: #fff; transition: all 0.3s ease 0s;}

.nav_desk{ }
.nav_mobi{ display: none;}

/* Banner Slide Part */
.cardelay{ text-align: left;}
.carousel-control-prev{ opacity: 0;}
.carousel-control-next{ opacity: 0;}
.carousel-caption{ position: absolute; right: auto; width: 1300px; margin: auto;  text-align-last: left; padding:60px 85px 65px 00px; bottom: 5%;}
.carousel-caption h1{ color: #0289c8; font-size:32px; font-weight: 200; text-transform: uppercase; padding: 0; margin: 0; line-height: 1; }
.carousel-caption h2{ color:#e70d00; font-size:70px; width: 70%; font-weight:800; text-transform: uppercase; padding:0px 0 0 0px; margin: 0; line-height: 1;}
.carousel-caption h3{ color:#000; font-size:23px; width: 65%; font-weight:400; padding:15px 0 0 10px; margin: 0; line-height: 1;}
.carousel-caption ul{ color:#666; font-size:17px; list-style: none; width: 65%; font-weight:400; padding:15px 0 0 10px; margin: 20px 0; line-height: 1;}
.carousel-caption a{ background: #de2a20; color:#fff; font-size:17px; font-weight:400; display: inline-block; text-transform: uppercase; padding:10px 20px; margin: 20px 0 0 10px; line-height: 1;}
.carousel-caption li{ list-style: none; padding: 6px 0;}
.carousel-caption li i{ font-size: 14px;}
.carousel-item{-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/* inner banner */
.carousel-caption2{position: absolute; bottom: 30px; max-width: 1300px; margin: 0 auto; left: 0; right: 0; text-align: left;}
.carousel-caption2 h1 { font-size:28px; color: #ff1200; font-weight:600; padding:10px 25px 15px 20px; margin: 0 0 0 0px; line-height: 1; display: inline-block; background-color: rgba(255, 255, 255, 0.7);  text-transform:uppercase; animation-name:lightSpeedIn; animation-duration:1s;-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}

.innerbanner{height: 506px; width: 1300px; margin: auto; top: 50%; position: relative;}
.innerbanner h1{ color: #0289c8; font-size:32px; font-weight: 200; padding: 0; margin: 0; line-height: 1; }
.innerbanner h2{ color:#e70d00; font-size:70px; width: 100%; font-weight:800; text-transform: uppercase; padding:0px 0 0 0px; margin: 0}

.innerbanner1{ background: url(../images/inner-banner1.jpg) center; height: 506px; width: 100%; }
.innerbanner2{ background: url(../images/inner-banner2.jpg) center; height: 506px; width: 100%;}
.innerbanner3{ background: url(../images/inner-banner3.jpg) center; height: 506px; width: 100%;}
.innerbanner4{ background: url(../images/inner-banner4.jpg) center; height: 506px; width: 100%;}

/* Course section */

.collapsed .fa-caret-right { display: inline; } 

.crs-btn { margin-top: 10px; } 
.btn-crs1 { font-size: 22px; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-weight: bold; text-transform: uppercase; padding: 10px 20px; border-radius: 6px; border: 0 none; cursor: pointer; } 
.btn-crs1:hover { background-color: #222; color: #ffffff; } 
.btn-crs1:hover i { -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: 1s; animation-duration: 1s; } 
.btn-crs2 { font-size: 18px; color: #fff; font-weight: normal; text-transform: uppercase; } 
.btn-crs2:hover { color: #fff; animation-name: rubberBand; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } 
.crs-enq { border-top: 4px solid #cd2b3f; margin-top: 40px; padding-top: 20px; } 

.optrow{ display: flex; flex-direction: row; justify-content: flex-start;}
.optrow1{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

/* Welcome Part */
.wel-bg{ height:auto; padding: 00px 0 0; background: #0096d9; }
.wel-cnt{display: flex; width: 100%; padding:60px 00px 40px; flex-direction: row; justify-content: space-between; align-items: center; }
.wel-cnt .wltr{ width: 64%; padding:0px; }
.wel-cnt .wltr h1{color: #fffc00; font-size: 30px; font-weight: 300; padding:0px; margin:0px; line-height:1;}
.wel-cnt .wltr h1 small{color: #68efff; font-size: 20px; font-weight: 400; display: block; }
.wel-cnt .wltr p{color: #fff; font-size: 17px; text-align: justify; line-height:21px; padding:20px 0 0px; margin:0px; }
.wel-cnt .wltr p span{ color: #fe0000; }
.wel-cnt .wltr h2{color: #000; font-size: 21px; font-weight: 400; padding:25px 0px 10px; margin:0px; line-height:1;}
.wel-cnt .wltr ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; flex-wrap: wrap;}
.wel-cnt .wltr li{ font-size: 17px; width: 31%; color: #fff;  background: #099cde; border-radius: 100px; border: #15a4e4 1px solid; margin: 5px 20px 5px 0; display: flex; align-items: center;}
.wel-cnt .wltr li i{ width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; background: #0087c3; margin: 0 10px 0 0;}
.wel-cnt .wltr .ubtn{padding-top: 10px;}
.wel-cnt .wltr .wbtn a{ font-size:17px; background:#121318; border: #23252d 1px solid; color:#fff; padding:5px 30px 5px 9px; margin:30px 0 0 0; border-radius:50px; display:inline-flex; flex-direction:row; line-height:38px;}
.wel-cnt .wltr .wbtn a i{ padding:3px 0 0 5px; background:#000; border: #23252d 1px solid; color:#f00; border-radius:50px; font-size:30px; width:38px; height:38px; text-align:center;}
.wel-cnt .wltr .wbtn a:hover{ background-color: #000; color:#f00;}
.wel-cnt .wltr .wbtn span{ padding-left:10px;}
.wel-cnt .wrtr{width: 41%; padding:40px 30px; margin-left: 50px; position: relative; margin-top: -120px; background: #a7ddff;}
.wel-cnt .wrtr .enq-box h2{font-size: 27px; color: #000; font-weight: bold; text-transform: uppercase; padding-bottom: 8px;}
.wel-cnt .wrtr .enq-box h2 span{font-size: 15px; color: #3a5c66; font-weight: normal; text-transform: none; display: block; width: 100%;}
.wel-cnt .wrtr .enq-box .frm-grid .form-control{background-color: #fff; border: #fff 1px solid;  color: #333; font-size: 14px; padding: .375rem .5rem;}
.wel-cnt .wrtr .enq-box .frm-grid .form-control::placeholder{color:#777;}
.wel-cnt .wrtr .enq-box .fieldbg span{ padding: .65rem 0 .65rem .75rem; background: #fff; border-radius: 5px 0 0 5px; font-size: 14px; color: #777;}

.fieldbg{ background: #fff; border-radius: 5px;}

.modal-content{ border-radius: 15px;}
.modal-body{ background: #a7ddff; padding-top: 0px; border-radius: 0 0 15px 15px;}
.enq-box{padding:25px; background: #a7ddff; padding-top: 0px; }
.enq-box h2{font-size: 27px; color: #000; font-weight: bold; text-transform: uppercase; padding-bottom: 8px;}
.enq-box h2 span{font-size: 15px; color: #3a5c66; font-weight: normal; text-transform: none; display: block; width: 100%;}
.enq-box .frm-grid .form-control{background-color: #fff; border: #fff 1px solid;  color: #333; font-size: 14px; padding: .375rem .5rem;}
.enq-box .frm-grid .form-control::placeholder{color:#777;}
.enq-box .fieldbg span{ padding: .65rem 0 .65rem .75rem; background: #fff; border-radius: 5px 0 0 5px; font-size: 14px; color: #777;}
.enq-box .form-group{ margin-bottom: 12px;}
.enq-box .bnr-enq-btn{ text-align: center; }
.enq-box .bnr-enq-btn button{ background: #1788bb; padding: 15px 30px; font-size: 17px; color: #fff; text-transform: uppercase; margin: 20px 0;}
.enq-box .bottxt{ font-size: 13px; color: #48717c; text-align: center; width: 100%;}
.enq-box .bottxt a{ color: #f00; text-decoration: underline;}
.enq-box .bottxt a:hover{ color: #000; text-decoration: underline;}

/* product detail */
.pdf-bg{ background-color:#ff1301; color:#fff; border:1px solid #d91c0e; border-radius:50px; padding:6px 15px;}
.word-bg{ background-color:#2654a9; color:#fff; border:1px solid #164499; border-radius:50px; padding:6px 15px;}
.excel-bg{ background-color:#217346; color:#fff; border:1px solid #196a3e; border-radius:50px; padding:6px 15px;}

.prd-table .table thead th{ background-color: #1745a3; color: #fff; font-weight: 500; padding: 5px;}

.feature-box{ background: url(../images/feature_info.jpg) no-repeat center; padding: 20px 0; display: flex; justify-content: space-between;}
.feature-box .feat-left{ width: 29%; text-align: left; }
.feature-box .feat-right{ width: 29%; direction: rtl; text-align: right; }
.feature-box .feat-list{ display: flex; flex-direction: row; justify-content: flex-start; margin: 10px 0; align-items: center; background: #f9e9e7; border-radius: 200px; line-height: 15px; font-size: 16px; padding: 0 5px;}
.feature-box .feat-left i{clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: #f01616; min-width: 75px; min-height: 65px; position: relative; left: -10px; display: flex; justify-content: center; align-items: center; font-size: 27px; color: #fff;}
.feature-box .feat-right i{clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: #f01616; min-width: 75px; min-height: 65px; position: relative; right: -10px; display: flex; justify-content: center; align-items: center; font-size: 27px; color: #fff;}

/* Services Part */
.ser-bg { background: #fff; padding: 60px 0px 70px; } 
.cl-tit { display: flex; justify-content: center; align-items: center; } 

.ser-list { flex-direction: row; align-items: stretch; height: 100%; padding: 0 14px; text-align: center;} 
.ser-list h1{ text-align:center; font-size:30px; color:#0096d9; font-weight:700; margin-bottom: 0px;}
.ser-list h2{ text-align:center; font-size:30px; color:#d80e0e; font-weight:300; margin-bottom:40px; background: url(../images/line1.png) repeat-x bottom; padding-bottom: 20px; display: inline-block;}
.ser-list .col-2 { border: 1px solid #eeeeee; padding: 30px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } 

.ser-ptrs {  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin:0px 10px; padding: 20px 0px;} 
.ser-ptrs img { width: 93px; height: auto;}

#serprt{ display: flex; flex-direction: row; justify-content: space-between;}
.serpart_top{ width: 76%; height: 40px; margin: auto; border: #fff 5px solid; border-bottom: none;}
.serpart_bottom{ width: 76%; height: 40px; margin: auto; border: #fff 5px solid; border-top: none;}

/* More features - Home Page*/
.feat-bg{ background: #fd4040; padding-bottom: 50px;}
#clipped-title1{ display: block; width: 100%;}
.feat-bg h1{ font-size: 50px; text-align: center; font-weight: 800; text-transform: uppercase; margin: 25px 0px; color: rgb(255, 255, 255); width: 100%;}
.feat-bg .feat-list{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.feat-bg .feat-list .feat-item{ width: 19%; margin: 3px 3px; padding: 25px 20px; background: rgba(176, 0, 0, 0.1); font-size: 17px; color: #fff; text-align: center; line-height: 1;}
.feat-bg .feat-list .feat-item i{ font-size: 50px; width: 100%; padding: 0 0 15px;}

/* Benefits - Home Page*/

.bene-bg{background: #fff url(../images/bene_bg.jpg);  padding: 50px 0;}
.bene-list { flex-direction: row; padding: 0 14px; text-align: center;} 
.bene-list h1{ text-align:center; font-size:30px; color:#0096d9; font-weight:700; margin-bottom: 0px;}
.bene-list h2{ text-align:center; font-size:30px; color:#d80e0e; font-weight:300; margin-bottom:40px; background: url(../images/line1.png) repeat-x bottom; padding-bottom: 20px; display: inline-block;}

.bene-bg .bene-box{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.bene-bg .bene-box .bene-item{ width: 24%; margin: 3px 3px; padding: 30px 25px; font-size: 15px; color: #fff; text-align: left; line-height: 1;}
.bene-bg .bene-box .bene-item h3{ font-size: 20px; height: 50px; width: 100%; color: #fff694; text-transform: uppercase; font-weight: 500; text-align: left;}
.bene-bg .bene-box .bene-item span{ font-weight: 400; line-height: 1.2; text-align: justify; font-size: 17px;}

.bene-bg .bene-box .bene-item:nth-child(1) {background: rgba(1, 102, 206, 0.6);}
.bene-bg .bene-box .bene-item:nth-child(2) {background: rgba(253, 64, 64, 0.75);}
.bene-bg .bene-box .bene-item:nth-child(3) {background: rgba(1, 102, 206, 0.6);}
.bene-bg .bene-box .bene-item:nth-child(4) {background: rgba(253, 64, 64, 0.75);}
.bene-bg .bene-box .bene-item:nth-child(5) {background: rgba(253, 64, 64, 0.75);}
.bene-bg .bene-box .bene-item:nth-child(6) {background: rgba(1, 102, 206, 0.6);}
.bene-bg .bene-box .bene-item:nth-child(7) {background: rgba(253, 64, 64, 0.75);}
.bene-bg .bene-box .bene-item:nth-child(8) {background: rgba(1, 102, 206, 0.6);}

.course-frm{ display:flex; align-items: center; float: left; align-items: normal; flex-wrap: wrap; text-align: left; color: #fff;}
.course-frm strong{ color: #ffee61; font-size: 20px;}
.course-frm strong span{ color: #fff; font-size: 15px; font-weight: 400;}

.addrow{ position: relative; margin-bottom: 15px; border-bottom: rgba(255, 255, 255, 0.15) 1px solid; padding: 0 80px 12px 0px;}
.addrow a{content: ""; height: 40px; width: 40px; background-color: #fff;  border-radius: 100px; cursor: pointer; font-size: 20px; line-height: 40px; color: #333;}
.addrow a:hover{ background: #333; color: #fff; }

.addrow a.plus{position: absolute; right: 0px; bottom: 25%;}
.addrow a.minus{position: absolute; right: 45px; bottom: 25%;}
.addrow a.cross{position: absolute; right: 45px; bottom: 25%;}

.addrow a.cross:hover{ background: red; color: #fff; }

.wrap-frm{ flex-wrap: wrap;}
.fulen-frm{ flex-direction: column; justify-content: flex-start; align-items: stretch; width: 100%; padding: 0 5px;}
.course-frm div img{ height: auto; max-height: 45px; }
.course-frm .form-control { font-size:14px; border:1px solid #e4e4e4; padding:4px 5px; font-size:13px !important; color:#474747; min-height: 34px; border-radius:4px; overflow: auto; margin-right: 10px;}
.course-frm1{ display:flex;}
.course-frm1{ margin-bottom:0;}

.formnav{ display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; margin: 30px auto 0px; padding: 50px 0 0 0; border-top: #fff 1px solid; width: 70%;}
.formnav .pagibut{ padding: 10px 20px; border-radius: 5px; text-align: center; background: #fff; border: 0px; margin: 0px 5px;}
.formnav .paginextbut{ background-color: gold; color: #000; padding: 10px 20px; font-size: 17px;}
.formnav .paginextbut:hover{ background-color: black; color: #fff;}
.formnav .pagicancelbut{ background-color: deepskyblue; color: #fff;padding: 10px 20px; font-size: 17px;}
.formnav .pagicancelbut:hover{ background-color: white; color: deepskyblue;}

.formnav button{ cursor: pointer;}

.form-group{ margin-bottom:15px; margin: 0px auto 15px auto;}
.form-group .input-group-append .input-group-text{ font-size: 14px;}
.form-row label{ font-weight:400; padding:5px 10px 5px 0; margin-bottom:0; font-size: 15px; border-radius: 4px; color: #fff;}
.form-row label.imgbox{ background: #fff; border-radius: 10px; padding-left: 15px;}
.form-row .form-control{ font-size:14px; border: 1px solid #e4e4e4;}
.xsearchbdy .form-row .form-control{ font-size:14px; border:1px solid #dbdbdb; min-height: 35px;}
.table{ animation-name:fadeIn; animation-duration:1s; margin-bottom:0px; background-color:transparent;}
.bdr-all label{ width:100%; border:1px solid #dedede; border-radius:3px; border-left:3px solid #dedede; text-align:left; padding-left:10px; font-size: 14px}

label.required:after { color: yellow; content: "*"; margin-left: 5px; font-size: 14px;}


/* Pricing - Home Page*/
.pric-bg{background: #0096d9;  padding: 60px 0 110px;}
.pric-list { flex-direction: row; padding: 0 14px; text-align: center;} 
.pric-list h1{ text-align:center; font-size:30px; color:#fff; font-weight:700; margin-bottom: 0px;}
.pric-list h2{ text-align:center; font-size:30px; color:#fffc00; font-weight:300; text-transform:uppercase; margin-bottom:50px; background: url(../images/line1.png) repeat-x bottom; padding-bottom: 20px; display: block;}
.pric-list h3{ text-align: center; font-size: 18px; color: #fff; font-weight: 400; padding-bottom: 30px; margin-top: 00px; }
.pric-list h3 a{ font-size: 18px; color: #fff; padding: 13px 20px; margin: 0 3px; border: #ffffff 1px solid; display: inline-block; border-radius: 60px; }
.pric-list h3 a:hover{ background: #fff; color: #116d96;}
.pric-list h3 a.active{background: #fff; color: #116d96;}

.pric-list h4{ text-align: center; font-size: 18px; color: #fff; font-weight: 400; margin: 00px 0 45px 0; padding: 0px; border-top: #2fafe8 1px solid; border-bottom: #2fafe8 1px solid; display: flex; align-items: center; justify-content: center;}
.pric-list h4 a{ font-size: 17px; color: #fff; padding: 15px 50px; margin: 0 0px; border-right: #2fafe8 1px solid; border-radius: 00px; text-decoration: none !important; }
.pric-list h4 a:first-child{border-left: #2fafe8 1px solid;}
.pric-list h4 a span{ font-size: 15px; color: #5bccff; display: block; border-radius: 00px; }
.pric-list h4 a:hover{ background: #0188c4; color: #fff;}
.pric-list h4 a.active{background: #0188c4; color: #fff;}

.pric-list .success{ margin: 50px auto 0; text-align: center; text-transform: none;}
.pric-list .success h1{ font-size: 30px; text-transform: none; color: gold; }
.pric-list .success h2{ font-size: 25px; border-bottom: 0px; background: none; text-transform: none; color: #fff; margin-bottom: 10px;}
.pric-list .success h3{ font-size: 16px; text-transform: none; color: black;}
.pric-list .success i{ font-size: 70px; color: #fff; padding-bottom: 10px; }
.pric-list a.paginextbut{ background-color: gold; color: #000; padding: 12px 20px; font-size: 17px; border: 0px; border-radius: 7px; cursor: pointer; display: inline-block; margin-top: 10px;}
.pric-list a.paginextbut:hover{ background-color: black; color: #fff;}

.pric-bg .pric-box{ color: #fff; text-align: left;}
.pric-bg .pric-box th{ padding: 25px 20px 20px; font-size: 17px; font-weight: 600; border: none; }
.pric-bg .pric-box td{ padding: 10px 15px; font-size: 15px; }
.pric-bg .pric-box a{ padding: 10px 20px; font-size: 16px; font-weight: 500; text-align: center; background: #fff694; display: block; border-radius: 100px; color: #000;  }
.pric-bg .pric-box a:hover{ background: #033348; color: #fff;}
.pric-bg .pric-box .bor-rb{ border-right: #37b6ef 1px solid; border-bottom: #37b6ef 1px solid;}
.pric-bg .pric-box .bor-t{ border-top: #37b6ef 1px solid;}
.pric-bg .pric-box .bor-l{ border-left: #37b6ef 1px solid;}
.pric-bg .pric-box .bg1{ background-color: #008ac7;}
.pric-bg .pric-box strong{ font-size: 30px;  color: #ffee61;  padding-top: 10px;  display: block;  font-weight: 600;  line-height: 24px; }
.pric-bg .pric-box strong i{font-size: 14px;  font-style: normal;  display: block;  padding-bottom: 10px;  font-weight: normal;}
.pric-bg .pric-box .bg2{ background-color: #0183bc;}
.pric-bg .pric-box .text-yellow{ color: #fff694; border-left: #37b6ef 2px solid;}

.pric-bg .pric-box a.action{ padding: 7px 10px; font-size: 15px; font-weight: 500; text-align: center; display: inline-block; border-radius: 30px; color: #000; background: #fff;  }
.pric-bg .pric-box a.delete:hover{ background: red; color: #fff;}
.pric-bg .pric-box a.edit:hover{ background: darkorange; color: #fff;}

.pric-bg .explan{ display: flex; flex-direction: row; justify-content: space-between;}
.pric-bg .explan .plan-box{ width: 32%; border-radius: 15px; border: #29abe5 1px solid; margin: 0px 00px; padding: 20px; text-align: center; position: relative; box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);}
.pric-bg .explan .plan-box h2{ color: #fff694; font-size: 30px; font-weight: 600; text-align: center; background: none; margin-bottom: 0px; padding: 10px 0px;}
.pric-bg .explan .plan-box img{ margin: auto; }
.pric-bg .explan .plan-box h3{ color: #fff; font-size: 30px; font-weight: 800; padding-bottom: 0px; margin-bottom: 3px;}
.pric-bg .explan .plan-box h3 small{ color: #fff; font-size: 30px; font-weight: 800; padding-bottom: 0px; text-align: left; padding-left: 5px; display: inline-block;}
.pric-bg .explan .plan-box h3 small i{ color: #fff; font-size: 15px; font-weight: 300; display: inline-block; font-style: normal;} 
.pric-bg .explan .plan-box h3 span{ font-size: 18px; font-weight: 400;}
.pric-bg .explan .plan-box h3 small a{ font-size: 22px; position: unset; background: unset; border-radius: unset; padding: 0px; text-transform: none; border: none; color: #fff694; font-weight: 600;}
.pric-bg .explan .plan-box h3 small a:hover{ background: none; color: #fff694; text-decoration: underline;}
.pric-bg .explan .plan-box a{ display: inline-block; background: #cebf42; border-radius: 50px; color: #000; padding: 10px 30px; margin-top: 20px; text-transform: uppercase;}
.pric-bg .explan .plan-box a:hover{ background: #036e9e; color: #fff;}

.bootbox-error .modal-header { background-color: #ff4d4f;}
.bootbox-error .modal-header h5{ color: #fff;}
.bootbox-error .modal-dialog{ width: 500px; margin-left: auto; margin-right: auto; }
.bootbox-error ul{ padding: 10px; margin: 0 0 0 20px; list-style: none; font-size: 15px;}
.bootbox-error li{ padding: 8px 0; line-height: 1; position: relative;}
.bootbox-error li::before { color:#000;  content: '\f0da';  font-family: "Font Awesome 5 Free";  font-style: normal;  font-weight: bold;  font-size:16px; margin-right: 5px; position: absolute; left: -12px; }

.bootbox-success .modal-header{ background-color: #52c41a; }
.bootbox-success .modal-header h5{ color: #fff;}
.bootbox-success .modal-dialog{ width: 500px;}

.bootbox-info .modal-header{ background-color: #a7ddff; border: 0px; padding-left: 40px; padding-bottom: 0px; border-radius: 15px 15px 0 0; }
.bootbox-info .modal-header h5{ font-size: 27px;  color: #000;  font-weight: bold;  text-transform: uppercase;  padding-bottom: 0px;}
.bootbox-info .modal-dialog{ width: 500px;}

.bootbox-warning .modal-header{ background-color: #faad14; }
.bootbox-warning .modal-header h5{ color: #fff;}
.bootbox-warning .modal-dialog{ width: 500px;}

.bootbox-error .modal-header{ background-color: #ff4d4f;}
.bootbox-error .modal-header h5{ color: #fff;}

/* Clients Page */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background-color:#ffb200; border:0 none; border-radius:0px; border-bottom:px solid #1947a3; border-left:1px solid #ffb200; border-right:1px solid #ffb200;}
.brands-info{ border-bottom:5px solid #eee; margin-bottom:10px; padding-bottom:10px;}

/* Inner page styles */
.cnt-part { padding: 0; }
.body-bg{ background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f9fe)); padding:25px 25px 40px 25px; border-radius: 6px 6px 0 0; margin-top: 30px; min-height: 500px; /* border-bottom:5px solid #ffb200; */ } 

.red-line { position: relative; } 
.red-line::after { position: absolute; content: ""; height: 5px; width: 10%; background-color: #eb1c27; left: 5px; bottom: 10px; } 
.text-red{ color:#ff1200;}

.floatr-img { float: right; margin:0 0 25px 25px; } 
.floatr-img img { max-width: 600px !important; } 

.pgm-main{ display:flex;}
.prd-catlist{ width:25%;}
.prd-catlist h4{ background-color: #ff1200; color: #fff; border-radius:4px; padding:10px 15px 10px 15px; font-size: 18px; text-transform: uppercase;margin: 0px; font-weight:600;}

.btn-detail { background-color: #777; color: #ffffff; border: 1px solid #777; padding: 5px 20px; display: inline-block; border-radius: 20px; } 
.btn-apply { background-color: #eb1c27; color: #ffffff; border: 1px solid #eb1c27; padding: 5px 20px; display: inline-block; border-radius: 20px; } 
.btn-sched { background-color: #ddd; color: #333; border: 1px solid #ddd; padding: 5px 20px; display: inline-block; border-radius: 20px; } 

.no-sched { background-color: #eee; color: #888; border: 1px solid #ddd; padding: 5px 20px; display: inline-block; border-radius: 20px; } 

.pdetail h1 { font-size: 40px; font-weight: 300; position: relative; padding-bottom: 25px; color: #545a6f; } 
.pdetail h1::after { position: absolute; content: ""; height: 5px; width: 20%; background-color: #eb1c27; left: 5px; bottom: 10px; } 

/* step form styles */
.frmsel { padding-top: 5px; } 

/* News & Events Styles */

.prd-menu-lst .accordion{ padding-top:0px;}
.prd-menu-lst{ width:100%;}

.collapsed .fa-caret-right{ display: inline;}

.accordion{ padding-top:30px;}

.collapsed .fa-caret-right{ display: inline;}

/* News & Events Styles */

.page{ justify-content: right; position: absolute; bottom: 0; width: 100%; background: #f3f3f3; padding: 0px 10px; border-radius: 5px;}
.page .pagination{ margin-top:15px;}
 
 	
 /* Index Gallery Page */
.btn-blk { text-align: center; } 
.btn-career { font-size: 22px; background-color: #333; color: #ffffff; display: inline-block; padding: 6px 40px; margin: 0; border-radius: 25px; } 
.btn-career:hover { background-color: #ddd; } 

.page-link { color: #02308c; } 
.page-link:hover { color: #ff1200;} 

.bof-dtrs { padding: 0; } 
.bof-dtrs h1 { font-size: 42px; font-weight: 300; color: #545a6f; margin-bottom: 30px; position: relative; text-align: center; } 
.bof-dtrs h1::after { content: ""; width: 12%; height: 2px; border-bottom:5px dotted #eb1c27; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 5px; } 


.org-chart { text-align: center; } 
.org-chart p { text-align: center; } 

.note { background-color: #fff5bc; padding: 5px 10px; border-radius: 10px; margin: 5px 0; } 

.paypage #msform { margin-top: 0; } 

.uslnkbody1 { margin-bottom: 30px; } 
.uslnkbody1 h3 { font-size: 18px; font-weight: bold; color: #555555; border-bottom: 4px dotted #ddd; padding-bottom: 5px; margin-bottom: 5px; } 

.uslnkbody2 { margin-bottom: 30px; } 
.uslnkbody2 h3 { font-size: 22px; font-weight: 300; color: #fff; padding: 10px 20px; margin-bottom: 20px; background-color: #444; border-radius: 4px; } 


.contactpg { padding: 0; } 
.cont-adr .cont-title { margin: 0 0 10px; font-weight: 300; font-size: 28px; position: relative; border-bottom: 3px dotted #ccc; text-transform: uppercase; color: #999; } 

.cont-frbox { margin-top: 35px; } 

.hr1{border-color:rgba(0, 0, 0, 0.1); width: 20%;}

.no-msg{text-align: center; padding: 30px;}
.no-msg .noico{font-size: 70px; color: #eb1c27; border: 1px solid #ccc; display: inline-block; border-radius: 50%; padding: 0px; margin: 20px auto; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center;}

.etout{padding: 25px 0;}
.time-out{background-color: #ddd; width: 60%; font-size: 30px; padding: 10px 20px;}
.modal-dialog { max-width: 600px; top: 20%; } 
.text-black{ color: #000;}
.modal-dialog label.required::after{ color: red;}

.cnt-map{  margin-top:26px;}
.cnt-map iframe { height:300px; border-radius:5px; width: 100%; border: 0px solid #fff; margin: 0px; background-color:#ffe09a; padding:10px;}
/* Contact Us Page */

.clearfix { clear: both; } 
.stripe-button-el { padding: 7px 10px !important; } 
.stripe-button-el span { background: transparent !important; box-shadow: none !important; } 

/* Footer Section */
.footer-wrapper { background-color: #eee; clear: both; } 
.certlogo small img { max-height: 58px; border: 1px solid #ccc; border-radius: 5px;} 
.ft-mainlink { border-bottom: 1px solid #ffffff; padding: 20px 0; } 
.ft-mainlink h5 { color: #8496a1; font-size: 18px; font-weight: 500; } 
.ft-mainlink .mlink span { color: #bec1c2; padding: 0 10px; } 
.pad{ padding:0px}

.ft-prlinks { padding:20px 0px; background-color: #14151c; overflow: hidden; } 
.ft-prlinks .row { margin: 0; } 
.ft-prlinks .ftitle h5 { color: #8496a1; font-size: 18px; font-weight: 500; } 
.ft-prlinks h6 { color:rgba(255, 255, 255, 0.4); font-size: 17px; font-weight: 500; text-transform:uppercase; } 
.ft-prlinks ul { margin: 0; padding: 0; } 
.ft-prlinks ul li { margin: 0; list-style: none; line-height:10px; text-transform: uppercase; padding:0px 18px 0 15px; display: inline-block; border-right: 1px solid #00c4fd; } 
.ft-prlinks ul li a { margin: 0px; padding:0px; position: relative; display: inline-block; color: #ccc; font-size: 14px; line-height: 1; } 
.ft-prlinks ul li a:hover { color: #fff; } 
.ft-prlinks ul li a:after { margin: 0; padding: 0; position: absolute; content: ""; height: 10px; left:0px; top: 4px; transition: all 0.5s ease 0s; width: 0; }
.ft-prlinks ul li a:hover:after { margin: 0; padding: 0; border-left: 0px solid #ac0106; border-bottom: 1px solid #ac0106; height: 10px; left: 0px; top: auto; bottom: -6px; width: 100%; transition: all 0.5s ease 0s; } 
.ft-prlinks ul li a i{ color:rgba(255, 255, 255, 0.2); margin-right:5px;}

.ftr1 {font-family: 'Mulish', sans-serif; padding:0 15px 15px 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: #292a30 1px solid; margin-bottom: 20px; } 
.ftr-logo { text-align: left; padding: 10px; border-radius: 3px; margin-right:15px; display: flex; align-items: center;} 
.ftr1 .head{margin-right:15px;}
.ftr1 .head h3 { font-size: 15px; color: #00c4fd; font-weight:400;} 
.ftr1 .head small { color:#8686a2; font-size:16px; padding: 15px 0; margin: 0; } 
.ftr1 .head small a{ color: #8686a2; font-size: 17px;}
.ftr1 .head small a:hover{ color: #ffb200;}

.ftr-ph { padding:5px 0px; font-size: 16px; color:#fff; display:block;} 
.ftr-fax { padding:5px 0px; font-size: 16px; color:#fff;} 

.ftr2 { padding:0px 0px 00px; display:flex; width:100%; justify-content:space-between; flex-direction: column-reverse;} 
.ftr-lft{ padding:0px;}
.ftr-lft ul{ display: flex;}
.ftr-lft ul li:last-child{ border-right: none;}

.ftr-rht{ padding:0px;}
.ftr-rht1{ padding:0px;}

.taf-clock { border-top: 1px solid #393939; margin-top: 20px; padding-top: 15px; } 
.taf-clock span { display: inline-block; margin-right: 15px; } 
.taf-clock span small { display: block; color: #bababa; font-size: 10px; text-transform: uppercase; text-align: center; } 
#tlc #hov { display: none !important; } 

.ft-copyright { background-color:#0f1015; padding: 30px 0; color:rgba(255, 255, 255, 0.4); font-size:15px; font-style: normal;} 
.ft-copyright .float-right{ padding: 0;}

.scrollToTop { width:30px; height:30px; padding:0px; text-align:center; font-weight: bold; color: rgba(255, 255, 255, 0.3); text-decoration: none; position:fixed; bottom:53px; right:5px; display:none; font-size:24px; transition:0.4s;} 
.scrollToTop:hover { text-decoration:none; color: rgba(235,28,39,0.8);} 
.scrollToTop:focus { color: rgba(235,28,39,0.4); } 

.xhidden { opacity: 0; } 
.xvisible { opacity: 1; } 
.xanimated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.xanimated2 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 

/* E-assesment page styles */

.review-btn { margin-top:20px; padding-top:20px; border-top:2px solid #ccc; text-align: center; } 
.pad1 .radio label { cursor: pointer; } 
.pad1 .radio label:hover { color: #eb1c27; } 
.easyzoom { margin-bottom: 30px; } 
.text-green { color: #00a65a; } 
.all-qst { border-bottom:2px dotted #ddd; padding:10px 20px; } 
.all-qst:hover { border-bottom:2px dotted #ddd; } 
.no-ans{ background-color: #ffc8c8; margin: 8px 0; border-radius: 10px;}
.chg-ans { margin:10px 20px; } 
.ans1 label { margin-left: 15px; } 
.qs-red { color: #eb1c27; } 

.main-ans{ padding: 0;}
.sub-qs{ padding-bottom: 6px; margin: 0px;}
.sub-qs label{ font-weight: bold; display: block; padding: 0; margin: 0; border-top: 1px dotted #ddd; margin-top: 10px;}
.sub-list ul{padding: 0; margin: 0;}
.sub-list ul li{ margin: 0; padding:2px 0 2px 20px; list-style: none; position: relative;}
.sub-list > ul > li::after { position: absolute; content: ""; height: 8px; border-left: 4px solid #eb1c27; left: 9px; top: 11px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; } 

.qspaper .fancybox-container--ready .fancybox-bg{ opacity: 0.6;}
.qsfile{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.qslink1{max-width: 35%;}
.qslink2{max-width: 55%;}
.qslink3{max-width: 10%;}

.sum-sign{ text-align: center; margin-top: 25px; margin-bottom: 10px;}
.sum-sign .pad1{ margin: 0 auto;}

.psukico{ color: #aaa; cursor: pointer; animation-name: rubberBand; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.psukico:hover{color: #444;}
.modal-psuk .modal-title{}
.modal-psuk .modal-body h4{font-size: 16px; border-bottom: 1px dotted #ccc; padding: 5px 0;}
.modal-psuk .modal-body ul{margin: 0 0 15px; padding: 0;}
.modal-psuk .modal-body ul li{margin: 0; padding:2px 0 2px 20px; font-size: 14px; position: relative; list-style: none;}
.modal-psuk .modal-body ul li::after { position: absolute; content: ""; height: 8px; border-left: 4px solid #eb1c27; left: 9px; top: 10px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; } 

.no-ans .btn-chng{ background: #eb1c27 !important;}
.btn-chng { background: #aaa; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 5px 15px; margin: 10px 5px; } 
.btn-chng:hover, .btn-chng:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc; background: #888; color: #ffffff; } 
.btn-eprev { background: #aaa; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; } 
.btn-eprev:hover, .btn-eprev:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc; background: #888; color: #ffffff; } 
.btn-enext { background: #eb1c27; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; } 
.btn-enext:hover, .btn-enext:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #eb1c27; color: #ffffff; background: #555; } 

/* Header search bar auto complete styles */
.ui-autocomplete{ background: rgba(0, 0, 0, 0.9); margin: 0; width: 100% !important; max-width: 620px !important; list-style: none; padding: 15px; border-radius: 6px;}
.ui-widget.ui-widget-content{ border: 0 none;}
.ui-autocomplete li{ color: #aaa; list-style: none; font-size: 14px !important; line-height: 1.2; border-bottom: 1px dotted rgba(225, 255, 255, 0.1); padding-bottom: 3px; margin-bottom: 3px;}
.ui-autocomplete li:last-child{border: 0 none;}
.ui-autocomplete li .ui-state-active{background-color: #eb1c27; border: 0 none; border-radius: 5px; margin: 0;}

ul.src-rslt{ padding: 0;}
ul.src-rslt li{ border-top: 1px dotted #ddd; padding: 5px 0 4px 20px;}
ul.src-rslt li::after{top: 14px;}

.nimg-group{padding: 25px 30px;}

.page-item.active .page-link{background-color: #444; border-color: #444;}

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1640px) 
 {
 .carousel-caption{ width: 80%; left: 10%; bottom: 6%; padding-bottom: 50px; }
 .carousel-caption h1{ font-size: 30px;}
 .carousel-caption h2{ font-size: 50px;}
 .carousel-caption h3{ font-size: 20px;}
 .carousel-caption ul{ font-size: 20px; padding: 0 0 0 10px; margin: 10px 0;}
 .carousel-caption li{ padding: 4px 0;}
 .carousel-caption a{ margin-top: 10px;}
 .wel-cnt{ padding: 70px 20px;}
 
 }

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1440px) 
 {
 .carousel-caption{ width: 100%; left: 2%; bottom: 0%; padding-bottom: 50px; }
 .carousel-caption h1{ font-size: 25px;}
 .carousel-caption h2{ font-size: 45px;}
 .carousel-caption h3{ font-size: 20px;}
 .carousel-caption ul{ font-size: 15px; padding: 0 0 0 10px; margin: 10px 0;}
 .carousel-caption li{ padding: 4px 0;}
 .carousel-caption a{ margin-top: 10px;}
 .wel-cnt{ padding: 70px 20px;}
 .carousel-item img{ position: relative; left: 150px; top: 30px;}
 
 }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) 
 {
    .carousel-caption{ width: 100%; left: 2%; bottom: 0%; padding-bottom: 30px; }
    .carousel-caption h1{ font-size: 20px;}
    .carousel-caption h2{ font-size: 35px;}
    .carousel-caption h3{ font-size: 15px; width: 55%; padding-left: 2px;}
    .carousel-caption ul{ font-size: 14px; padding: 0 0 0 10px; margin: 10px 0;}
    .carousel-caption li{ padding: 3px 0;}
    .carousel-caption a{ margin-top: 5px; font-size: 14px;}
    .carousel-caption li i{ margin-right: 5px;}

.prod-bg .prod-main .prod-rht{ top:-49px;}
.max-cntr { max-width: 1140px; margin: 0 auto; } 
.prd-list .prd-box h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } 
.vtourbg .enrtrr{ padding:32px 10px 33px 10px; margin-top:20px; background:transparent; -webkit-clip-path: polygon(23% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(23% 0, 100% 0%, 100% 100%, 0% 100%);}
.vtourbg a.enq-btn{ padding:12px 15px 12px 30px;}
.vtourbg h2{ font-size:24px;}
.vtourbg h2 span{ font-size:20px;}
.prod-bg .prod-main .prod-lft .prod-box{ margin-bottom:0px;}
.prod-bg .prod-main .prod-rht h4{ font-size:21px; margin-bottom:0px;}
.prod-bg .prod-main .prod-rht h3{ font-size:20px;}
.prod-bg .prod-main .prod-rht small{ height:100px;}
.prod-bg .prod-main .prod-lft .prod-box .inr-lft img{ margin: 0 auto; height: auto; width: auto; object-fit: contain;}
.prod-bg .prod-main .prod-lft{ margin-right:22px;}
.prod-bg h2{ margin-top:10px; font-size:32px;}
.wel-cnt{ width:100%; padding: 70px 0px;}
.wel-cnt .wltr{ width: 64%;}
.ftr1 .head h3{ font-size:16px;}
.ftr-ph{ font-size:14px;}
.ftr-fax{ font-size:14px;}
.ftr1 .head small{ font-size:13px;}

.navbar-dark .navbar-nav .nav-link{ padding:12px 13px;}
.prd-innr-main .prd-innr-box{ margin-right:21px;}
.video-part{ margin-right:20px;}

.carousel-item img{ position: relative; left: 150px; top: 30px;}

}
/* iPads (portrait and landscape) */
@media (max-width: 1024px) 
 {
    .carousel-caption{ width: 100%; left: 2%; bottom: 0%; padding-bottom: 10px; }
    .carousel-caption h1{ font-size: 20px;}
    .carousel-caption h2{ font-size: 30px;}
    .carousel-caption h3{ font-size: 15px; width: 65%; padding-left: 2px; padding-top: 5px;}
    .carousel-caption ul{ font-size: 14px; padding: 0 0 0 10px; margin: 10px 0;}
    .carousel-caption li{ padding: 3px 0;}
    .carousel-caption a{ margin-top: 5px; font-size: 14px;}
    .carousel-caption li i{ margin-right: 5px;}
    
    .wel-cnt .wltr{ width: 55%;}
    .wel-cnt .wrtr{ width: 45%; margin-left: 30px;}
    .optrow1{flex-direction: column; align-items: flex-start;}
    .sticky .nav-bg{ top: 0px;}
    .feature-box{ background-size: 35%; }
    .feature-box .feat-left{ width: 29%; text-align: left; }
    .feature-box .feat-right{ width: 29%; direction: rtl; text-align: right; }
    .max-cntr { max-width: 970px; margin: 0 auto; } 
    .navbar-dark .navbar-nav .nav-link { font-size: 14px; padding:10px 13px;} 

.wel-cnt .wltr h1{ font-size: 26px;}
.wel-cnt .wltr h1 small{ font-size: 18px;}
.wel-cnt .wltr p{ font-size: 16px;}
.taflg1{ width:130px; margin-top:5px;}
.prod-bg .prod-main .prod-rht{ margin-bottom:-5px;}
.prd-innr-main .prd-innr-box{ margin-right:18px;}

.video-part{ margin-right:15px; margin-bottom:20px;}
 }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) 
 {
    
    .wel-cnt .wltr{ width: 63%;}
    .wel-box .abt-part .abrtr{width: 100%; padding-left: 0;}
    .nav_desk{ display: none; }
    .nav_mobi{ display: unset;}

.vtourbg h3{ font-size:20px;}
.vtourbg .enrtr{ display:flex; justify-content:right;}
.vtourbg .enrtrr{ margin-top:14px;}
.vtourbg a.enq-btn span, .vtourbg a.enq-btn i{ font-size:16px;}
.vtourbg h2{ font-size:22px; font-weight:500;}
.wel-bg{ padding:30px 20px;}
.prod-bg .prod-main .prod-rht{ margin-bottom:0px;}
.ftr-lft{ width:100%; margin-right:10px;}
.ftr-rht{ width:13%; margin-right:10px;}
.ftr-rht1{ width:100%;}
.ftr1 .head h3{ text-transform: none;}

.prod-bg .prod-main .prod-lft{ margin-right:15px;}
.ftr-logo{ width:18%;}


.max-cntr { max-width: 100%; margin: 0 auto; } 
.taflg1{ width:45%; padding:4px 7px 7px 7px;  margin-top: 4px; margin-left: 6px; }
li.nav-item:hover > a::before{ width:100%;}
li.nav-item > a::before{ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.navbar-dark .navbar-nav .active .nav-link{ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.navbar-dark .navbar-nav .nav-item{ background:0 none}
.navbar-dark .navbar-nav .nav-link { padding: 15px 10px; background:0 none; border-bottom:1px dotted #002163;}
.navbar-dark .navbar-nav{ margin-top:30px;}
.navbar-brand{top: 0; position: unset;}

.prod-bg .prod-main .prod-lft .prod-box .inr-rht h3{ min-height:45px; font-size:15px;}
.prd-list .prd-box h2 { font-size: 16px; } 
.prd-list .prd-box p { font-size: 13px; } 
.wel-cnt .wltr h1 { font-size: 30px; } 
.wel-cnt .wltr p { font-size: 14px; } 


.navbar-expand-lg{ }
.nav-bg{ top: 0px; padding: 0px; top: 40px;}
.top-bar { padding:5px 0 5px; background: rgba(255, 255, 255, 1); top: -42px;} 
.navbar-dark .navbar-nav .nav-link{ font-size: 14px;}
.sticky .navbar-brand img{ width: 100px;}
.sticky .navbar-brand{ padding: 0px;}
.nav-bg .navbar{ margin: 2px;}
.carousel-item img{ position: relative; left: 100px;}
 }
 
@media (max-width:850px) { 
    .carousel-caption{ width: 100%; left: 2%; bottom: 15%; }
    .carousel-caption h1{ font-size: 18px;}
    .carousel-caption h2{ font-size: 30px; padding-left: 3px; line-height: 1.3;}
    .wel-cnt{ padding: 0px 0px 370px 0;}
    .nav-bg{ padding: 0px;}
    .top-bar{ padding:0px 15px; background: #fff; top: -38px;}

  .bene-bg .bene-box .bene-item:nth-child(1) {background: rgba(1, 102, 206, 0.6);}
  .bene-bg .bene-box .bene-item:nth-child(2) {background: rgba(253, 64, 64, 0.75);}
  .bene-bg .bene-box .bene-item:nth-child(4) {background: rgba(1, 102, 206, 0.6);}
  .bene-bg .bene-box .bene-item:nth-child(3) {background: rgba(253, 64, 64, 0.75);}
  .bene-bg .bene-box .bene-item:nth-child(6) {background: rgba(253, 64, 64, 0.75);}
  .bene-bg .bene-box .bene-item:nth-child(5) {background: rgba(1, 102, 206, 0.6);}
  .bene-bg .bene-box .bene-item:nth-child(7) {background: rgba(253, 64, 64, 0.75);}
  .bene-bg .bene-box .bene-item:nth-child(8) {background: rgba(1, 102, 206, 0.6);}


.top-bar .tp-email{ color: #000;}
.top-bar .tp-email a{ color: #000;}
.nav-bg .navbar{ padding-right:10px; padding-left:10px;}
.ft-prlinks{ padding:15px 10px}
.ftr2{ flex-wrap: wrap;}
.ftr1 .head h3{ font-size:18px;}
.ft-copyright{ padding:30px 15px;}
.vtour-main{ display:block;}
.vtourbg .enq{text-align: center; width:100%; padding:10px 15px;}
.vtourbg .enrtr{text-align: center; justify-content:center; background-color: #ffb301;}
.vtourbg .enrtr{ width:100%;}
.vtour-main{ display:block;}
.vtourbg{ padding-bottom:3px;}
.vtourbg::before{ background:transparent;}
.vtourbg .enrtrr{ position:relative; padding:10px 0px 25px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.vtourbg a.enq-btn{ padding:12px 15px;}
.prod-bg .prod-main .prod-rht small{ height:170px;}
.prod-bg .prod-main{ display:block; padding: 0px 30px;}
.prod-bg .prod-main .prod-lft{ margin:0px; width:100%;}
.prod-bg .prod-main .prod-rht{ margin:0px; width:100%; position: relative; top: 0; right: 0;}
.prod-bg h2{ display: block; text-align: center; width: 100%;}
.wel-cnt{ display:block;}
.wel-cnt .wltr{ width:100%; border-radius:5px; margin-bottom:5px;}
.wel-cnt .wltr:nth-child(4){ position:relative; top:0; left:0;}
.wel-cnt .wltr h2{ font-size:80px;}
.wel-cnt .wltr h3{ font-size:26px;}
.stulinks{flex-wrap: nowrap;}
.newsevent{ display:block; padding:0px 30px 0;}
.news-bg{ padding:15px 0px;}

.clnt-bg{ padding:25px 10px 40px;}
.carousel-caption2{ bottom:15px;}
.carousel-caption2 h1{ font-size:20px;}

.pgm-main{ flex-wrap:wrap;}
.prd-catlist{ width:100%;}

.navbar-expand-lg{ }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 850px) 
 {
    .pro-cnt{ width: 100%; padding: 40px 0;}
    .pro-cnt .wltr{ width: 100%;}
    .pro-cnt .wltr ul{ background: rgba(0, 0, 0, 0.8); padding-bottom: 20px; padding-left: 20px;}
    .pro-cnt .wltr li{ width: 45%;}
    .wel-box .abt-part .abrtr{width: 100%; padding-left: 0;}
    .carousel-inner{ padding-top: 110px;}
    .carousel-caption{ bottom: 0%; padding-top: 30px;}
    .wel-cnt .wltr h2{ font-size: 17px;}
    .wel-cnt .wrtr{ width: 100%; margin: unset;}
    .wel-cnt{ padding-bottom: 20px;}
    .ser-list h2{ margin-bottom: 30px;}
    .feature-box{ padding-top: 450px; background: url(../images/feature_info.jpg) no-repeat top center;}
    .feature-box .feat-left{ width: 49%;}
    .feature-box .feat-right{ width: 49%;}
    .feat-bg .feat-list .feat-item{ width: 31%;}
    .bene-bg .bene-box .bene-item{ width: 49%;}
    .wel-cnt .wltr li{ width: 45%;}

    .carousel-caption h3{ width: 80%;}
    .carousel-item img{ left: 120px;}
    .carousel-inner{ padding-top: 70px;}

    .pric-bg .explan{ display: flex; flex-direction: column; }
    .pric-bg .explan .plan-box{ margin: 20px auto; width: 90%;}
    .pric-bg{ padding-bottom: 50px;}
    .pric-bg .explan .plan-box img{ bottom: 0px; top: 100px;}

.clnt-bg{ padding:25px 0px 40px;}

.newsevent{ padding:0px 15px 0;}
.prod-bg .prod-main{ padding: 0px 15px}
.sticky .navbar-brand .taflg1{ visibility:visible; display:inline; padding: 5px 10px;  }
.taflg1{padding: 5px 10px; margin-top:0px ;}
.sticky .navbar-brand{ background-color: unset;}
.sticky .navbar-brand img{ max-width: 200px;}
.sticky .navbar-brand .taflg2{ visibility:hidden; display:none;}
.video-part{ margin-right:0px; width:100%; margin-bottom:20px;}
.page{ position:relative; margin-top:20px;}
.prd-innr-main .prd-innr-box{ margin-right:25px; width:48%;}
.prd-innr-main .prd-innr-box:nth-child(2n+2){ margin-right:0px;}

.carousel-caption2{ bottom:13px;}
.max-cntr { max-width: 730px; margin: 0 auto; } 
.nav-bg { /* background-color: rgba(0, 0, 0, 0.8); */ position: fixed; top: 40px;} 
nav.navbar { max-height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; } 
.drpcol { width: 100% !important; display: block; flex-basis: auto; } 

.prd-list .prd-box { width: 50% !important; max-width: 50%; flex: auto; } 
.video-bg .vdtxt { padding: 20px; } 
.cont-rtr .address span { font-size: 14px; } 
.ft-mainlink { text-align: center; } 

.inner-wrapper{background-position-y: 56px; background-attachment: unset;}
.inner-wrapper .content-wrapper{padding-top: 140px; background-attachment: unset;} 
.abt-img{float: none;}
.floatr-img{float: none;}

.grid-sizer, .grid-item{width: 100%;}
.grid-item{position: unset !important;}

.inner-wrapper-sticky{ width:100%;}
.inner-wrapper-sticky{position: unset !important; transform: none !important;}


.ft-copyright{ padding:15px; text-align:center;}
.ft-copyright span{ display:block;}
.ft-copyright .float-right{float: none !important; padding-top: 10px;}
.prd-list{ padding:0px;}
.cont-adr .card-deck{display: block;}
.cont-adr .card-deck .card{margin-bottom: 25px;}
.ftr-lft ul{ flex-direction: column;}
.ft-prlinks ul li a{ width: 100%; padding: 8px 0;}
.ft-prlinks ul li{ border-right: none; margin: 5px 0;}

.ftr1{flex-wrap: wrap;}
.ftr1 .head{ width: 500px; margin-top: 10px;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) 
 {
    .carousel-caption{ width: 100%; left: 2%; padding: 0px; }
    .carousel-caption h1{ font-size: 20px;}
    .carousel-caption h2{ font-size: 25px; width: 100%; padding-top: 0px;}
    .carousel-caption h3{ width: 95%;}
    .wel-box .abt-part .abrtr{width: 100%; padding-left: 0;}
    .carousel-inner{ padding-top: 110px; padding-bottom: 30px;}
    .wel-cnt .wltr li{ width: 95%;}
    .carousel-item img{ left: 280px;}

    .innerbanner h1{ font-size: 25px;}
    .innerbanner h2{ font-size: 30px;}
    .innerbanner{ width: 100%; top: 62%;}
    .innerbanner4{ height: 300px; background-image: none;}

    .d-block{ display: none !important;}
    .carousel-item { height: 160px;}
    .bene-bg{ background: #f2edeb;}

    .bene-bg .bene-box .bene-item:nth-child(1) {background: rgba(1, 102, 206, 0.6);}
    .bene-bg .bene-box .bene-item:nth-child(2) {background: rgba(253, 64, 64, 0.75);}
    .bene-bg .bene-box .bene-item:nth-child(3) {background: rgba(1, 102, 206, 0.6);}
    .bene-bg .bene-box .bene-item:nth-child(4) {background: rgba(253, 64, 64, 0.75);}
    .bene-bg .bene-box .bene-item:nth-child(5) {background: rgba(1, 102, 206, 0.6);}
    .bene-bg .bene-box .bene-item:nth-child(6) {background: rgba(253, 64, 64, 0.75);}
    .bene-bg .bene-box .bene-item:nth-child(7) {background: rgba(1, 102, 206, 0.6);}
    .bene-bg .bene-box .bene-item:nth-child(8) {background: rgba(253, 64, 64, 0.75);}

    .pric-bg .explan .plan-box img{ }
    .pric-bg .explan .plan-box{ text-align: center; margin:15px auto; width: 90%;}
    .pric-bg .explan .plan-box a{ left: unset; position: unset; margin: 15px 0 10px;}

    .bene-bg .bene-box .bene-item{ width: 90%;}
    .feat-bg h1{ font-size: 50px;}
    .feat-bg .feat-list .feat-item{ width: 45%;}

    .wel-cnt{ background: none; padding: 0px; margin: 0px;}
    .wel-bg{ padding: 0px;}
    .wel-cnt .wltr h1{ font-size: 22px;}
    .wbtn{ text-align: center;}
    .ser-list h2{ font-size: 18px;}
    .clnt-list h2{ font-size: 18px;}

    .pro-cnt{ background: none; padding: 0px; margin: 0px;}
    .pro-bg{ padding: 20px;}
    .pro-cnt .wltr h1{ font-size: 22px;}
    .pro-cnt .wltr{ width: 100%;}
    .pro-cnt .wltr li{ width: 100%;}

    .ftr1 .head h3{ font-size: 16px; text-transform: none; margin-bottom: 0px; margin-top: 15px;}
    .ft-prlinks ul li{display: block; margin: 0px 0 10px 0; border-left: red 1px solid; border-right: none; padding-left: 10px; }

    .pro-list h2{ font-size: 20px;}
    .feature-box .feat-list{ margin: 10px 20px;}
    .feature-box .feat-left{ width: 100%;}
    .feature-box .feat-right{ width: 100%;}
    .feature-box{ flex-direction: column; background-size: 80%; padding-top: 310px;}
    .feature-box .feat-right{ direction: ltr; text-align: left;}
    .feature-box .feat-right i{ right: unset; left: -10px;}
    .ser-bg{ padding-bottom: 30px;}
    .wel-cnt .wltr li{ width: 100%; margin: 3px 0;}
    .carousel-caption ul{ display: none;}

.cont-frbox{ margin-top:15px;}
.prd-item .prd-img{ float:none; width:100%;}
.prd-item .prd-cont{ float:none; width:100%; padding:4px 10px;}
.prd-item .prd-img{ border-right:0 none; height:150px; margin-bottom:10px;}

.prd-innr-main .prd-innr-box{ width:100%; margin-right:0px;}
.body-bg{ padding:15px; margin-top:2px;}
.prd-list h4.prd-title{ font-size:18px;}
.prd-item .prd-cont h2 a{ font-size:15px;}
.prd-item .prd-cont .prd-link .btn-det{ padding:2px 25px 1px 10px; border-radius:0px; border-left:3px solid #ff0505; -webkit-clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%); }
.prd-item .prd-cont .prd-link{ padding:0px;}
.accd-main{ margin-top:10px;}
.prd-item .prd-cont h2{ padding-bottom:5px; margin-bottom:10px;}
.abt-us h1{ font-size:16px;}
.carousel-caption2 h1{ font-size:16px; padding:6px 20px; font-weight:500;}
.carousel-caption2{ bottom:15px;}

.prod-bg{ padding:0px 15px;}
.prod-bg .prod-main .prod-lft a .prod-box .inr-rht h3{ font-size:16px; min-height:45px;}
.prod-bg .prod-main .prod-lft a .prod-box .inr-lft{ width:25%;}
.prod-bg .prod-main .prod-lft a .prod-box .inr-rht{ width:73%;}
.prod-bg .prod-main .prod-lft a{ width:100%; margin-right:0px; margin-bottom:15px;}
.max-cntr { max-width: 100% !important; margin: 0 auto; overflow-x: hidden; } 
.inner-wrapper{background-position-y: 74px;}
.nav-bg { top: 0; position: fixed; box-shadow:0 15px 20px rgba(0, 0, 0, 0.2); } 
.nav-bg .navbar { padding-left: 15px; padding-right: 15px;  } 
.sticky .navbar-brand .taflg1{ max-width: 55%;}
.sticky .navbar-brand{ padding: 0px; margin: 0px;}
.sticky .navbar-brand{ width: 50%;}
.navbar-brand { top: 0px; } 
.taflg1 { width:90px; margin-top:4px; padding:6px 7px 5px 7px;}
.sticky .navbar-brand img { max-width:55px; padding:2px 7px 5px 7px; } 
.navbar-brand .taflg2{ max-width: 55px; margin-top: 4px; padding: 2px 7px 5px 7px;}
.vtourbg .enrtrr{ padding:5px 0px 18px;} 
.navbar-dark .navbar-nav{ margin-top:10px;}
.top-bar { position: static; margin-top:-3px; padding:0px; }
.top-bar { position: static; margin-top:-3px; padding:0px; }
.navbar-dark .navbar-nav .nav-link{ padding:8px 10px;}
.tp1 { text-align: center; } 


.tp1 i{ font-size:13px;}
.tp-email { display:inline-block; margin:7px 10px 5px 0px; font-size:13px;}
.prod-bg h2{ color:rgba(68, 68, 68, 0.3);}
.carousel-indicators{ bottom:-5px;}

.crs-btn { text-align: center; } 
.clnt-bg{ padding:20px 2px 25px;}
.news-bg{ padding:15px;}
.gallery-bg{ padding:20px 15px 30px;}
.btn-crs1 { font-size: 16px; padding: 8px 16px; } 
.btn-crs2 { font-size: 14px; float: none !important; display: block; margin-top: 10px; } 
.crs-enq { margin-top: 25px; padding-top: 15px; }
.wel-cnt .wltr h3{ font-size:18px;}
.vtourbg a.enq-btn{ padding:5px 10px;} 
.vtourbg a.enq-btn span, .vtourbg a.enq-btn i{ font-size:14px;}
.vtourbg h3, .vtourbg h2, .vtourbg h2 span{ font-size:14px; display:block;}
.prod-bg .prod-main .prod-rht small{ height:auto; margin:15px 0px;}
.wel-cnt { display: block; position: relative; padding-top:10px;} 
.wel-cnt .wltr { width: 95%; padding: 20px 10px; margin: auto; } 
.wel-cnt .wrtr { width: 95%; padding: 30px 20px; margin: 0 auto 20px ; top: 0; left: 0; } 
.video-bg .vdtxt { padding: 0px 15px; background-color: transparent; } 
.video-bg .vdtxt h3 { background-color: #aaacaf; margin: 0; padding: 20px 40px; } 
.contact-bg { margin: 0; } 
.contact-bg section { display: block; padding: 0px 20px 20px; } 
.cont-ltr { width: 100%; } 
.cont-rtr { width: 100%; } 
.ftr-lft{ width:100%; margin-bottom: 15px; border-bottom: 1px dotted #364d9d; padding-bottom: 10px;}
.ftr-rht{ width:100%; border-bottom: 1px dotted #364d9d; padding-bottom: 12px;}
.ftr1 { padding:15px 15px; margin-top:15px; flex-wrap:wrap;}
.ftr-logo{ width:100%; justify-content: center;} 
.ftr1 .head{ width:100%; margin-right:0px}

.vtourbg{ padding:0px 5px;}
.video-bg section { padding: 0 20px; } 
.ft-prlinks { padding: 0 20px; } 
.ft-prlinks h6 { margin-bottom:5px; } 
.taf-clock { text-align: center; } 
.ft-mainlink small img { max-width: 100px; } 

.ft-copyright { text-align: center; } 
.ft-copyright span { display: block; } 
.inner-wrapper .content-wrapper{ padding-top: 55px;}
.abt-us{padding: 5px;}
.abt-us h1{font-size:22px; width:100%; margin-bottom:10px;}
.abt-us h2{font-size: 22px;}
.abt-img, .floatr-img{margin-left: auto; margin-right: auto;}
.floatr-img img{max-width: 100% !important;}


.pdetail h1{font-size: 28px;}
#msform{margin-top: 0;}
.yt-video{width: 100%; height: auto;}
.stulinks{flex-wrap: wrap;}
.stulinks li{width: 100%; margin-right: 0;}
.stulinks li b{width: 30%;}
.stulinks li span{width: 70%;}
.posters a{margin: 0 8px 8px 0;}
.posters a:nth-child(2n+2){margin-right: 0;}
.ui-autocomplete{width: 100% !important; max-width: 330px !important;}

#msform ul.cfmtime li { flex-wrap: wrap;} 
#msform ul.cfmtime li span { width: 100%; text-align: left; border-right: 0 none;} 
#msform ul.cfmtime li b { width: 100%; text-align: left;} 
.no-msg{padding: 5px;}
stu-msg{padding-bottom: 20px;}
.no-msg .noico{font-size: 50px; width: 80px; height: 80px;}
.stu-msg h1{font-size: 36px;}
.wizard > .steps > ul > li::after{left: 2%;}
.page-link { font-size: 13px; text-align: center; } 
.page{ justify-content:center;}

.scrollToTop{ bottom:30px;}


}

/* Error Page */
.uc-page-main{ margin:0 auto; background:#cbdbfe url(../images/regthanks.jpg) center repeat; height:100%;}
.max-cntr-page{ background:rgba(255,255,255,0.3); padding:30px 30px; max-width:1100px; text-align: center; border-radius: 5px; margin:2% auto; border:1px solid #fff; }	
.max-cntr-page h1{ font-size:28px; font-weight:500; color:#444; margin:15px 0px 10px;}
.max-cntr-page small{ color:#666; font-size:15px; letter-spacing:1px;}
.max-cntr-page span{ display:block; margin-top:20px; margin-bottom:0px;}
.max-cntr-page span img{ max-width:550px; border-radius:3px;}
@media (max-width: 768px) 
{
.uc-page{ padding:20px;}
.max-cntr-page h1{ font-size:26px;}
.max-cntr-page span img{ width:100%;}
}
@media (max-width: 576px) 
{
.max-cntr-page h1{ font-size:24px;}
}
/* // Error Page */

.loadcontainer{ position: fixed; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.85);  height: 100vh; z-index: 99999; overflow: hidden; top: 0; transition: all 0.0s ease 0s;}
.loadarea{ position: absolute; width: 100%; text-align: center; top: 30%;}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  text-align: center;
  margin: auto;
}
.loadarea h2{ font-size: 15px; color: #fff; font-weight: normal; width: 100%; text-align: center; padding-top: 10px;}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


.stripecontainer{ background: url(../images/stripe_bg.jpg) center no-repeat; background-size: cover; width: 100%; }
.stripecontainer .stripebox{ width: 100%; text-align: center; display: flex; justify-content: center; padding: 50px 0;}
.stripecontainer .stripebox h1{ font-size: 22px; font-weight: 600; text-align: center; margin: 10px auto; border-top: #eee 1px solid; width: 90%; padding: 20px 0 30px 0; text-transform: uppercase; letter-spacing: 3px; color: #6033b2;}
.stripecontainer .stripebox h2{ text-align: center; width: 90%; margin: auto; }
.stripecontainer .stripebox .panel-heading{ background: none !important; border: none !important;}
.stripecontainer .stripebox .panel{ border-radius: 10px !important; box-shadow: 3px 2px 3px 2px rgba(0, 0, 0, 0.2); background: #fff; margin: auto; text-align: center; display: flex; flex-direction: column; padding: 20px;}
.stripecontainer .stripebox .butpay{ margin: 30px auto 0;}
.stripecontainer .notetxt{ font-size: 15px; color: #666; text-align: center; padding-top: 20px;}
.stripecontainer .stripebox .form-row label{ color: #333; font-weight: bold;}
.stripecontainer .stripebox .form-row .card{ border: 0px;}
.stripecontainer .can-link{ font-size: 1.25rem; color: #999; background-color: #eee; padding: .5rem 1rem; margin-left: 10px; border-radius: 5px; }
.stripecontainer .can-link:hover{ background-color: #ccc; text-decoration: none; }

.custom-select{height: calc(1.8rem + 2px); padding: .2rem 2.5rem .2rem .2rem; margin-left: 10px;}