/*html { scroll-behavior: smooth; padding: 0; margin: 0; }
*/body { background: #fff; padding: 0; margin: 0; width: 100%; height: 100%; display: flex; flex-direction: column; font-family: 'Roboto', sans-serif; position: relative; color: #10102D }
ul { padding: 0; margin: 0; }
li { list-style-type: none; }
a { display: inline-block; text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
a:hover, a:focus { text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
span { display: inline-block; }
em, i { font-style: normal; display: inline-block; }
img { width: 100% }
h1 { font-size: 40px; line-height: 44px; margin: 0; font-weight: 700; }
h2 { font-size: 22px; line-height: 26px; margin: 0; font-weight: 700 }
h3 { font-size: 18px; line-height: 22px; margin: 0; }
h4 { font-size: 16px; line-height: 22px; margin: 0; }
p { font-size: 14px; line-height: 30px; margin: 0; padding: 0; color: #585858 }
.btn-green, .btn-green:focus { outline: none; text-align: center; background: #58bd58; border-radius: 8px; color: #fff; font-weight: 600; padding: 10px; min-width: 135px; font-size: 18px; line-height: 22px; border: 2px solid #58bd58; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-green:hover { background: #fff; border: 2px solid #58bd58; color: #58bd58; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-green-border, .btn-green-border:focus { outline: none; text-align: center; background: #fff; border-radius: 8px; color: #58bd58; font-weight: 600; padding: 10px; min-width: 135px; font-size: 18px; line-height: 22px; border: 2px solid #58bd58; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-green-border:hover { background: #58bd58; border: 2px solid #58bd58; color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-toggle { background: transparent; border-radius: 20px; color: #fff; text-transform: uppercase; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
.btn-toggle a{ width: 230px; height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.btn-toggle.green { background: #2ac0ac }
.btn-toggle.green:hover{background: #139c8a; box-shadow: 0 2px 35px rgb(42 192 172 / 30%); -webkit-box-shadow: 0 2px 35px rgb(42 192 172 / 30%); -ms- box-shadow: 0 2px 35px rgb(42 192 172 / 30%); -moz- box-shadow: 0 2px 35px rgb(42 192 172 / 30%);transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
.btn-toggle.purple { background: #6a23d5 }
.btn-toggle.purple:hover{ background-color: #4d0bb1; box-shadow: 0 2px 35px rgb(106 35 213 / 30%); -webkit-box-shadow: 0 2px 35px rgb(106 35 213 / 30%); -ms- box-shadow: 0 2px 35px rgb(106 35 213 / 30%); -moz- box-shadow: 0 2px 35px rgb(106 35 213 / 30%);transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
.btn-light-green, .btn-light-green:hover, .btn-light-green:focus { outline: none; background: #61d33e; padding: 10px 15px; color: #585858; border-radius: 100px; font-size: 18px; font-weight: 500; min-width: 300px; text-align: center; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
.btn-light-orange, .btn-light-orange:hover, .btn-light-orange:focus { outline: none; background: #fcc227; padding: 10px 15px; color: #585858; border-radius: 100px; font-size: 18px; font-weight: 500; min-width: 300px; text-align: center; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
.btn-black, .btn-black:hover, .btn-black:focus { outline: none; background: #3d3d3d; border-radius: 25px; padding: 10px 40px; color: #2bc0ad; font-size: 16px; line-height: 20px; font-weight: 500; text-align: center; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

/* body */
body { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; margin: 0; background: #fff }

/* landing page */
header.landing { background: #fff; padding: 0 15px; height: 80px; display: flex; align-items: center; border-bottom: 5px solid #ffc003 }
header.landing nav { margin-left: auto; }
header.landing nav ul li { display: inline-block; margin-right: 40px; }
header.landing nav ul li a { color: #333; font-weight: 600; font-size: 16px; line-height: 20px; padding: 30px 0 }
header.landing nav ul li a:hover { color: #3498DB }
header.landing nav ul li:last-child { margin-right: 0 }
header.landing nav ul li a.btn-green { color: #fff; padding: 10px }
header.landing nav ul li a.btn-green:hover { color: #58bd58 }
header.landing nav ul li a.btn-green-border { color: #58bd58; padding: 10px }
header.landing nav ul li a.btn-green-border:hover { color: #fff }
header.landing nav ul li.btn-data { margin-right: 30px }
main.landing {/* height: calc(100vh - 80px); display: block; overflow-y: scroll; flex: auto; overflow-x: hidden;*/ }

/* banner */
.landing-banner { position: relative; background: url('../images/landing-banner.jpg'); height: 100vh; background-repeat: no-repeat !important; background-size: cover !important; }
.banner-text { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; bottom: 120px; left: 0; right: 0 }
.banner-text .top-bar { top: 80px;position: absolute;padding: 10px;color: white;font-size: 22px;background: #cccccc5c;width: 100%;text-align: center;}
.banner-text h1 { color: #fff }
.bottom-banner-text { position: absolute; bottom: 0; background: rgba(25, 173, 228, 0.65); color: #fff; height: 120px; z-index: 100; left: 0; right: 0; display: flex; align-items: center; justify-content: center; }
.bottom-banner-text p { color: #fff; text-align: center; font-size: 22px; line-height: 32px; padding: 0 }

.landing-banner .mouse{ position: absolute; bottom: 150px; left: 0; right: 0; margin: 0 auto; display: block; text-align: center; width: 80px; transition: all 5s; -webkit-transition: all 5s; -ms-transition: all 5s; -moz-transition: all 5s;  }

/* section */
section {height: 100%;  display: flex; align-items: center; justify-content: center; }
section h2 { font-weight: 300; letter-spacing: 1px; position: relative; margin-bottom: 80px; padding-bottom: 5px; font-size: 30px; line-height: 34px }
section h2:after { content: ''; position: absolute; width: 100px; height: 3px; background: #575757; bottom: -20px; margin: 0 auto; left: 0; right: 0 }
section p { font-size: 18px; line-height: 22px; padding-bottom: 60px }

/* platform */
.platform { text-align: center; }
.platform .container{ height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.plat-button ul { display: flex; align-items: center; justify-content: center; }
.plat-button ul li { display: flex; align-items: center; justify-content: center; margin: 0 50px; padding: 0 }
.plat-button ul li a { color: #fff; font-weight: 300; font-size: 16px }
.plat-button ul li i { display: block; margin-bottom: 20px; height: 95px; margin: 0 auto 25px }
.plat-button ul li span { font-size: 20px; line-height: 24px }
.plat-button ul li i img { width: auto; height: 100% }

/* delivery */
section.delivery h2:after { background: #fff }
.delivery { background: #1e80b6; color: #fff; position: relative; }
.delivery a.close{ position: absolute; right: 20px; top: 70px; padding: 20px; opacity: 1 }
.delivery a.close i{ color: #fff }
.delivery a { margin-bottom: 35px }
.delivery ul li { text-align: left; padding-bottom: 15px; position: relative; }
.delivery ul li:before { content: ''; position: absolute; border: solid #fff; top: 4px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.delivery ul li:last-child { padding-bottom: 0 }
.delivery h2 { text-align: center; margin-bottom: 120px }
.delivery ul li span { padding-left: 20px; font-size: 16px; line-height: 20px }
.delivery .col-md-6 { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.delivery .row { display: flex; align-items: center; justify-content: center; }

/* tab-data */
.tab-data { background-color: #6a23d5; background: url('../images/tab-data-bg.jpg');  background-size: cover; background-repeat: no-repeat; align-items: center; justify-content: center; flex-direction: column; }

/* footer-css */
footer { background: #3498DB; padding: 30px; display: block; align-items: center; justify-content: center; height: 100% }
footer h2 { color: #fff; font-weight: normal; padding-bottom: 20px; font-size: 22px; line-height: 26px; letter-spacing: 0; text-transform: uppercase; border-bottom: 2px solid #ccc; margin-bottom: 20px; position: relative; }
footer h2:after { position: absolute; content: ''; background: #fff; width: 40%; height: 2px; left: 0; bottom: -2px }
footer h3 { color: #fff; font-size: 16px; line-height: 20px; padding-bottom: 10px; opacity: 0.9 }
footer p { color: #fff; opacity: 0.9; line-height: 26px; font-size: 14px; }
footer a, footer a:hover, footer a:focus { color: #fff }
footer ul li { display: block; opacity: 0.9 }
footer li { display: block; padding-bottom: 15px; text-align: left; font-size: 16px; padding-bottom: 10px }
footer li:last-child { padding-bottom: 0 }
footer .address ul li { padding-bottom: 0; line-height: 30px }
footer .links ul li { position: relative; }
footer .links ul li:before { content: ''; position: absolute; background: url('../images/back.png'); background-repeat: no-repeat; width: 15px; height: 15px; top: 4px; background-size: 100% }
footer .links ul li a { padding-left: 30px; font-size: 14px; display: inline-block; vertical-align: middle; }
footer .links ul li.logo{ opacity: 1 }
footer .links ul li.logo a{ width: 150px; padding: 0 }
footer .links ul li.logo a:first-child{ width: 200px }
footer .links ul li.logo:before{ content: none; }
footer .links ul li.logo a:last-child{ padding-left: 10px; padding-top: 15px }

footer .strip{ background: #1761ad; padding: 10px 0; text-align: center; color: #fff; font-size: 18px; box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -ms-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -moz-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 20px rgb(0 0 0 / 20%);margin-left: -30px;margin-right: -30px;}

footer .cert-footer{    padding: 30px 0; background: #e3e3e3;margin-left: -30px;margin-right: -30px;text-align: center; margin-bottom: -30px; }
footer .cert-footer a { width: 250px;padding-top: 30px;padding-bottom: 30px; }
/* tab-data */
ul.tabs { margin: 0 0 80px; padding: 0; list-style: none; width: 100%; display: flex; align-items: center; justify-content: center; text-transform: uppercase; border-radius: 30px }
ul.tabs li {  margin: 0; cursor: pointer; padding: 10px 30px; overflow: hidden; position: relative; font-weight: 600; background: #fff; font-size: 16px; line-height: 20px }
ul.tabs li:first-child { border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: rgba(43,192,173,0.6); padding: 10px 30px 10px 20px }
ul.tabs li:first-child:after { content: ''; position: absolute; right: 5px; width: 2px; height: 30px; top: 6px; bottom: 0; background: #1da58d }
ul.tabs li:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; color: rgb(129 67 222);}
ul.tabs li.active:last-child { color: rgb(106 35 213); }
ul.tabs li.active:first-child{ color: rgba(43,192,173,1); }
ul.tabs li.active { display: block; }
.tab_container { border-top: none; clear: both; float: left; width: 100%; background: transparent; overflow: auto; }
.tab_content { display: none; }
.tab_drawer_heading { display: none; }
.tab-data .tab_container h2 { color: #fff; font-weight: 300; margin: 0; padding-bottom: 50px }
.tab-data .tab_container h2:after { content: none; }
.tab_container ul { padding-left: 45px }
.tab_container ul li { color: #fff; padding-bottom: 15px; font-weight: 300; font-size: 15px; position: relative; }
.tab_container ul li:before { content: ''; position: absolute; border: solid #fff; top: 5px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.tab_container ul li span { padding-left: 20px }
.tab_content .btn-black { position: relative; display: block; margin: 50px auto 0; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s;  }
.tab_content .btn-black:after { content: ''; position: absolute; border: solid #2bc0ad; top: 16px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 22px }
.target-button { display: flex; }

.tab-data.bg-purple .tab_content .btn-black{ color: #a594bd }
.tab-data.bg-purple .tab_content .btn-black:after{ border: solid #a594bd; border-width: 0 2px 2px 0 }

/* responsive menu */
header.landing .menu { margin-left: auto; width: 35px; padding: 5px }
/*header.landing{ position: fixed; top: 0; width: 100%; z-index: 10 }
*/
/*main.landing{ margin-top: 80px }*/

/* course */
section.course { flex-direction: column; text-align: center;  }
/*section.course .row { margin: 0; overflow: hidden; }
*/section.course .row .col-md-2{ min-height: 120px }
.course .col-md-2 i { width: 120px; height: 120px; background: #008dff; border-radius: 100px; padding: 20px; display: block; margin: 0 auto; line-height: 80px }
/*.course .col-md-2 .waste img { width: 60px }
*/
.listing{position: relative;}
.listing ul li{ margin-bottom: 15px }
.listing ul li i { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #008dff; border-radius: 100px; padding: 20px; display: block; margin: 0 auto; line-height: 80px }
.listing ul li i em{ display: flex; align-items: center; height: 100%; justify-content: center; }
.listing ul li i img{ width: 60px }
.listing ul li{ display: inline-block; vertical-align: top; }

/*.listing .owl-nav { opacity: 1; display: block !important; pointer-events: auto; }
.listing .owl-nav button.owl-prev {position: absolute; left: 0; line-height: 22px; margin: 0; top: 70px; z-index: 99;}
.listing {position: relative;}
.listing .owl-nav button { border: none; background: transparent !important; opacity: 1;}
.listing .owl-nav button.owl-prev span { padding: 0;  font-size: 79px; color: #000 !important;}*/
.main-content{}
.main-content .owl-carousel{}
.main-content .owl-carousel h2{text-align: center; font-weight: 300; letter-spacing: 1px; position: relative; margin-bottom: 80px; padding-bottom: 5px; font-size: 30px; line-height: 34px }
.main-content .owl-carousel h2:after {content: ''; position: absolute;  width: 100px;  height: 3px;  background: #575757;  bottom: -20px;  margin: 0 auto;   left: 0; right: 0;}
.main-content .owl-carousel p{ text-align: center;  font-size: 18px;    line-height: 22px;   padding-bottom: 60px;}
.main-content .owl-carousel .Course-list{}
.main-content .owl-carousel .Course-list .item{}
.main-content .owl-carousel .Course-list .item i{width: 120px; height: 120px; display: flex !important; align-items: center; justify-content: center; background: #008dff; border-radius: 100px; padding: 20px; display: block; margin: 0 auto 15px; line-height: 80px;}
.main-content .owl-carousel .Course-list .item i img{width: 60px; margin: 0 auto; vertical-align: middle;}
.main-content .owl-carousel .Course-list .item span{font-size: 18px;  line-height: 22px;  color: #585858;  padding: 15px 0 0;}
.main-content .owl-carousel .owl-dots { display: none; }


.course .col-md-2 i img{ width: 60px }
.course span { font-size: 18px; line-height: 22px; color: #585858; padding: 15px 0 0; }
ul.course-tab { margin-bottom: 25px; background: transparent; }
ul.course-tab li { background: transparent; padding: 0 12px; color: #969696; cursor: pointer; font-size: 16px; font-weight: normal; display: inline-block; position: relative; }
ul.course-tab li:first-child:after { content: ''; position: absolute; right: -4px; width: 2px; height: 20px; bottom: 0; top: 0; background: #585858 }
ul.course-tab li.active { color: #008eff }

.level-02{ display: none; }

/* advantage */
.advantage{ flex-direction: column; background: url('../images/advantage-bg.png'); background-size: cover;/* height: auto;*/ text-align: center; color: #fff }
section.advantage p{ color: #fff }
section.advantage h2:after{ background: #fff }
.advantage i img{ width: 60% }

/* track-record */
.track-record{/* height: auto;*/ flex-direction: column; background: url('../images/track-bg.png'); background-size: cover; text-align: center; color: #484848 }
.track-record .track-data{ border: 1px solid #484848; height: 250px; border-radius: 55px; width: 130px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; }
.track-record .track-data i{  padding: 20px; border: 2px solid #484848; border-radius: 100px; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; margin-top: 15px; font-weight: 700; font-size: 22px; line-height: 26px; margin-bottom: 30px }
.track-record .track-data em{ display: block; font-size: 16px; line-height: 20px; font-weight: 700 }
.track-record .col-md-3{ display: inline-flex; align-items: center; justify-content: center; }

/* testimonial */
.testimonial{/* height: auto;*/ flex-direction: column; background: url('../images/testi-bg.png'); background-size: cover; justify-content: center; position: relative; }
.testimonial .col-md-6{ position: relative; width: 100% }
/*.testimonial .item :first-child:before{ content: ''; position: absolute; background: url('../images/testi-top.png'); height: 150px; width: 150px; background-size: contain; background-repeat: no-repeat; left: 50px; top: 30px }
.testimonial .item:last-child:after{ content: ''; position: absolute; background: url('../images/testi-bottom.png'); height: 150px; width: 150px; background-size: contain; background-repeat: no-repeat; right: 50px; bottom: 30px }
*/.testimonial h2{ text-align: center; }
.testimonial .item{ background: #a3e7ff; border: 1px solid #585858; border-radius: 30px; padding: 30px 30px 20px; max-width: 455px }
.testimonial .item p{ font-size: 18px; line-height: 30px; font-weight: 300; color: #585858; padding-bottom: 25px }
.testimonial .item .profile{ display: flex; align-items: center; }
.testimonial .item .profile em{ font-weight: 700; font-size: 16px; line-height: 20px; display: inline-block; }
.testimonial .item .profile i{ width:80px; height:80px; border-radius: 100px; margin-left: auto; }
.testimonial .item .profile i img{ height: 100%; object-fit: cover; border-radius: 100px }

.testimonial:before{ content: ''; position: absolute; background: url('../images/testi-top.png');  background-size: contain; background-repeat: no-repeat; width: 150px; height: 150px; left: 20px; top: 40px }
.testimonial:after{ content: ''; position: absolute; background: url('../images/testi-bottom.png');  background-size: contain; background-repeat: no-repeat; width: 150px; height: 150px; right: 20px; bottom: 20px }

/* client */
.client{ flex-direction: column; background: #fff;  }
.client h2{ text-align: center; margin-bottom: 100px }
.client .item{ display: inline-block; vertical-align: middle; margin: 0 15px }
.client .owl-item{ display: inline-block; vertical-align: middle; }
.client .owl-dots{ display: none; }
.client .owl-nav{ position: relative; }
.client .owl-nav .owl-next{ right: -15px ; position: absolute; bottom: 40px}
.client .owl-nav .owl-prev{ left: -15px; position: absolute; bottom: 40px }
.client .client-img{ position: relative; }
.client .client-img .owl-stage-outer{ height: auto; }

.client .owl-nav button{ background: transparent; box-shadow: none; border:none; }
.client .owl-nav button span{ font-size: 40px; color: #c5c5c5 }

main.landing::-webkit-scrollbar {width: 5px;}
main.landing::-webkit-scrollbar-track {background: #fff;border-radius:15px;  }
main.landing::-webkit-scrollbar-thumb {background: #3498DB;border-radius:15px;  }
main.landing::-webkit-scrollbar-thumb:hover {background: #3498DB;border-radius:15px;}

.owl-stage-outer{ overflow: hidden; height: 100% }
.tab-data.bg-purple{ background: url('../images/tab-data-bg-01.jpg'); }
.tab-data.bg-green{ background: url('../images/tab-data-bg.jpg'); }

.owl-carousel-demo .owl-nav{ display: none; }
.owl-carousel-demo .owl-dots{ display: none; }
.owl-carousel-demo .owl-stage{ display: flex; height: 100% }
.owl-carousel-demo .owl-item{ width: 100% !important; display: block; position: relative; height: 100% }


/* pragnesh-certificate */
.transcript { width: 800px; display: block; margin: 0 auto }
.transcript .logo{ width: 400px }

.transcript header{ display: flex; align-items: center; width: 100%; padding: 20px 0; border-bottom: 1px solid #000000 }
.transcript header .enrol{ margin-left: auto; background: #19abe3; color: #fff; position: relative; }
.transcript header .enrol:before{ content: '';
width: 0px;
height: 0px;
border-style: solid;
border-width: 60px 30px 30px 0;
border-color: #fff transparent transparent transparent;
display: inline-block;
vertical-align: middle;
position: absolute;
left: 0;
top: 0;
margin: 0 auto; }
.transcript header .enrol span{ letter-spacing: 1px; padding: 15px 25px 15px 40px; font-size: 18px; }

.transcript .trans-data{ padding-top: 10px }
.transcript .trans-data p{ padding: 30px 0 0 0; font-size: 20px; line-height: 24px; color: #000000 }
.transcript .trans-data h1{ padding: 30px 0 0 0; font-size: 40px; line-height: 44px }

.transcript .table-data{ padding-top: 50px;  }
.transcript .table-data h2{ font-size: 26px; line-height: 30px; padding-bottom: 30px }

.transcript .table-data table{ width: 100% }
.transcript .table-data table th{ padding:10px 20px; font-size: 20px; line-height: 24px; font-weight: 700; background: #e1e1e1 }
.transcript .table-data table td{ padding: 15px 20px; font-size: 20px; line-height: 24px; cursor: pointer; }
.transcript .table-data table tr:hover{ background: #f9f9f9 }
.transcript .table-data table tr{ background: #f2f2f2 }

.signature .row{ display: flex; width: 100%; margin:0; }
.signature .sign-data{ text-align: center; width: auto; display: inline-block; }
.signature input{ border: none; border-bottom: 2px solid #000; width: 100%; border-radius: 0; font-size: 18px; text-align: center; box-shadow: none; margin-bottom: 15px; box-shadow: none; }
.signature { padding-top: 100px; padding-bottom: 80px; }
.signature .sign-data h3{ font-size: 20px; line-height: 24px; padding-bottom: 5px }
.signature .sign-data span{ font-size: 20px; line-height: 24px; font-weight: 400 }

footer.trans-footer{ background: transparent; border-top:1px solid #000000;  }
footer.trans-footer .row{ display: flex; align-items: center; justify-content: center; }

/* certificate */
.certificate{ width: 100%; display: block; margin: 0 auto; z-index: 1001 /*background: url('../images/border.png'); background-repeat: no-repeat; background-size: cover; height: 1000px*/ }
.certificate header{ padding: 20px 30px; display: flex; align-items: center; }
.certificate .logo{ width: 300px; }

.certificate .date{ margin-left: auto; }
.certificate .date span{ display: block; color: #000; font-size: 16px; line-height: 24px }

.certificate .inner-data h1{ font-size: 40px; line-height: 44px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; color: #1761ad; letter-spacing: 2px; text-align: center; padding-top: 25px; padding-bottom: 25px }
.certificate .inner-data{ text-align: center; }
.certificate .inner-data h3{ font-size: 26px; line-height: 30px; padding-bottom: 25px }
.certificate .inner-data h2{ color: #074d8a; font-size: 36px; line-height: 40px; padding-bottom: 25px }

.certificate .inner-data p{ font-size: 16px; line-height: 20px; color: #000; padding-bottom: 12px }
.certificate .inner-data span{ font-size: 22px; line-height: 26px; color: #000; font-weight: 600; padding-bottom: 12px }

.certificate .inner-data p.grade{ padding-top: 15px; font-size: 20px; line-height: 24px; padding-bottom: 0 }
.certificate .inner-data p.grade em{ font-weight: 700 }

.cert-data{overflow-x: hidden; min-height: auto }

.certificate .signature{ padding-top: 25px; padding-bottom: 30px }

.strip{ background: #1761ad; padding: 10px 0; text-align: center; color: #fff; font-size: 18px; box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -ms-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -moz-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); }

.cert-footer{ background: #e3e3e3; margin-left: 10px; margin-right: 10px; margin-bottom: 10px }
.cert-footer a { width: 250px }
.cert-footer .row{ display: flex; align-items: center; }


.owl-carousel-basic .owl-stage{ display: flex;  }
.owl-carousel-basic .owl-nav{ display: none; }
.owl-carousel-basic .owl-dots{ display: none; }


/* new-page */
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #008dff }

.video-modal .modal-dialog {
  width: auto;
top: 10px;
}
footer .links ul li.logo a img {
    display: none;
}
footer .strip {
    margin-top: 2%;
}
footer{
	/*background-color:#e3e3e3 ;*/
}
.border-right-left {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
@media (min-width:767px) and (max-width:991px){
    footer .cert-footer a{
      padding: 30px !important;
    }
    .video-modal .modal-dialog {
        width: 90%;
        top: 10px;
    }
}
@media (max-width:767px) {
    .video-modal .modal-dialog {
      width: 90%;
      top: 90px;
  }
}
#watchVideo .modal-dialog {
    width: 800px;
}