.bg-blue {
     background: #0392ce !important
 }

 .bg-red {
     background: #d83135 !important
 }

 .bg-green {
     background: #2ECC71 !important
 }

 .bg-yellow {
     background: #F1C40F !important
 }

 .bg-purple {
     background: #8E44AD !important
 }

 .bg-orange {
     background: #E67E22 !important
 }

 .bg-dark-orange {
     background: #D35400 !important
 }

 .box-shadow-common {
     box-shadow: 0 0 15px rgba(0, 0, 0, .1);
     border-radius: 4px;
 }

 .color-theme1 {
     color: #fc654c;
     background: #E4D00A;
 }

 .color-theme2 {
     color: #00c1a1;
     background: #00c1a1;
 }

 .color-theme3 {
     color: #3498db;
     background: #E4D00A;
 }

 .color-theme4 {
     color: #ff9c00;
     background: #ff9c00;
 }

 .color-theme5 {
     color: #ed027b;
     background: #ed027b;
 }

 .color-theme6 {
     color: #58cf00;
     background: #58cf00;
 }

 ::-webkit-scrollbar {
     -webkit-appearance: none;
 }

 ::-webkit-scrollbar:vertical {
     width: 6px;
 }

 ::-webkit-scrollbar:horizontal {
     height: 6px;
 }

 ::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0, .1);
     border-radius: 6px;
     border: 1px solid #ffffff;
 }

 ::-webkit-scrollbar-track {
     border-radius: 6x;
     background-color: #ffffff;
 }

 .dropdown-content {
     display: none;
     position: absolute;
     z-index: 3;
 }

 .dropdown:hover .dropdown-content {
     display: block;
 }

 @media screen and (max-width: 600px) {
     .dropdown-content {
         display: none;
         position: relative;
         z-index: 3;
     }
 }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
     .dropdown-content {
         display: none;
         position: relative;
         z-index: 3;
     }
 }

 .email-signature h2 {
     line-height: 1;
 }

 .email-signature {
     background: #263846;
     font-family: 'Poppins', sans-serif;
     padding: 20px 60px 20px 200px;
     box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.1);
     position: relative;
     width: 550px;
     margin-top: 42px;
 }

 .email-signature:before,
 .email-signature:after {
     content: "";
     background: linear-gradient(to right bottom, #ada996, #f9f9f9);
     width: 180px;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     clip-path: polygon(0 0, 80% 0, 100% 15%, 100% 85%, 76% 100%, 0 100%);
 }

 .email-signature:after {
     background: linear-gradient(to bottom right, #fdb44e, #e28504);
     width: 50px;
     left: auto;
     right: 0;
     clip-path: none;
 }

 .email-signature .signature-icon {
     background: linear-gradient(to bottom right, #fdb44e, #e28504);
     width: 120px;
     height: 120px;
     padding: 3px;
     transform: translateY(-50%) rotate(45deg);
     position: absolute;
     left: 30px;
     top: 50%;
 }

 .email-signature .signature-icon img {
     width: 100%;
     height: auto;
     transform: rotate(-45deg);
 }

 .email-signature .signature-details {
     padding: 10px 0 10px 45px;
     position: relative;
 }

 .email-signature .signature-details .user-icon {
     color: #fff;
     background-color: #fdb44e;
     font-size: 18px;
     text-align: center;
     line-height: 50px;
     width: 35px;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
 }

 .email-signature .title {
     color: #fff;
     font-size: 22px;
     font-weight: 300;
     text-transform: capitalize;
     margin: 0;
 }

 .email-signature .title span {
     color: #fdb44e;
     font-weight: 600;
 }

 .email-signature .post {
     color: #fff;
     font-size: 14px;
     font-weight: 300;
     text-transform: capitalize;
 }

 .email-signature .signature-content {
     padding: 0 0 1px;
     margin: 0;
     list-style: none;
     position: relative;
 }

 .email-signature .signature-content:before {
     content: '';
     background: linear-gradient(#fdb44e, #e28504);
     height: 100%;
     width: 35px;
     position: absolute;
     left: 0;
     top: 0;
 }

 .email-signature .signature-content li {
     color: #fff;
     font-size: 13px;
     font-weight: 300;
     line-height: 20px;
     padding: 0 0 0 45px;
     margin: 0 0 10px;
     position: relative;
 }

 .email-signature .signature-content li i {
     color: #fff;
     font-size: 14px;
     text-align: center;
     width: 35px;
     transform: translateY(-50%);
     position: absolute;
     left: 0;
     top: 50%;
 }

 .email-signature .social-links {
     padding: 0;
     margin: 0;
     list-style: none;
     transform: translateY(-50%);
     position: absolute;
     top: 50%;
     right: 7px;
     z-index: 1;
 }

 .email-signature .social-links li a {
     color: #fff;
     font-size: 18px;
     text-align: center;
     line-height: 35px;
     width: 35px;
     height: 35px;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     display: block;
     transition: all 0.3s ease 0s;
 }

 .email-signature .social-links li #facebook:hover {
     color: #4267B2;
     text-shadow: 2px 2px 1px rgba(66, 103, 178, 0.4);
 }

 .email-signature .social-links li #twitter:hover {
     color: #00ACEE;
     text-shadow: 2px 2px 1px rgba(0, 172, 238, 0.4);
 }

 .email-signature .social-links li #instagram:hover {
     color: #4c68d7;
     text-shadow: 2px 2px 1px rgba(76, 104, 215, 0.4);
 }

 .email-signature .social-links li #linkdin:hover {
     color: #0077b5;
     text-shadow: 2px 2px 1px rgba(0, 119, 181, 0.4);
 }

 @media screen and (max-width:768px) {
     .email-signature {
         text-align: center;
         padding: 220px 0 50px 0;
         min-width: 330px;
         width: 100%;
         margin-top: 0;
     }

     .email-signature .signature-icon img {
         width: 100%;
         transform: rotate(-45deg);
     }

     .email-signature:before {
         width: 100%;
         height: 200px;
         clip-path: polygon(0 0, 100% 0, 100% 70%, 80% 100%, 20% 100%, 0 70%);
     }

     .email-signature:after {
         width: 100%;
         height: 50px;
         top: auto;
         bottom: 0;
     }

     .email-signature .signature-icon {
         top: 40px;
         left: 50%;
         transform: translateX(-50%) rotate(45deg);
     }

     .email-signature .signature-icon img {
         margin-left: -5px;
         padding-top: 12px;
     }

     .email-signature .signature-details {
         padding: 0;
         text-align: center;
         margin: 0 0 10px;
     }

     .email-signature .signature-details .user-icon {
         display: none;
     }

     .email-signature .signature-content {
         text-align: left;
         padding-top: 10px;
         margin: 0 0 15px;
         display: inline-block;
     }

     .email-signature .social-links {
         width: 100%;
         transform: translateX(50%);
         top: auto;
         bottom: 8px;
         right: 50%;
     }

     .email-signature .social-links li {
         display: inline-block;
     }
 }

 .serviceBox {
     text-align: center;
     padding: 10px 15px;
     box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.1);
     position: relative;
     z-index: 1;
     transition: all 0.3s ease 0s;
 }

 .serviceBox:before {
     content: "";
     background: #16a085;
     width: 80px;
     height: 15px;
     border-radius: 15px 15px 0 0;
     transform: translateX(-50%);
     position: absolute;
     top: -15px;
     left: 50%;
 }

 .serviceBox .service-icon {
     color: #1abc9c;
     background: #fff;
     font-size: 50px;
     line-height: 110px;
     width: 130px;
     height: 130px;
     margin: 0 auto 20px;
     border-radius: 50%;
     border: 10px solid #1abc9c;
     position: relative;
     transition: all 0.3s ease 0s;
 }

 .serviceBox:hover .service-icon {
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
 }

 .serviceBox .service-icon i {
     transition: all 0.3s ease 0s;
 }

 .serviceBox:hover .service-icon i {
     text-shadow: 0 0 2px #000;
     transform: rotateX(360deg) rotateY(360deg);
 }

 .serviceBox .service-icon:before {
     content: "";
     background: #1abc9c;
     width: 55px;
     height: 35px;
     border-radius: 0 0 15px 15px;
     transform: translateX(-50%);
     position: absolute;
     top: -35px;
     left: 50%;
 }

 .serviceBox .title {
     color: #16a085;
     font-size: 20px;
     font-weight: 600;
     margin: 0 0 10px;
     text-transform: uppercase;
 }

 .serviceBox .description {
     font-size: 15px;
     line-height: 28px;
 }

 .serviceBox.purple1:before {
     background: #8e44ad;
 }

 .serviceBox.purple1 .service-icon {
     color: #9b59b6;
     border-color: #9b59b6;
 }

 .serviceBox.purple1 .service-icon:before {
     background: #9b59b6;
 }

 .serviceBox.purple1 .title {
     color: #8e44ad;
 }

 .serviceBox.blue1:before {
     background: #2980b9;
 }

 .serviceBox.blue1 .service-icon {
     color: #3498db;
     border-color: #3498db;
 }

 .serviceBox.blue1 .service-icon:before {
     background: #3498db;
 }

 .serviceBox.blue1 .title {
     color: #2980b9;
 }

 .serviceBox.red1:before {
     background: #c0392b;
 }

 .serviceBox.red1 .service-icon {
     color: #e74c3c;
     border-color: #e74c3c;
 }

 .serviceBox.red1 .service-icon:before {
     background: #e74c3c;
 }

 .serviceBox.red1 .title {
     color: #c0392b;
 }

 .padd-0 {
     padding: 0
 }

 #section3 {
     height: 450px
 }

 .partner-section {
     border-top: 1px solid #ddd;
     padding: 10px 0
 }

 .testimonial-section {
     padding-top: 75px;
 }

 .cta-btn-sm {
     height: 28px;
     line-height: 28px;
     color: #fff;
     text-transform: uppercase;
     background: #f5a11a;
     display: inline-block;
     padding: 0 12px;
     font-size: 12px;
     font-weight: 400;
     border-radius: 2px
 }

 .cta-btn-sm:hover {
     background: #0392ce;
     color: #fff
 }

 .box-100-h {
     height: 100%;
     position: relative
 }

 .news-thumb span {
     height: 55%;
     display: block;
     overflow: hidden
 }

 .news-thumb span img {
     width: 100%
 }

 .news-cont {
     height: 45%;
     display: block;
     padding: 20px;
     background: #ececec;
     position: relative
 }

 .news-cont h2 {
     font-size: 26px;
     color: #333;
     line-height: 26px
 }

 .news-cont p {
     margin: 10px 0
 }

 .news-slider .owl-nav {
     height: 0
 }

 .news-slider .owl-nav .owl-prev span {
     border: 0;
     background-image: url(upload/slider-left-arrow.png);
     background-repeat: no-repeat;
     background-size: cover;
     left: 0;
     top: 45%;
     position: absolute;
     height: 50px;
     width: 50px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 .news-slider .owl-nav .owl-next span {
     border: 0;
     background-image: url(upload/slider-right-arrow.png);
     background-repeat: no-repeat;
     background-size: cover;
     right: 0;
     top: 45%;
     position: absolute;
     height: 50px;
     width: 50px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 .video-btn {
     width: 80px;
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .video-btn img {
     width: 100%
 }

 .video-btn:hover {
     width: 100px
 }

 .news-slider .item,
 .news-slider .news-thumb,
 .news-slider .owl-carousel,
 .news-slider .owl-item,
 .news-slider .owl-stage,
 .news-slider .owl-stage-outer {
     height: 100%
 }

 .top-aro:after {
     bottom: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(236, 236, 236, 0);
     border-bottom-color: #ececec;
     border-width: 20px;
     margin-left: -20px
 }

 .bottom-aro:after {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(236, 236, 236, 0);
     border-top-color: #ececec;
     border-width: 20px;
     z-index: 4;
     margin-left: -20px
 }

 .friendly-uni-sec {
     position: relative;
 }

 .uni-pic {
     position: relative
 }

 .uni-pic img {
     width: 100%
 }

 .uni-heading {
     background: #fff;
     outline: 8px solid rgba(255, 255, 255, .1);
     position: absolute;
     top: 100px;
     left: 50%;
     transform: translateX(-50%);
     padding: 20px 30px 15px
 }

 .uni-heading h2 {
     font-size: 50px;
     color: #d83135;
     line-height: 45px;
     display: block
 }

 .uni-heading h2 span {
     color: #333;
     display: inline-block
 }

 .uni-features {
     margin-top: -350px
 }

 .uni-feat-thumb {
     border-top: 4px solid #0392ce;
     min-height: 244px;
     position: relative;
     margin-bottom: 30px;
     background: #fff;
     display: block
 }

 .h-inner {
     background: rgba(216, 27, 30, .92);
     display: inline-block;
     padding: 16px;
     position: absolute;
     bottom: 0
 }

 .uni-feat-thumb h3 {
     font-size: 26px;
     line-height: 24px;
     color: #fff;
     margin-bottom: 3px
 }

 .uni-feat-thumb p {
     max-width: 195px;
     color: #fff;
     line-height: 16px
 }

 .uni-feat-thumb ul li {
     list-style-type: none;
     display: block;
     margin-bottom: 5px
 }

 .uni-feat-thumb ul li a {
     color: #333
 }

 .uni-feat-thumb ul li a:hover {
     text-decoration: underline !important
 }

 .uni-feat-thumb img {
     position: absolute;
     bottom: 0;
     right: 0;
     display: block
 }

 .prog-list-pnl span {
     background: #ddd;
     font-size: 16px;
     text-transform: uppercase;
     color: #fff;
     display: block;
     padding: 12px 15px;
     border-radius: 4px 4px 0 0;
     font-weight: 500
 }

 .prog-list-pnl ul {
     padding: 15px
 }

 .prog-list-pnl ul li {
     display: block;
     list-style-type: none;
     margin-bottom: 8px
 }

 .prog-list-pnl ul li a {
     color: #333;
     font-size: 14px;
     line-height: 18px
 }

 .prog-list-pnl ul li a:hover {
     color: #0392ce;
     font-weight: 500
 }

 #announcement_slider {
     background-color: #fff;
 }

 #announcements .box {
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     padding: 15px;
     width: 100%;
 }

 #announcements .box .date {
     width: 81px;
     height: 80px;
     padding: 20px 12px;
     color: #fff;
     font-weight: bold;
     float: left;
     display: inline-block;
     text-align: center;
     font-size: 16px;
     line-height: 19px;
 }

 #announcements .box .details {
     margin-left: 90px;
     display: table;
     height: 80px;
 }

 #announcements .box .details p {
     display: table-cell;
     vertical-align: middle;
     height: 80px;
     line-height: 18px;
 }

 .announcement-slider .owl-nav .owl-prev span {
     border: 0;
     background-image: url(upload/slider-left-arrow-black.png);
     background-repeat: no-repeat;
     background-size: cover;
     right: 50px;
     top: -40px;
     position: absolute;
     height: 35px;
     width: 35px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 .announcement-slider .owl-nav .owl-next span {
     border: 0;
     background-image: url(upload/slider-right-arrow-black.png);
     background-repeat: no-repeat;
     background-size: cover;
     right: 0;
     top: -40px;
     position: absolute;
     height: 35px;
     width: 35px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 .testimonial-box {
     border: 1px solid #dadada;
     padding: 0px 15px 15px 15px;
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     background: #fff;
 }

 .testimonial-box:after {
     content: "";
     position: absolute;
     height: 5px;
     background: #dadada;
     bottom: 0px;
     left: 0px;
     display: block;
     width: 100%;
 }

 .testimonial-box .color {
     height: 186px;
     margin: -100px -15px 0px -15px;
     clip-path: circle(60% at 50% 2%);
 }

 .testimonial-box .image {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     border: 4px solid #e7ebfb;
     margin: -60px auto 10px auto;
     position: relative;
     z-index: 2;
 }

 .testimonial-box .image img {
     width: 93px;
     height: 93px;
     border-radius: 50%;
     object-fit: cover;
     border: 3px solid #fff;
     object-position: top;
 }

 .testimonial-box blockquote {
     margin: 0px 0px 15px;
     height: 105px;
     overflow: auto;
     border: none;
     padding: 0px;
     border: none;
 }

 .testimonial-box blockquote p {
     color: rgba(0, 0, 0, 0.5);
     margin: 0px;
 }

 .testimonial-box h5 {
     margin-bottom: 10px;
     font-weight: 500;
 }

 .testimonial-box cite {
     font-style: normal;
     height: 66px;
     overflow: hidden;
 }

 .testimonial-box cite p {
     margin: 0px;
     font-size: 13px;
     line-height: 22px;
 }

 .testimonial-slider .owl-nav .owl-prev span {
     border: 0;
     background-image: url(upload/slider-left-arrow-black.png);
     background-repeat: no-repeat;
     background-size: cover;
     left: -35px;
     top: 40%;
     position: absolute;
     height: 50px;
     width: 50px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 .testimonial-slider .owl-nav .owl-next span {
     border: 0;
     background-image: url(upload/slider-right-arrow-black.png);
     background-repeat: no-repeat;
     background-size: cover;
     right: -35px;
     top: 40%;
     position: absolute;
     height: 50px;
     width: 50px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 @media (max-width:768px) {
     .testimonial-slider .owl-nav .owl-prev span {
         top: 35%;
         left: 0;
     }

     .testimonial-slider .owl-nav .owl-next span {
         top: 35%;
         right: 0;
     }
 }

 .test-slider .owl-nav .owl-prev span {
     border: 0;
     background-image: url(upload/slider-left-arrow-black.png);
     background-repeat: no-repeat;
     background-size: cover;
     right: 50px;
     top: -40px;
     position: absolute;
     height: 35px;
     width: 35px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 .test-slider .owl-nav .owl-next span {
     border: 0;
     background-image: url(upload/slider-right-arrow-black.png);
     background-repeat: no-repeat;
     background-size: cover;
     right: 0;
     top: -40px;
     position: absolute;
     height: 35px;
     width: 35px;
     font-size: 0;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 50%
 }

 @media only screen and (max-width: 1199px) {
     #section3 {
         height: 350px;
     }

     .news-cont {
         height: 60%;
     }

     .news-thumb span {
         height: 40%;
     }
 }

 @media only screen and (max-width: 991px) {
     .video-btn {
         width: 62px;
     }
 }

 @media only screen and (max-width: 767px) {
     #section3 {
         height: auto !important;
     }

     .h-auto {
         height: 200px;
     }

     .h-auto2 {
         height: 300px;
     }

     .h-auto-lg {
         height: 350px !important;
     }

     .test-slider .owl-nav span {
         height: 46px !important;
         width: 46px !important;
     }
 }

 @media only screen and (max-width: 567px) {
     .col-md-4.col-sm-6.col-xs-6 {
         width: 100%;
     }

     .news-l .col-xs-6 {
         width: 100%;
         margin-bottom: 10px;
     }

     .prog-list-sec-inner .pro-feat-cont-new h4 {
         top: 88px;
         width: 70%;
         left: 0;
         padding: 6px 10px;
     }

     .prog-list-sec-inner .pro-feat-cont-new {
         padding: 0em 1em;
         margin-top: 0px;
     }
 }

 @media only screen and (max-width: 479px) {
     .h-auto2 {
         width: 100%;
     }

     .news-section .h-auto-lg {
         height: 205px !important;
     }

     .cta-btn-lg {
         height: 41px;
         line-height: 41px;
         font-size: 16px;
     }

     .prog-list-sec-inner .pro-feat-cont-new h4 {
         top: 88px;
         width: 70%;
         left: 0;
         padding: 6px 10px;
     }

     .prog-list-sec-inner .pro-feat-cont-new {
         padding: 0em 1em;
         margin-top: 0px;
     }

     .prog-list-sec-inner .pro-feat-cont {
         text-align: left;
         width: 100%;
     }

     .prog-list-sec-inner .pro-feat-thumb span {
         display: block;
         margin-bottom: 10px;
     }
 }

 @media only screen and (max-width: 320px) {
     .prog-list-sec-inner .pro-feat-cont-new h4 {
         top: 88px;
         width: 70%;
         left: 0;
         padding: 6px 10px;
     }

     .prog-list-sec-inner .pro-feat-cont-new {
         padding: 0em 1em;
         margin-top: 0px;
     }
 }

 @media only screen and (max-width: 600px) {
     #content-top {
         padding-top: 115px;
     }

     #content-top1 {
         padding-top: 95px;
     }

     #content-top2 {
         padding-top: 95px;
     }

     #content-top3 {
         padding-top: 50px;
     }
 }

 @media (min-width: 576px) {
     #content-top {
         padding-top: 115px;
     }
 }

 @media (min-width: 768px) {
     #content-top {
         padding-top: 115px;
     }

     #content-top1 {
         padding-top: 95px;
     }

     #content-top2 {
         padding-top: 95px;
     }
 }

 @media (min-width: 992px) {
     #content-top {
         padding-top: 135px;
     }

     #content-top1 {
         padding-top: 115px;
     }

     #content-top2 {
         padding-top: 115px;
     }
 }

 @media (min-width: 1200px) {
     #content-top {
         padding-top: 115px;
     }

     #content-top2 {
         padding-top: 110px;
     }
 }

 @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
     #content-top {
         padding-top: 125px;
     }

     #content-top1 {
         padding-top: 95px;
     }

     #content-top2 {
         padding-top: 100px;
     }
 }

 @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
     #content-top {
         padding-top: 125px;
     }

     #content-top1 {
         padding-top: 110px;
     }
 }