@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Bold.eot');
    src: url('../fonts/Cairo-Bold.otf') format('embedded-opentype'),
    url('../fonts/Cairo-Bold.woff') format('woff'),
    url('../fonts/Cairo-Bold.woff2') format('woff2'),
    url('../fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: 'Cairo', sans-serif !important;
    overflow-x: hidden;
    font-size:14px; 
    line-height: 1.5rem;
}
/*.h1, h1 {
    font-size: 2.5rem;
}
.h2, h2 {
    font-size: 2rem;
}
.h3, h3 {
    font-size: 1.75rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    font-size: 1rem;
}*/
/*@font-face {
  font-family: myMainFont;
  src: url(../fonts/GE-Dinar-One-Medium.otf);
  }
 body {
 	font-family: 'myMainFont', sans-serif;
 	font-size: 17px;
    line-height: 1.5rem;
 }*/

section {
    padding: 40px 0;
}
.maincolor{
    color: #1e3b64;
}
a, button, input {
    outline: medium none !important;
    color: #1e3b64;
}
a:focus, a:hover {
    color: #e7b220;
    text-decoration: none !important;
}
.form-control {
    height: auto;
    border-radius: 0;
    font-size: 12px;
    background: none;
    border: none;
    border-bottom: 2px solid #f5f5f5;
    box-shadow: none;
}
.post .post-btn:hover {
    color: #e7b220;
}
.text-themedark {
    color: #1e3b64;
}
/* navbar */
#preheader-wrap{
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
}
#header-wrap {
    width: 100%;
    background: rgb(255, 255, 255);
}
#header-wrap.fixed-header{
	background: #ffffff !important;
}
.navbar-nav .nav-link {
    color: #1e3b64;
}
.navbar-nav .nav-link:before {
    content: "";
    background: #e7b220;
    height: 2px;
    width: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-item .nav-link.active {
    color: #e7b220;
}
.navbar-nav .nav-item {
    margin: 0px;
    margin-left: 10px;
}
@media (max-width: 992px){
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active, #header-wrap.fixed-header .navbar-nav .nav-link:hover, #header-wrap.fixed-header .navbar-nav .nav-link.active {
    background: #e7b220;
    color: #ffffff !important;
    }
}
/* left */
.pull-left{
	float: left;
}

/* _____________________________

   Slider
________________________________ */

.tp-rightarrow, .tp-leftarrow {
    background-color: #1e3b64 !important;

}
.tparrows:hover{background: #e7b220 !important;}
.tp-caption h3 {
    color: #1e3b64 !important;
    text-align: center;
}

.tp-caption p {
    color: #858585;
    text-align: center;
    font-size: 15px !important;
   
}
/*slider setting */

.slider-content{
    /*border-radius: 0 20%;*/
  background-color:rgba(0, 0, 0,0.6); 
  padding:10px; 
 /* margin: 9rem auto 0rem !important;*/
}

.slider-content h3,.slider-content p{
    /*direction: rtl;*/
  color:#ffffff !important;
  padding:5px; 
  text-align:center; 
  font-weight:bold;
 
  
}
.slider-content h3 {
    font-size: 2rem !important;
    padding: 10px 10px 0 !important;
    color: #e7b220 !important;
}

 
.slider-content{
 /* width:500px; 
  display:block; */
}
.slider-content .btn-primary,.slider-content .btn-primary a {
    color: #eee !important;
    
    border-color: #e7b220 !important;
    opacity: 1;
    padding: 10px !important;
    font-size: 12px !important;
}
.slider-content .btn-primary:hover,.slider-content .btn-primary a:hover {
    color: #ffffff !important;
    
    border-color: #e7b220 !important;
    opacity: 1;
    text-decoration: none;
}
.slider-content .btn-primary:not(:disabled):not(.disabled).active,.slider-content .btn-primary:not(:disabled):not(.disabled):active, .show>.slider-content.btn-primary.dropdown-toggle{
    background-color: #e7b220;
}
.slider-content .btn-primary {
    background-color: unset;
}
.slider-content .btn-primary:hover{
    background-color: #e7b220;
}
.tparrows:before{
    font-size: 30px;
    font-weight: 800;
}
@media(max-width:500px ){

 .menuOpened .container{
  padding:0;
 }
.rtl .header-navigation{
  margin-right:0;
}
.slider-content p{
  display: none;
}

.slider-content h3 {
    font-size: 15px !important;
    padding: 10px 5px 0 !important;
    color: #e7b220 !important;
}

}
.bg-content{
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0 20% ;
}
[data-bg-img] {
    background-size: 100% 100% !important;
    background-attachment: unset !important;
    background-position:unset !important;
    background-repeat: no-repeat;
}
[data-overlay="6"]:before {
    opacity: 0.4;
}

/* title */
.title {
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
    color: #e7b220;
    text-align: center;
}

/* program */
.back-flip-icon{
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-radius: 10px;
    padding: 5px;
    width: 70px;
}
img.icon-55{
    width: 55px !important;
}
.service-flip-text h5{
    text-align: center;
    color: #e7b220;
    background: #ffffff;
    padding: 10px 0;
    border-radius: 30px;
}
.service-flip-text p{
    font-size: 12px;
}
/* about section */

[data-overlay]:before, .slide-overlay:before {
    position: absolute;
    content: '';
    background-color: #000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

[data-overlay="8"]:before {
    opacity: 0.3;
}
.btn-simple {
    color: #1e3b64;
}
.btn-simple:hover {
    color: #e7b220;
}
.theme-bg .btn-simple:hover {
    color: #e7b220;
}


.about h5{
    color: #e7b220;
}
.about ul.prodactlist > li{
	color: #1e3b64;
	margin-right: 3rem;
}
.about ul.prodactlist > li > a{
	color: #1e3b64;
}
.about ul.prodactlist > li > a:hover{
	color: #e7b220;
}
		/* prgress */ 
	.ht-progress-bar.style-2 .progress .progress-bar {
    background: #1e3b64;
    background: -moz-linear-gradient(left, #e7b220 0%, #2989d8 50%, #207cca 50%, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #e7b220 0%,#2989d8 50%,#207cca 50%,#7db9e8 100%);
    background: linear-gradient(to right, #e7b220 0%,#2989d8 50%,#207cca 50%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7b220 ', endColorstr='#7db9e8',GradientType=1 );
	}
	.ht-progress-bar .progress-parcent {
    background: #e7b220;
    font-family: sans-serif;
    }

/* links */
.centered.service {
    background: #ffffffba;
    color: #000;
    height: 40%;
    padding: 10%;   
    transition: 1.0s;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.centered.service h3 {
    padding-top: 20px;
    color: #1e3b64;
    font-size: 16px;
}
.centered.service:hover{
   transform:scale(1.1,1.1);
}
.bg-link{
    background-size: 100% 100% !important;
}
.centered.service img{
    transform: scale(1.4);
    width: 70px;
}
 /* servises */
 .theme-bg .service-description, .dark-bg .service-description {
    background: rgba(255, 255, 255, 0.1);
}
/* why us */
.featured-item.bottom-icon2 {
    border: 1px solid #f9f9f9;
    background: #121628;
    overflow: hidden;
}
.featured-title h5 {
    text-align: center;
}
.featured-item.bottom-icon2 h5, .featured-item.bottom-icon2 p {
    color: #ffffff;
}
.featured-item.bottom-icon .featured-icon {
    text-align: center;
    background: none;
    height: auto;
    line-height: inherit;
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 50%;
}
.featured-item.bottom-icon:hover {
    background: #e7b220;
    box-shadow: none;
    border-color: transparent;
}
.featured-item.bottom-icon2:hover {
    background: #e7b220;
}
.featured-item.bottom-icon .featured-icon i {
    font-size: 60px;
    line-height: 30px;
}
.featured-item.bottom-icon2 .featured-icon i {
    color: #ffffff;
}

.featured-item.bottom-icon span {
    color: rgba(255,255,255,0.2);
    position: absolute;
    top: auto;
    bottom: 0;
    left: -100%;
    font-size: 150px;
    line-height: 150px;
}
.feuture-bottom .row:last-child [class*='col-']:last-child .featured-item.bottom-icon {
    background: #2a2e3e;
}
.feuture-bottom .row:last-child [class*='col-']:last-child .featured-item.bottom-icon:hover {
    background: #e7b220;
}
.feuture-bottom .row:last-child [class*='col-']:last-child .featured-item.bottom-icon h5 ,
.feuture-bottom .row:last-child [class*='col-']:last-child .featured-item.bottom-icon p ,
.feuture-bottom .row:last-child [class*='col-']:last-child .featured-item.bottom-icon .featured-icon i {
    color: #ffffff;
}
.whyus .featured-title h5 {
    color: #e7b220;
}
.featured-desc p{
    text-align: center;
    color: #e5e5e5;
}
.whyus_bg{

    background: url(../../uploads/whyus.jpg) no-repeat left center;
    background-size: cover;
    background-position: center;
    padding: 0;

}
.whyus-overlay{
    background-color: #000000ba;
}
/*.whyus .title span {
    position: relative;
    color: #e7b220;
}
.whyus .featured-title h5 {
    color: #1e3b64;
}
.whyus .title:after {
    background: #e7b220;
    right: 30px;
}*/


/* prodact  */
.portfolio-filter button{
	float: right;
}
.portfolio-item a.popup:hover {
    background: #ffffff;
    color: #e7b220;
}
.portfolio-hover span {
    color: #9dd8f8;
}
/* */
.bg-cover{
    background-size: cover !important;
}
/* counter */
.counter i{
	background: #e7b220;
}

.counter .count-number{
	font-family: sans-serif;
}
.counter.style-3 i {
    bottom: inherit;
    right: 0;
    position: absolute;
    top: 50%;
    background: #e7b220;
    color: #ffffff;
}
.pb-7r{
    padding-bottom: 7rem !important;
}
/* contact us */
.contact_info .info_item {
    position: relative;
    padding-right: 40px;
    margin-bottom: 10px;
}

.contact_info .info_item i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    line-height: 24px;
    color: #e7b220;
    font-weight: 600;
}

.contact_info .info_item h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 0;
    color: #222222;
}

.contact_info .info_item h6 a {
    color: #222222;
    font-family: monospace,sans-serif;
    font-weight: 600;
}

.contact_info .info_item p {
    font-size: 14px;
    line-height: 24px;
    padding: 2px 0px;
}
.theme-bg .contact-info li a:hover {
    color: #e7b220;
}
.footer-social li {
    display: inline-block;
}

.footer-social a {
    color: #1e3b64;
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
    font-size: 20px;
    margin: 10px 5px;
    border: 1px solid transparent;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}
.media-icon.style-2 li:last-child{
        border-right: 1px dashed rgba(255,255,255,0.5);
}
.footer-social li a:hover {
     background-color: #e7b220;
    color: #FFFFFF;
}
.tab .nav-tabs .nav-link{
	float: right;
}
/* */
.team-member .team-social-icon ul li a:hover {
    background: #ffffff;
    color: #e7b220;
}

/* last news */
.post:hover .post-date{
	font-family: sans-serif;
}
.mediacenter{
    
    border-radius: 5px;
    padding: 10px 5px;
}
.mediacenter .owl-carousel.owl-drag .owl-item{
    border: 2px solid #9e9e9e;
    border-radius: 10px;
    padding: 5px;
}
/* contact info */
.media-icon.style-2 li i {
    background: #e7b220;
}
.media-icon.style-2 li a > bdo{
	font-family: sans-serif;
}
.media-icon.style-2 li a:hover {
    color: #ccc;
}
.contact-btn{
    left: -40px;
    top: 30%;
}
.contact-bg {
    padding: 10px 27px;
    background: #1e3b64;
    color: #FFFF;
    border-radius: 10px 10px 0 0;
}
.contact-btn:hover .contact-bg {
    background: #e7b220;
    color: #ffffff;
}
@media (max-width: 375px){
    .contact-btn{
        left: -60px;
        top: 25%;
    }
}
@media (max-width: 576px){
.contact-bg {
    padding: 10px 45px;
}
}
 .height250{
    height: 250px !important;
 }
/* testimonial */
.testimonial.style-3 {
   /* border-radius: 7px; */
    color: #1e3b64;
    /* background: #878787; */
    padding: 20px;
    margin-top: 20px;

}
.testimonial h6 {
    color: #e7b220;
    text-transform: uppercase;
    display: inline-block;
}
.testimonial label {
    color: #bebebe;
}
.testimonial.style-3 .testimonial-avatar{
    width: 40%;
}
.testimonial.style-3 .testimonial-avatar img{
    margin-right: 80%;
}
/* clint */
.clint .item img{
    border-radius: 10%;
}
.theme-bg .title:after {
    background: #e7b220;
}
/* footer */
.working-hours li{
	text-align: left;
}
.working-hours li span {
    float: right;
}

.secondary-footer {
    background: #1e3b64;
}
.scroll-top{
	bottom: 54px;
    left: 5px;
    right: auto;
}

.copyright .footer-list li a:hover {
    padding: 0;
    color: #aaaaaa;
}

/* contactus peage */
.btn{
    color: #1e3b64;
}
.theme-bg .contact-info li a {
    font-family: monospace,sans-serif;
    font-weight: 600;
    color: #ffffff;
}
.contactus-bg{
    background-image: url(../../uploads/contacts.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: unset;
    background-position: unset;
}
.contactus-bg:before{
    position: absolute;
    content: '';
    background-color:rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.theme-bg .title:after {
    background: #e7b220;
}

.form-control{
    border: 1px solid #cdcdcd;
    background: #fff;
}

/* typeprodacts peage */
.typeprodacts .item{
    padding: 3px;
    border: 1px solid #c7c7c7;
}

/* */
.formations .item{
    padding: 3px;
    border: 1px solid #c7c7c7;
}
.formations .service-description {
    background: #e2e2e2;
}

/* uinCouncil peage */
.team-member .team-description {
    width: 100%;
    padding: 30px;
    background: #e7b220;
    color: #fff;
    font-size: 20px;
}
.team-member h5 a:hover {
    color: #e7b220;
}
/* about peage */
.box{
    background-color: #ffffffa8;
    box-shadow: 0 5px 10px rgba(40, 56, 144, 0.3);
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.single-about {
    padding: 20px 5px;
    position: relative;
    overflow: hidden;
    height: 100% !important;
    background-color: #ffffff;
    border-top: 2px solid #fbf1d8;
    border-bottom: 2px solid #fbf1d8;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.single-about:hover {
    border-top: 2px solid #e7b12a;
    border-bottom: 2px solid #e7b12a;
}

.single-about img {
    width: 70px;
    margin: auto;
    border: 0;
    margin-bottom: 10px;
}

.single-about h4 {
    font-weight: 600;
    color: #203f92;
    margin-bottom: 15px
}

.single-about p {
    font-weight: 400
}

/* colleg peage */
.dean .team-member .team-description {
    width: 100%;
    padding: 10px 0;
    background: #e7b220;
    color: #fff;
    font-size: 15px;
}
.dean  .team-member:hover .team-description {
    background: #1e3b64;
    color: #ffffff;
}
/* Tables */
table {
    background:none repeat scroll 0 0 #fff;
    border: 0;
    font-size: 0.85rem;
  line-height: 1.6rem; 
  width: 100%
    }
table tr td, table tr th {padding:10px;}
table tfoot, table thead {
  background:none repeat scroll 0 0 #f5f5f5;
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
}
table tr:nth-of-type(2n) {
  background:none repeat scroll 0 0 #f5f5f5;
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
}
th {border-right:1px solid #2a416a;}
td {border-right:1px solid #2a416a;}
th, table tr:nth-of-type(2n) td {
    border-right: 1px solid #edc24a;
}
caption {
    padding: 7px;
    background: #fafafa;
    caption-side: top;
    text-align: center;
    color: #2a416a;
  }
  table tr td > p, table tr th > p {
    text-align: center;
    color: #2a416a !important;
}


hr {
    border: 2px solid #243861;
    /* border-top: 14px solid #243861; */
    clear: both;
    width: 100%;
    height: 0px;
    margin: 1.5rem auto;
}

.mision .single-about img{
    width: auto;
}
.dean .service-flip-title {
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0;
    z-index: 1;
    background: #00000078;
    padding: 10px 0;
}
/* department peage */
.depabout .text-theme {
    color: #e7b220;
}
.depabout .featured-title h5{
        color: #1e3b64;
}
.depabout .featured-desc p {
    color: #6b6b6b;
}
.depmab a.popup{
    background-color: unset;
}
.single-about span {
    font-weight: 600;
    color: #203f92;
    margin-bottom: 15px;
}

/* Galary */
.galary .team-images {
    max-height: 300px;
}
/* album */
.album .portfolio-item {
    overflow: hidden;
    position: relative;
    max-height: 300px;
    padding: 10px 5px;
}

/* video galary */
.video .team-images {
    max-height: 300px;
}


/* President */
.President .team-images {
    min-height: 300px;
    max-height: unset;
}

/* rigesterguid */
.rigesterguid p a{
    text-decoration: underline !important;
}

/* */
.widget .widget-categories li a {
    font-size: 14px;
    color: #1e3b64;
    padding-right: 0.5rem;
}
.widget .widget-categories li a:hover {
    color: #e7b220;
    padding-left: 5px;
    padding-right: 1rem;
}

/* page-title */
.page-title .title:after {
    background: #e7b220;
    
}

/* header */
.header {
    position: relative;

    }
/* navbar */
.navbar-nav li > ul {
    background: #f1f1f1;
}

.navbar-nav li > ul > li > ul{
    background-color: #dfdfdf;
} 
/* contact us */
@media (max-width: 992px){
  .contact-2 .form-info {
    right: inherit;
    position: inherit;
    top: inherit;
    transform: inherit;
    width: 100%;
    z-index: 1;
}  
}
.service-flip-title h5 {
    background: #000000a6;
    text-align: center;
    padding: 10px 0;
    border-radius: 30px;
}
body,p{
    text-align:justify;
}
@media only screen and (max-width: 600px) {
 .page-title {
       padding-bottom: 50px;
       padding-top: 80px;
  }
  .page-title h1 {
    font-size: 16px;
}
}

@media (max-width:500px) {
    .page-title {
       padding-bottom: 50px;
       padding-top: 80px;
  }
  .page-title h1 {
    font-size: 16px;
}
}
.text-weight{
    color: #ffffff;
}
.title:before, .title:after {
    right: 50%;
}
.title:after {
    background: #1e3b64;
    right: 50%;
    margin-right: 30px;

}

.text-theme {
    color: #ffffff;
}

.search-box .form-control::placeholder{
    color: #ffffff;
}
.dean .service-flip-title h5{
    background: unset; 
    border-radius: unset; 
    padding:unset; 
}

.post .post-desc {
    min-height: 197px;
}

.dark-bg .btn.btn-border {
    background: #1e3b64;
    border: 1px solid #1e3b64;
}


.dark-bg .btn::after {
    background: #e7b220;
}
@media(max-width:992px){
.logo img {
    height: 55px;
    width: 100%;
}
.navbar-brand {
    margin-left: 50px;
}
.scroll-top{
    bottom: 10px;
}
}

#alert_notif{
    display: none;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-success {
     color: #fff;
    background-color: #4CAF50;
}

.alert-error{
     color: #fff;
    background-color: #f44336;
}
@media (min-width: 992px){
    .navbar-nav .nav-link{
        font-size: 12px;
    }
}
.DQAC .title:before,.DQAC .title:after {
    right: inherit;
}
.DQAC .title:after {
    background: #1e3b64;
    right: 0;
    margin-right: 30px;
}
.DQAC hr {
    border: 2px solid #243861;
    /* border-top: 14px solid #243861; */
    clear: both;
    width: 100%;
    height: 0px;
    margin: 0.5rem auto;
}
.top-bar .top-social-list li.languages a{
    padding: 0;
    font-size: 18px;
}
.top-bar .top-social-list li.languages a:hover{
    color: #e7b220;
}


/* AG 2020 */
.testimonial.style-3 .testimonial-avatar img {
    margin-right: 100% !important;
    width: 150px;
    height: 150px;
}
.post .post-desc {
    min-height: unset;
    max-height: 197px;
    overflow: hidden;
}
.topbar-link li a:hover ,.top-bar .top-social-list li.languages a:hover{
    color: #1e3b64;
}
#preheader-wrap {
    width: 100%;
    background: rgb(231, 178, 31);
}

.top-bar {
    padding: 0;
}
#header-wrap {
    width: 100%;
    background: rgb(30, 59, 100);
}
#header-wrap .navbar-nav .nav-link {
    color: #ffffff;
}
#header-wrap.fixed-header .navbar-nav .nav-link{
    color: #1e3b64;
}
#header-wrap .navbar-nav .nav-link:hover,#header-wrap .navbar-nav .nav-link:focus,#header-wrap .navbar-nav .nav-item .nav-link.active{
    color: #e7b220;
    /*padding-left: 3px !important;
    padding-right: 3px !important;
    background: #1e3b64;*/
}
.navbar-brand {
    padding: 15px 0;
    background: #fff;
    margin-right: 0;
}
@media (max-width: 992px){
.navbar-collapse {
    background: #1d3a63;
}
#header-wrap.fixed-header .navbar-nav .nav-link {
    color: #ffffff;
}
#header-wrap {
    width: 100%;
    background: rgb(255, 255, 255);
}
.navbar-brand {
    padding: inherit;
    background: unset;
    margin-right: 0;
}
.navbar-nav .nav-link {
    font-size: 12px;
}
.navbar-nav ul a{
    font-size: 12px;
}
.navbar-toggler {
    background: #1d3a63;
}
.md-py-15 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}
.testimonial.style-3 .testimonial-avatar img {
    margin-right: 80% !important;
    }
}


/*fixed learn*/
#fixed-learn {
    background: #1e3b64;
    color: #ffffff;
    bottom: 15%;
    font-family: 'Cairo', sans-serif !important;
    padding: 15px 30px 15px 15px;
    position: fixed;
    left: -156px;
    transition: all 1s ease 0s;
    z-index: 999;
    width: 180px;
    text-align: center;
}

#fixed-learn:hover {
    left: 0
}

#fixed-learn:hover > #learn-box {
    left: 156px
}

#learn-box {
    color: #ffffff;
    background: #e7b220;
    bottom: 15%;
    height: 62px;
    position: fixed;
    left: 1px;
    text-align: center;
    transition: all 1s ease 0s;
    width: 50px;
    z-index: 999;
}

#learn-box i {
    margin: 19px 15px;
    font-size: 1.5rem;
}
#fixed-learn p{
    margin-bottom: 0;
}