/*
Theme Name: SSCL
Description: SSCL
Theme URI:   https://sscl.com/
Author: SSCL
Author URI:  https://sscl.com/
Template: salient
Version: 1.0
*/


@font-face {
   font-family: "HurmeGeometricSansNo4Bold";
   src: url('assets/fonts/HurmeGeometricSansNo4Bold/font.woff2') format('woff2'), url('assets/fonts/HurmeGeometricSansNo4Bold/font.woff') format('woff');
}

@font-face {
   font-family: "HurmeGeometricSansNo3Regular";
   src: url('assets/fonts/HurmeGeometricSansNo3Regular/font.woff2') format('woff2'), url('assets/fonts/HurmeGeometricSansNo3Regular/font.woff') format('woff');
}

table,
table tr {
   background-color: transparent !important;
   border-color: #fff !important;
}

.nectar_image_with_hotspots .nectar_hotspot_wrap .nectar_hotspot {
   background-color: transparent;
}

table tr td,
table tr td a {
   opacity: 1 !important;
   color: #fff !important;
   border-color: #fff !important;
}

#search-results .result .title span {
   display: none !important;
}

body.single-post.material[data-bg-header=true] .container-wrap {
   padding-top: 0px !important;
}

/*switch styles*/
.eco-button {
   display: flex;
   align-items: center;
   gap: 7px;
   transition: all 0.3s ease-in-out;
}

.eco-button .btn {
   width: 95px;
   font-family: 'HurmeGeometricSansNo4Bold';
   font-size: 18px;
   font-weight: 700;
   color: #012563;
   padding: 0px;
}

.eco-button .btn-container {
   line-height: 0;
   cursor: pointer;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   position: relative;
}

.eco-button .btn-container i {
   display: inline-block;
   position: absolute;
   font-size: 20px;
   top: 48%;
   transform: translateY(-50%);
   color: #C4EBCB;
   right: 11px;
}

.eco-button .btn-color-mode-switch-inner {
   cursor: pointer;
   font-size: 13px;
   color: #424242;
   font-weight: 500;
}

.eco-button .btn-color-mode-switch {
   display: inline-block;
   margin: 0px;
   position: relative;
}

.eco-button .btn-color-mode-switch>.btn-color-mode-switch-inner {
   margin: 0px;
   width: 80px;
   height: 44px;
   background: #7ED99C;
   border-radius: 26px;
   overflow: hidden;
   position: relative;
   transition: all 0.3s ease;
   display: block;
}

.eco-button .btn-color-mode-switch>.btn-color-mode-switch-inner:before {
   content: attr(data-on);
   position: absolute;
   font-size: 12px;
   font-weight: 500;
   top: 7px;
   right: 20px;

}

.eco-button .btn-color-mode-switch>.btn-color-mode-switch-inner:after {
   content: attr(data-off);
   width: 36px;
   height: 26px;
   background: #00B437;
   border-radius: 26px;
   position: absolute;
   left: 4px;
   top: 4px;
   text-align: center;
   transition: all 0.3s ease;
   box-shadow: 0px 0px 6px -2px #111;
   padding: 5px 0px;
}


.eco-button .btn-color-mode-switch input[type="checkbox"] {
   display: none;
   cursor: pointer;
   position: absolute;
   width: 50px;
   height: 25px;
   opacity: 0;
   top: 0;
   z-index: 1;
   margin: 0px;
}

.eco-button .btn-color-mode-switch.active .btn-color-mode-switch-inner {
   background: #7F7F7F;
   color: #fff;
}

.eco-button .btn-color-mode-switch.active .btn-color-mode-switch-inner:after {
   content: attr(data-on);
   left: 40px;
   background: #000;
}

.eco-button .btn-color-mode-switch.active .btn-color-mode-switch-inner:before {
   content: attr(data-off);
   right: auto;
   left: 20px;
}


.logo-spacing {
   display: none;
}

#top nav ul:first-child {
   justify-content: end !important;
   padding-right: 40px;
   align-items: center;
   border-right: 1px solid #e0dbdb;
   z-index: 0 !important;
}

#header-outer #top ul.sf-menu ul {
   position: absolute;
   top: 30px;
   left: 0px;
   padding: 10px;
}


#header-outer #top ul.sf-menu ul li a {
   color: #002663 !important;
   /* font-size: 14px;
   line-height: 120%; */
}

#header-outer #top .row .col nav>ul:last-child {
   position: relative;
   margin-left: 0px;
   margin-right: 30px;
   padding: 0px 30px !important;
   border-right: 1px solid #e0dbdb;
}

.header-text {
   position: relative;
   cursor: pointer;
}

.eco-button .header-text a {
   font-size: 12px;
   color: #002663;
   padding: 0px;
   display: inline-block;
   position: relative;
   z-index: 11;
}

.eco-button .header-text .header-content {
   display: none !important;
   background-color: #332888;
   color: #fff;
   font-size: 15px;
   padding: 35px;
   text-align: left;
   border-radius: 15px;
   position: absolute;
   width: 100%;
   width: 400px;
   top: 40px;
   right: 0;
   letter-spacing: 1px;
   z-index: 10;
}

.eco-button .header-text.active .header-content {
   display: block !important;
}

.eco-button .header-text.active .header-content::before {
   content: "";
   position: absolute;
   background-color: #332888;
   width: 30px;
   height: 30px;
   top: -18px;
   right: 25px;
   border-radius: 20px;
}

.eco-button .header-text.active .header-content::after {
   content: '';
   position: absolute;
   top: -40px;
   right: 0px;
   width: 65px;
   height: 40px;
}

.eco-button .header-content a {
   color: #fff;
   text-decoration: underline;
   font-size: 15px;
}


.bg-wavy-animation {
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
}

.bg-wavy-animation>div {
   height: 100%;
}

.bg-wavy-animation svg {
   width: 100%;
   height: 100%;
}

.wavy-animation svg {
   height: 150px;
   width: 100%;
   margin-bottom: -7px;
}

.wavy-animation.rotated svg {
   transform: rotate(180deg);
}

.post-banner.banner,
.banner {
   max-width: 1245px;
   padding-bottom: 150px !important;
   margin: 0px auto !important;
}

.post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before .banner h1 {
   line-height: 100%;
}

.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
   width: 100%;
   border-radius: 50%;
}

.banner .banner-sec .banner-content a.play_button {
   width: 70px;
   height: 70px;
}

.banner .banner-sec .row_col_wrap_12_inner::after {
   content: unset;
}

.banner .banner-sec .row_col_wrap_12_inner {
   justify-content: space-between;
}

.banner .banner-sec .banner-image {
   width: 45%;
}

.post-banner.banner .banner-sec .banner-image {
   width: 42%;
}

.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
   text-align: right;
}

.post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
   text-align: left;
}

.banner .banner-sec .banner-image .img-with-aniamtion-wrap {
   position: relative;
}

.banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap::before {
   background-image: url('../../uploads/2024/02/image.png');
   top: 50%;
   left: 55%;
   width: 150%;
   height: 150%;
}

.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 125%;
   height: 125%;
   background-image: url('../../uploads/2023/12/icon_SSCL-min-1.svg');
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   transform: translate(-50%, -50%);
}

.banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
   border-radius: 50%;
}

@keyframes wheelAnimation {
   from {
      transform: translate(-50%, -50%) rotate(0deg);
   }

   to {
      transform: translate(-50%, -50%) rotate(360deg);
   }
}

.post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
   /* animation-name: reversewheelAnimation; */
}

@keyframes reversewheelAnimation {
   from {
      transform: translate(-50%, -50%) rotate(0deg);
   }

   to {
      transform: translate(-50%, -50%) rotate(-360deg);
   }
}

.banner .banner-sec .banner-content {
   width: 48%;
   padding-top: 100px !important;
}

.banner .banner-sec .banner-content a.play_button::before {
   border: 5px solid #012563;
}

.banner .banner-sec .banner-content a.play_button svg {
   width: 25px;
   height: 25px;
}

.banner .banner-sec .banner-content a.play_button path {
   fill: #012563;
}


.award-banner.banner h1,
.post-banner.banner h1 {
   margin-bottom: 30px;
}

.post-banner.banner .banner-image .img-with-aniamtion-wrap:last-child {
   right: unset;
}

.container-wrap.no-sidebar {
   padding-top: 0px !important;
}

.award-banner.banner .banner-sec .banner-content,
.post-banner.banner .banner-sec .banner-content {
   width: 44%;
   z-index: 1;
}

.deliver-sec h2 {
   max-width: 800px;
}

/* for the on tab hover change the image */

.hover-tab-list .tab-item a i.fa.fa-long-arrow-right {
   visibility: hidden;
}

.hover-tab-list .tab-item a.active-tab i.fa.fa-long-arrow-right {
   visibility: visible;
}

.partner-content,
.interest-link-sec,
.partner-about-sec {
   width: 80%;
}

.partner-about-sec {
   margin-bottom: 0px !important;
}

.partner-about-sec .row_col_wrap_12_inner::after {
   content: unset;
}

.partner-about-sec .row_col_wrap_12_inner {
   justify-content: space-between;
}

.partner-about-sec .partner-left-content {
   width: 63%;
}

.partner-about-sec .partner-left-content h3 {
   font-weight: 300;
}

.partner-about-sec .partner-right-content {
   width: 33%;
}

.partner-about-sec .partner-right-content a,
.partner-sec .interest-link a {
   line-height: 150%;
   color: #fff;
   font-weight: 700;
   transition: all 0.5s ease-in-out;
}

.partner-about-sec .partner-right-content a:hover,
.partner-sec .interest-link a:hover {
   color: #1e86c3;
}


.interest-link-sec .row_col_wrap_12_inner {
   display: flex !important;
   align-items: center;
}

@keyframes moveIt {
   0% {
      background-position: bottom left;
   }

   50% {
      background-position: top right;
   }

   100% {
      background-position: bottom left;
   }
}

.organisation-sec i,
.interest-link-sec .interest-arrow .nectar_icon i {
   color: #fff !important;
   font-size: 45px !important;
}

.interest-link-sec .interest-arrow {
   padding-right: 0px !important;
}

.partner-sec .interest-link {
   padding-left: 0px !important;
}

.interest-link-sec .interest-arrow .nectar_icon {
   padding: 0px;
}

.card-section {
   padding: 70px 0px 100px;
   border-top: 2px solid #cfc4d8;
   margin-top: 70px;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main h3 {
   font-family: "HurmeGeometricSansNo4Bold";
   font-weight: 700;
   overflow: hidden;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   height: 100px;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main .link_text::before {
   content: "\f178";
   font-family: FontAwesome;
   font-size: 50px;
   color: #fff;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main .link_text svg {
   display: none;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main .link_text {
   color: transparent !important;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .content a {
   background-color: #33268a;
}

.card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .content {
   padding: 0px;
}

.footer-bottom .span_12 {
   justify-content: space-between;
}

.footer-sec .span_12 {
   column-gap: 220px;
}

.footer-sec .footer-left {
   width: 22%;
}

.footer-sec .footer-left .nectar_icon:hover .fa.fa-twitter:before {
   filter: brightness(10);
}

.footer-sec .footer-left .fa.fa-twitter:before {
   content: "";
   background-image: url('../../uploads/2024/02/x-twitter-1.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   display: inline-block;
}

.footer-sec .footer-menu ul {
   margin: 0px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   height: 176px;
   row-gap: 10px;
   margin: 0px;
}

.footer-sec .footer-menu {
   width: 60%;
}

.footer-sec .footer-menu p {
   font-weight: 600;
}

.footer-sec .footer-menu ul li {
   list-style-type: none;
}

.footer-sec .footer-menu ul li a {
   font-size: 18px;
   color: #424142;
}

.footer-bottom .footer-policy a:hover,
.footer-sec .footer-menu ul li a:hover {
   color: #332789 !important;
}

.footer-bottom .footer-address {
   width: 65%;
}

.footer-bottom .footer-policy {
   width: 33%;
}

.footer-bottom .footer-policy a {
   color: #676767;
}

.hover-tab-list .tabbed.clearfix::after,
.hover-tab-list .tabbed.clearfix::before {
   content: unset;
}

.hover-tab-list .tabbed {
   padding-top: 50px;
   display: flex;
   justify-content: space-between;
}

.hover-tab-list .tabbed ul li a:hover {
   background-color: transparent;
}

.tabbing-list .link_wrap:hover .link_text span.line {
   animation: unset !important;
}

.tabbing-list .link_wrap .link_text svg {
   display: none;
}

.tabbing-list .link_wrap .link_text span.line {
   height: 3px;
   animation: unset;
   background-color: #414141;
   transition: all 0.3s ease-in-out;
}

.tabbing-list .link_wrap:hover .link_text span.line {
   width: 35px;
}

.tabbing-list .link_wrap .link_text span.line::after {
   content: '';
   position: absolute;
   top: 50%;
   right: 0px;
   width: 10px;
   height: 10px;
   background: linear-gradient(to right bottom, rgba(255, 255, 255, 0)0%, rgba(255, 255, 255, 0)50%, #414141 50%);
   transform: translateY(-50%) rotate(-45deg);
}

.tabbing-list .link_text span {
   font-family: "HurmeGeometricSansNo4Bold";
   color: #414141;
   font-weight: 700;
   background-color: transparent;
   /* font-size: 25px; */
   line-height: 120%;
}

.hover-tab-list .tabbed ul li a {
   font-family: "HurmeGeometricSansNo4Bold";
   color: #414141;
   font-weight: 700;
   background-color: transparent;
   font-size: 25px;
   line-height: 120%;
   padding: 0px;
   display: flex;
   align-items: center;
   gap: 20px;
}

.hover-tab-list .tabbed ul li a i {
   font-size: 40px;
   margin: 0px;
}

.hover-tab-list .tabbed ul.ui-tabs-nav {
   width: 40%;
   margin: 0px !important;
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.hover-tab-list .tabbed ul.ui-tabs-nav li {
   margin: 0px;
}

.hover-tab-list .tabbed .tab-tabs {
   width: 60%;
   padding: 0px;
}

.organisation-sec .nectar_icon_wrap .nectar_icon i {
   color: #fff !important;
}

.organisation-sec .nectar_icon_wrap .nectar_icon {
   padding: 0px;
}


.mode-popup .user-mode .iwithtext {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
   margin: 0px;
}

.mode-popup .user-mode .iwithtext .iwt-text {
   padding: 0px;
}

.mode-popup .user-mode .iwithtext .clear {
   display: none;
}

.mode-popup .user-mode .iwithtext:last-child .iwt-icon {
   background-color: #373737;
}

.mode-popup .user-mode .iwithtext .iwt-icon {
   background: green;
   position: unset;
   width: 185px;
   height: 90px;
   display: flex;
   border-radius: 45px;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.pum-container.pum-responsive.pum-responsive-small {
   width: 600px;
}

.user-mode .wpb_wrapper {
   display: flex;
   gap: 30px;
   justify-content: center;
}

.banner.vision-banner h4 {
   max-width: 500px;
}

.everything-section p {
   max-width: 70%;
   margin: 0px auto;
}

.social-section .toggle {
   margin-bottom: 25px;
   border: 1px solid #fff;
   border-radius: 100px;
   overflow: hidden;
   transition: all 0.5s ease-in-out;
}

.social-section .toggle {
   border-radius: 40px;
}

.social-section .toggle a.toggle-heading {
   background-color: #33268a;
   padding: 25px 60px 25px 25px;
}

.social-section .toggle h3+div {
   background-color: transparent;
}

.social-section .toggles .toggle .inner-toggle-wrap {
   padding: 25px;
   transition: all 0.5s ease-in-out;
}

.social-section .toggles .toggle .inner-toggle-wrap p {
   color: #fff;
}

.social-section .toggles .toggle.open .inner-toggle-wrap {
   border-top: 1px solid #fff;
}

.social-section .toggles .toggle .inner-toggle-wrap {
   border-color: transparent;
}

.social-section .toggle h3.toggle-title a {
   color: #fff;
   font-size: 26px;
   line-height: 120%;
   font-weight: bold;
}

.social-section .toggle a.toggle-heading i {
   top: 50%;
   transform: translateY(-50%);
   left: unset;
   right: 30px;
   background-color: #fff;
   color: #33268a;
   width: 20px;
   height: 20px;
   font-size: 30px;
   line-height: 120%;
   border-radius: 50%;
}

.social-section .toggle a.toggle-heading i::before {
   top: 50%;
   transform: translate(-50%, -50%);
   left: 50%;
   position: absolute;

}

/* Vision Page Ends Here */

#page-header-wrap {
   display: none;
}

/* Our Experience Page Ends Here */
.organisation-sec .fa.fa-long-arrow-right:before {
   content: "\f178";
}

.our-experience .inner-image {
   width: 100%;
}

/* Our Experience Page Ends Here */



/* TimeLine CSS Starts Here */
/* Update plugin css */
.timeline-sec .ctl-wrapper .ctl-one-sided {
   padding: 0px;
}

.timeline-sec .ctl-wrapper .timeline-main-title {
   display: none;
}

.timeline-sec .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline {
   padding: 0px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story {
   margin: 0px;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   position: unset;
   width: 100%;
   max-width: 100%;
   padding-left: 40px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-icondot,
.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-labels {
   position: unset;
   width: 70px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-labels .ctl-label-big.story-date {
   font-weight: 600;
   text-align: center !important;
   color: #7067AA;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:nth-child(2) .ctl-labels .ctl-label-big.story-date {
   position: relative;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:nth-child(2) .ctl-labels .ctl-label-big.story-date::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 150px;
   height: 149px;
   transform: translate(-50%, -50%);
   background-image: url('../../uploads/2023/12/Mask-group.svg');
   background-size: contain;
   z-index: 1;
   background-repeat: no-repeat;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:last-of-type .ctl-labels .ctl-label-big.story-date {
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #DE4500;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:last-of-type .ctl-labels .ctl-label-big.story-date::after {
   content: 'Onwards';
   font-size: 20px;
   line-height: 120%;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:last-of-type .ctl-content .ctl-description {
   padding-top: 10px;
   padding-bottom: 0px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-icondot {
   width: 120px;
   transform: unset;
   border-radius: 0%;
   height: 1px;
   margin-top: 20px;
   background: #000;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:not(:nth-child(2)) .ctl-icondot {
   background: linear-gradient(to right, #fff 10%, #000 10%, #000 58%, #FFF 58%);
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content {
   width: calc(100% - 250px);
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description,
.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-title {
   padding: 0px 20px 30px 0px;
}

.timeline-sec .ctl-wrapper .cool-timeline-wrapper.ctl-one-sided .ctl-timeline::before {
   left: 200px;
   width: 1px;
   top: 20px;
   background: linear-gradient(to bottom, #000 60%, transparent 95%) !important;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description ul {
   margin: 0px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description ul li {
   list-style-type: none;
   position: relative;
   margin-left: 12px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description ul li::before {
   content: '';
   position: absolute;
   top: 12px;
   left: -10px;
   width: 3px;
   height: 3px;
   border-radius: 50%;
   background-color: rgba(0, 0, 0, 0.8);
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description {
   line-height: 150%;
   padding: 0px 20px 30px 0px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description p {
   margin: 0px;
}

.timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description p:not(:last-of-type) {
   padding-bottom: 20px;
}

.ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:last-of-type .ctl-content .ctl-title,
.timeline-sec .ctl-wrapper .cool-timeline-wrapper .ctl-start,
.timeline-sec .ctl-wrapper .cool-timeline-wrapper .ctl-end {
   display: none;
}

/* TimeLine CSS Ends Here */



.government-banner .banner .inner-image {
   width: 100%;
}

.government-banner .banner h4 {
   margin: 30px 0px 20px;
}

.two-col-layout p {
   padding: 0px;
}

.two-col-layout .two-col-inner-layout h4,
.two-col-layout .two-col-inner-layout h3 {
   margin-bottom: 0px;
}

.two-col-layout .two-col-inner-layout>.vc_column-inner>.wpb_wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 50px;
}

.two-col-layout .two-col-inner-layout .row_col_wrap_12_inner {
   align-items: center;
   justify-content: space-between;
}

.two-col-layout .two-col-inner-layout .row_col_wrap_12_inner::after {
   content: unset;
}

.two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .image-col-layout {
   margin-bottom: 0px;
   width: 45%;
}

.two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .content-col-layout {
   width: 52%;
}

.two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .content-col-layout .wpb_wrapper {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 20px;
}

.two-col-layout .two-col-inner-layout .top-col .row_col_wrap_12_inner .content-col-layout h4 {
   width: 85%;
}

.bg-color-content p {
   padding: 0px;
}

.fact-section p,
.fact-section .provide-section p,
.fact-section .fact-types p {
   text-align: center;
   font-weight: bold;
   padding: 0px;
}

.fact-section .provide-section p,
.fact-section p {
   text-align: left;
}

.fact-section .opacity-content p {
   text-align: left;
}

.provide-section .vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
   display: flex;
   justify-content: space-evenly;
}

.provide-section .vc_col-sm-4>.vc_column-inner>.wpb_wrapper .img-with-aniamtion-wrap,
.provide-section .vc_col-sm-4>.vc_column-inner>.wpb_wrapper .wpb_text_column {
   width: 46%;
}

/* government banner Ends Here */

/* Single Post Starts Here */
body.single-post .post .content-inner {
   padding: 0px;
}

/* Single Post Ends Here */


/* Dark Preview */
.dark-preview .tabbing-list .link_text span,
.dark-preview .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-labels .ctl-label-big.story-date,
.dark-preview .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-title,
.dark-preview .social-section h2,
.dark-preview .footer-bottom .footer-policy a,
.dark-preview .footer-bottom p,
.dark-preview .footer-left p,
.dark-preview .footer-menu p span,
.dark-preview #header-outer #top nav>ul>li>a,
.dark-preview .eco-button .btn,
.dark-preview h2 span,
.dark-preview h3 span,
.dark-preview h4 span,
.dark-preview a:not(.ab-item),
.dark-preview .organisation-sec .nectar_icon_wrap .nectar_icon i,
.dark-preview .organisation-sec i,
.dark-preview .interest-link-sec .interest-arrow .nectar_icon i,
.dark-preview h1 span {
   color: #000 !important;
}

.dark-preview .footer {
   padding-top: 100px !important;
}

.dark-preview .social-section {
   padding: 50px 0px !important;
}

.dark-preview .card-section {
   padding-bottom: 70px;
}

.dark-preview .deliver-sec {
   margin: 0px;
}

.dark-preview .banner.vision-banner,
.dark-preview .banner {
   padding-bottom: 120px !important;
}

.dark-preview .eco-button .btn-container i {
   color: #7F7F7F;
}

.dark-preview #logo img,
.dark-preview .footer-left img {
   filter: grayscale(1) !important;
}

.dark-preview .banner .banner-sec .banner-content a.play_button path {
   fill: #000;
}

.dark-preview .card-section {
   border-bottom: 2px solid #000;
}

.dark-preview .social-section .toggles .toggle .inner-toggle-wrap,
.dark-preview .social-section .toggle {
   border-color: #000;
}

.dark-preview #header-outer #search-outer #search #search-box form input::placeholder,
.dark-preview #header-outer #search-outer #search #search-box form input {
   background-color: transparent !important;
   color: #000 !important;
   border-color: #000;
}

.dark-preview h1,
.dark-preview h2,
.dark-preview h3,
.dark-preview h4,
.dark-preview h5,
.dark-preview h6,
.dark-preview p,
.dark-preview span,
.dark-preview .wpb_text_column ul li,
.dark-preview #header-outer #search-outer #search #search-box form span {
   color: #000 !important;
}

.dark-preview #header-outer #search-outer #search #close .close-line {
   background-color: #000 !important;
}

.dark-preview .eco-button .header-text.active .header-content,
.dark-preview .social-section .toggle a.toggle-heading i {
   color: #fff;
   background-color: #000;
}

.dark-preview input[type=submit],
.dark-preview .eco-button .header-text .header-content p,
.dark-preview .eco-button .header-content a {
   color: #fff !important;
}

.dark-preview .tabbing-list .link_wrap .link_text span.line,
.dark-preview .eco-button .header-text.active .header-content::before {
   background-color: #000 !important;
}

.dark-preview .tabbing-list .link_wrap .link_text span.line::after {
   background: linear-gradient(to right bottom, rgba(255, 255, 255, 0)0%, rgba(255, 255, 255, 0)50%, #000 50%);
}

.dark-preview tr td,
.dark-preview .procurement-sec ul li,
.dark-preview .toggles .toggle .inner-toggle-wrap p,
.dark-preview .card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main .link_text::before,
.dark-preview .base-layer h3,
.dark-preview .citb-sec .bg-color-content p span,
.dark-preview .fact-section p span,
.dark-preview .bg-color-content h3,
.dark-preview .row .footer .footer-sec .footer-left .nectar_icon i,
.dark-preview #search-btn span::before,
.dark-preview .timeline-sec .cool_timeline .one-sided .timeline-post .timeline-meta .meta-details,
.dark-preview .timeline-sec .cool_timeline .one-sided .timeline-post .timeline-content h2 {
   color: #000 !important;
}

.dark-preview .row .footer .footer-sec .footer-left .nectar_icon:hover i {
   color: #fff !important;
}

.dark-preview .footer-sec .footer-left .nectar_icon .fa.fa-twitter:before {
   filter: brightness(0);
}

.dark-preview .footer-sec .footer-left .nectar_icon:hover .fa.fa-twitter:before {
   filter: brightness(10) invert(0);
}

.dark-preview .social-section .toggle .inner-toggle-wrap p {
   color: #000;
}

.dark-preview tr td,
.dark-preview table,
.dark-preview tr td a {
   border-color: #000 !important;
}

.dark-preview .row .footer .footer-sec .footer-left .nectar_icon:hover {
   background-color: #000 !important;
}

.dark-preview .row .footer .footer-sec .footer-left .nectar_icon,
.dark-preview .banner .banner-sec .banner-content a.play_button::before,
.dark-preview .card-section {
   border-color: #000;
}

.dark-preview h1,
.dark-preview h2,
.dark-preview h3,
.dark-preview h4,
.dark-preview h5,
.dark-preview h6,
.dark-preview p,
.dark-preview span,
.dark-preview .procurement-sec,
.dark-preview .wpb_text_column,
.dark-preview .row-bg,
.dark-preview .base-layer h4 span,
.dark-preview .base-layer .row-bg,
.dark-preview .statistic-sec.full-width-section .row-bg,
.dark-preview .everything-section h4,
.dark-preview .everything-section p,
.dark-preview .fact-types span,
.dark-preview .provide-section span,
.dark-preview .social-section .toggle a.toggle-heading,
.dark-preview .social-section span,
.dark-preview .card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .content a,
.dark-preview .card-section h4 span,
.dark-preview .interest-link-sec h4,
.dark-preview .partner-content span,
.dark-preview .partner-about-sec h4,
.dark-preview .partner-about-sec span,
.dark-preview .work-with-sec .row-bg,
.dark-preview .work-with-sec span,
.dark-preview .citb-sec .row-bg,
.dark-preview .citb-sec .bg-color-content p span,
.dark-preview .bg-color-content .column-bg-overlay,
.dark-preview .timeline-sec .cool_timeline .one-sided .timeline-post:first-child .timeline-meta::before,
.dark-preview .social-section .row-bg,
.dark-preview .banner.vision-banner .row-bg,
.dark-preview .fact-section p span,
.dark-preview .fact-section .row-bg,
.dark-preview .partner-sec .row-bg {
   background: unset !important;
}

.dark-preview textarea,
.dark-preview input,
.dark-preview .divider-wrap .divider-border {
   background-color: #000 !important;
}

.dark-preview .nectar-video-box,
.dark-preview .wpb_gallery_slidesflickity_style,
.dark-preview .nectar-shape-divider-wrap,
.dark-preview .base-top-layer,
.dark-preview .statistic-top-layer,
.dark-preview .statistic-bottom-layer,
.dark-preview .bg-wavy-animation,
.dark-preview .wavy-animation,
.dark-preview .img-with-aniamtion-wrap .hover-wrap,
.dark-preview .fact-types .img-with-aniamtion-wrap,
.dark-preview .provide-section .img-with-aniamtion-wrap,
.dark-preview .image-col-layout,
.dark-preview .social-section .nectar-shape-divider-wrap,
.dark-preview .everything-section img,
.dark-preview .organisation-sec,
.dark-preview .nectar-post-grid-item-bg-wrap,
.dark-preview .hover-tab-list .tabbed .tab-tabs,
.dark-preview .banner-image,
.dark-preview .partner-sec .nectar-shape-divider {
   display: none !important;
}

.dark-preview .grayscale-image-sec .img-with-aniamtion-wrap .hover-wrap,
.dark-preview .grayscale-image-sec .image-col-layout {
   display: block !important;
   filter: grayscale(1);
}


.dark-preview .load-more-wrap a.load-more:hover {
   background: #000 !important;
   color: #fff !important;
}

.dark-preview .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:nth-child(2) .ctl-labels .ctl-label-big.story-date::before {
   content: unset;
}

.dark-preview .post-banner.banner .banner-sec .row_col_wrap_12_inner {
   justify-content: flex-end;
}

.dark-preview .provide-section .vc_col-sm-4>.vc_column-inner>.wpb_wrapper .wpb_text_column {
   width: 90%;
}

.dark-preview .partner-sec {
   padding-top: 100px !important;
}

.dark-preview .bg-color-content .vc_column-inner {
   padding: 0px;
}

/* Work with section */

/* Other page CSS */

body #header-outer .icon-salient-search:before,
body.material #header-outer .icon-salient-search:before {
   color: #db4814;
}


.people-banner-section .banner-content h4 {
   color: #7066ab;
   text-decoration: line-through;
   max-width: 90%;
   padding-top: 16px;
}

.people-banner-section .banner {
   padding-bottom: 60px !important;
}

.dark-preview h4,
.dark-preview p,
.dark-preview .four-col-section .read_div,
.dark-preview .nectar-post-grid-item .content *,
.dark-preview .case-study-section h2,
.dark-preview .case-study-banner h2 {
   color: #000 !important;
}

.dark-preview .four-col-section .read-link::after,
.dark-preview .four-col-section .read-link:hover:after,
.dark-preview .our-leaders-section .read-link:hover::after,
.dark-preview .our-leaders-section .read-link::after {
   border-left-color: #000;
}

.dark-preview .four-col-section .read-link::before,
.dark-preview .four-col-section .read-link:hover::before,
.dark-preview .our-leaders-section .read-link:hover::before,
.dark-preview .our-leaders-section .read-link::before {
   background-color: #000;
}

.dark-preview .case-study-section .row-bg {
   background-color: unset !important;
}

.dark-preview .four-col-section .nectar-shape-divider-wrap {
   display: none;
}

.dark-preview .four-col-section .read-link {
   color: transparent !important;
}

.dark-preview .four-col-section .using-bg-color {
   background-color: white !important;
}

.dark-preview .case-study-section .nectar-post-grid-item__read-more::after,
.dark-preview .case-study-section .nectar-post-grid-item .inner:hover .content .nectar-post-grid-item__read-more::after {
   border-left-color: #000;
}

.dark-preview .case-study-section .nectar-post-grid-item__read-more,
.dark-preview .case-study-section .nectar-post-grid-item .inner:hover .content .nectar-post-grid-item__read-more {
   background-color: #000 !important;
}

.dark-preview .case-study-section .nectar-post-grid-item .inner:hover .content .post-heading span {
   color: #000 !important;
}

.our-leaders-section p,
.our-leaders-section .read_div {
   text-align: center;
   color: #414141;
}

.our-leaders-section h4 {
   padding-bottom: 0px;
}

.four-col-section .read-link,
.our-leaders-section .read-link {
   position: relative;
   padding-left: 60px !important;
   background-image: unset;
   font-family: "HurmeGeometricSansNo4Bold";
   transition: all 0.3s ease-in-out !important;
}

.four-col-section .read-link::after,
.our-leaders-section .read-link::after {
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 40px;
   border-left: 8px solid #002663;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   transition: all 0.3s ease-in-out;
}

.four-col-section .read-link {
   opacity: 1 !important;
}

.four-col-section .read-link::before,
.our-leaders-section .read-link::before {
   content: '';
   position: absolute;
   transform: translateY(-50%);
   top: 50%;
   left: 5px;
   height: 3px;
   width: 35px;
   background-color: #002663;
   transition: all 0.3s ease-in-out;
}

.four-col-section .read-link::after {
   border-left-color: #fff;
}

.four-col-section .read-link::before {
   background-color: #fff;
}

.four-col-section .read-link {
   font-size: 0px;
   display: inline-block;
   background-color: transparent;
}

.four-col-section .read-link:hover:after,
.our-leaders-section .read-link:hover::after {
   border-left-color: #1e87c3;
}

.four-col-section .read-link:hover::before,
.our-leaders-section .read-link:hover::before {
   background-color: #1e87c3;
}

.our-leaders-section .read-link:hover {
   color: #1e87c3;
}

.hr-people-section .everything-section p,
#our-leaders-section .everything-section p {
   max-width: 100%;
}

.four-col-section h4,
.four-col-section p {
   color: #fff;
}

.four-col-section h4 {
   margin-bottom: 30px !important;
}

.four-col-section p,
.four-col-section .read_div {
   color: #f6f5f9;
}

.four-col-section .read_div {
   padding: 25px 0px;
}

.four-col-section .read-link:focus {
   color: transparent;
}

.case-study-section .post-heading span {
   color: #022864 !important;
   font-family: 'HurmeGeometricSansNo4Bold';
   font-size: 26px;
}

.case-study-section .nectar-post-grid-item__read-more {
   display: inline-block;
   height: 4px;
   width: 40px;
   margin-top: 30px;
   background-color: #332789;
   position: relative;
   transition: all 0.3s ease-in-out;
}

.case-study-section .nectar-post-grid-item__read-more::after {
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 40px;
   border-left: 8px solid #332789;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   transition: all 0.3s ease-in-out;
}

.case-study-section .nectar-post-grid-item .inner .nectar-post-grid-item-bg-wrap img {
   transition: all 0.3s ease-in-out;
   transform: scale(1);
}

.case-study-section .nectar-post-grid-item .inner:hover .nectar-post-grid-item-bg-wrap img {
   transform: scale(1.1);
}

.case-study-section .nectar-post-grid-item .inner:hover .content .nectar-post-grid-item__read-more::after {
   border-left-color: #1e87c3;
}

.case-study-section .nectar-post-grid-item .inner:hover .content .nectar-post-grid-item__read-more {
   background-color: #1e87c3;
}

.case-study-section .nectar-post-grid-item .inner:hover .content .post-heading span {
   color: #1e87c3 !important;
}

.case-study-section .link_text {
   display: none !important;
}

.case-study-banner .banner-content h2 {
   padding-top: 16px;
   font-weight: bold;
}

.case-study-banner .banner {
   padding-bottom: 0 !important;
}

/* Start Policies page Dropdown CSS */
.policies-menu ul.menu {
   margin: 0px;
   position: relative;
   border: 1px solid #002663;
   padding: 0;
   text-align: left;
   background-color: #002663;
   color: #fff;
}

.policies-menu ul.menu li {
   list-style: none;
}
.policies-menu ul.menu > li > a {   
   padding: 10px !important;
}
.policies-menu ul.menu > li > a:hover {
   color: inherit !important;
}
.policies-menu ul.menu li a {
   display: block;
}
.policies-menu ul.menu > li {
   cursor: pointer;
   list-style: none;
}

.policies-menu ul.menu > li:before {
   content: '';
   position: absolute;
   border-bottom: 2px solid #fff;
   border-right: 2px solid #fff;
   width: 10px;
   height: 10px;
   right: 10px;
   top: 21px;
   transform: translateY(-50%) rotate(45deg);
}
.policies-menu ul.menu.open > li:before {
   transform: translateY(-1%) rotate(-135deg);
}
.policies-menu ul.menu > li .sub-menu {
   display: none;
   margin: 0px;
   position: absolute;
   width: calc(100% + 2px);
   background-color: #002663;
   border-top: 1px solid #fff;
   left: 0;
   top: 50px;
   padding: 10px;
   border: 0px;
}
.policies-menu ul.menu > li .sub-menu a:hover {
   color: #c44925;
}
.policies-menu ul.menu > li .sub-menu li:not(:last-child) {
   border-bottom: 1px solid #002663;
}
.wpb_row {
   z-index: 11;

}
/* End Policies page Dropdown CSS */
@media (max-width: 1950px) {

   .post-banner.banner,
   .banner {
      max-width: 1920px;
      max-width: calc(50% + 622px);
      margin-right: 0px !important;
   }

   .post-banner.banner {
      margin-right: auto !important;
      margin-left: 0px !important;
   }

   .provide-section .vc_col-sm-4>.vc_column-inner>.wpb_wrapper .img-with-aniamtion-wrap {
      width: 38%;
   }

   .provide-section .vc_col-sm-4>.vc_column-inner>.wpb_wrapper .wpb_text_column {
      width: 55%;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      transform: unset;
      top: -40%;
      left: -10%;
      width: 900px;
      height: 900px;
   }

   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      transform: unset;
      right: unset;
      top: -40%;
      left: -35%;
   }

   @keyframes wheelAnimation {
      from {
         transform: rotate(0deg);
      }

      to {
         transform: rotate(-360deg);
      }
   }

   @keyframes reversewheelAnimation {
      from {
         transform: rotate(0deg);
      }

      to {
         transform: rotate(360deg);
      }
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 560px;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 600px;
      border-radius: 20% 0% 40% 40%;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      border-radius: 30% 0% 20% 60%;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap::before {
      top: -45%;
      left: unset;
      right: -40%;
      width: 1000px;
      height: 1000px;
   }

}

@media (max-width: 1920px) {
   .people-banner-section .banner {
      padding-bottom: 0 !important;
   }

   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      border-radius: 0% 30% 100% 40%;
   }
}

@media (max-width:1400px) {
   .people-banner-section .banner-content h4 {
      max-width: 100%;
   }

   #top nav>ul>li>a {
      margin: 0px 5px !important;
      font-size: 14px !important;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      right: -25%;
      width: 760px;
      height: 760px;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      border-radius: 20% 0% 40% 40%;
   }

   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      left: -35%;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 500px;
      border-radius: 10% 0% 30% 70%;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap::before {
      top: -53%;
      right: -36%;
      width: 860px;
      height: 860px;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 500px;
   }

   .everything-section p {
      max-width: 100%;
   }

   .eco-button .btn {
      font-size: 18px;
      width: 90px;
   }

   #top nav ul:first-child {
      padding-right: 10px;
   }

   #header-outer #top .row .col nav>ul:last-child {
      margin-right: 10px;
      padding: 0px 20px !important;
   }

   .banner {
      padding-left: 90px !important;
      max-width: calc(1425px - 20px);
      margin-right: 0px !important;
   }

   .post-banner.banner {
      max-width: 1425px;
      padding-right: 90px !important;
      padding-left: 0px !important;
      margin-right: auto !important;
      margin-left: 0px !important;
   }

   .award-banner.banner .banner-sec .banner-content,
   .post-banner.banner .banner-sec .banner-content {
      width: 40%;
      padding-top: 50px !important;
   }

   .banner .banner-sec .banner-content {
      padding-top: 50px !important;
   }

   .footer-sec .footer-left {
      width: 270px;
   }

   .organisation-sec i,
   .interest-link-sec .interest-arrow .nectar_icon i {
      font-size: 35px !important;
   }

   .partner-sec .interest-link a,
   .hover-tab-list .tabbed ul li a {
      font-size: 22px;
      gap: 10px;
   }

   .hover-tab-list .tabbed ul li a i {
      font-size: 30px;
   }

   .hover-tab-list .tabbed ul.ui-tabs-nav {
      width: 48%;
   }

   .hover-tab-list .tabbed .tab-tabs {
      width: 48%;
   }

   .footer-sec .footer-menu {
      width: 65%;
   }

   .footer-sec .span_12 {
      justify-content: space-between;
      gap: 0px;
   }

   .footer-bottom .footer-address {
      width: 58%;
   }

   .two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .left-col-layout {
      width: 49%;
   }

   .two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .right-col-layout {
      width: 49%;
   }
}

@media (max-width: 1200px) {
   #top nav>ul>li>a {
      font-size: 13px !important;
   }

   .small-nav .eco-button {
      gap: 0px;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap::before {
      width: 168%;
      height: 168%;
      top: -50%;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 550px;
      border-radius: 10% 0% 30% 70%;
   }

   .citb-sec {
      padding-top: 0px !important;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 100%;
      border-radius: 0% 0% 40% 50%;
   }

   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      border-radius: 0% 0% 50% 50%;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      left: -10%;
      top: -45%;
   }

   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before,
   .banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      width: 150%;
      height: 150%;
   }

   #top nav ul:first-child {
      padding-right: 10px;
   }

   #header-outer #top .row .col nav>ul:last-child {
      margin-right: 15px;
      padding: 0px 15px !important;
   }

   #header-outer #logo img,
   #header-outer .logo-spacing img {
      height: 50px;
   }

   .eco-button .btn-container i {
      right: 10px;
      top: 54%;
   }

   .partner-content,
   .interest-link-sec,
   .partner-about-sec {
      width: 100%;
   }

   .footer-left img {
      width: 200px;
   }

   .eco-button .btn {
      font-size: 16px;
   }

   .card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main .link_text::before {
      font-size: 40px;
   }

   .eco-button {
      flex-direction: column;
      justify-content: center;
   }

   .before-footer .eco-button {
      align-items: flex-start;
   }

   .eco-button .btn-color-mode-switch>.btn-color-mode-switch-inner {
      width: 70px;
      height: 42px;
   }

   .eco-button .btn-color-mode-switch>.btn-color-mode-switch-inner:after {
      width: 35px;
      height: 25px;
   }

   .eco-button .btn-color-mode-switch.active .btn-color-mode-switch-inner:after {
      left: 33px;
   }

   #header-outer #top .row nav ul li a {
      margin: 0px 5px;
   }

   .deliver-sec h2 {
      max-width: 70%;
   }

   .post-banner.banner,
   .banner {
      padding-left: 90px !important;
      max-width: calc(50% + 44% + 90px);
   }

   .post-banner.banner {
      padding-bottom: 100px !important;
      padding-left: 0px !important;
      padding-right: 90px !important;
   }

   .partner-sec .interest-link a,
   .hover-tab-list .tabbed ul li a {
      font-size: 20px;
   }

   .post-banner.banner .banner-image .img-with-aniamtion-wrap:last-child {
      right: unset;
   }

}

@media (max-width: 999px) {

   .two-col-inner-layout .row_col_wrap_12_inner {
      margin: 0px !important;
   }

   .two-col-inner-layout .vc_col-sm-3 {
      width: 25% !important;
      padding: 0px !important;
      margin: 0px !important;
   }

   .tablet-two-col .vc_col-sm-4 {
      width: 50% !important;
   }

   .small-nav .eco-button {
      gap: 10px;
   }

   .our-leaders-section h4 {
      height: auto !important;
   }

   .post-banner.banner,
   .banner {
      padding-left: 0px !important;
      margin-left: auto !important;
      max-width: calc(50% + 44%);
   }

   .post-banner.banner {
      padding-right: 0px !important;
      margin-left: 0px !important;
      margin-right: auto !important;
   }

   .everything-section p {
      max-width: 70%;
   }

   body.dark-preview #slide-out-widget-area.fullscreen-alt .menuwrapper li a {
      color: #fff !important;
   }

   .eco-button .header-content p {
      line-height: 20px;
   }

   body.dark-preview div#slide-out-widget-area-bg .bg-inner {
      background-color: #7F7F7F !important;
   }

   .eco-button {
      justify-content: flex-start;
      flex-direction: row;
      align-items: center;
   }

   .footer-left.eco-button {
      justify-content: flex-start;
   }

   #header-outer #top .mobile-search {
      position: relative;
      order: 1;
      margin-right: 20px;
   }

   #header-outer #top .mobile-search::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 150%;
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      border-right: 1px solid #e0dbdb;
      border-left: 1px solid #e0dbdb;
   }

   .card-section .cards .nectar-post-grid .nectar-post-grid-item .inner .item-main h3 {
      height: 60px;
   }

   .organisation-sec .organisation-content {
      width: 88%;
   }

   .organisation-sec .arrow {
      width: auto;
      margin: 0px !important
   }

   #top .span_9 {
      flex-direction: row-reverse;
   }

   .award-banner.banner .banner-sec .banner-content,
   .post-banner.banner .banner-sec .banner-content,
   .banner .banner-sec .banner-content {
      width: 45%;
      padding-top: 30px !important;
   }

   .award-banner.banner .banner-sec .banner-content,
   .post-banner.banner .banner-sec .banner-content {
      width: 40%;
   }

   .interest-link-sec .interest-link,
   .interest-link-sec .interest-arrow {
      width: auto;
      margin: 0px !important;
   }

   .hover-tab-list .tabbed ul.ui-tabs-nav {
      text-align: left;
   }

   .partner-sec .interest-link a,
   .hover-tab-list .tabbed ul li a {
      font-size: 18px;
   }

   .card-section {
      padding: 40px 0px 80px;
      margin-top: 40px;
   }

   .footer-sec .footer-left {
      width: 100%;
   }

   .footer-bottom .footer-address,
   .footer-bottom .footer-policy,
   .footer-sec .footer-menu {
      width: 100%;
   }

   .two-col-layout .two-col-inner-layout .row_col_wrap_12_inner {
      flex-direction: column;
      align-items: center;
      gap: 30px;
   }

   .two-col-layout .two-col-inner-layout .bottom-col .row_col_wrap_12_inner {
      flex-direction: column-reverse;
   }

   .two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .image-col-layout img,
   .two-col-layout .two-col-inner-layout .top-col .row_col_wrap_12_inner .content-col-layout h4,
   .two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .content-col-layout,
   .two-col-layout .two-col-inner-layout .row_col_wrap_12_inner .image-col-layout {
      width: 100%;
   }

   .post-banner.banner,
   .banner {
      padding-bottom: 0px !important;
   }
}

@media (max-width:767px) {
   .two-col-inner-layout .vc_col-sm-3 {
      width: 50% !important;
   }

   .our-leaders-section .read-link::before {
      left: 15px;
      width: 25px;
   }

   .our-leaders-section .read-link::after {
      border-left: 7px solid #002663;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
   }

   .our-leaders-section .leader-title {
      padding-top: 50px;
      text-align: center;
   }

   .hr-banner-section .banner-sec h2 {
      padding-bottom: 50px;
   }

   .case-study-section .post-heading span {
      font-size: 24px;
   }

   .case-study-section .case-title {
      padding-top: 50px;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img,
   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img,
   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 320px;
   }

   .banner .banner-sec .banner-image .img-with-aniamtion-wrap::before,
   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap::before,
   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      width: 550px;
      height: 550px;
      left: 50%;
      right: unset;
      top: 50%;
      transform: translate(-50%, -50%);
   }


   @keyframes wheelAnimation {
      0% {
         transform: translate(-50%, -50%) rotate(0deg);
      }

      100% {
         transform: translate(-50%, -50%) rotate(-360deg);
      }
   }

   @keyframes reversewheelAnimation {
      from {
         transform: translate(-50%, -50%) rotate(0deg);
      }

      to {
         transform: translate(-50%, -50%) rotate(360deg);
      }
   }

   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner,
   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
      text-align: center;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img,
   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img,
   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      border-radius: 50%;
   }

   .pum-container.pum-responsive.pum-responsive-small {
      width: 90%;
      padding: 20px 0px;
      border-width: 20px;
   }

   .iwithtext,
   .mode-popup .user-mode .iwithtext p {
      padding: 0px;
      text-align: center;
   }

   .mode-popup .user-mode .iwithtext .iwt-icon {
      width: 130px;
      height: 70px;
   }

   .mode-popup .user-mode .iwithtext .iwt-icon img {
      width: 20px;
      height: 30px;
   }

   .post-banner.banner .banner-sec .row_col_wrap_12_inner,
   .banner .banner-sec .row_col_wrap_12_inner {
      padding-top: 150px;
      flex-direction: column-reverse;
      align-items: center;
      gap: 150px;
   }

   .post-banner.banner .banner-sec .row_col_wrap_12_inner {
      flex-direction: column;
   }

   .post-banner.banner,
   .banner {
      padding-left: 0px !important;
      margin: 0px auto !important;
      width: 88% !important;
   }

   .post-banner.banner {
      padding-right: 0px !important;
      padding-top: 0px !important;
      padding-bottom: 150px !important;
   }

   .award-banner.banner .banner-sec .banner-content,
   .post-banner.banner .banner-sec .banner-content,
   .banner .banner-sec .banner-content,
   .post-banner.banner .banner-sec .banner-image,
   .banner .banner-sec .banner-image {
      width: 100%;
   }

   .deliver-sec h2 {
      max-width: 100%;
   }

   .hover-tab-list .tabbed {
      padding-top: 10px;
      flex-direction: column;
      gap: 50px;
   }

   .card-section .cards .nectar-post-grid .nectar-post-grid-item {
      width: calc(50% - 30px) !important;
   }

   .hover-tab-list .tabbed .tab-tabs {
      width: 100%;
   }

   .hover-tab-list .tabbed ul.ui-tabs-nav {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
   }

   .hover-tab-list .tabbed ul li i {
      display: none;
   }

   .hover-tab-list .tabbed ul li.active-tab a {
      color: #fff;
   }

   .hover-tab-list .tabbed ul li a {
      font-size: 16px;
   }

   .hover-tab-list .tabbed ul li.active-tab {
      background-color: #332888;
   }

   body.dark-preview .hover-tab-list .tabbed ul li.active-tab {
      background-color: #000;
   }

   body.dark-preview .hover-tab-list .tabbed ul li.active-tab a {
      color: #fff !important;
   }

   .hover-tab-list .tabbed ul li {
      background-color: #fff;
      border: 1px solid #000;
      border-radius: 10px;
      padding: 10px;
   }

   .partner-about-sec .row_col_wrap_12_inner {
      flex-direction: column;
   }

   .partner-about-sec .partner-left-content,
   .partner-about-sec .partner-right-content {
      width: 100%;
   }

   .footer-sec .footer-menu ul li {
      width: 50%;
   }

   .footer-sec .footer-menu ul {
      flex-direction: row;
      height: auto;
   }

   .footer-sec .span_12 {
      gap: 30px;
   }

   .social-section .toggle h3.toggle-title a {
      padding: 20px 40px 20px 20px;
      font-size: 22px;
   }

   /* Updated Plugin */
   .timeline-sec .ctl-wrapper .cool-timeline-wrapper.ctl-one-sided .ctl-timeline .ctl-story {
      width: 100% !important;
      padding-left: 25px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-labels {
      margin: 0px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-labels .ctl-label-big.story-date {
      font-size: 26px;
      line-height: 140%;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-title {
      font-size: 24px;
      line-height: 140%;
      padding-right: 0px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description {
      padding-right: 0px;
      line-height: 130%;
   }

   .timeline-sec .ctl-wrapper .cool-timeline-wrapper.ctl-one-sided .ctl-timeline::before {
      left: 160px !important;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:nth-child(2) .ctl-labels .ctl-label-big.story-date::before {
      width: 120px;
      height: 120px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-icondot {
      width: 80px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content {
      width: calc(100% - 190px);
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:last-of-type .ctl-labels .ctl-label-big.story-date::after {
      font-size: 18px;
   }
}

@media (max-width: 690px) {
   .tablet-two-col .vc_col-sm-4 {
      width: 100% !important;
   }

   .four-col-section .everything-section {
      max-width: 360px;
      margin: 0px auto;
   }

   .two-col-layout p,
   .citb-sec p {
      line-height: 160%;
   }

   .social-section .toggle h3.toggle-title a {
      font-size: 20px;
   }

   .social-section .toggle a.toggle-heading i {
      right: 20px;
   }

   .social-section .toggles .toggle .inner-toggle-wrap {
      padding: 20px;
   }

}


@media (max-width:575px) {

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap::before,
   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap::before,
   .banner .banner-sec .banner-image .img-with-aniamtion-wrap::before {
      width: 350px;
      height: 350px;
   }

   .banner .banner-sec .banner-image.award-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img,
   .post-banner.banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img,
   .banner .banner-sec .banner-image .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
      max-width: 210px;
   }

   .banner .banner-sec .row_col_wrap_12_inner,
   .hr-banner-section .banner .banner-sec .row_col_wrap_12_inner,
   .government-banner .banner .banner-sec .row_col_wrap_12_inner,
   .banner.vision-banner .banner-sec .row_col_wrap_12_inner,
   .post-banner.banner .banner-sec .row_col_wrap_12_inner,
   .case-study-banner .banner .banner-sec .row_col_wrap_12_inner {
      padding-top: 90px;
      gap: 100px;
   }

   .eco-button .header-text:hover .header-content {
      width: 300px;
      top: 30px;
   }

   .eco-button {
      flex-direction: column;
      align-items: flex-start;
   }

   .eco-button .btn {
      display: none;
   }

   .eco-button .btn-color-mode-switch>.btn-color-mode-switch-inner {
      height: 38px;
   }

   .eco-button .btn-color-mode-switch>.btn-color-mode-switch-inner:after {
      width: 30px;
      height: 20px;
   }

   .eco-button .btn-color-mode-switch.active .btn-color-mode-switch-inner:after {
      left: 35px;
   }

   .organisation-sec .organisation-content {
      width: 100%;
   }

   .card-section .cards .nectar-post-grid .nectar-post-grid-item {
      width: 100% !important;
   }

   /* Update Plugin css */
   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-icondot {
      order: -1;
      width: 15px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-labels {
      width: 50px;
   }

   .timeline-sec .ctl-wrapper .cool-timeline-wrapper.ctl-one-sided .ctl-timeline .ctl-story {
      padding-left: 0px;
      gap: 10px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-labels .ctl-label-big.story-date {
      font-size: 20px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story:nth-child(2) .ctl-labels .ctl-label-big.story-date::before {
      width: 85px;
      height: 85px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content {
      width: calc(100% - 85px);
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-title {
      padding-left: 15px;
      padding-bottom: 15px;
      font-size: 20px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description {
      padding-left: 15px;
      font-size: 18px;
   }

   .timeline-sec .ctl-wrapper .cool-timeline-wrapper.ctl-one-sided .ctl-timeline::before {
      left: 0px !important;
      top: 18px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-icondot {
      background: #000;
      margin-top: 17px;
   }

   .timeline-sec .ctl-wrapper .ctl-one-sided .ctl-timeline .ctl-story .ctl-content .ctl-description p:not(:last-of-type) {
      padding-bottom: 10px;
   }
}