.website_logo{
    max-width: 115px;
}
.navbar-nav{
    gap: 2rem;
}
.nav-link{
    color: var(--CC--Heading);
    border-bottom:1px solid #FFF;
}
.nav-link.active, .nav-link:hover{
    color: var(--CC--Secondary) !important;
    border-bottom:1px solid var(--CC--Secondary) !important;

}
/* .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;

} */
.eq-tb-80{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.eq-tb-48{
    padding-top: 3rem;
    padding-bottom: 3em;
}

/* Blog page CSS */

.blog_header{
    background-color: #08425D;
}
/* .blogPostContant {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
} */
.featured_blog .blogPostImg{
    height: 512px;
    position: relative;
}
.featured_blog .blogPostImg::after{
    position: absolute;
    content: "";
    inset: 0;
    background: linear-gradient(360deg, rgba(5, 51, 71, 0.6) 0%, rgba(5, 51, 71, 0) 100%);
}
.blog-list-title .divider {
    position: absolute;
    height: 2px;
    background-color: #EFBC43;
    bottom: 11px;
    width: calc(100% - 190px);
    right: 0;
    margin:0;
}

.blogFeaturelist {
    max-width: 580px;
    width: 100%;
}

.blogsideList .blogPostImg{
    height: 85px;
    width: 152px;

}
.blogsideList .blogPostImg img {
    height: 100%;
    object-fit: cover;
}
.blogListCard{
    border-bottom:1px solid var(--CC--Border);
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
}

.blogsideList .blogListCard:first-child{padding-top:0;}
.blogsideList .blogListCard:last-child{padding-bottom:0;border-bottom:0;}
/* .blogListCard:hover {
    opacity: 0.8;
} */
.blogListCard:hover .blogPostImg img{
    transition: transform .2s;
    -ms-transition: transform .2s;
-webkit-transition: transform .2s;
}
.blogListCard:hover .blogPostImg img {
    transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.blogListCard h5{
    transition: transform .4s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-listCaption{
    width: calc(100% - 152px);
}
.blogListCard:hover h5{
    text-decoration: underline;
}

.featuredBlog .blogPostImg{
    height: 390px;
    position: relative;
    background-size: cover;
    background-position: center;
}
.featuredBlog .blogPostImg::after{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    content: "";
    background: linear-gradient(360deg, rgba(5, 51, 71, 0.6) 0%, rgba(5, 51, 71, 0) 100%);
}

.input_field {
    border-radius: 0.5rem;
    border: 1px solid#D0D5DD;
    background-color: #F8FAFC;
    outline: none;
    box-shadow: none;
    line-height: 1.15;
    padding: 1.15rem 1rem 1.15rem 2.8rem;
    color: var(--cs-dark);
    resize: none;
    float: none;
    height: auto;
    width: 100%;
}
.input_field:focus{
    border-color: #5BC0ED;
}


.blogCta{
    width: 495px;
}
.camp_icon_input {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
}

.allBlogList .divider {
    width: calc(100% - 220px);
}

.card_grid_three {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card_grid_box {
    border-radius: 1rem;
    background: #FFF;
    /* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); */
    padding: 1rem 1rem 1.5rem 1rem;
    border: 1px solid #dee2e6;
}

.card_grid_box--inner {
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    padding: 0;
    text-align: center;
    align-items: center;
    height: 100%;
}

.card_grid_box:hover {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
    border-color: transparent;
}


.blog-paggination .page-item {
    margin: 0 6px;
}
.blog-paggination .page-link {
    height: 3.75rem;
    width: 3.75rem;
    justify-content: center;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0.5rem;
    color: #647787;
    font-family: 'TTCommonsPro-Normal';
    cursor: pointer;
    background-color: transparent;
}
.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.blog-paggination .page-link:hover{
    background-color: #f3f3f3;
}
.blog-paggination .page-link:focus{
    outline: none;
    box-shadow: none;
}

.blog-paggination .bl-prev.page-link, .blog-paggination .bl-next.page-link {
    background-color: #F4D17E;
}
.blog-paggination .bl-prev.page-link:hover, .blog-paggination .bl-next.page-link:hover, .blog-paggination .bl-prev.page-link.active, .blog-paggination .bl-next.page-link.active {
    background-color: #EFBC43;
}
.blog-paggination .page-link.active {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--CC--Secondary);
    border-color: var(--bs-pagination-hover-border-color);
    color: var(--CC--Heading);
    font-weight: 700;
}

.camp-with-truck {
    padding: 40px;
    grid-row-gap: 3rem;
    grid-column-gap: 3rem;
}

#contact_us_success {
    display: none;
}
.pageContactForm{
    max-width: 480px;
    width: 100%;
    border: 1px solid rgba(230, 235, 240, 0.20);
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(20px);
    padding: 2rem;
}

.pageContactForm .input_field{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.75rem 1rem 0.75rem 42px;
    gap: 0.75rem;
    height: 49px;
    border: 1px solid #D0D5DD;
    border-radius: 0.5rem;
    font-family: 'TTCommonsPro-Md';
}
.pageContactForm .input_field.input_textarea{
    height: auto;
    min-height: 124px;
 }
 .pageContactForm .input_field:focus, .pageContactForm .input_field:hover{
    border-color: var(--CC--Primary);
    outline: 1px solid  var(--CC--Primary);
 }
.pageContactForm .camp_icon_input {
    top: 0.75rem;
}

.blogListmobile .slick-track{
    display: flex;
    gap:1rem;
}

/* Blog page css end */
.slick-dots li {
    width: 0.75rem;
    height: 0.75rem;
}
.slick-dots li button {
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
}
.slick-dots li button:before {
    opacity: 1;
    width: 0.75rem;
    height: 0.75rem;
    color: #FFF;
    line-height: 12px;
    border: 1px solid var(--CC--Secondary);
    border-radius: 100px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: transparent;
    border: 1px solid var(--CC--Secondary);
    border-radius: 100px;
    background-color: var(--CC--Secondary);
}
/* Common Footer code */

.footerLogo{
    max-width: 132px;
}
.footer-link ul {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.footer-link a{
    border-bottom: 1px solid transparent;
}

.footer-link a.active, .footer-link a:hover{
    color: var(--CC--Secondary);
    border-bottom: 1px solid var(--CC--Secondary);
}

.copyCard a:hover{
    color: var(--CC--Secondary);
}

.footerNav{
    gap: 5rem;
}

.FirstCard{
    max-width: 345px;
}
.NavigationCard{
    width: 100%;
}
.copyCard{
    border-top:1px solid #FFFFFF10
}

/* Common Footer code */
.navbar-toggler{
    border:1px solid #FFF;
    /* padding: 0; */
}

.navbar-toggler-icon {
    background-image:url(../images/MenuIcon.svg);
}
.navbar-toggler:focus, .navbar-toggler.collapsed {
    border:none;
    box-shadow: inherit;
}

header{
    position: sticky;
    top: 0;
    background-color: #FFF;
    border-bottom: 1px solid #D0D5DD;
    z-index: 99;
}
header .navbar {
    padding: 1rem 0;
}
header .navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
}

.outline-btn{
    border:1px solid #0C648D;
    padding: 0.75rem;
}
.outline-btn:hover{
    background-color: #0C648D;
    color: #FFF;
}
.featuredBlog:hover{
    border-color: var(--CC--Secondary) !important;
    outline: 1px solid var(--CC--Secondary);
}
.featuredBlog:hover .readmoreLink svg {
    transform: translateX(5px);
}

.card_grid_box:hover .readmoreLink svg {
    transform: translateX(5px);
}

.nf-form .input_field{
    height: 54px;
}

/* blog detail css */
.blogHeader {
    min-height: 535px;
    padding-bottom: 0px;
    position: relative;
}
.blogHeader::after{
    background-color: var(--CC--Dark-BG);
    height: 415px;
    content: "";
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    z-index: -1;

}

.blogDetail_img {
    position: relative;
    top: 65px;
}
/* .sec-Blog-detail .container{
    padding-top: 100px;
} */
.articleList {
    /* padding: 1rem; */
    padding: 1rem 0;
    border: 1px solid rgba(208, 213, 221, 1);
    margin-top: 2rem;
    border-radius: 0.5rem;
    background: rgba(250, 253, 254, 1);
}
.articleList h5, .articleList .list-group a{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    opacity: 0.8;
}
.articleList h5{
    opacity: 1;
}
.articleList ul {
    margin: 0;
    padding: 0;
}
.articleList li {
    list-style: none;
    margin-bottom: 0.5rem;
}
.articleList li a{
    width: 100%;
    display: block;
}
.articleList li a:hover, .articleList li.active a {
    color: var(--CC--Secondary);
    text-decoration: underline !important;
}
.articleList .list-group a{
    background: transparent;
    font-family: 'gilroy-medium';
}
#simple-list-example a.active{
    color: var(--CC--Secondary) !important;
    text-decoration: underline !important;
    opacity: 1;
    font-family: 'Gilroy-Bold';
}
.articleList .list-group a:hover, .articleList .list-group.active {
    color: var(--CC--Secondary) !important;
    text-decoration: underline !important;
    opacity: 1;
    font-family: 'Gilroy-Bold';
}
.articleList .list-group-item-action:hover {
    color: var(--CC--Secondary) !important;
    text-decoration: underline !important;
    opacity: 1;
    font-family: 'Gilroy-Bold';
}
.articleList .list-group-item-action:focus{
    color: var(--CC--body) !important;
    opacity: 0.8;
    font-family: 'gilroy-medium';
}
.articleList .list-group-item.active {
    color: var(--CC--Secondary) !important;
    text-decoration: underline !important;
    position: relative;
    opacity: 1;
    font-family: 'Gilroy-Bold';
}
/* .al-conflict a span{
       opacity: 0.8;
}
.al-conflict a.active span{
    opacity: 1;  
    background-color: rgba(250, 253, 254, 1);  
} */
.al-conflict a{
    z-index: 9;
}
.al-conflict a:last-child, .al-conflict.three_anchor a:nth-last-child(2){
    display: none;
}
 .al-conflict a.active{
    z-index: 99;
    background-color: rgba(250, 253, 254, 1);
 }
 .al-conflict a:last-child.active, .al-conflict.three_anchor a:nth-last-child(2).active{
    display: block;
}
.articleList .list-group-item.active::after{
    content: "";
    position: absolute;
    width: 4px;
    background-color: var(--CC--Secondary);
    left:0;
    top:0;
    bottom:0;
    border-radius: 999px;
}
.articleList{
    position: sticky;
    top: 124px;
}
.blogDetail_img{
    background-size: cover;
    background-position: center;
    height: 470px;
}
/* blog detail css end */


/* Case Study */

.camp__header {
    background-color: var(--CC--Dark-BG);
}

/*line animation*/
.line-animation {
    display: flex;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding: 0 15%;
    position: absolute;
    top: 0;
    width: 100%;
}
.line-animation__line {
    /* background: hsla(0,0%,100%,.16); */
    background: rgba(6, 69, 99, 1);
    height: 100%;
    position: relative;
    width: 1px;
}
.line-animation__line:nth-child(4), .line-animation__line:nth-child(5), .line-animation__line:nth-child(6) {
    display: none;
}
.line-animation__glow, .line-animation__glow-2 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glow;
    animation-name: glow;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSI1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaC41djU2SDB6Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iLjI1IiB5MT0iMCIgeDI9Ii4yNSIgeTI9IjU2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIuNTA1IiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 1px;
}
.line-animation__line:nth-child(2) .line-animation__glow {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.line-animation__line:nth-child(2) .line-animation__glow-2, .line-animation__line:nth-child(3) .line-animation__glow {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.line-animation__line:nth-child(3) .line-animation__glow-2 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.line-animation__glow-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-name: glowplus;
    animation-name: glowplus;
    bottom: -100%;
}
.line-animation__line:nth-child(5) .line-animation__glow {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.line-animation__line:nth-child(5) .line-animation__glow-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@-webkit-keyframes glowplus{0%{transform:translateY(0)}to{transform:translateY(-220%)}}@keyframes glowplus{0%{transform:translateY(0)}to{transform:translateY(-220%)}}@-webkit-keyframes glow{0%{transform:translateY(0)}to{transform:translateY(-120%)}}@keyframes glow{0%{transform:translateY(0)}to{transform:translateY(-120%)}}
/*line animation*/

.logo_client {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 100%;
    flex-basis: content;
}
.logo_client > img {
    max-width: 100%;
    max-height: 100%;
}

.ClientLogos_slider{
    margin-bottom: 0;
}


.case_slider_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding: 3.75rem 3rem;
    min-height: 600px;
    place-content: flex-end;
    margin: .5rem 1.5rem;

}

.case_slider_box:hover{
    outline: 2px solid var(--CC--Secondary);
    filter: drop-shadow(0px 4px 2px rgba(52, 64, 84, 0.14));
}
.case_slider_box:hover .readmoreLink img{
    transform: translateX(5px);
}

.cs_thumb_image{
    min-height: 5rem;
    display: block;
}

.sl-prev, .sl-next {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.5rem;
    margin: 0px 5px;
    background-color: var(--CC--Primary);
    border: 0;
    transform: none;
    /* top: 50%; */
    top: auto;
    bottom: -95px;
    z-index: 1;
}
.sl-prev:hover, .sl-next:hover{
    background-color: #F3CD72;
}
.sl-prev {
    left: 50%;
    margin-left: -70px;
}
.sl-next {
    right: 50%;
    margin-right: -70px;
}

.cs_box_wrap {
    /* min-height: 400px; */
    place-content: flex-end;
}

.cs_box_wrap:hover{
    border: 1px solid var(--CC--Secondary);
    outline: 1px solid var(--CC--Secondary);
    filter: drop-shadow(0px 75px 150px rgba(52, 64, 84, 0.14));
}

.cs_box_wrap:hover .readmoreLink img{
    transform: translateX(5px);
}

.readmoreLink img, .readmoreLink svg, .common_btn img {
    transition: .3s ease all;
    position: relative;

}
.readmoreLink:hover img, .readmoreLink:hover svg, .common_btn:hover img{
    transform: translateX(5px);
}
.readmoreLink img{
    display: inline-block;
    margin-top: -4px;
}

/* Case Study END */

/* Case Study Detail */


.cs_detail_img, .cs_blank_card{
    width: calc(100% - 740px);
}

.cs_detail_caption, .cs_categories_items{
    width: 740px;
}
.camp__header.cs_detail_page{
    height: 488px;
}

.cs_featuredImg{
    /* height: 440px; */
    height: 116%;
}

.cs_detail_title{
    height: 174px;
}

.requestDemo_box {
    background-color: var(--cs-white);
    padding: 1.5rem;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    border-radius: 1rem;
    position: sticky;
    top: 120px;
}
/* Case Study Detail END */

.blog-paggination .page-link span {
    margin-top: -4px;
}

.odometer-value{
    font-family: 'Gilroy-Bold';
    letter-spacing: 1px;
}
.od-helptext {
    margin-left: 2px;
    position: relative;
    top: 2px;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    vertical-align: inherit;
}



/*  */

.progress_bar_header {
    position: fixed;
    top: 0;
    z-index: 99 !important;
    width: 100%;
    background-color: #FFF;
    z-index: 91;
    padding-top: 5px;
    color: #08425D;
    border-bottom: 1px solid #D0D5DD;
    transform: translateY(-100%);
    opacity: 0;
    transition: all 0.3s ease;
}
.progressBarTop .progress_bar_header {
    transform: translateY(0);
    opacity: 1;
}

.progress-container {
    width: 100%;
    /* height: 8px; */
    background: transparent;
    display: flex;
    align-items: end;
}
.progress-bar {
    height: 4px;
    background: #5BC0ED;
    width: 0%;
}
.progressBarTop header{
    opacity: 0;
}

/*  */
.authorImg img{
    max-width: 3.75rem;
}
.listen_card{
    padding: 0.75rem;
    border: 1px solid var(--CC--Heading);
    border-radius: 0.5rem;
    margin-top: 2rem;
    color: var(--CC--Heading);
    height: 40px;
}
.listen_card:hover{
    border: 1px solid var(--CC--Heading);
    color: var(--CC--Primary);
    background-color: var(--CC--Heading);
}
.listen_card:hover svg path{
    stroke: var(--CC--Primary);
}

.player_progress_bar{
    height: 4px;
    width: 100%;
    border-radius: 0.5rem;
    background-color: #E1E5EA;
    overflow: hidden;
}
.progress_status{
    background-color: var(--CC--Secondary);
    height: 4px;
}
.player_speed{
    border: 1px solid #D0D5DD;
    padding: 0 4px;
    border-radius: 4px;
}
.hw-24{
    height: 1.5rem;
    width: 1.5rem;
}
.progress_status {
    background-color: var(--CC--Secondary);
    height: 4px;
    display: block;
}

.playing{
    padding: 0.75rem;
    border: 1px solid var(--CC--Heading);
    border-radius: 0.5rem;
    margin-top: 2rem;
    color: var(--CC--Heading);
}
.playing svg:hover path{
    stroke: var(--CC--Primary);
}

.playing .player_speed.speed_setup{
    cursor: pointer;
}
.playing .player_speed.speed_setup:hover{
    border: 1px solid var(--CC--Primary);
    color: var(--CC--Primary);
}


/*  */

.center_slide_study.slick-slider {
    padding-bottom: 6.75rem;
    margin-bottom:0;
}
.center_slide_study .sl-prev {
    bottom: 0;
}
.center_slide_study .sl-next {
    bottom: 0;
}

.progressBarTop_hide .nobartop #KeepReadSec{
    display: none !important;
}
.progressBarTop_hide header {
    opacity: 1;
}

/* select css */

.pageContactForm select {

    /* styling */
    background-color: white;
    border: 1px solid #D0D5DD;
    border-radius: 0.5rem;
    font-family: 'TTCommonsPro-Md';
    padding: 0.75rem 1rem 0.75rem 42px;
    display: block;
    width: 100%;

    /* reset */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  /* .pageContactForm .input_field:focus, .pageContactForm .input_field:hover {
    border-color: var(--CC--Primary);
    outline: 1px solid  var(--CC--Primary);
} */

  /* arrows */

  select.minimal {
    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 20px) calc(1.2em + 2px),
      calc(100% - 15px) calc(1.2em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      0 1.5em;
    background-repeat: no-repeat;
  }

  select.minimal:focus {
    background-image:
      linear-gradient(45deg, #000 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, #000 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 15px) 1.2em,
      calc(100% - 20px) 1.2em,
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      0 1.5em;
    background-repeat: no-repeat;
    border-color: var(--CC--Primary);
    outline: 1px solid  var(--CC--Primary);
  }


  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }


  /* select css */

  .shareIcon{
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #D0D5DD;
    border-radius: 0.5rem;
    background-color: #FFF;
  }
  .shareIcon svg{
    width: 20px;
    height: 20px;
  }
  .shareIcon:hover{
    border-color: var(--CC--Heading);
    background-color: var(--CC--Heading);
  }
  .shareIcon:hover svg path{
    stroke:#FFF
  }


  /*  */

  .max1124{
    max-width: 1124px;
  }

  .max1124 .Bloginfo{
    max-width: 808px;

  }


.modal .blogCta {
    width: 100%;
}
.modal .blogCta .common_btn{
    width: auto;
}

.maxw--550{
    max-width: 550px;
}
.Sharemodal_btns a{
    height: 46px;
}

.Sharemodal_btns a:hover{
    color: #FFF;
}
.Sharemodal_btns a:hover svg path {
    stroke: #FFF;
}

.linkedin-icon:hover .linkedin_default{display: none;}
.linkedin-icon:hover .linkedin_hover{display: block !important;}
.Sharemodal_btns a.linkedin-icon:hover svg path {
    stroke: inherit;
}

.lightbgBlock{
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 32px;
    padding-right: 32px;
    min-height: 324px;
}
.servicePostcard{
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 32px;
    padding-right: 32px;
}


.sideContainer{
    width: 284px;
    min-width: 284px;
}
.contentContainer{
    width: calc(100% - 284px);
}

.blogpost-dark img{
    height: 200px;
    object-fit: cover;
}

.cs_postImg img{
    border-radius: 0 1rem 1rem 0;
}

.common_btn.bg-Heading:hover{
    background-color: #0C648D;

}

.playBtn{
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}



/*line animation*/
.line-animation {
    display: flex;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding: 0 15%;
    position: absolute;
    top: 0;
    width: 100%;
}
.line-animation__line {
    /* background: hsla(0,0%,100%,.16); */
    background: rgba(6, 69, 99, 1);
    height: 100%;
    position: relative;
    width: 1px;
}
.line-animation__line:nth-child(4), .line-animation__line:nth-child(5), .line-animation__line:nth-child(6) {
    display: none;
}
.line-animation__glow, .line-animation__glow-2 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glow;
    animation-name: glow;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSI1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaC41djU2SDB6Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iLjI1IiB5MT0iMCIgeDI9Ii4yNSIgeTI9IjU2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIuNTA1IiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 1px;
}
.line-animation__line:nth-child(2) .line-animation__glow {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.line-animation__line:nth-child(2) .line-animation__glow-2, .line-animation__line:nth-child(3) .line-animation__glow {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.line-animation__line:nth-child(3) .line-animation__glow-2 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.line-animation__glow-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-name: glowplus;
    animation-name: glowplus;
    bottom: -100%;
}
.line-animation__line:nth-child(5) .line-animation__glow {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.line-animation__line:nth-child(5) .line-animation__glow-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@-webkit-keyframes glowplus{0%{transform:translateY(0)}to{transform:translateY(-220%)}}@keyframes glowplus{0%{transform:translateY(0)}to{transform:translateY(-220%)}}@-webkit-keyframes glow{0%{transform:translateY(0)}to{transform:translateY(-120%)}}@keyframes glow{0%{transform:translateY(0)}to{transform:translateY(-120%)}}
/*line animation*/

.serviceThumb{
    object-fit: cover;
    max-width: 356px;
    height: 100%;
}

.videoCard .modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }

.videoCard .modal-body {
  position:relative;
  padding:0px;
}
.videoCard .btn-close {
  position:absolute;
  right:-30px;
  top:0;
}

.pagebanner{
    min-height: 420px;
}

.maxw--800{
    max-width: 800px;
    margin: 0 auto;
}

.pcc_infoCard{
    width: calc(100% - 664px);
}
.pcc_img{
    width: 616px;
}

.readmoreLink.bodycolorLink:hover{
    text-decoration: underline;
}

.sfc_left .articleList{
    margin-top:0.5rem;
    padding: 0;
    background: none;
    border: none;
}
.sfc_left{
    width: 230px;
}
.sfc_right{
    width: 284px;
}
.contentContainer.sfc_center{
    width: 702px;
}
.divider{
    display: block;
    height: 1px;
    background-color: #E4E7EC;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.sfc_right .Sharemodal_btns a {
    height: 40px;
    width: auto;
}

.sfc_right .Sharemodal_btns a.linkedin-icon{
    width: 180px;
    justify-content: center !important;
    align-items: center !important;
}

.onScroll_sticky{
    position: sticky;
    top: 120px;
}

.sfc_pagebanner{
    min-height: 396px;
    max-height: 991px;
}
.postInfo_item{
    min-height: 36px;
}
.postInfo_item a:hover{
    color: var(--CC--Secondary) !important;
    text-decoration: none;
}
.postInfo_item a:hover svg path{
    stroke: var(--CC--Secondary);
}
#animatedText {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    display: inline-block;
}

#rotatingText {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    display: inline-block;
}

/* MEGA MENU */

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: fixed;
    top: 108px;
}
.dropdown_megabox {
    border-radius: 1rem 1.5rem;
    border: 1px solid #CAD5DE;
    background: #FFF;
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.08);
    padding: 16px;
}

.megamenu {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-top: 0;
}

.grid-1 {
    display: grid;
    grid-gap: 1rem;
}
.dropdown_card_box {
    border-radius: 1rem;
    background: var(--cs-white);
    border: 1px solid #D0D5DD;
    padding: 1rem;
    position: relative;
}
.dropdown_card_box.box-2-side {
    display: grid;
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
}
.nav-tabs .dropdown_card_box {
    cursor: pointer;
}
.dropdown_card_box.box-2-side {
    grid-template-columns: 200px 1fr;
}
.dropdown_card_box-img {
    height: 130px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}
.dropdown_card_box-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(1deg, #042534 -6.79%, rgba(4, 37, 52, 0.00) 58.06%);
}
.dropdown_card_box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dropdown_card_box.box-2-side .dropdown_card_box-content {
    margin-top: 0;
}
/* .top-abs-pos {
    position: absolute;
    top: -48px;
    left: 110px;
} */
.top-abs-pos {
    position: absolute;
    top: -44px;
    left: 95px;
}
.drop-list-box{
    gap: 6px;
    display: flex;
    width: 100%;
    justify-content: start;
    align-items: start;
    flex-direction: column;
}
.dropdown_card_box.active, .dropdown_card_box:hover {
    border-color: #5BC0EC;
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.08);
}
.cs-rt.dropdown_card_box {
    border-color: #D0D5DD !important;
    box-shadow: none !important;
}
.dropdown_card_box:hover .readmoreLink {
    color: #4ab2de;
}
.dropdown_card_box:hover .readmoreLink img, .dropdown_card_box:hover .readmoreLink svg {
    transform: translateX(5px);
}
.cs-route-block-1, .cs-route-block-2 {
    display: none;
}
.inverse{display: none;}
.inverse2{display: none;}
.cs-route-block-2.inverse{display: block;}
.cs-route-block-1.inverse2{display: block;}
/* MEGA MENU END */

.errorSection{
    min-height: 550px;
}

.btn-close {
    background-image: url(../images/closeWhite.svg);
}
.btn-close.darkIcon {
    background-image: url(../images/closeIcon.svg);
}

.back-to-top {
    background: var(--CC--Secondary);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    border-radius: 999px;
    height: 52px;
    width: 52px;
    position: fixed;
    right: 24px;
    bottom: 24px;
    border: none;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 99;
  }
  .back-to-top img{
    height: 32px;
    width: 32px; 
  }
  .back-to-top:hover{
    background-color: #83D1F6;;
  }
.back-to-top.active{
    opacity: 1;
    pointer-events: auto;
  }
 
button.listen_card{
    background-color: var(--cs-white);
}
.sharebtn_banner{
    background-color: transparent;
}
.sharebtn_banner span{
    border-bottom: 1px solid #FFF;
    margin-left: 0.75rem;
    display: inline-block !important;
}
.sharebtn_banner:hover span{
    color: var(--CC--Secondary);
    border-bottom: transparent;
}
.sharebtn_banner:hover svg path{
    stroke: var(--CC--Secondary);
}

/* Ensure images have a smooth fade-in effect */
img.lazy-load {
    opacity: 0;
    transition: opacity 1s ease-in-out; /* Fade-in effect */
    }

img.lazy-load.loaded {
    opacity: 1; /* Make it visible when fully loaded */
}

/* You can set a placeholder height to prevent layout shifts */
img.lazy-load {
    min-height: 200px;
    width: 100%;
    display: block;
}


.play-button{
    background: transparent;
    border: none;
}

.youtube-video {
    position: relative;
    width: 100%;
    height: 418px;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-color: #000;
  }
.youtube-thumbnail {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }


  /*  */
  #acticleSection {
    position: sticky;
  }
  #acticleSection a {
    display: block;
    padding-left: 0.75rem !important;
    padding-right: 1rem !important;
    color: #333;
    text-decoration: none;
    margin-bottom: 1rem;
    border-left: 4px solid transparent;
    transition: 0.3s;
    font-family: 'gilroy-medium';
    opacity: 0.8;
  }
  #acticleSection a.active {
    border-left: 4px solid var(--CC--Secondary);
    color: var(--CC--Secondary);
  }
  #acticleSection a.active,   #acticleSection a:hover {
    color: var(--CC--Secondary);
    text-decoration: underline;
    position: relative;
    opacity: 1;
    font-family: 'Gilroy-Bold';

}
  /*  */

.p_640{
 max-width: 640px;
 width: 100%;
}
.serviceError{
    background-image: url(../images/503.svg);
    background-size: 80% 80%;
    background-position: center;
    background-repeat: no-repeat;
}


.casestudy_logo{
    left:1rem;
    bottom:1rem;
}
.casestudies_caption{
    padding: 1.5rem 1rem;
}
.cs_box_wrap{
    border: 1px solid #D0D5DD;
}
.casestudy_thumb{
    width: 100%;
}
.casestudy_thumb .cs_img {
    object-fit: cover;
    width: 102%;
    object-position: -2px -2px;
}

.countcard .heading_h1{
    border-bottom:1px solid var(--CC--Primary)
}

.common_btn.bg-heading:hover{
    color: var(--CC--Heading) !important;
}

.featured_first > div, .featuredList > div{
    width: 50%;
}
.featuredList::after{
    position: absolute;
    top:1rem;
    bottom:1rem;
    left:0;
    right: 0;
    background-color: #D0D5DD;
    width: 1px;
    content: "";
    margin: 0 auto;

}

.no-service{
    height: calc(100vh - 108px);
}

.no-service .errorSection{
    min-height: auto;
    height: 100%;
}

.nav-tabs-wrapper.cs_list_tabs .nav-tabs {
    flex-wrap: nowrap;
    white-space: nowrap;
    border: none;
    gap: .25rem;
}
.nav-tabs-wrapper.cs_list_tabs  .nav-tabs .nav-link {
    white-space: nowrap;
    text-transform: uppercase;
    border-radius: 0.375rem;
}
.nav-tabs-wrapper.cs_list_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs-wrapper.cs_list_tabs  .nav-tabs .nav-link.active {
    color: var(--CC--Heading) !important;
    background-color: var(--CC--Secondary);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs-wrapper.cs_list_tabs .nav-link.active, .nav-tabs-wrapper.cs_list_tabs .nav-link:hover {
    border: 1px solid var(--CC--Secondary) !important;
}

.tab-content.cs_list_data{
    margin-top: 3.75rem;
}
    


/*  */

.cs_hero_img {
    position: absolute;
    width: 850px;
    right: 0;
    top: 0;
    bottom: 0;
}
.cs_hero_img img {
    object-fit: cover;
    object-position: right bottom;
    width: 100%;
}

.lodge--badge {
    display: inline-flex;
    justify-content: center;
    background-color: var(--CC--Secondary);
    color: var(--cs-dark);
    border-radius: 50px;
    line-height: 1;
    padding: 0.5rem 0.875rem 0.45rem;
    font-family: 'Gilroy-Bold';
}
.lodge-yellow{
    background: var(--CC--Primary);
    color: #053347;
}

.cs-route-block-1, .cs-route-block-2 {
    display: none;
}
.cs-route-block-1, .cs-route-block-2 {
    display: none;
}

.cs-route-block-1 {
    display: block; /* default visible block */
}

.cs-route-block-2.inverse {
    display: block !important;
}

.cs-route-block-1.inverse2 {
    display: block !important;
}

.inverse, .inverse2 {
    display: none;
}

.drop-title-icon {
    position: relative;
    padding-left: 20px;
}
.drop-title-icon > span {
    position: absolute;
    left: 0;
    top: -2px;
}


/*  */


.industry__card {
    border-radius: 12px;
    border: 1px solid #D0D5DD;
    overflow: hidden;
    background-color: white;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding: 1rem;
    justify-content: space-between;
    gap: 1rem;
}
.industry__card-img img {
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.industry-dropdown .dropdown_megabox {
    margin: 0 auto;
    max-width: 900px;
}

.bottom_text{
    display: flex;
    justify-content: end;
    flex-direction: column;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: var(--CC--Secondary);
}

.industry__card:hover {
    cursor: pointer;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.08);
    border-color: #5BC0EC;
}

.industry__card:hove .readmoreLink {
    color: #4ab2de;
}
.industry__card:hover:hover .readmoreLink img, .industry__card:hover:hover .readmoreLink svg {
    transform: translateX(5px);
}

.shape__box {
    position: absolute;
    left: 0;
    bottom: 0;
}
.about_us_pg{
    padding-top:7.5%;
    padding-bottom:7.5%;
}

.heading_pattern{
    width: 100%;
    background-image: url(../images/section_header_pattern.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
}
.heading_pattern_white{
    background-image: url(../images/heading_pattern_white.svg);
}

.ff_list{
    min-height: 350px;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #D0D5DD;
    flex-grow: 1;
    flex-basis: 0;
}

.video_cs_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    background: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 0;
}
#videoWrapper{
    height:90dvh;
    max-height: 800px;
}
#videoWrapper img {
    object-fit: cover;
    object-position: center;
}

.our_mv_list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    border: 1px solid #D0D5DD;
    min-width: 364px;
    background-color: var(--CC--White);
}


.cline__list__box {
    grid-template-columns: 20rem 1fr;
    grid-gap: 4rem;
    align-items: center;
    padding: 80px 0px;
}

.cline__list-pic {
    width: 20rem;
    height: 24rem;
    border-radius: 160px;
    overflow: hidden;
}
.cline__list-pic > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cline__list-content{
    width: calc(100% - 20rem);
}

.client_duo_box {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 2rem;
    grid-row-gap: 3rem;
    margin-top: 5rem;
    
}
.client_info_wrapper {
    grid-gap: 1.5rem;
    align-items: center;
}
.client_info_pic {
    display: block;
    width: 220px;
    height: 260px;
    border-radius: 160px;
    overflow: hidden;
}
.client_info_pic > img {
    width: 100%;
    height: 100%;
    object-position: top;
    object-fit: cover;
}
.client_info_content{
    width: calc(100% - 220px);
}

.product_box_head {
    /* background: #EAE8E3; */
    padding: 3rem;
    border-radius: 1rem;    
    position: relative;
    z-index: 0;
    padding-bottom: 7rem;
    min-height: 540px;
}
.product_box_head::before{
    content: "";
    position: absolute;
    background: #EAE8E3;
    top:0;
    left: 0;
    right: 0;
    bottom: -80px;
    border-radius: 1rem; 
    z-index: -1;
} 

.product_box_body {
    height: 300px;
    width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
    margin-top: -60px;
}

.video_box_card, .product_box .custom-video-container {
    height: 310px;
}
.video_box_card > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}
.bg--bluelay {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

.ps-br {
    position: absolute;
    bottom: 0;
    right: 0;
}

.videoModal .btn-close {
    opacity: 1;
    position: absolute;
    top: -25px;
    right: 0px;
    box-shadow: none;
    outline: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.videoModal .modal-content {
    border: 0;
    border-radius: 0;
    background: transparent;
}
.videoModal .modal-dialog iframe {
    height: 580px;
    width: 100%;
}
.videoModal .modal-dialog {
    max-width:1024px;
}

/* Company History Section Code */

.year-text-title {
    color: var(--CC--Primary);
    /* font-size: 2.5rem;
    font-weight: 700;
    line-height: 150%; */
    margin: 0;
    margin-bottom: 15px;
}

.scroll-buttons {
    border: 0;
    background: transparent;
    outline: none;
    line-height: 1;
    padding: 12px 10px;
}

.scroll-inner-container {
    position: relative;
    transition: transform .9s ease;
}
.scroll-content {
    position: relative;
    overflow: hidden;
    width: 70px;
    transition: transform .9s ease;
}
.year--tab {
    /* margin: 20px 0px; */
    margin-bottom: 18px;
    position: relative;
    /* font-family: tt-commons-pro, sans-serif;
    font-size: 1rem;
    color: #CAD5DE;
    font-weight: 400; */
    cursor: pointer;
}
.year--tab.active, .year--tab.active a {
    color: var(--CC--Primary);
    font-weight: 500;
}
.year--tab a {
    color: #CAD5DE;
    /* font-weight: 400; */
    text-decoration: none;
}
.year--tab.active, .year--tab.active a {
    color: var(--CC--Primary);
    font-weight: 500;
}
.item-view-box {
    width: auto;
}
.timeline__box {
    position: relative;
    border: 1px solid #5BC0EC;
    box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    flex-shrink: 0;
    width: 100%;
    /* max-width: 340px; */
    padding: 1.5rem;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 340px;
    margin-bottom: 5px;
    border-radius: 1rem;
}
.timeline__box-content h4 {
    color: #FFF;
    margin: 0;
    /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; */
}
.timeline__box-content p {
    color: #FFF;
    margin: 0;
    /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: tt-commons-pro, sans-serif; */
    margin-top: .75rem;
}
.item-view-box + .item-view-box {
    margin-left: 2rem;
    margin-top: 0;
}
.year-text-title.top--year {
    background-color: #053347;
    top: 0;
    display: inline-block;
    padding: 0;
    z-index: 2;
    position: absolute;
}
.scroll-container {
    overflow: hidden;
    height: 380px;
}
.item-view-box:last-child{
    margin-right: 1.5rem;
}
/* Company History Section Code */

#loadMoreBtn{
    background-color: transparent;
    color: var(--CC--Secondary);
    border: none;
    font-size: 1rem;
    font-family: 'TTCommonsPro-Normal';
    padding: 0;
    display: none !important;
}
.rw-header {
    height: 580px;
}
.staticImg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -28px;
    z-index: 1;
    height: 650px;
    background-image: url(../images/staticImg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

.rw_hero_caption{
    width: 595px;
}
.rw_splide{
    width: calc(100% - 595px);
}
.rw_splide .splide__list{
    flex-direction: column;
    gap: 1rem;
    
}
.rw_splide .splide__slide{
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 2rem !important;
}
.ys_thumb {
    height: 550px;
    width: 714px;
    display: flex;
    justify-content: end;
    align-items: center;
    overflow: hidden;
}
.ys_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.ys_caption, .ys_thumb {
    width: 50%;
}
.ys_caption > div{
    padding: 3rem;
    border-radius: 1rem;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    max-width: 700px;
    width: 100%;
    margin-left: -8.5rem;
}


.clientFeedback .center_slide-box {
    border-radius: 16px;
    background: #ECE7E0;
    padding: 2.5rem;
    margin-left: 15px;
    margin-right: 15px;
    height: 350px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* flex-wrap: wrap; */
}
.center_slide .slick-slide {
    opacity: 0.5;
}
.center_slide .slick-slide.slick-current {
    opacity: 1;
}
.three_fr_card{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}
.four_fr_card{
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.card_abs_caption{
    padding: 3rem 5rem 11.25rem;
    border-radius: 1rem;
    /* margin: -126px; */
}
.card_abs_gif{
    max-width: 1000px;
    margin: 0 auto;
    margin-top: -126px;
}
.card_abs_gif #videoWrapper{
    height: 560px;
}

.secCatergory {
    border: 1px solid #91D5F2;
    padding: 0 0 0 1rem;
    border-radius: 50px;
    height: 60px;
    gap: 1rem;
    width: max-content;
    /* margin: 0 auto; */
}

.isb_reverse{
    transform: rotate(180deg);
}
.isb_reverse .slick-slide .size_pic {
    transform: rotate(180deg);
}
.intigration-size-block .slick-slide .size_pic {
    max-width: 128px;
    height: 128px;
    margin: 0 20px;
    border-radius: 1rem;
    overflow: hidden;
}
.list--tick li{
    position: relative;
    padding-left: 2rem;
}
.list--tick li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M21%2012C21%207.02908%2016.9709%203%2012%203C7.02908%203%203%207.02908%203%2012C3%2016.9699%207.02908%2021%2012%2021C16.9709%2021%2021%2016.9699%2021%2012Z%22%20stroke%3D%22%2363C1EC%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.53516%2012.0003L10.845%2014.3091L15.4627%209.69141%22%20stroke%3D%22%2363C1EC%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.intigration-size-block {
    margin-bottom: 0;
}
.tab_content-box {
    display: grid;
    grid-gap: 0rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background-color: var(--cs-white);
    box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}
.tab_content-img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    min-height: 230px;
    overflow: hidden;
    border-radius: 1rem;
    background-size: cover;
}

/*  */

.inner_nav_tab_bar {
    margin-top: 2rem;
}
.IndustriesSec .inner_nav_tab_bar .nav-tabs {
    border: none;
}
.inner_nav_tab_bar .nav-tabs .nav-link {
    padding: 16px 24px;
    white-space: nowrap;
    color: #97A7B5;
    border: 0;
    flex-grow: 1;
    border-radius: 0;
    position: relative;
    background-color: transparent;
    border-bottom:1px solid transparent
}
.inner_nav_tab_bar .nav-tabs .nav-link.active {
    color: var(--CC--Heading) !important;
}
.IndustriesSec .inner_nav_tab_bar .nav-tabs .nav-link {
    margin: 0 1rem;
    border-bottom: 1px solid #97A7B5;
}
.inner_nav_tab_bar .nav-tabs .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0%;
    height: 4px;
    background-color: var(--CC--Secondary);
    transition: .3s ease all;
}
.inner_nav_tab_bar .nav-tabs .nav-link.active::before {
    width: 100%;
}

.remote__card {
    border-radius: 1rem;
    border: 1px solid #D0D5DD;
    overflow: hidden;
    background-color: var(--CC--White);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border: none;
}
.bulletText {
    margin-bottom: 3.75rem;
    position: relative;
}
.bulletText h4 {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #189AD2;
    color: #FFF;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 9;
    line-height: 61px;
}
.bulletText:after {
    height: 1px;
    background-color: #CDD5DF;
    content: "";
    width: calc(100% - 80px);
    position: absolute;
    right: 0;
    bottom: 0;
    top: 30px;
}
.rc_titles{
    padding: 3rem 2rem;
    border-radius: 1rem;
}

.rfqs-sec .rfqs-list{
    flex: 1;
}
.remote__card:hover {
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.08);
}

/*  */

.cs_new_layout .casestudy-cards {
    height: 480px;
    overflow: hidden;
}
.Casestudy_darkCard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    border: 1px solid #63C1EC;
    cursor: pointer;
}
.cc_card {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #08425D;
}
.cc_card::before {
    background-color: #08425D;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    transition-duration: 0.2s;
}
.card_logo {
    height: 80px;
    position: absolute;
    top: 1rem;
    left: 2rem;
}
.cc_card_01 {
    background-image: url(../images/industries/camp-management-and-catering-companies/CC_Card_01.png);
}
.cc_card_02 {
    background-image: url(../images/industries/camp-management-and-catering-companies/CC_Card_02.png);
}
.cc_card_03 {
    background-image: url(../images/industries/camp-management-and-catering-companies/CC_Card_03.png);
}

.Casestudy_darkCard:hover {
    border: 1px solid #08425D;
}
.Casestudy_darkCard:hover {
    justify-content: normal;
}
.cc_card:hover::before {
    background-color: #5BC0ED;
    opacity: 0.6;
}
.Casestudy_darkCard:hover .card_logo {
    display: none !important;
}
.cs_new_layout .Casestudy_darkCard:hover h3 {
    color: #060F1F;
}
.cc_card_bottom {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    align-items: flex-start;
}
.Casestudy_darkCard h4{
    z-index: 2;
    }
    
.Casestudy_darkCard:hover h4{
    color: var(--CC--Dark-Gray) !important;
}
.Casestudy_darkCard:hover a.readmoreLink, .Casestudy_darkCard:hover a.readmoreLink svg path {
    color: var(--CC--Dark-Gray) !important;
    fill: var(--CC--Dark-Gray) !important;
    stroke:var(--CC--Dark-Gray) !important;
}

/*  */
.accordion__box .accordion .accordion-button {
    background-color: transparent;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
}
.accordion__box .accordion-item {
    border: 0;
    background-color: #ECE7E0;
    border-radius: 0px;
    border-radius: 16px;
}
.accordion-item + .accordion-item {
    margin-top: 1rem;
}
.accordion__box .accordion .accordion-body {
    margin: 0;
}
.accordion__box .accordion .accordion-button.collapsed::after {
    background-image: none;
    content: '+';
    font-size: 28px;
    font-family: tt-commons-pro, sans-serif;
}
.accordion__box .accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: '-';
    font-size: 28px;
    font-family: tt-commons-pro, sans-serif;
}
.accordion-body a{
    font-family: 'TTCommonsPro-Db';
    color: var(--CC--body);
}
/*  */

.footer-link a{
    color: var(--CC--White);
}

.lodge-darkBlue {
    background: #053347;
    color: #91D5F2;
}
.splide__slide img {
    vertical-align: bottom;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*  */

.intl-tel-input .country-list {
    margin-top: 5px;
    border-radius: 8px;
    filter: drop-shadow(0px 2px 77px rgba(0, 0, 0, 0.1));
    border: 1px solid #E6EBF0;
    right: 0;
    left: 0;
}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: 0;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    display: none;
    padding: 0 !important;
}
.flag-container .selected-flag {
    width: 60px !important;
    background: transparent !important;
    border-right: 1px solid #E6EBF0;
    padding-left: 15px;
    height: 100%;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 75px;
}
.camp_input {
    border-radius: 8px;
    border: 1px solid#D0D5DD;
    background-color: #F8FAFC;
    outline: none;
    box-shadow: none;
    font-size: 1rem;
    line-height: 1.15;
    padding: .9rem 1rem .8rem 2.8rem;
    font-weight: 400;
    color: var(--cs-dark);
    resize: none;
    float: none;
    height: auto;
    width: 100%;
    height: 49px;
    font-family: 'TTCommonsPro-Md';
}
.nice-select:after {
    height: 8px;
    margin-top: -5px;
    right: 1rem;
    width: 8px;
}
.nice-select .option.selected {
    font-weight: 600 !important;
}
/*  */