/* :: 11.0 About CSS */
.about-us-area{background: url(../img/testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; background-color: #f89a44;}
.about-us-content h3 {
  font-size: 36px;
  display: block;
  margin-bottom: 5px; color:#111; text-transform: capitalize;}
 .about-us-content h3 span{/*color:#ffc500;*/ color:#fff;}
 .about-us-content p{color:#fff;}
  @media only screen and (max-width: 767px) {
    .about-us-content h3 {
      font-size: 24px; } }
.about-us-content .line {
  height: 3px;
  width: 70px;
  background-color: #033d83;
  margin-bottom: 30px; }

.about-video-area {
  position: relative;
  z-index: 1;
  border-radius: 10px; }
  .about-video-area img {
    -webkit-box-shadow: 3px 0 24px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0 24px rgba(0, 0, 0, 0.15);
    width: 100%;
    border-radius: 10px; }
  .about-video-area .video-icon a {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    height: 50px;
    width: 50px;
    display: inline-block;
    background-color: #033d83;
    text-align: center;
    line-height: 56px;
    font-size: 38px;
    border-radius: 50%; }
    .about-video-area .video-icon a::after {
      content: '';
      position: absolute;
      width: 0%;
      height: 0%;
      border-radius: 50%;
      background-color: transparent;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border: 2px solid #033d83;
      -webkit-animation: video-icon 1200ms linear infinite;
      animation: video-icon 1200ms linear infinite;
      z-index: -10; }
    .about-video-area .video-icon a:hover, .about-video-area .video-icon a:focus {
      background-color: #000000; }
      .about-video-area .video-icon a:hover::after, .about-video-area .video-icon a:focus::after {
        border: 2px solid #000000; }
		@media only screen and (max-width: 767px) {
			.about-video-area img{/*width: 92%;*/}
		}

@-webkit-keyframes video-icon {
  0% {
    width: 0;
    height: 0;
    opacity: 1; }
  50% {
    width: 100%;
    height: 100%;
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }
@keyframes video-icon {
  0% {
    width: 0;
    height: 0;
    opacity: 1; }
  50% {
    width: 100%;
    height: 100%;
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

.org-bg{background: url(../img/testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; background-color: #f89a44;}
.org-bg .sec-title-two p{color:#fff;}
.org-bg .sec-title-two h2{color:#fff;}
.org-bg .title-p{color:#fff;}

.blue-bg{background: url(../img/testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; background-color: #1595cc;}
.blue-bg .sec-title-two p{color:#fff;}
.blue-bg .sec-title-two h2{color:#fff;}
.blue-bg .title-p{color:#fff;}

.text-white .section-heading h2{font-size: 30px;line-height: 42px; color:#fff;}
.text-white .section-heading h2 span{color: #000;}
.text-white .unordered-list li, .text-white p {color:#fff;}

.mb-20{margin-bottom:20px !important;}
.color-blue{color: #208bf9; font-weight: 500;}
.color-org{color: #f89a44; font-weight: 500;}

.why-choose-us-area{background: url(../img/testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; background-color: #1595cc;}
.why-choose-us-area .sec-title-two p{color:#fff;}
.why-choose-us-area .sec-title-two h2{color:#fff;}
.why-choose-us-area .title-p{color:#fff;}

.why-choose-us-content {
  -webkit-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
  background-color: #ffffff;
  padding: 65px 30px 50px;
  border-radius: 100px 0px 100px 0px;
  box-shadow: 3px 0 15px -1px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
  margin-top: 50px; }
  .why-choose-us-content .chosse-us-icon {
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
    height: 76px;
    width: 76px;
    background-color:  #f89a44;
    display: inline-block;
    text-align: center;
    line-height: 76px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    top: -38px;
    left: 50%;
    margin-left: -38px; }
	.why-choose-us-content .chosse-us-icon .fa{line-height:75px;}
  .why-choose-us-content h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms; color: #397ff9;}
  .why-choose-us-content p {
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
    font-size: 14px;
    margin-bottom: 0;color: #636363; }
  .why-choose-us-content:hover, .why-choose-us-content:focus {
    /*background-color: #1595cc;*/ background-image: linear-gradient(177deg, #f5a862 10%, #e2710a 100%); }
    .why-choose-us-content:hover .chosse-us-icon, .why-choose-us-content:focus .chosse-us-icon {
      background-color: #f89a44;
      box-shadow: 0 5px 15px 2px rgba(255, 255, 255, 0.15); }
    .why-choose-us-content:hover h4,
    .why-choose-us-content:hover p, .why-choose-us-content:focus h4,
    .why-choose-us-content:focus p {
      color: #ffffff; }
	  /* ============================================================== 
     # Services
=================================================================== */

.services-area {
  position: relative;
  z-index: 1;padding-top: 70px;
    padding-bottom: 50px;
}
.services-area .section-heading p{margin-bottom: 15px; text-align: justify;}
.services-area.half-bg::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: url(../img/about-bg.png);
  z-index: -1;
  background-size: cover;
  background-position: left;
}

.services-area.half-bg {
  position: relative;
  z-index: 1;
}

.services-area .fixed-shape-left {
  position: absolute;
  left: -10%;
  top: 20%;
  z-index: -1;
  opacity: 0.03;
}

.services-area .services-items .item-grid:nth-child(2) {
  margin-top: 50px;
}

.services-area .services-items .single-item {
  margin-bottom: 30px;
}

.services-area .services-items .item {
  padding: 50px 30px;
  background: #ffffff;
  box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
  border-radius: 5px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.services-area .services-items .item::after {
  position: absolute;
  left: -110px;
  top: -110px;
  content: "";
  height: 100%;
  width: 100px;
  background: url(../img/shape-img1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  transform: rotate(95deg);
}

.services-area .services-items .item i {
  display: inline-block;
  font-size: 50px;
  position: relative;
  z-index: 1;
  color: #104cba;
}

.services-area .services-items .single-item:nth-child(2n) .item i {
  color: #8a49a1;
}

.services-area .services-items .item-grid:last-child .single-item:first-child .item i {
  color: #57b957;
}

.services-area .services-items .item-grid:last-child .single-item:nth-child(2n) .item i {
  color: #29b2fe;
}

.services-area .services-items .item h4 {
  font-weight: 600;
  margin-bottom: 20px;
}

.services-area .services-items .item h4 a:hover {
  color: #104cba;
}

.services-area .services-items .item span {
  color: #888888;
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

.services-area .services-items .item p {
 margin: 0; line-height: 22px; font-size: 15px;
}

.services-area .services-items .item .icon {
  display: inline-block;
  height: 90px;
  width: 90px;
  line-height: 95px;
  border-radius: 5px;
  text-align: center;
  min-width: 90px;
  margin-right: 25px;
  position: relative;
  z-index: 1;
}

.services-area .services-items .item .icon::after {
  position: absolute;
  left: 50%;
  top: 0;
  content: "";
  height: 100%;
  width: 50px;
  background: rgba(8, 106, 216, 0.07);
  border-radius: 30px;
  transform: rotate(-45deg);
  margin-left: -25px;
  transition: all 0.35s ease-in-out;
}

.services-area .services-items .item:hover .icon::after {
  left: 0;
  width: 100%;
  border-radius: 50%;
  transform: inherit;
  margin-left: 0;
}



.bg9 {
    background: url(../img/we-work-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	padding:115px 60px 115px 50px;
    border-radius: 10px 10px 10px 10px;
}
.sec-title {
  position: relative;
}
.sec-title .sub-text {
  position: relative;
  padding-left: 95px;
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #03228F;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sec-title .sub-text:after {
  content: "";
  position: absolute;
  border: 0;
  height: 4px;
  width: 50px;
  background-color: #03228F;
  z-index: 1;
  margin-left: 0;
  left: 24px;
  top: 12px;
}
.sec-title .sub-text:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  height: 4px;
  width: 12px;
  background-color: #03228F;
}
.sec-title .sub-text.new {
  color: #ffffff;
  font-size: 15px;
  padding-left: 0;
}
.sec-title .sub-text.new:before {
  display: none;
}
.sec-title .sub-text.new:after {
  display: none;
}
.sec-title .sub-text.new-text {
  padding-left: 0;
  margin-bottom: 7px;
  color: #ffffff;
}
.sec-title .sub-text.new-text:before {
  display: none;
}
.sec-title .sub-text.new-text:after {
  display: none;
}
.sec-title .sub-text.style2:after {
  background-color: #106eea;
}
.sec-title .sub-text.style2:before {
  background-color: #106eea;
}
.sec-title .sub-text.style-bg {
  background-color: #1273EB17;
  display: inline-block;
  padding: 6px 25px;
  color: #1273eb;
  border-radius: 30px;
  text-transform: uppercase;
}
.sec-title .sub-text.style-bg:before {
  display: none;
}
.sec-title .sub-text.style-bg:after {
  display: none;
}
.sec-title .sub-text.style4-bg {
  color: #03228F;
}
.sec-title .sub-text.style4-bg:before {
  background-color: #FD6509;
}
.sec-title .sub-text.style4-bg:after {
  background-color: #FD6509;
}
.sec-title .sub-text.choose {
  font-size: 16px;
  font-weight: 500;
}
.sec-title .title {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  color: #101010;
  margin: 0;
}
.sec-title .title.white-color {
  color: #ffffff;  margin: 0 0 15px 0;
}
.sec-title .desc {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.sec-title .desc.white-color {
  color: #fff;
}
.sec-title .desc-big {
  font-size: 28px;
  line-height: 48px;
  font-weight: 500;
  margin: 0;
}
.rs-process.style3 .rs-addon-number {
  /*margin: 0px -10px 0px 0px;*/ margin:0px 10px 0px 0px;
  padding:30px 30px 30px 30px;
  background-color: #F6F7F9;
  border-bottom: 7px solid #095fd0; border-radius: 8px; min-height: 347px;
}
.rs-process.style3 .rs-addon-number:hover{box-shadow: 3px 0 15px -1px rgb(0 0 0 / 15%); }
.rs-process .rs-addon-number .number-text .number-area {
    display: block;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.4;
    color: #03228f;
}
.rs-process .rs-addon-number .number-text .number-title .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #101010;
    margin-bottom: 10px;
}
.rs-process .rs-addon-number .number-text .number-txt {
    margin: 0;
    /*padding-right: 34px;*/ padding-right:0; font-size: 14px;
}
.sec-title h3{font-size: 1.5rem; margin: 0;}
.sec-title h3 span {color: #208bf9;}

.mb-20{margin-bottom: 20px !important;}
.mb-15{margin-bottom: 15px !important;}

.readon.started {
    padding: 14px 40px 14px 40px;
    background-image: linear-gradient(
220deg
, #f27c1e 0%, #dd4c23 79%);
    border-radius: 30px 30px 30px 30px;
}
.readon.discover {
    font-size: 16px;
    font-weight: 500;
    color: #032491;
    padding: 17px 30px 17px 30px;
    background: transparent;
    background-image: linear-gradient(
90deg
, #ffffff 19%, #ffffff 100%);
    border-radius: 4px 4px 4px 4px;
}
.readon.started:hover {
    background-image: linear-gradient(
180deg
, #dd4c23 19%, #f27c1e 100%);
    color: #ffffff;
}
.readon.discover.started {
    padding: 16px 30px 16px 30px;
}
.readon.discover.started:hover {
    background-image: linear-gradient(
90deg
, #f6f7f9 19%, #f6f7f9 100%);
    color: #032491;
}
.readon.discover:hover {
    background-image: linear-gradient(
90deg
, #f6f7f9 19%, #f6f7f9 100%);
}
.topbar-area.style2 {
  background-image: linear-gradient(90deg, #03228f 10%, #3596d2 100%);
  padding-top: 0px;
  padding-bottom: 0px;
}
.topbar-area.style2 .topbar-contact li {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  line-height: 50px;
}
.topbar-area.style2 .topbar-contact li span{margin:0 5px 0 0;}
.topbar-area.style2 .topbar-contact li i {
  margin-right: 5px;
}
.topbar-area.style2 .topbar-contact li i:before {
  font-size: 14px;
  color: #ffffff;
}
.topbar-area.style2 .topbar-contact li a {
  color: #ffffff;
  font-size: 14px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #2a8af5;
}
.topbar-area.style2 .topbar-contact li a:hover {
  color: #ccc;
}
.topbar-area.style2 .topbar-contact li:last-child {
  margin: 0;
  border: none;
}
.topbar-area.style2 .toolbar-sl-share ul .opening {
  color: #ffffff;
}
.topbar-area.style2 .toolbar-sl-share ul .opening em {
  border-right: 1px solid #2a8af5;
  margin-right: 5px;
  padding-right: 20px;
  font-style: normal;
}
.topbar-area.style2 .toolbar-sl-share ul .opening em i {
  margin-right: 8px;
}
.topbar-area.style2 .toolbar-sl-share ul .opening em i:before {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}
.topbar-area.style2 .toolbar-sl-share ul li {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  margin-right: 12px;
}
.topbar-area.style2 .toolbar-sl-share ul li a {
  font-size: 14px;
  color: #ffffff; background: #3596d2;
    padding: 5px 10px;
    border-radius: 100%;
}
.topbar-area.style2 .toolbar-sl-share ul li a:hover {
  color: #fff; background: #f89a44;
}
.topbar-area.style2 .toolbar-sl-share ul li:last-child {
  margin: 0;
}
.topbar-area.style2.modify1 {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.topbar-area.style2.modify1 .topbar-contact li {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 20px;
  padding-right: 20px;
}
.topbar-area.style2.modify1 .topbar-contact li a {
  border-right: unset;
}
.topbar-area.style2.modify1 .topbar-contact li:last-child {
  margin: 0;
  border: none;
}
.topbar-area.style2.modify1 .toolbar-sl-share ul .opening {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.topbar-area.style2.modify1 .toolbar-sl-share ul .opening em {
  border-right: unset;
}

/*====================================================================
13.	Inner Section
====================================================================*/

.inner-section {
    position: relative;
    padding: 120px 0px 90px;
    background: #ffffff;
}
.inner-section {
  position: relative;
  padding: 50px 0px 20px;
  background: #ffffff;
}

.inner-section:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -410px;
  width: 50%;
  height: 100%;
  /*background: #f4f5f8;*/
}

.inner-section .image-column {
  position: relative;
  margin-bottom: 30px;
}

.inner-section .image-column .inner {
  position: relative;
  display: block;
}

.inner-section .image-column .inner:before {
  content: "";
  position: absolute;
  left: 0;
  width: 15px;
  height: 280px;
  background: var(--thm-base);
  border-radius: 8px;
}

.inner-section .image-column .image-block {
  position: relative;
  display: block;
  border-radius: 7px;
  overflow: hidden;
}

.inner-section .image-column .image-block img {
  display: block;
  width: 100%;
  /*-webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -moz-filter: grayscale(100%);*/
  border-radius: 8px;
}
.inner-section .image-column:hover .image-block img{-webkit-filter: none;
  -ms-filter:none;
  -moz-filter: none;}

.inner-section .image-column .image-block:nth-child(1) {
  /*margin-left: 110px;*/
}

.inner-section .image-column .image-block:nth-child(2) {
  margin-right: 140px;
  margin-top: -170px;
}

.inner-section .text-column {
  position: relative;
  margin-bottom: 30px;
}

.inner-section .text-column .inner {
  position: relative;
  display: block;
  /*padding-left: 60px;*/
}

.inner-section .text-column .sec-title {
  margin-bottom: 35px;
}
.inner-section .text-column .sec-title h2 span{color: #208bf9;}
.inner-section .text-column .sec-title .lower-text {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  font-family: var(--thm-font);
  color: #033d83;
  line-height: 27px;
}

.inner-section .text-column .text {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.125em;
  font-family: var(--thm-b-font);
}

.inner-section .text-column .text p {
  margin-bottom:20px;
  line-height: 1.8em;
}

.inner-section .text-column .text ul {
  position: relative;
  float: left;
}

.inner-section .text-column .text ul li {
  position: relative;
  line-height: 1.7em;
  margin-bottom: 10px;
  
}
.inner-section .text-column .text ul li .fa{padding-right: 15px; font-size: 20px;
    color: #208bf9;}
/*.about-section .text-column .text ul li:before {
  content: "\f107";
  font-family: "Flaticon";
  position: absolute;
  left: 0;
  top: -1px;
  color: var(--thm-base);
  font-weight: 400;
}*/

.inner-section .text-column .text .since {
  position: relative;
  float: left;
  margin-left: 60px;
  margin-top: 10px;
}

.inner-section .text-column .text .since:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0px;
  width: 80px;
  height: 80px;
  background: #e8e9e9;
  border-radius: 50%;
}

.inner-section .text-column .text .since:after {
  content: "";
  position: absolute;
  left: -42px;
  top: 0px;
  bottom: 0px;
  border-left: 2px solid #033d83;
}

.inner-section .text-column .text .since .txt {
  position: relative;
  display: block;
  padding: 21px 5px;
  width: 90px;
  height: 90px;
  line-height: 24px;
  text-align: center;
  background: #000;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 50%;
  font-family: var(--thm-font);
  font-size: 17px;
  padding-top: 24px;
}

.inner-section .text-column .link-box {
  padding-top: 30px;
}
.unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em!important;
}
.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #208bf9;
    background: #fff;
    top: 8px;
    left: 0;
    border-radius: 50%;
}
.inner-left-sec h2{margin-bottom: 0.8em; color: #111; border-bottom: 1px solid #ccc; padding: 0 0 0.5em 0;
font-size: 1.8em;}
.inner-left-sec h2 span{color:#208bf9;}

.inner-left-sec ul.unordered-list li{margin:0 0 8px 0;}
.inner-left-sec ul.unordered-list li a {
  font-size: 15px;
  font-weight: 500;
  color:#636363;
  display: inline-block;
  line-height: 25px;
  transition: all 500ms ease;
  position: relative;
}

.inner-left-sec ul.unordered-list li a::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #208bf9;
  position: absolute;
  bottom: -5px;
  left: 0;
  transform: scale(0, 1);
  transform-origin: left center;
  transition: transform 500ms ease;
}

.inner-left-sec ul.unordered-list li:hover a::before {
  transform: scale(1, 1);
}

.inner-left-sec ul.unordered-list li a:hover {
  color:#208bf9;
}
.inner-left-sec ul.unordered-list li.active a{color:#208bf9;}
.inner-left-sec ul.unordered-list li.active a::before {
  transform: scale(1, 1);
}
.address-item .address-icon {
  display: inline-block;
  position: relative;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 100%;
  text-align: center;
  background: #ffffff;
}
.address-item .address-icon i {
  text-align: center;
  color: #106eea;
  border-radius: 100%;
  font-size: 25px;
  position: relative;
  line-height: 70px;
  z-index: 9;
  width: 100%;
  vertical-align: middle;
  margin-left: 0;
  height: auto;
}
.address-item .address-icon:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  background: #ffffff;
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: .5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: .5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
.services-add {
  background: url(../img/contact-img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  border-radius: 5px;
  padding: 50px 35px 53px;
}
.services-add .title {
  font-size: 24px;
  line-height: 42px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 30px;
}
.services-add .contact a {
  font-size: 22px;
  line-height: 40px;
  font-weight: 700;
  color: #ffffff;
}
.brochures {
  background-color:#c4d6f9;
  padding: 25px 20px 25px 20px;
  border-radius: 5px 5px 5px 5px; margin-bottom:1.5em;
}
.brochures p{font-size:14px;}


.readon {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all 0.4s;
    z-index: 1;
    background-color: transparent;
}
.readon.learn-more {
  padding:14px 20px 14px 20px;
  background-image: linear-gradient(250deg, #4e95ed 19%, #03228f 100%);
  border-radius: 30px 30px 30px 30px;color: #ffffff;
}
.readon.learn-more:hover {
  background-image: linear-gradient(180deg, #03228f 19%, #4e95ed 100%);
  color: #ffffff;
}
.readon.learn-more.pdf i {
  margin-left: 10px;
}