@font-face {
    font-family: 'runda_boldbold';
    src: url('../fonts/runda-bold-webfont.eot');
    src: url('../fonts/runda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/runda-bold-webfont.woff2') format('woff2'),
         url('../fonts/runda-bold-webfont.woff') format('woff'),
         url('../fonts/runda-bold-webfont.ttf') format('truetype'),
         url('../fonts/runda-bold-webfont.svg#runda_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rundanormal';
    src: url('../fonts/runda-normal-webfont.eot');
    src: url('../fonts/runda-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/runda-normal-webfont.woff2') format('woff2'),
         url('../fonts/runda-normal-webfont.woff') format('woff'),
         url('../fonts/runda-normal-webfont.ttf') format('truetype'),
         url('../fonts/runda-normal-webfont.svg#rundanormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'rundanormal'; line-height: 22px; color:#606060; margin: 0; }
a { text-decoration: none; outline: none; }
a,
.sdg-section,
.news-slider .slick-prev,
.news-slider .slick-next,
.news-col,
.news-col .news-thumbs img,
.news-col .news-content .date,
.home-slider .slider-nav .slick-prev,
.home-slider .slider-nav .slick-next,
.card-slider .slick-prev,
.card-slider .slick-next,
.service-col .service-icon,
.service-col .service-content:before,
.service-col .service-imagecol:before,
.service-col .service-imagecol,
.service-col:before {
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
p { margin: 0; font-size: 18px; line-height: 24px; color: #5b5b5b; }
img { max-width: 100%; vertical-align: middle; }

.link-btn { line-height: 42px; display: inline-block; min-width: 200px; text-align: center; color: #fff; font-size: 24px; font-family: 'runda_boldbold';
    font-weight: normal; border: 1px solid #0081fb; background-color: transparent; padding: 10px;
}
.link-btn:hover { background-color: #0081fb; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; }
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.orange-bg { background-color: #ef6922; }
.blue-bg { background-color: #0081fb; }
.green-bg { background-color: #129d98; }

.row-main:before { display: table; content: " "; }
.row-main:after { clear: both; display: table; content: " "; }
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.row-main { margin-right: -15px; margin-left: -15px;}
.container-main { width: 100%; display: block; max-width: 1318px; margin: 0 auto; padding: 0px 15px;}
.heading { padding: 0 50px; margin-bottom: 40px; }
.grid-3 { width: 33.33%; float: left; padding: 0 15px; }

.service-section { padding: 110px 0 120px 0; background-repeat: repeat; }
.service-section h2 { color:#00417E; font-size: 64px; line-height: 68px; margin: 0 0 20px 0; font-family: 'runda_boldbold'; font-weight: normal; }
.service-section .row-main { margin-right: -25px; margin-left: -25px;}
.service-section .grid-3 { padding: 0px 25px;}
.service-section .heading p { max-width: 1215px; font-size: 24px; line-height: 28px; }
.service-row { padding-top: 30px; }
.service-col { position: relative; text-align: center; }
.service-col:before  { border: 2px solid #00417E; width: 100%; height: 100%; left: -20px; top: 20px; content: ''; position: absolute; }
.service-col:hover:before { left: 0; top: 0; }
.service-col .service-imagecol { position: relative; background-position: center center; background-repeat: no-repeat;
    background-size: cover; height: 605px; width: 100%; border: 2px solid #0081FB; left: 0; top: 0;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.service-col .service-imagecol:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: 0; background-color: rgba(239,105,34,0.4); }
.service-col:hover .service-imagecol { top: 20px; left: -20px; }
.service-col .service-icon { width: 210px; height: 210px; display: inline-block; margin-bottom: 20px; position: relative; padding: 10px;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
}
.service-col .service-icon img { width: 100%;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-border-radius: 100%;
}
.service-col:hover .service-icon { width: 250px; height: 250px; background-color: transparent; }
.service-col h4 { font-size: 36px; line-height: 38px; max-width: 310px; margin: 0 auto; font-family: 'runda_boldbold'; font-weight: normal; position: relative; }
.service-col h4 a { color: #fff; }
.service-col .service-content { width: 100%; padding: 15px; position: relative; }
.service-col:hover .service-imagecol:before { opacity: 1; }
.service-col.orange-border:hover .service-imagecol:before { background-color: rgba(239,105,34,0.4); }
.service-col.blue-border:hover .service-imagecol:before { background-color: rgba(0,129,251,0.5); }
.service-col.green-border:hover .service-imagecol:before { background-color: rgba(18,157,152,0.2); }
.service-col.orange-border:hover:before { border-color: #ef6922; }
.service-col.blue-border:hover:before { border-color: #0081fb; }
.service-col.green-border:hover:before { border-color: #129d98; }

.footer-section { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 769px; }
.footer-section .container-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;
}
.footer-section .footer-secontent h2 { color:#fff; font-size: 96px; line-height: 100px; margin: 0 0 40px 0; font-family: 'runda_boldbold'; font-weight: normal; max-width: 954px; }
.footer-section .footer-secontent p { color:#fff; font-size: 24px; line-height: 32px; max-width: 951px; margin: 0 0 50px 0; }

.news-section { background-repeat: repeat; padding: 140px 0 112px 0; overflow: hidden; }
.news-section h2 { color:#00417E; font-size: 64px; line-height: 68px; margin: 0 0 20px 0; font-family: 'runda_boldbold'; font-weight: normal; }
.news-section .view-btn { line-height: 40px; display: inline-block; min-width: 290px; text-align: center; color:#00417E; font-size: 24px; font-family: 'runda_boldbold';
    font-weight: normal; border: 2px solid #0081FB; background-color: transparent; padding: 10px; margin-top: 77px; margin-left: 50px;
}
.news-section .view-btn:hover { color: #fff; background-color: #0081fb; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; }

.news-col { position: relative; border: 3px solid #0081FB; padding: 35px; vertical-align: top; background-color: transparent; }
.news-col:hover { background-color: #00417e; border-color: #00417e;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}
.news-slider .slick-list { padding-top: 40px; margin: 0 -35px; overflow: visible; }
.news-slider .slick-slide { padding: 0 35px; outline: none;}
.news-col .news-thumbs { display: inline-block; overflow: hidden; width: 100%; vertical-align: top; margin-top: -75px; }
.news-col .news-thumbs img { width: 100%; }
.news-col:hover .news-thumbs img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.news-col .news-content { padding-top: 30px;}
.news-col .news-content h5 { font-family: 'runda_boldbold'; font-weight: normal; font-size: 20px; line-height: 26px; margin: 0 0 30px 0; }
.news-col .news-content h5 a { color: #00417E; }
.news-col .news-content .date { color: #00417E; font-family: 'runda_boldbold'; font-weight: normal; font-size: 20px; line-height: 26px; }
.news-col:hover .news-content h5 a,
.news-col:hover .news-content .date { color: #fff}
.news-slider .slick-prev,
.news-slider .slick-next { width: 83px; height: 83px; border: 3px solid #00417E; z-index: 1; text-align: center; outline: none; box-shadow: none;
    top: auto; bottom: -160px; right: 0; transform: none;
    -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.news-slider .slick-prev:hover,
.news-slider .slick-next:hover { background-color: #0081fb; border-color: #0081fb; }
.news-slider .slick-prev:before,
.news-slider .slick-next:before { font-family: 'FontAwesome'; opacity: 1; font-size: 60px; color: #00417E; line-height: 77px; }
.news-slider .slick-prev:hover:before,
.news-slider .slick-next:hover:before { color: #fff; }
.news-slider .slick-prev { left: auto; right: 100px; }
.news-slider .slick-next { right: 0; }
.news-slider .slick-prev:before { content: "\f104"; }
.news-slider .slick-next:before { content: "\f105"; }

.sdg-section { position: relative; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; height: 304px; }
.sdg-section:hover { background-size: 150% 150%; }
.sdg-section h2 { color:#fff; font-size: 54px; line-height: 68px; margin: 0; font-family: 'runda_boldbold'; font-weight: normal;display: inline-block; vertical-align: middle; }
.sdg-section .container-main { max-width: 1588px;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;
}
.sdg-section .sdg-btn { text-align: right; width: 15%; }
.sdg-section .more-btn { line-height: 40px; max-width: 226px; width: 100%; display: inline-block; text-align: center; color:#fff; font-size: 24px; font-family: 'runda_boldbold';
    font-weight: normal; border: 2px solid #fff; background-color: transparent; padding: 10px;
}
.sdg-section:hover .more-btn { color: #0081fb; background-color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; }
.sdg-section .sdg-content { width: 85%; padding-right: 20px; }
.row-same-height { display: table; table-layout: fixed; height: 100%; width: 100%;padding: 0 50px}
.col-same-height { display: table-cell; float: none; height: 100%; }
.col-sm-top { vertical-align: top;}
.col-sm-middle { vertical-align: middle; }
.col-sm-bottom { vertical-align: bottom; }

.home-slider { position: relative; overflow: hidden; }
.home-slider .banner-line-top { position: absolute; right: 0; top: 0; z-index: 1; }
.home-slider .banner-line-bottom { position: absolute; left: 0; bottom: 0; z-index: 1; }
.home-slider .slider-for .slick-slide { outline: none; }
.home-slidercol { color: #fff; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 800px; }
.home-slidercol:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0,65,126,0.6); }
.home-slidercol .container-main { position: relative;height: 100%; }
.home-slidercontent { padding: 20px 20px 180px 20px; margin-top: 0px; top: 50%; position: relative;
      -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%);
}
.home-slidercontent .date { font-size: 24px; line-height: 26px; color: #fff; margin-bottom: 60px; }
.home-slidercontent h1 { color:#fff; font-size: 64px; line-height: 68px; margin: 0 0 70px 0; font-family: 'runda_boldbold'; font-weight: normal; max-width: 1085px; }
.home-slidercontent .readmore-btn { line-height: 30px; display: inline-block; text-align: center; color:#fff; font-size: 24px; font-family: 'runda_boldbold';
    font-weight: normal; border: 2px solid #0081FB; background-color: transparent; padding: 15px 10px; min-width: 226px;
}
.home-slidercontent .readmore-btn:hover { background-color: #0081fb; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; }
.home-slider .slider-navrow { max-width: 1318px; margin: 0 auto; padding: 0px 35px; width: 100%; position: absolute; left: 0; right: 0; bottom: 150px; }
.home-slider .slider-nav .nav-item { color:#fff; font-size: 24px; line-height: 26px; font-family: 'runda_boldbold'; position: relative;
    font-weight: normal; vertical-align: top; text-transform: uppercase; opacity: 0.4; padding-top: 22px; outline: none;cursor: pointer;
}
.home-slider .slider-nav .slick-slide.slick-current .nav-item { opacity: 1; }
.home-slider .slider-nav .slick-slide.slick-current .nav-item:before { position: absolute; left: 0; top: 0; width: 100%; height: 6px; content: ''; background-color:#0081FB;}
.home-slider .slider-nav .slick-list:before { position: absolute; left: 0; top: 2px; width: 100%; height: 3px; content: ''; background-color:#CCCCCC;}
.home-slider .slider-nav .slick-slide { outline: none; }

.home-slider .slider-nav .slick-prev,
.home-slider .slider-nav .slick-next { width: 83px; height: 83px; border: 3px solid #fff; z-index: 1; text-align: center; outline: none; box-shadow: none;
    top: auto; bottom: -160px; right: 0; transform: none;
    -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.home-slider .slider-nav .slick-prev:hover,
.home-slider .slider-nav .slick-next:hover { background-color: #0081fb; border-color: #0081fb; }
.home-slider .slider-nav .slick-prev:before,
.home-slider .slider-nav .slick-next:before { font-family: 'FontAwesome'; opacity: 1; font-size: 60px; color: #fff; line-height: 77px; }
.home-slider .slider-nav .slick-prev:hover:before,
.home-slider .slider-nav .slick-next:hover:before { color: #fff; }
.home-slider .slider-nav .slick-prev { left: 0;  }
.home-slider .slider-nav .slick-next { right: auto; left: 98px; }
.home-slider .slider-nav .slick-prev:before { content: "\f104"; }
.home-slider .slider-nav .slick-next:before { content: "\f105"; }
.downarrow-row { text-align: center; position: absolute; bottom: 30px; left: 0; right: 0; z-index: 1; }
.downarrow-row .down { font-size: 50px; color: #fff; }

.card-section { padding: 97px 0; background-color: #1a1a1a; }
.card-section .heading { padding: 0; margin-bottom: 60px; }
.card-section .container-main { max-width: 1640px; }
.card-section h2 { color: #fff; font-size: 64px; line-height: 68px; margin: 0 0 20px 0; font-family: 'runda_boldbold'; font-weight: normal; }
.card-section p { color: #fff; font-size: 24px; line-height: 32px; }
.card-section .card-column { width: 34%; float: left; padding: 0 22px; margin-bottom: 38px; }
.card-section .card-column.large { width: 66%; }
.card-section .card-column.large .card-colmain { padding-bottom: 47.3%;}
.card-section .card-colmain { width: 100%; position: relative; padding-bottom: 100%; }
.card-section .card-colmain:before { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; border: 3px solid #fff; content: ''; z-index: 1;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.card-section .card-colmain:hover:before { left: 0; top: 0; right: 0; bottom: 0; border-color: #0081fb; }
.card-section .card-colmain:hover .card-col { left: 20px; top: 20px; right: 20px; bottom: 20px; background-color: #00417e; background-image: none !important; }
.card-section .card-col { background-position: center bottom; background-repeat: no-repeat; background-size: cover;
    position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.card-section .card-column .text { font-size: 20px; line-height: 26px; font-family: 'runda_boldbold'; font-weight: normal; color: #fff; text-align: center;
    position: absolute; padding: 0 40px; left: 0; top: 50%; width: 100%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.card-section .col-2 { float: left; width: 50%; }
.card-section .slick-list { margin-left: -22px; margin-right: -22px; }
.card-slider .slick-prev,
.card-slider .slick-next { width: 83px; height: 83px; border: 3px solid #fff; z-index: 1; text-align: center; outline: none; box-shadow: none;
    top: auto; bottom: -70px; right: 0; transform: none;
    -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.card-slider .slick-prev:hover,
.card-slider .slick-next:hover { background-color: #0081fb; border-color: #0081fb; }
.card-slider .slick-prev:before,
.card-slider .slick-next:before { font-family: 'FontAwesome'; opacity: 1; font-size: 60px; color: #fff; line-height: 77px; }
.card-slider .slick-prev:hover:before,
.card-slider .slick-next:hover:before { color: #fff; }
.card-slider .slick-prev { left: 50%; margin-left: -90px; }
.card-slider .slick-next { right: 50%; margin-right: -90px; }
.card-slider .slick-prev:before { content: "\f104"; }
.card-slider .slick-next:before { content: "\f105"; }

.card-desktop { position: relative; display: inline-block; width: 100%;}
.card-section .row-main { margin-right: -22px; margin-left: -22px; }

h1.service-sustainability:before { content: ''; float: left; margin-right: 20px;
  background-image: url('/uploads/pics/Service-Sustainability.png');
  height: 180px; width: 180px; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-position: left center;
}
h1.service-communication:before { content: ''; float: left; margin-right: 20px;
  background-image: url('/uploads/pics/Service-Communication.png');
  height: 180px; width: 180px; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-position: left center;
}
h1.service-investor:before { content: ''; float: left; margin-right: 20px;
  background-image: url('/uploads/pics/Service-Investor.png');
  height: 180px; width: 180px; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-position: left center;
}

a.readmore-btn:hover, a.readmore-btn:focus, a.view-btn:hover,
a.view-btn:focus, a.link-btn, a.link-btn:focus {color: #ffffff !important;text-decoration: none !important;}
a:hover, a:focus{text-decoration: none !important; }

.heading p {border-bottom: none !important;}
.progress.slide-progress {
  height: 2px;
  background-color: #0280FB;
  margin-bottom:0px;
  box-shadow:0px 3px 7px -2px rgba(29,64,125,1);
  z-index: 9999;
}
.heading.padding-50{
  padding: 0 50px;
}

.service-list { margin-top: 50px }
.service-list ul { list-style: none; padding: 0; }
.service-list ul li { padding-left: 3em; }
.service-list ul li:before {content: "+";font-family: FontAwesome;display: inline-block;color: #0280FB;margin-left: -1.3em;width: 1.3em;font-weight: 600;font-size: 24px;vertical-align: middle;}
.service-list ul li a{ color:#666666; font-weight: 600}
.service-section .heading p.service-title{ font-size: 16px !important; }


.banner-textmain h1.service-sustainability,
.banner-textmain h1.service-communication,
.banner-textmain h1.service-investor {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}






/* Responsive Style Start
-------------------------------------------------- */
@media (min-width: 901px) {
    .card-slider.card-slider-mobile { display: none; }
}
@media (min-width: 1400px) {
.home-slidercol {max-height: 800px; }
}
@media (max-width: 1750px) {
    .card-section .card-column { padding: 0 13px; }
    .card-section .card-colmain { padding-bottom: 96.3%;}
    .card-slider .slick-list { margin-left: -13px; margin-right: -13px;}
    .card-section .row-main { margin-right: -13px; margin-left: -13px;}
    .sdg-section .sdg-content { width: 70%;}
    .sdg-section .sdg-btn { width: 30%;}
}

@media (max-width: 1450px) {
    .card-section .col-2 { width: 100%;}
    .card-section .heading { text-align: center; }
    .card-section .card-column { padding: 0 18px; width: 36%; }
    .card-section .card-column.large { width: 64%; }
    .card-section .card-column .text { font-size: 23px; line-height: 30px; }
    .card-section .card-colmain { padding-bottom: 86.7%;}
    .card-slider .slick-list { margin-left: -18px; margin-right: -18px;}
    .card-desktop { max-width: 894px; margin: 0 auto; display: block; }
    .service-section .heading p { font-size: 20px; }
}

@media (max-width: 1360px) {
    .news-slider .slick-list { margin: 0 -25px; }
    .news-slider .slick-slide { padding: 0 25px; }
    .home-slider .slider-nav .nav-item { font-size: 18px; min-width: 270px; }
    .home-slider .banner-line-top { right: -120px; }
    .footer-section .footer-secontent h2 { font-size: 76px; line-height: 80px; }
    .news-section h2 { font-size: 54px; line-height: 56px; }
    .sdg-section h2 { font-size: 46px; line-height: 50px; }
}

@media (max-width: 1340px) {
    .service-section .row-main { margin-right: -15px; margin-left: -15px; }
    .news-slider .slick-list { margin: 0 -15px; }
    .news-slider .slick-slide { padding: 0 15px; }
}

@media (max-width: 1250px) {
    .service-col h4 { font-size: 32px; max-width: 270px; }
    .service-section .heading { text-align: center; }
}

@media (max-width: 1199px) {
    .service-col h4 { font-size: 32px; line-height: 38px; }
    .service-section .heading p { font-size: 20px;}
    .home-slidercontent h1 { font-size: 54px; }
    .home-slider .banner-line-top { right: -190px; top: -100px;}
    .card-section h2 { font-size: 54px; }
}

@media (max-width: 991px) {
    .service-section h2 { font-size: 54px; line-height: 56px; }
    .service-col h4 { font-size: 22px; line-height: 26px; }
    .service-section .grid-3 { padding: 0px 15px;}
    .service-section .heading,
    .news-section .heading { text-align: center; padding: 0 20px; }

    .service-section .grid-3 { width: 100%;}
    .service-col { margin-bottom: 36px; text-align: left; }
    .service-section .container-main { padding: 0 20px; }
    .service-col .service-imagecol { height: 223px; display: block; }
    .service-col .service-content {
        -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;
        display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;
    }
    .service-col .service-icon {min-width: 170px; margin: 0; width: 170px; height: 170px;}
    .service-col .service-content h4 { width: 100%; padding: 0 0 0 22px; max-width: 100%; font-size: 32px; line-height: 38px; }
    .service-col:hover .service-icon { width: 200px; height: 200px; min-width: 200px; padding: 0; }
    .home-slidercontent h1 { font-size: 44px; line-height: 54px; }
    .home-slider .slider-nav .nav-item { font-size: 12px; min-width: 170px;}
    .home-slider .slider-nav .slick-list { display: none; }
    .home-slider .slider-navrow { left: 45px; bottom: 250px;}
    .home-slider .banner-line-top { right: -250px;}
    .card-section { padding: 80px 0;}
    .card-section h2 { font-size: 44px; line-height: 50px; }
    .card-section p { font-size: 18px; line-height: 32px;}
    .card-slider .slick-list { margin-left: -15px; margin-right: -15px;}
    .card-section .card-column { padding: 0 15px;}
    .card-section .card-column .text { font-size: 20px; line-height: 26px;}
    .card-section .card-colmain { padding-bottom: 87.7%;}
}

@media (max-width: 900px) {
    .card-section { padding: 60px 0 165px 0;}
    .card-slider { max-width: 660px; margin: 0 auto; }
    .card-desktop { display: none; }
    .card-section .card-colmain { padding-bottom: 60%;}
    .card-slider .slick-prev,
    .card-slider .slick-next { bottom: -115px; }
}

@media (max-width: 800px) {
    .card-section h2 { font-size: 36px; line-height: 40px; }
}

@media (max-width: 767px) {
    .service-section h2,
    .news-section h2 { font-size: 36px; line-height: 42px; }
    .service-section { padding: 40px 0;}
    .service-section .heading p { font-size: 14px; line-height: 18px; }
    .service-col .service-content h4 { font-size: 24px; line-height: 28px; }
    .service-row { padding-top: 0;}
    .footer-section .footer-secontent { text-align: center; }
    .footer-section .footer-secontent h2 { font-size: 64px; line-height: 70px; }
    .news-col .news-thumbs { display: none; }
    .news-section { padding: 57px 0 130px 0;}
    .news-slider .slick-list { padding-top: 0; overflow: hidden; }
    .news-col .news-content { padding-top: 0;}
    .news-col .news-content h5 { font-size: 26px; }
    .news-section .view-btn { margin-top: 49px; margin-left: 0px;}
    .news-section .view-btnrow { text-align: center; }
    .news-slider .slick-prev,
    .news-slider .slick-next { bottom: -220px; }
    .news-slider .slick-prev::before,
    .news-slider .slick-next::before { font-size: 50px; line-height: 54px; }
    .news-slider .slick-prev { left: 50%; margin-left: -90px;}
    .news-slider .slick-next { right: 50%; margin-right: -90px; }
    .sdg-section { height: auto; padding: 50px 0; }
    .sdg-section .sdg-content { width: 100%; display: block; text-align: center; padding: 0 0 30px 0; }
    .sdg-section .sdg-btn { width: 100%; display: block; text-align: center; }
    .sdg-section .container-main { height: auto;}
    .sdg-section h2 { font-size: 36px; line-height: 36px; }

    .home-slidercol { min-height: 640px; }
    .home-slider .slider-navrow { bottom: 80px; left: 0; }
    .home-slider .slider-nav .slick-prev { bottom: 0px; left: 50%; margin-left: -90px; }
    .home-slider .slider-nav .slick-next { bottom: 0px; right: 50%; margin-right: -90px; left: auto; }
    .home-slidercontent { padding-left: 45px; padding-right: 45px; margin-top: 50px; text-align: center; }
    .home-slidercontent h1 { font-size: 36px; line-height: 40px;}
    .home-slidercontent .date { margin-bottom: 30px; }
    .home-slider .banner-line-top { right: -330px; top: -150px; }
    .home-slider .banner-line-bottom { bottom: -60px; }
}

@media (max-width: 479px) {
    .service-section h2 { font-size: 42px; line-height: 44px; }
    .service-col .service-content { padding: 30px 10px; display: block; text-align: center; }
    .service-col .service-content h4 { padding: 20px 0 0 0; }
    .service-col .service-imagecol { height: auto; }
    /*.service-col .service-icon { min-width: 100px; width: 100px; height: 100px; padding: 5px;}
    .service-col:hover .service-icon { width: 120px; height: 120px; min-width: 120px;}*/
    .service-section .heading p { display: none;}

    .footer-section { height: 529px;}
    .footer-section .footer-secontent h2 { font-size: 36px; line-height: 40px;}
    .footer-section .footer-secontent p { font-size: 18px; line-height: 22px; }
    .news-section h2 { font-size: 36px; line-height: 36px; }
    .news-section .view-btn { margin-left: 0; }

    .home-slidercontent { padding: 20px 20px 180px 20px; margin-top: 0px; top: 50%; position: relative;
      -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%);
    }
    .home-slidercontent h1 { font-size: 32px; line-height: 36px;}
    .home-slidercol .container-main { height: 100%; }
    .card-section h2 { font-size: 32px; line-height: 40px;}
    .card-section .card-colmain { padding-bottom: 275px;}
    .card-section .heading { margin-bottom: 40px; }
    .card-section .heading p { display: none; }
    .card-section .heading.padding-50 { padding: 0 20px; }
    .card-section .card-column { margin-bottom: 0; }
    .card-slider .slick-prev,
    .card-slider .slick-next { bottom: -123px; }
}

@media (max-width: 420px) {
    .service-col .service-icon { min-width: 100px; width: 100px; height: 100px; padding: 5px;}
    .service-col:hover .service-icon { width: 120px; height: 120px; min-width: 120px;}
}
/* Responsive Style End
-------------------------------------------------- */