@import "./css/mobile-menu.css"; 



:root {

    --white-color: #fff;

    --black-color: #000;

    --btn-bg-color: #722ED1;

}

body {

    margin: 0;

    padding: 0;

    width: 100%;

    overflow-x:hidden;

}

ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

section, .clearfix {

    position: relative;

    clear: both;

    float: left;

    width: 100%;

}

a {

    color: #ffffff;

    text-decoration: none;

}

a:hover {

    text-decoration: none !important;

}

a:focus {

    outline: none;

}

h1,h2,h3,h4,h6,p,a{

    margin: 0;

}

.accordion-button:focus {

    border: none;

    box-shadow: none;

}

.btn.focus, .btn:focus, .btn:hover {

    outline: none;

    color: var(--white-color);

    box-shadow:none;

}

input:focus-visible {

    outline-offset: none;

    outline: none;

}



@font-face {

    font-family: 'CST Regular';

    src: url('./fonts/Poppins-Regular.ttf');

}



@font-face {

    font-family: 'CST Medium';

    src: url('./fonts/Poppins-Medium.ttf');

}



@font-face {

    font-family: 'CST Bold';

    src: url('./fonts/Poppins-Bold.ttf');

}



@font-face {

    font-family: 'CST SemiBold';

    src: url('./fonts/Poppins-SemiBold.ttf');

}



@font-face {

    font-family: 'CST Inter SemiBold';

    src: url('./fonts/Inter-Medium.ttf');

}

span{

    font-family: 'CST Medium' !important;

}

/* Header Css Start */

.cst-mobile-menu_icon {

    display: none;

}

#header .navbar {

    padding-top: 0px;

    padding-bottom: 0px;

}



.fixed .white-cst-logo{

    display: none;  

}

.fixed .blue-cst-logo{

    display: block;

}

.cst-btn {

    border-radius: 25px;

    background-color: var(--btn-bg-color);

    color: var(--white-color);

    padding: 11px 22px;

    font-family: 'CST SemiBold';

    font-size: 16px;

    line-height: 24px;

    transition: 0.6s;

}

.cst-btn:hover, .cst-btn:focus  {

    background-color: #012d52;

    border:1px solid #012d52;

}

.down-caret {

    width: 16px;

    height: 17px;

    display: inline-block;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    transform: rotate(0deg);

    transition: all .25s ease-in;

    background-image: url('./image/angle-small-down-black.png');

    top:3px;

  }

 

.open-caret {

    background-image: url('./image/angle-small-down\ 1.png');

}

ul.dropdown-menu {

      background: linear-gradient(180deg, rgba(238, 247, 255, 0.1) 0%, rgba(188, 218, 245, 0.22) 100%);

    backdrop-filter: blur(7.5px);

    border-radius: 10px;

    top: 17px;

    left: 8px;

    width: 250px;

    padding: 20px;

}

.cst-header-inner {
    display: flex;
    align-items: center;
}

.cst-header-buttons-wrapper {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    margin-left: auto;
}

.cst-header-inner .cst-header-btn {

    margin-top: 18px;

    margin-bottom: 18px;

}

.cst-more-menu {
    min-width: 200px;
}

.cst-more-menu .list-group-item {
    padding: 10px 15px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.cst-more-menu .list-group-item:last-child {
    border-bottom: none;
}

.cst-more-menu .list-group-item img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.cst-more-menu .list-group-item a {
    display: flex;
    align-items: center;
    color: var(--black-color);
    text-decoration: none;
    font-family: 'CST Medium';
    font-size: 14px;
}

.cst-more-menu .list-group-item a:hover {
    color: var(--btn-bg-color);
}

ul.dropdown-menu li {

    margin-bottom: 10px;

}

ul.dropdown-menu li a {

    margin-left: 15px;

}

.cst-help-desk-popup .modal-dialog {

    max-width: 900px;

    margin: 1.75rem auto;

}

.cst-help-desk-popup .modal-body {

    padding: 0px;

}

.cst-help-desk-popup .modal-content {

    border-radius: 15px; 

}

@keyframes fadeIn {

    from {

       opacity: 0;

    }

    to {

       opacity: 1;

    }

 }

.dropdown-menu.show {

    -webkit-animation: fadeIn 0.3s alternate;

    animation: fadeIn 0.3s alternate;

    backdrop-filter: blur(25px);

    border-radius: 10px;

    top: 83px;

    left: 17px;

    width: 276px;

    padding: 15px;

    border: none;

}

.fixed .dropdown-menu.show { 

    top: 83px;

}

.list-group-item {

    background-color:transparent;

    padding: 0;

    border: none;

}

.list-group-item a {

    line-height: 27px !important;

}



.list-group-item img {

    margin-right: 10px;

}

.cst-header-menu .nav-link .arrow--nav {

    display: inline;

    width: 10px;

    height: 7px;

    position: absolute;

    right: -27px;

    top: calc(50% - 1px);

    transform: rotate(90deg);

}

.nav-link:focus, .nav-link:hover {

    color: var(--btn-bg-color);

}

.cst-header-menu .nav-link:hover .arrow--nav svg {

    transform: rotate(-180deg);

    right: 40px;

}

.cst-header-menu .nav-link:hover .arrow--nav svg path {

    fill: var(--btn-bg-color);

}

.dropdown-toggle::after {

    display: none;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid;

    border-right: 0.3em solid transparent;

    border-bottom: 0;

    border-left: 0.3em solid transparent;

}

.cst-features {

    position: absolute !important;

    left: 0 !important;

    top: 100% !important;

    right: 0 !important;

    bottom: auto !important;

    z-index: 1 !important;

    width: 100% !important;

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important;

    -webkit-box-pack: center !important;

    -webkit-justify-content: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

    -webkit-box-align: center !important;

    -webkit-align-items: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    background-color: #f7f6f7;

}

.cst-padding-global {

    width: 100% !important;

    margin-right: auto !important;

    margin-left: auto !important;

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important;

}

.cst-container-medium {

    width: 100% !important;

    min-height: 1rem !important;

    margin-right: auto !important;

    margin-left: auto !important;

    max-width: 81rem;

}

.nav-item.dropdown.dropdown-mega {

    position: static;

}

.navbar-toggler {

    border: none;

    padding: 0;

    outline: none;

}

.navbar-toggler:focus {

    box-shadow: none;

}

.navbar-toggler .hamburger-toggle {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    z-index: 11;

}

.navbar-toggler .hamburger-toggle .hamburger {

    position: absolute;

    transform: translate(-50%, -50%) rotate(0deg);

    left: 50%;

    top: 50%;

    width: 50%;

    height: 50%;

    pointer-events: none;

}

.navbar-toggler .hamburger-toggle .hamburger span {

    width: 100%;

    height: 4px;

    position: absolute;

    background: #333;

    border-radius: 2px;

    z-index: 1;

    transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1),

       background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;

    left: 0px;

}

.navbar-toggler .hamburger-toggle .hamburger span:first-child {

    top: 10%;

    transform-origin: 50% 50%;

    transform: translate(0% -50%) !important;

}

.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {

    top: 50%;

    transform: translate(0, -50%);

}

.navbar-toggler .hamburger-toggle .hamburger span:last-child {

    left: 0px;

    top: auto;

    bottom: 10%;

    transform-origin: 50% 50%;

}

.navbar-toggler .hamburger-toggle .hamburger.active span {

    position: absolute;

    margin: 0;

}

.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {

    top: 45%;

    transform: rotate(45deg);

}

.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {

    left: 50%;

    width: 0px;

 }

 .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {

    top: 45%;

    transform: rotate(-45deg);

 }

 #header {

    left: 0;

    top: 0;

    width: 100%;

    z-index: 999;

}

.cst-main-page {

    background: linear-gradient(180deg, rgba(226, 241, 255, 0) 0%, #E9F4FF 100%, #BCDAF5 100%);

    backdrop-filter: blur(18px);

}

@keyframes fixedHeader {

    0% {

        opacity: 0;

        transform: translateY(-60px)

    }



    100% {

        opacity: 1;

        transform: translateY(0)

    }

}

 .fixed #header {

    position: fixed;

    background-color: rgba(255,255,255);

    box-shadow: 0 0 5px rgb(0 0 0 / 30%);

    animation-duration: .6s;

    animation-name: fixedHeader;



}



.cst-header-menu .navbar-nav {

    /*margin-left: auto;*/

    /*margin-right: 30px;*/
    
    margin: auto;

}

 .cst-header-menu li{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 0px 25px;

    position: relative !important;

 }

 .cst-header-menu .dropdown-menu li {

    display: block;

 }

 .cst-header-menu li a {

    color: var(--black-color);

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 82px;

    border: none;

    display: inline-block;

    padding: 0px;

}

.dropdown-menu .list-group-item a {

    padding: 10px;

}



 /* Header Css End */

 /* Home Banner Section Css Start */

 .cst-home-banner-section {

    background: linear-gradient(344deg, rgba(1,45,82,1) 45%, rgba(114,46,209,0.865983893557423) 72%);

    background-size: 600% 100%;

    animation: gradient 3.5s linear infinite;

    animation-direction: alternate;

    padding-top: 50px;

    padding-bottom: 300px;

 }

 .cst-small-title {

    background-color: #012D52;

    border-radius: 20px;

    display: inline-block;

    padding: 8px 16px;

    color:#ffffff;

    font-family: 'CST Medium';

    font-size: 12px;

    line-height: 24px;

 }

 .cst-small-title img {

    margin-right: 9px;

    width: 16px !important;

    float: left;

    position: relative;

    top: 3px;

 }



 .cst-home-banner-section .cst-small-title {

    margin-bottom: 18px;

 }

 #cst-homebanner-slider .owl-item.active .cst-small-title {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInRight;

    animation-delay: 0.5s;

}

#cst-homebanner-slider .owl-item.active h1 {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInRight;

    animation-delay: 0.5s;

}

#cst-homebanner-slider .owl-item.active p {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInRight;

    animation-delay: 0.5s;

}

#cst-homebanner-slider .owl-item.active a {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInRight;

    animation-delay: 0.5s;

}

#cst-homebanner-slider .owl-item.active .cst-home-banner-img {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInRight;

    animation-delay: 0.5s;

}

 .cst-home-banner-section h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color:var(--white-color);

 }

 .cst-home-banner-section p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color:var(--white-color);

    margin-bottom: 20px;

    margin-top: 10px;

}

.cst-home-banner-section .cst-btn {

    font-weight: 500;

    font-size: 15px;

    line-height: 22px;

    border-radius: 50px;

    padding: 10px 20px;

    font-family: 'CST Medium';

    color: #FFFFFF;

    border: 0.011rem solid #fff;

}

 .cst-home-banner-section::after {

    background-color: #fff;

    position: absolute;

    content: '';

    height: 450px;

    transform: skewY(-6.2deg);

    width: 100%;

    bottom: -228px;

    display: block;

}



#cst-homebanner-slider {

    padding-bottom: 50px;

    padding-left: 50px;

    padding-right: 50px;

}



 #cst-homebanner-slider .owl-dots {

    text-align: center;

    margin-top: 20px;

 }

 #cst-homebanner-slider .owl-dots button.owl-dot.active, 

 #cst-homebanner-slider .owl-dots button.owl-dot:hover {

  background-color: var(--btn-bg-color);

  border-radius: 50%;

  height: 10px;

  width: 10px;

}

#cst-homebanner-slider .owl-dots button.owl-dot{

  background: #D9D9D9;

  border-radius: 50%;

  height: 10px;

  width: 10px;

  margin-right: 5px;

}

/* Home Banner Section Css End */

/* Home Service Section Css Start */

.cst-home-service-section {

    padding-top: 0px;

    padding-bottom: 50px;

}



.cst-home-service-section .cst-homeservice-left h2{

    font-family: 'CST Bold';

    font-size: 35px;

    line-height: 45px;

    color: #000000;

    margin-top: 18px;

    margin-bottom: 15px;

}

.cst-home-service-section .cst-homeservice-left p{

    font-family: 'CST Regular';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

    margin-bottom: 40px;

}

.cst-home-service-section .cst-homeservice-left .cst-btn {

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    padding: 10px 20px;

    letter-spacing: 0.02em;

    border-radius: 50px;

}

.cst-btn-right-arrow::after{

    content: '';

    background-image: url(./image/arrow-right.svg);

    display: block;

    width: 24px;

    height: 24px;

    float: right;

    margin-left: 10px;

    -webkit-transition: transform 0.3s ease-out;

    -moz-transition: transform 0.3s ease-out;

    -ms-transition: transform 0.3s ease-out;

    -o-transition: transform 0.3s ease-out;

    transition: transform 0.3s ease-out;

}

.cst-btn-right-arrow:hover::after{ 

    -webkit-transform: translateX(4px);

    -moz-transform: translateX(4px);

    -ms-transform: translateX(4px);

    -o-transform: translateX(4px);

    transform: translateX(4px);

}

.cst-homeservice-right-div {

    margin-bottom: 60px;

}



.cst-homeservice-right-second {

    padding-left: 10px;

    padding-right: 25px;

}



.cst-homeservice-right-fourth {

    padding-left: 20px;

    padding-right: 25px;

}

.cst-homeservice-right-div img {

    margin-bottom: 20px;

}

.cst-homeservice-right-div h3 {

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 20px;

}

.cst-homeservice-right-div p {

    font-family: 'CST Medium';

    font-size: 15px;

    color: #4E4D7A;

}

/* Home Service Section Css End */



/* Home Expert Section Css Start */



.cst-main-container {

    /* min-height: 100vh; */

    display: flex;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

  }

  .cst-main {

    margin: 0px auto;

    width: 480px;

    height: 480px;

    position: relative;

  }

  .cst-big-circle {

    height: 100%;

    width: 100%;

    position: relative;

    border: 1px solid #EEDFF9;

    border-radius: 50%;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    animation: Rotate 20s linear infinite;

    -webkit-animation: Rotate 20s linear infinite;

  }

  .cst-icon-block {

    /* width: 90px;

    height: 90px; */

    position: absolute;

    border-radius: 50%;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    box-shadow: 4px 4px 12px rgba(137, 137, 162, 0.122);

    padding: 8px;

    background-color: #fff;

  }

  .cst-icon-block img {

    margin: 0px auto;

    animation: Rotate-reverse 20s linear infinite;

    -webkit-animation: Rotate-reverse 20s linear infinite;

  }

  .circle .cst-icon-block:first-child {

    top: 0;

    left: 51%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

  }

  .circle .cst-icon-block:first-child img {

    width: 70px;

  }

  .cst-icon-block:first-child {

    top: 17%;

    left: 13%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}

.cst-icon-block:first-child img {

    width: 62px;

}

.cst-icon-block:nth-child(2) {

    top: -1%;

    right: 50%;

    transform: translate(50%, -50%);

    -webkit-transform: translate(50%, -50%);

}

.cst-icon-block:nth-child(2) img {

    width: 79px;

}

  .circle .cst-icon-block:nth-child(2) {

    top: 18%;

    right: 12%;

    transform: translate(50%, -50%);

    -webkit-transform: translate(50%, -50%);

  }

  .circle .cst-icon-block:nth-child(2) img {

    width: 73px;

  }

  .cst-icon-block:nth-child(3) {

    bottom: 11%;

    left: 20%;

    transform: translate(-50%, 50%);

    -webkit-transform: translate(-50%, 50%);

}

.cst-icon-block:nth-child(3) img {

    width: 61px;

}

  .circle .cst-icon-block:nth-child(3) {

    bottom: 36%;

    left: 96%;

    transform: translate(-50%, 50%);

    -webkit-transform: translate(-50%, 50%);

  }

  .circle .cst-icon-block:nth-child(3) img {

    width: 69px;

  }

  .cst-icon-block:nth-child(4) {

    top: 50%;

    left: 0;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

  }

  .circle .cst-icon-block:nth-child(4) {

    top: 89%;

    left: 20%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

  }

  .circle .cst-icon-block:nth-child(4) img {

    width: 60px;

  }

  /* circle content */

  .circle {

    animation: circle-rotate 20s linear infinite;

    -webkit-animation: circle-rotate 20s linear infinite;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(45deg);

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

    width: 75%;

    height: 75%;

    border: 1px solid #EEDFF9;

    border-radius: 50%;



  }

  .circle .cst-icon-block img {

    animation: img-rotate 20s linear infinite;

    -webkit-animation: img-rotate 20s linear infinite;

  } 

    .cst-circle-outer {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -50%);

        border: 1px solid #EEDFF9;

        border-radius: 50%;

        padding: 122px;

    }

  /* center logo */

  .cst-center-logo {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    border-radius: 50%;

    padding: 30px;

    box-shadow: 4px 4px 12px rgba(137, 137, 162, 0.122);

  }



  

  /* keyframe animation */

  

@keyframes Rotate {

    from {

      transform: rotate(0deg);

    }

    to {

      transform: rotate(360deg);

    }

  }

  

  @-webkit-keyframes Rotate {

    from {

      -webkit-transform: rotate(0deg);

    }

    to {

      -webkit-transform: rotate(360deg);

    }

  }

  

  @keyframes Rotate-reverse {

    from {

      transform: rotate(360deg);

    }

    to {

      transform: rotate(0deg);

    }

  }

  

  @-webkit-keyframes Rotate-reverse {

    from {

      -webkit-transform: rotate(360deg);

    }

    to {

      -webkit-transform: rotate(0deg);

    }

  }

  

  @keyframes circle-rotate {

    from {

      transform: translate(-50%, -50%) rotate(45deg);

    }

    to {

      transform: translate(-50%, -50%) rotate(405deg);

    }

  }

  

  @-webkit-keyframes circle-rotate {

    from {

      -webkit-transform: translate(-50%, -50%) rotate(45deg);

    }

    to {

      -webkit-transform: translate(-50%, -50%) rotate(405deg);

    }

  }

  

  @keyframes img-rotate {

    from {

      transform: rotate(-45deg);

    }

    to {

      transform: rotate(-405deg);

    }

  }

  

  @-webkit-keyframes img-rotate {

    from {

      -webkit-transform: rotate(-45deg);

    }

    to {

      -webkit-transform: rotate(-405deg);

    }

  }



.cst-home-expert-section {

    padding-top: 120px;

    padding-bottom: 120px;

}

.cst-home-expert-section h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    margin-top: 20px;

    margin-bottom: 15px;

}

.cst-home-expert-section p{ 

    font-family: 'CST Regular';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

    margin-bottom: 25px;

}

.cst-home-expert-section .cst-btn{

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    letter-spacing: 0.02em;

    border-radius: 50px;

}

/* Home Expert Section Css End */





/* Home Value Section Css Start */

.cst-home-value-section {

    padding-top: 130px;

    padding-bottom: 50px;

    position: relative;

}

.cst-home-value-section .cst-home-value-first h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: var(--white-color);

    margin-top: 20px;

}

.cst-home-value-right-btn .cst-btn {

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    letter-spacing: 0.02em;

    border-radius: 50px;

}

.cst-home-value-section::after {

    /* background-image: linear-gradient(180deg, #722ED1 0%, #012d52 100%); */

    background: linear-gradient(344deg, rgba(1,45,82,1) 45%, rgba(114,46,209,0.865983893557423) 72%);

    background-size: 600% 100%;

    animation: gradient 3.5s linear infinite;

    animation-direction: alternate;

    position: absolute;

    content: '';

    height: 580px;

    transform: skewY(-6deg);

    width: 100%;

    top: -30px;

    display: block;

    z-index: -1;

}

.cst-home-value-right-btn{

    text-align: right;

}

.cst-home-value-card {

    padding:40px;

    background-color: var(--white-color);

    box-shadow: 0px 9px 56px rgba(216, 216, 216, 0.25);

}

#cst-home-our-value-slider .owl-item img {

    display: block;

    width: auto;

}

.cst-home-value-second {

    padding-top: 32px;

}

.cst-home-value-card h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 32px;

    margin-top: 27px;

    margin-bottom: 22px;

    color: #160637;

}

.cst-home-value-card p{ 

    font-family: 'CST Regular';

    font-size: 14px;

    line-height: 24px;

    color: #4E4D7A;

}

.cst-home-value-second-innerdiv:hover {

    transform: scale(1.1);

  }

.cst-home-value-second-innerdiv {

    transition: transform 0.5s;

  }

/* Home Value Section Css End */



/* Home Hire US Section Css Start */

.cst-home-hireus-section{

    padding-top: 150px;

    padding-bottom: 300px;

}

.cst-home-hireus-outer {

    margin:0 auto;

}



.cst-home-hireus-left h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    width: 300px;

}

.cst-home-hireus-trust {

    text-align: left;

    margin-top: 27px;

    margin-bottom: 17px;

    position: relative;

}

.cst-home-hireus-trust h5{

    display: inline-block;

    background-color: #fff;

    position: relative;

    padding-left: 0px;

    padding-right: 15px;

    font-family: 'CST Medium';

    font-size: 14px;

    line-height: 24px;

    color: #8989A2;

}

.cst-home-hireus-trust::before{

    content: '';

    width: 100%;

    height: 1px;

    background-color: #D6D6D6;

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    margin: 0 auto;

    top: 12px;

}

.cst-home-hireus-div img {

    margin-bottom: 50px;

}



.cst-home-hireus-right {

    background-color: #F9F0FF; 

    padding: 50px 26px 50px 26px;

    border-radius: 5px;

}

.cst-home-hireus-right-form {

    background-color: var(--white-color);

    text-align: center;

    padding-left: 30px;

    padding-right: 30px;

    padding-bottom: 34px;

    padding-top: 34px;

    box-shadow: 4px 4px 12px rgba(137, 137, 162, 0.122);

    border-radius: 8px;

}

.cst-home-hireus-right-form h6{

    font-family: 'CST Bold';

    font-size: 24px;

    line-height: 32px;

    text-align: center;

    color: #160637;

    margin-bottom: 15px;

}

.form-control:focus {

    box-shadow: none;

    border: 1px solid #ced4da;

}



.cst-form-btn{

    border-radius: 0;

    width: 100%;

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));

    border-radius: 5px;

    background-color: #011D34;

}

.cst-home-hireus-right-form .form-group {

    margin-bottom: 15px;

}

.cst-home-hireus-right-form .form-group input {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #8989A2;

    padding: 15px;

}

/* Home Hire US Section Css End */



/* Home Computer Services Section Css End */

.cst-home-computer-section {

    padding-top: 74px;

    padding-bottom: 40px;

}

.cst-view-resources {

    margin-top: 50px;

}

.cst-home-computer-section h3{

    text-align: center;

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: var(--black-color);

    margin-bottom:12px;

}

.cst-home-computer-section p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

    text-align: center;

    width: 40%;

    margin: 0 auto;

}

.cst-tab-wrap {

    margin-top: 30px;

}

ul.nav.nav-pills a {

    color: #000;

}

/* .tab-content{

    display: none;

} */

.tab-show{

    display:block;

}

.cst-tab-wrap .tab-titles {

    text-align: center;

    margin-bottom: 38px;

    display: flex;

    justify-content: center;

}

.cst-tab-wrap .tab-titles li {

    display: inline-block;

    border: 1px solid var(--white-color);

    margin-left: 15px;

    margin-right: 15px;

    border-radius: 10px;

}

.cst-tab-wrap .tab-titles li button {

    color: rgba(114, 46, 209, 0.8) !important;

    background-color: transparent !important;

    padding: 10px 20px;

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

}

.cst-tab-wrap .tab-titles li.active { 

    border: 1px solid var(--btn-bg-color);

    border-radius: 10px;

}

.cst-tab-wrap .tab-titles li button.active { 

    border: 1px solid var(--btn-bg-color);

    border-radius: 10px;

    color: var(--btn-bg-color);

    font-family: 'CST SemiBold';

    font-size: 15px;

    line-height: 22px;

}

.cst-tab-wrap .tab-titles li.active button {

    color: var(--btn-bg-color);

    font-family: 'CST SemiBold';

    font-size: 15px;

    line-height: 22px;

}

.cst-tab-wrap .tab-titles a {

    color: #BFBFBF;

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    

}



.cst-home-computer-card img{

    border-radius: 10px;

    margin-bottom: 5px;

    width: 100%;

}

.cst-home-computer-card h6{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    margin-top: 10px;

    color: #4E4D7A;

    margin-bottom: 5px;

}

.cst-home-computer-card h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color:var(--black-color);

    text-align: left;

}

.cst-home-hireus-btn {

    text-align: center;

    margin-top: 63px;

}

.cst-home-hireus-btn .cst-btn {

    font-family: 'CST Medium';

    font-size: 20px;

    line-height: 30px;

    padding: 15px 30px;

    border-radius: 50px;

}

/* Home Computer Services Section Css End */



/* Home Newsletter Section Css Start */

.cst-home-newletter-section {

   margin-top: 75px;

   margin-bottom: 100px;

}

.cst-home-newletter-inner {

    background: url('./image/ready-bg.png');

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    padding-bottom: 60px;

    padding-top: 60px;

    border-radius: 10px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.cst-home-newletter-section h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 40px;

    color:var(--white-color);   

    text-align: center;

    margin-bottom: 30px !important;

    width: 32%;

    margin: 0 auto;

}

.cst-home-newletter-div {

    text-align: center;

    margin: 0 auto;

}

.cst-subscribe-btn {

    background-color: #000;

    border-radius: 50px;

    border:1px solid #000;

    margin-top: -4px;

    padding: 10px 20px;

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 24px;

    letter-spacing: 0.02em;

}

.cst-btn-right-arrow.cst-subscribe-btn::after {

    content: '';

    background-image: url(./image/arrow-right.svg);

    display: block;

    width: 24px;

    height: 24px;

    float: right;

    margin-left: 10px;

}

.cst-home-newletter-div input {

    width: 250px;

    margin-right: 15px;

    border-radius: 50px;

    border: none;

    padding: 12px 50px 12px 20px;

    background: #EAD5FA;

    color: #4E4D7A;

    font-family: 'CST Medium';

    font-size: 13px;

    line-height: 20px;

}

/* Home Newsletter Section Css End */



/* Home Our Client Section Css Start */

.cst-home-client-section {

    padding-top: 150px;

    padding-bottom: 60px;

}

.cst-home-client-inner h2{

    font-size: 30px;

    line-height: 45px;

    color: #fff;

    font-family: 'CST Bold';

    margin-bottom: 15px;

    margin-top: 15px;

}

.cst-home-client-inner p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #fff;

}

.cst-home-client-div {

    background-color: var(--white-color);

    padding: 30px;

    clear: both;

    float: left;

    box-shadow: 0px 9px 56px rgba(216, 216, 216, 0.25);

}

#cst-ourclients-slider .owl-stage-outer {

    -webkit-mask-image: linear-gradient(78deg,rgba(255,255,255,0) 0,#fff 0%,#fff 90%,rgba(255,255,255,0) 100%);

}

.cst-home-client-img {

    clear: both;

    float: left;

    width: 100%;

}



.cst-home-client-slider-btn {

    width: 200px;

    float: right;

}







.cst-home-client-slider-btn-prev {

    background-color: var(--white-color);

    display: flex;

    padding: 15px 30px;

    border-radius: 50px;

    width: 84px;

    height: 54px;

    text-align: center;

    margin-right: 20px;

    cursor: pointer;

    float: left;

}



.cst-home-client-slider-btn-prev:hover{

    background-color: var(--btn-bg-color);

}

.cst-home-client-slider-btn-prev:hover .cst-client-left{ 

    display: none;

}

.cst-home-client-slider-btn-prev:hover .cst-client-right{ 

    display: block;

}



.cst-home-client-slider-btn-next:hover {

    background-color: var(--btn-bg-color);

}

.cst-home-client-slider-btn-next:hover .cst-client-right{

    display: none;

}

.cst-home-client-slider-btn-next:hover .cst-client-left{

    display: block;

}











.cst-home-client-slider-btn-prev.disable{

    background-color: var(--btn-bg-color);

}

.cst-home-client-slider-btn-prev.disable .cst-client-left{

    display: none;

}

.cst-home-client-slider-btn-prev.disable .cst-client-right{

    display: block;

}

.cst-home-client-slider-btn-prev .cst-client-right{

    display: none;

}

.cst-home-client-slider-btn-next {

    background-color: var(--white-color);

    display: flex;

    padding: 15px 30px;

    border-radius: 50px;

    width: 84px;

    height: 54px;

    text-align: center;

    cursor: pointer;

    float: right;

}

.cst-home-client-slider-btn-next.disable{

    background-color: var(--btn-bg-color);

}

.cst-home-client-slider-btn-next.disable .cst-client-left{

    display: block;

}

.cst-home-client-slider-btn-next.disable .cst-client-right{

    display: none;

}

.cst-home-client-slider-btn-next .cst-client-left{

    display: none;

}



.cst-home-client-section::after {

    /* background-image: linear-gradient(180deg, #722ED1 0%, #012d52 100%); */

    background: linear-gradient(344deg, rgba(1,45,82,1) 45%, rgba(114,46,209,0.865983893557423) 72%);

    background-size: 600% 100%;

    animation: gradient 3.5s linear infinite;

    animation-direction: alternate;

    position: absolute;

    content: '';

    height: 550px;

    transform: skewY(-6deg);

    width: 100%;

    top: -30px;

    display: block;

    z-index: -1;

}

.cst-home-client-slider {

    margin-top: 32px;

}

.cst-home-client-img img {

    float: left;

    width: auto !important;

}

.cst-home-client-img h3 {

    float: left;

    margin-top: 14px;

    margin-left: 20px;

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

}

.cst-home-client-div p {

    margin-top: 15px;

    margin-bottom: 15px;

    clear: both;

    float: left;

    width: 100%;

     font-family: 'CST Regular';

    font-size: 14px;

    line-height: 21px;

    color: #363636;

    opacity: 1;



}

.cst-home-client-date {

    clear: both;

    float: right;

}

.cst-home-client-date-day {

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    color: #A1AAA7;

    margin-right: 5px;

}

.cst-home-client-date-month {

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    color: #A1AAA7;

}

/* Home Our Client Section Css End */



/* Solution Banner Section Css Start */

.cst-solution-handoff-right {

    padding-top: 200px;

}

.cst-solution-banner-section {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    padding-top: 100px;

    padding-bottom: 170px;

    background-position: center !important;

}

.cst-solution-banner-left h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color: #FFFFFF; 

    margin-bottom: 19px;

}

.cst-solution-banner-left p {

    font-family: 'CST Regular';

    font-size: 16px;

    line-height: 25px;

    color: #FEFEFE;

}

.cst-solution-banner-right {

    width: 350px;

    float: right;

}

.cst-solution-banner-right ul {

    display: flex;

    flex-flow: column wrap;

}

.cst-solution-banner-right ul li {

    background: rgba(255, 255, 255, 0.8);

    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);

    border-radius: 5px;

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 23px;

    color: #000000;

    position: relative;

    margin-bottom: 25px;

}

.cst-solution-banner-right ul li:last-child {

    margin-bottom: 0px;

}

.cst-solution-banner-right ul li:nth-child(odd) { 

    align-self: flex-start;

    padding: 10px 20px 10px 30px;

}

.cst-solution-banner-right ul li:nth-child(even) { 

    align-self: flex-end;

    padding: 10px 30px 10px 20px;

}

.cst-solution-banner-right ul li:nth-child(odd)::before { 

    content: '';

    background-image: url('./image/solution/group-image.svg');

    width: 68px;

    height: 68px;

    display: block;

    position: absolute;

    left: -41px;

    top: -32px;



}

.cst-solution-banner-right ul li:nth-child(even)::before { 

    content: '';

    background-image: url('./image/solution/group-image.svg');

    width: 68px;

    height: 68px;

    display: block;

    position: absolute;

    right: -41px;

    top: -32px;



}

/* Solution Banner Section Css End */



/* Solution world’s largest companies Section Css Start */

.cst-solution-largest-section {

    padding-top: 40px;

    padding-bottom: 40px;

}

.cst-solution-largest-section p {

    font-family: 'CST Medium';

    font-size: 20px;

    line-height: 30px;

    text-align: center;

    color: #475467;

    margin-bottom: 20px;

}

#cst-largest-company .owl-item img {

    width: auto;

    margin: 0 auto;
    /* width: 125px; */
}

.cst-solution-largest-section div {

    text-align: center;

}

/* Solution world’s largest companies Section Css End */



/* Solution Tech Team Section Css Start */

.cst-solution-tech-team-section {

    padding-top: 100px;

    padding-bottom: 100px;

}

.cst-solution-tech-team-section h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    text-align: center;

    color: #000000;

    width: 600px;

    margin: 0 auto;

    margin-bottom: 60px;

}

.cst-solution-tech-team-content {

    width: 80%;

    margin: 0 auto;

}

.cst-solution-tech-team-content-left {

    padding-right: 30px;

}

.cst-solution-tech-team-content-right {

    padding-left: 30px;

}

.cst-solution-tech-team-content-inner {

    background: #FFFFFF;

    box-shadow: 0px 26px 49px rgba(146, 165, 184, 0.14);

    border-radius: 14px;

    padding: 45px;

}

.cst-solution-tech-team-content-inner img{

    margin-bottom: 33px;

}

.cst-solution-tech-team-content-inner h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 20px;

}

.cst-solution-tech-team-content-inner p{

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 28.5px;

    color: #475467;

}

.cst-solution-tech-team-border {

    background: #FFFFFF;

    border: 1px solid rgba(94, 94, 94, 0.27);

    border-radius: 14px;

}

/* Solution Tech Team Section Css End */



/* Solution customer Section Css Start */

   .cst-solution-customer-section {

    padding-top: 100px;

    padding-bottom: 100px;

} 

.cst-solution-customer-section h2{

    font-family: 'CST Bold';

    font-size: 50px;

    line-height: 75px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #0D1111;

    margin-bottom: 25px;

}

.cst-solution-customer-section p{

    font-family: 'CST Regular';

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    color: #4E4D7A; 

    width: 55%;

    margin: 0 auto;

}

.cst-solution-customer-section ul{

    margin-top: 60px;

    padding: 0;

    display: flex;

    text-align: center;

    justify-content: center;

}

.cst-solution-customer-section ul li {

    padding: 70px 50px 70px 50px;

    border-top: 2px solid #A9B3AB;

    border-bottom: 2px solid #A9B3AB;

}

.cst-solution-customer-section ul li span {

    font-size: 16px;

    line-height: 20px;

    text-align: center;

    letter-spacing: 0.4em;

    color: #4E4D7A;

    font-family: 'CST Medium';

}

.cst-solution-customer-section ul li h3 {

    font-family: 'CST Medium';

    font-size: 25px;

    line-height: 40px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #000000;

}

.cst-solution-customer-section ul li h3 span{

    font-family: 'CST Medium';

    font-size: 25px;

    line-height: 40px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #000000;

}

.cst-solution-customer-section ul li:nth-child(1){

    border-left: 0px;

    width: 20%;

}

.cst-solution-customer-section ul li:nth-child(2){

    border-left: 1.4px solid #A9B3AB;

    border-right: 1.4px solid #A9B3AB;

    padding-left: 100px;

    padding-right: 100px;

    width: 30%;

}

.cst-solution-customer-section ul li:nth-child(3){

    border-right: 1.4px solid #A9B3AB;

    width: 25%;

}

.cst-solution-customer-section ul li:nth-child(4){

    border-right: 0px;

    border-image: linear-gradient(90deg, rgba(144, 156, 146, 1), rgba(144, 156, 146, 0));

    border-image-slice: 1;

    width: 25%;

}

/* Solution customer Section Css End */



/* Solution handoff Section Css Start */

.cst-solution-handoff-section{

    padding-top: 100px;

    padding-bottom: 100px;

}

.cst-solution-handoff-inner {

    width: 80%;

    margin: 0 auto;

}

.cst-solution-handoff-left {

    position: relative;

    z-index: 9;

}



.cst-solution-handoff-left-bg{

    background: #CFEDFF;

    height: 360px;

    width: 417px;

    position: absolute;

    top: -35px;

    right: -34px;

    left: auto;

    z-index: -1;

}

.cst-solution-handoff-right h3{

    font-family: 'CST Bold';

    font-size: 40px;

    line-height: 60px;

    color: #192430;

}

.cst-solution-handoff-right p{

    font-family: 'CST Regular';

    font-size: 22px;

    line-height: 28px;

    letter-spacing: 0.01em;

    color: #727272;

}

.cst-solution-handoff-left .cst-product-handoff-img {

    position: relative;

}

.cst-reach {

    background: #FFFFFF;

    box-shadow: 0px 7px 88px rgb(186 186 186 / 25%);

    border-radius: 10px;

    padding: 30px;

    width: 133px;

    position: absolute;

    right: -58px;

    top: auto;

    bottom: -73px;

    text-align: center;

}

.cst-reach h3{

    font-family: 'CST SemiBold';

    font-size: 25px;

    line-height: 30px;

    color: #00005C;

    margin-top: 10px;

}

.cst-reach p{

    font-family: 'CST Medium';

    font-size: 10px;

    line-height: 15px;

    color: #627193;

}

.cst-reach h4 img {

    border-radius: 0;

    position: relative;

    left: -5px;

}

.cst-reach h4 {

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    color: #00005C;

    margin-top: 10px;

}

.cst-solution-handoff-right .cst-product-handoff-img {

    position: relative;

}

.cst-Infocard-div {

    position: absolute;

    top: -66px;

    left: -85px;

}



.cst-solution-number {

    padding-top: 30px;

    padding-bottom: 30px;

}

.cst-solution-number-div {

    border-radius: 10px;

    padding: 30px;

}

.cst-solution-number-div h3 {

    text-align: center !important;

    margin: 0 auto;

    float: none;

    display: block !important;

}

.cst-solution-number-div h3, .cst-solution-number-div h3 span{

    font-family: 'CST SemiBold';

    font-size: 50px;

    line-height: 75px;

    color: #FFFFFF;

    opacity: 0.96;

    display: inline-block;

}

.cst-solution-number-div span{

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    text-align: center;

    color: #FFFFFF;

    margin: 0 auto;

    display: block;

}

.cst-solution-number-outer:nth-child(1) .cst-solution-number-div {

    background: #3C50E0;

}

.cst-solution-number-outer:nth-child(2) .cst-solution-number-div {

    background: #FF5670;

}

.cst-solution-number-outer:nth-child(3) .cst-solution-number-div {

    background: #FDB400;

}

.cst-solution-number-outer:nth-child(4) .cst-solution-number-div {

    background: #627193;

}

/* Solution handoff Section Css End */





/* Product Banner Section Css Start */

.cst-product-banner-section {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    padding-top: 150px;

    padding-bottom: 400px;

    background-position: left !important;

}

.cst-product-banner-section::after {

    background-color: #fff;

    position: absolute;

    content: '';

    height: 282px;

    transform: skewY(-6.2deg);

    width: 100%;

    bottom: -143px;

    display: block;

}

.cst-product-banner-content {

    text-align: center;

    margin: 0 auto;

}

.cst-product-banner-content h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color: #FFFFFF;

    margin-top: 12px;

    margin-bottom: 5px;

}

.cst-product-banner-content p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 25px;

    text-align: center;

    color: #FFFFFF;

    margin-bottom: 20px;

}

.cst-product-largest-section {

    padding-top: 40px;

    padding-bottom: 40px;

}

.cst-product-largest-section p {

    font-family: 'CST Medium';

    font-size: 20px;

    line-height: 30px;

    text-align: center;

    color: #475467;

    margin-bottom: 20px;

}

.cst-product-tech-team-section {

    padding-top: 100px;

    padding-bottom: 100px;

}

.cst-product-tech-team-section h2 {

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    text-align: center;

    color: #000000;

    margin: 0 auto;

    margin-bottom: 30px;

}

.cst-product-tech-team-content {

    margin: 0 auto;

}

.cst-product-tech-team-content-left {

    padding-right: 30px;

    padding-left: 30px;

}

.cst-product-tech-team-content-inner {

    background: #FFFFFF;

    box-shadow: 0px 26px 49px rgb(146 165 184 / 14%);

    border-radius: 14px;

    padding: 45px;

    border: 2px solid #fff;

}

.cst-product-tech-team-content-inner:hover {

    /* border: 1px solid rgba(94, 94, 94, 0.27); */
    border: 2px solid #012d52;

}

.cst-product-tech-team-content-inner img {

    margin-bottom: 33px;

}

.cst-product-tech-team-content-inner h3 {

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 20px;

}

.cst-product-tech-team-content-inner p {

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 28px;

    color: #475467;

}

.cst-product-tech-team-content-right {

    padding-left: 30px;

    padding-right: 30px;

}

.cst-product-tech-team-border {

    background: #FFFFFF;

    border: 1px solid rgba(94, 94, 94, 0.27);

    border-radius: 14px;

}

.cst-product-handoff-section {

    padding-top: 100px;

    padding-bottom: 100px;

}

.cst-product-handoff-content {

    padding-right: 30px;

}

.cst-product-handoff-img img {

    border-radius: 10px;

    filter: drop-shadow(0px 0px 40px #14263e);
    /* border-radius: 39.4px; */

}
.cst-reach1 img {
    filter: none;
}
.cst-Infocard-div img {
    filter: none;
}
.cst-product-handoff-content h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    margin-bottom: 15px;

}

.cst-product-handoff-content p {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

    margin-bottom: 30px

}

.cst-product-handoff-card {

    display: flex;

}



.cst-product-handoff-card-left {

    width: 63px;

    float: left;

}



.cst-product-handoff-card-right {

    float: right;

    margin-left: 30px;

}

.cst-product-handoff-card-right h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #222222;

    margin-bottom: 8px;

}

.cst-product-handoff-card-right p{

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 25px;

    color: #4E4D7A;

}

.cst-product-client-section {

    padding-top: 200px;

    margin-bottom: 150px;

}

.cst-product-client-inner {

    background: linear-gradient(344deg, rgba(1,45,82,1) 45%, rgba(114,46,209,0.865983893557423) 72%);

    background-size: 600% 100%;

    animation: gradient 3.5s linear infinite;

    animation-direction: alternate;

    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);

    padding: 100px;

    border-radius: 10px;

}

.cst-product-client-div {

    margin: 0 auto;

}

.cst-product-client-inner-left {

    padding-left: 60px;

}

.cst-product-client-inner-left h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 40px;

    color: #FFFFFF;

}

.cst-product-client-inner-right-card-1 {

    padding: 20px;

    padding-top: 0px;

    width: 450px;

    background: #FFFFFF;

    box-shadow: 0px 11px 25px rgba(85, 85, 85, 0.1);

    border-radius: 10px;

}

.cst-product-client-inner-right {

    position: relative;

}

.cst-product-client-inner-right-card-1:nth-child(1) {

    position: absolute;

    top: -210px;

    right: -40px;

}

.cst-product-client-inner-right-card-1:nth-child(2) {

    position: absolute;

    bottom: -310px;

    left: 13px;

}

.cst-product-client-inner-right-card-1 img {

    margin-top: -39px;

    margin-bottom: 15px;

}

.cst-product-client-inner-right-card-1 h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 15px;

}

.cst-product-client-inner-right-card-1 p {

    font-family: 'CST Regular';

    font-size: 14px;

    line-height: 21px;

    color: #363636;

}

/* Product Banner Section Css End */



/* Service Page Css Start */

.cst-service-banner-section {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    padding-top: 80px;

    padding-bottom: 80px;

    /* padding-bottom: 30px; */

    background-position: left !important;

}



.cst-service-banner-section h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color: #fff;

    margin-top: 15px;

    margin-bottom: 10px;

}

.cst-service-banner-form {

    margin-top: 15px;

    margin-bottom: 20px;

}

.cst-service-banner-section p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 25px;

    color: #fff;

}

.cst-service-banner-form .cst-newsletter-form {

    position: relative;

    max-width: 498px;

}

.cst-service-banner-form .cst-newsletter-form ::placeholder { /* Most modern browsers support this now. */

    color: #4E4D7A !important;

    font-family: 'CST Medium';

}

.cst-service-banner-form .cst-newsletter-form input {

    font-size: 15px;

    line-height: 23px;

    color: #4E4D7A;

    height: 60px;

    width: 100%;

    padding: 18px 135px 17px 30px;

    font-weight: 400;

    border: 0 none;

    border-radius: 50px;

    outline: none;

    background-color: #fff;

    font-family: 'CST Medium';

}

.cst-service-banner-form .cst-newsletter-form button {

    border-radius: 25px;

    background-color: var(--btn-bg-color);

    color: var(--white-color);

    padding: 11px 22px;

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 22px;

    position: absolute;

    right: 9px;

    bottom: 7px;

    border: none;

}

.cst-service-banner-logo {

    margin-top: 50px;

}

#cst-banner-service-logo-slider .owl-item img {

    width: auto;

    margin: 0 auto;

    width: 130px;
}

.cst-service-strength-section {

    padding-top: 100px;

    padding-bottom: 0px;

    background: linear-gradient(0deg, rgba(241, 246, 253, 0) 1.63%, #F1F6FD 20.5%, #F1F6FD 58.57%, #FFFFFF 100%);

}

.cst-service-strength-content {

    text-align: center;

    margin: 0 auto;

}

.cst-service-strength-content h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    text-align: center;

    color: #000000;

    margin-top: 18px;

    margin-bottom: 25px;

}
.cst-service-strength-inner-card .cst-service-strength-inner-card-img img {
    width: 106px;
}
.cst-service-strength-inner-card {

    background: #FFFFFF;

    box-shadow: 14px 22px 52px -12px rgba(127, 127, 127, 0.13);

    border-radius: 14px;

    padding-top: 40px;

    padding-left: 40px;

    padding-bottom: 40px;

    padding-right: 40px;

    display: flex;

    margin-bottom: 40px;

}

.cst-service-strength-inner-card-content {

    margin-top: 15px;

    width: 300px;

    margin-left: 49px;

}

.cst-service-strength-inner-card-content h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #2F2C4A;

}

.cst-service-strength-inner-card-content p{

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 24px;

    color: #656464;

}

.cst-service-technology-section {

    padding-top: 60px;

    padding-bottom: 100px;

}

.cst-service-technology-content h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    margin-top: 15px;

}

.cst-service-technology-content {

    margin-bottom: 50px;

}

.cst-service-technology-tabdiv .tab-menu li {

    width: 100%;

    margin-bottom: 10px;

    padding-top: 10px;

    padding-bottom: 10px;

}

.cst-service-technology-tabdiv .tab-menu li button { 

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #475467;

    padding: 0;

    border: 0;

    border-radius: 0;

    text-align: left;

}

.cst-service-technology-tabdiv .tab-menu li button.active{

    font-family: 'CST SemiBold';

    font-size: 16px;

    line-height: 24px;

    color: #000000;

    padding-left: 15px;

    background-color: transparent;

}

.cst-service-technology-tabdiv .tab-menu li button.active::before{

    content: '';

    width: 4px;

    height: 32px;

    background-color: #000000;

    color: #000000;

    display: inline-block;

    position: relative;

    left: -14px;

    top: 7px;

}

.cst-service-technology-tabdiv::after {

    content: '';

    display: block;

    width: 100%;

    height: 1px;

    background-color: #9E9E9E;

    position: relative;

    bottom: -50px;

}

.cst-service-technology-tabdiv .tab-content::before {

    content: '';

    width: 1px;

    height: 100%;

    background-color: #9E9E9E;

    display: block;

    position: absolute;

    left: auto;

    right: auto;

    margin-left: -31px;

}

.cst-service-technology-tabdiv .tab-content .tab-pane{

    background: #F4F5F7;

    padding:20px;

}



.cst-tab-pane-inner {

    background: #FFFFFF;

    box-shadow: 0px 7px 88px rgba(186, 186, 186, 0.25);

    padding: 40px;

    border-top: 5.75px solid #012340;

}

.cst-tab-pane-inner h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 10px;

}

.cst-tab-pane-inner p{

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 24px;

}

/* Service Page Css End */



/* Partner Page Css Start */

.cst-partner-banner-section {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    padding-top: 160px;

    padding-bottom: 470px;

    background-position: left !important;

}

.cst-partner-banner-content {

    margin: 0 auto;

}

.cst-partner-banner-section h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color: #fff;

    margin-top: 17px;

    margin-bottom: 5px;

}

.cst-partner-banner-section p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 25px;

    color: #fff;

    margin-bottom: 18px;

}

.cst-partner-banner-section::before {

    background-color: #ffffff;

    position: absolute;

    content: '';

    height: 400px;

    transform: skewY(-6.2deg);

    width: 100%;

    bottom: -116px;

    display: block;

}

.cst-partner-marketplace-div {

    margin: 0 auto;

}

.cst-partner-marketplace-section {

    background-color: #f7f7f7;

    padding-bottom: 80px;

}

.cst-partner-marketplace-logo, .cst-partner-marketplace-content {

    z-index: 9;

}

.cst-partner-marketplace-logo-inner {

    margin-bottom: 30px;

}

.cst-partner-marketplace-logo-inner:last-child{

    margin-bottom: 0px;

}

.cst-partner-marketplace-logo-inner div{

    text-align: center;

}

.cst-partner-marketplace-content h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    margin-bottom: 15px;

}

.cst-partner-marketplace-content p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

    margin-bottom: 30px;

}

.cst-partner-customer-section {

    background-color: #ffffff;

    padding-top: 0;

}

.cst-partner-expert-section {

    padding-top: 0px;

    margin-top: -120px;

}

.cst-solution-brandgoal-section {

    padding-top: 75px;

    padding-bottom: 100px;

}

.cst-solution-brandgoal-form-div {

    margin-bottom: 30px;

}

.cst-solution-brandgoal-div {

    margin: 0 auto;

}



#signupModal .modal-body {

    padding: 0px;

}

#signupModal .modal-content {

    border-radius: 15px;

    border: 0px;

}

#signupModal .modal-dialog {

    top: 85px;

}

#signupModal .cst-solution-brandgoal-inner-modal .close {

    right: 14px;

    top: 14px;

}

.cst-solution-brandgoal-inner {

    background: linear-gradient(344deg, rgba(1,45,82,1) 45%, rgba(114,46,209,0.865983893557423) 72%);

    background-size: 600% 100%;

    animation: gradient 3.5s linear infinite;

    animation-direction: alternate;

    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);

    padding: 100px;

    border-radius: 10px;

    padding-bottom: 50px;

    padding-top: 50px;

}

.cst-solution-brandgoal-inner-modal {

    padding: 0px;

}

.cst-solution-brandgoal-inner-modal-inner {

    width: 78%;

    margin: 0 auto;

    padding-top: 30px;

    padding-bottom: 30px;

}
#cst-success-popup {
    top: 20%;
}
#cst-fire-popup {
    top: 20%;
}

#cst-success-popup .cst-solution-brandgoal-inner-modal-inner {
    width: 100%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
#cst-fire-popup .cst-solution-brandgoal-inner-modal-inner {
    width: 100%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
#cst-success-popup .modal-dialog {
    max-width: 600px !important;
}
#cst-fire-popup .modal-dialog {
    max-width: 600px !important;
}
#cst-success-popup .cst-btn-right-arrow.cst-subscribe-btn::after {
    display: none;
}
#cst-fire-popup .cst-btn-right-arrow.cst-subscribe-btn::after {
    display: none;
}
.cst-solution-brandgoal-inner-modal .cst-solution-brandgoal-form {

    width: 100%;

    margin: 0 auto;

}

.cst-modal-fileupload {

    background: #10426B;

    border-radius: 5px;

    padding-top: 45px;

    padding-bottom: 45px;

    width: 100%;

    margin: 0 auto;

}

.cst-modal-fileupload-div {

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

.cst-modal-fileupload-div-content {

    margin-left: 15px;

}

.cst-solution-brandgoal-inner-modal .cst-solution-brandgoal-content h2 {

    font-family: 'CST SemiBold';

    font-size: 34px;

    line-height: 42px;

    color: var(--white-color);

    margin-bottom: 20px;

}



.cst-solution-brandgoal-inner-modal .cst-solution-brandgoal-content p {

    font-family: 'CST Regular';

    font-size: 18px;

    line-height: 26px;

    text-align: center;

    color: #fff;

    width: 80%;

    margin: 0 auto;

}  



#cst-partner-btn-popup .cst-solution-brandgoal-content p {

    width: 100%;

}  

.cst-modal-left {

    padding-right: 50px;

}

.cst-modal-right {

    padding-left: 50px;

}

/* .cst-help-desk-popup .cst-solution-brandgoal-form .form-control {

    border-bottom: 2px solid #676767;

} */

.cst-modal-fileupload-div-content h3{

    font-family: 'CST Medium';

    font-size: 22px;

    line-height: 33px;

    display: flex;

    align-items: center;

    color: #FFFFFF;

}

.cst-modal-fileupload-div-content p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    display: flex;

    align-items: center;

    color: #839DB3;

}

.cst-modal-fileupload input{

    border: 0px !important;

}



.cst-solution-brandgoal-inner-modal .close {

    position: absolute;

    right: 42px;

    background-color: transparent;

    border: 0px;

    top: 34px;

}

.cst-help-desk-popup .cst-solution-brandgoal-form-div {

    margin-bottom: 25px;

}

.cst-solution-brandgoal-inner-modal .cst-solution-brandgoal-content {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 20px;

}

@keyframes gradient {

    0% {background-position: 0%}

    100% {background-position: 50%}

}

.cst-solution-brandgoal-content {

    width: 550px;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 30px;

}

.cst-solution-brandgoal-form {

    width: 700px;

    margin: 0 auto;

}

.cst-solution-brandgoal-content h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 40px;

    color: var(--white-color);

    margin-bottom: 20px;

}



.cst-solution-brandgoal-content p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 25px;

    color: var(--white-color);

}

.cst-solution-brandgoal-form .form-control {

    background-color: transparent;

    border-radius: 0;

    color: #fff;

    border: 0;

    border-bottom: 1px solid #fff;

}

.cst-solution-brandgoal-form input, .cst-solution-brandgoal-form textarea {

    font-size: 15px;

    line-height: 23px;

    height: 60px;

    width: 100%;

    outline: none;

    font-family: 'CST Medium';

}

.cst-solution-brandgoal-form textarea {

    padding-top: 18px;

}

.cst-solution-brandgoal-form .form-control::placeholder {

    color: #fff;

}

.cst-solution-brandgoal-form .cst-subscribe-btn {

   margin-top: 30px;

}

/* Partner Page Css End */



/* Company Page Css Start */

.cst-company-banner-section {

    padding-top: 135px;

    padding-bottom: 140px;

    background-color: #f7f7f7;

}



.cst-company-banner-content h1 {

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color: #18253A;

    margin-top: 10px;

}

.cst-company-banner-content p {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 25px;

    color: #4E4D7A;

}

.cst-company-build-section{

    padding-top: 100px;

    padding-bottom: 60px;

    background-color: #f7f7f7;

}

.cst-company-build-inner {

    padding: 30px;

    background-color: #fff;

    margin-bottom: 25px;

}

.cst-company-build-inner h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #2F2C4A;

    margin-top: 20px;

}

.cst-company-build-right h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    margin-top: 18px;

    margin-bottom: 25px;

}

.cst-company-build-count {

    margin-bottom: 80px;

}

.cst-company-build-count h3{

    font-family: 'CST Bold';

    font-size: 70px;

    line-height: 45px;

    color: var(--btn-bg-color);

    margin-bottom: 30px;

}

.cst-company-build-count p{

    font-family: 'CST Regular';

    font-size: 20px;

    line-height: 24px;

    color: #000;

}

.cst-company-ourvalue-section {

    padding-top: 100px;

    padding-bottom: 100px;

}

.cst-company-ourvalue-section::after {

    display: none;

}

.cst-company-ourvalue-section .cst-home-value-first h2 {

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: var(--black-color);

    margin-bottom: 20px;

}

.cst-company-ourvalue-content {

    margin: 0 auto;

    text-align: center;

}

.cst-company-ourvalue-content h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    text-align: center;

    color: #000000;

    margin-top: 15px;

    margin-bottom: 15px;

}

.cst-company-ourvalue-content p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

    text-align: center;

}

.cst-company-ourvalue-card-inner {

    margin-top: 50px;

}

.cst-company-ourvalue-card-center {

    margin: 0 auto;

}

.cst-company-ourvalue-card {

    background: #FFFFFF;

    border-radius: 5px;

    padding: 45px;

    margin-bottom: 25px;

    border-left:5px solid #fff;

}

.cst-company-ourvalue-card:hover {

    box-shadow: 0px 26px 49px rgb(146 165 184 / 14%);

    border-left:5px solid var(--btn-bg-color);

    border-radius: 5px;

}

.cst-solution-value .cst-company-ourvalue-card {

    box-shadow: 0px 26px 49px rgb(146 165 184 / 14%);

    height: 542px;

}

.cst-company-ourvalue-card h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 10px;

}

.cst-company-ourvalue-card p{

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 24px;

}

.cst-company-ourteam-section{

    padding-top: 100px;

    padding-bottom: 60px;

    background-color: #f7f7f7;

}

.cst-company-ourteam-div {

    margin-bottom: 60px;

}

.cst-company-ourteam-content {

    margin: 0 auto;

    text-align: center;

}

.cst-company-ourteam-content h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    text-align: center;

    color: #000000;

    margin-top: 15px;

    margin-bottom: 15px;

}

.cst-company-ourteam-firstdiv {

    margin-bottom: 30px;

}

.cst-company-ourteam-card img {

    border-radius: 5px;

    margin-bottom: 15px;

}

.cst-company-ourteam-card h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: var(--black-color);

    text-align: left;

}

.cst-company-ourteam-card p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 28px;

    margin-top: 10px;

    margin-bottom: 10px;

}

.cst-company-ourteam-card h6{

    font-family: 'CST Medium';

    font-size: 14px;

    line-height: 24px;

    opacity: 0.5;

}

.cst-company-jointeam-div {

    padding-top: 50px;

    padding-bottom: 10px;

}



.cst-company-jointeam-div-left {

    width: 50%;

}

.cst-company-jointeam-div-left h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    margin-bottom: 15px;

}

.cst-company-jointeam-div-left p{

    font-family: 'CST Regular';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

    margin-bottom: 15px;

}

.cst-company-jointeam-div-left-img {

    display: flex;

}

.cst-company-jointeam-div-left ul {

    float: left;

}

.cst-company-jointeam-div-left ul li {

    display: inline-block;

    position: relative;

}

.cst-company-jointeam-div-left ul li:nth-child(1){

    z-index: 9999999;

}

.cst-company-jointeam-div-left ul li:nth-child(2){

    z-index: 999999;

    margin-left: -30px;

}

.cst-company-jointeam-div-left ul li:nth-child(3){

    z-index: 99999;

    margin-left: -30px;

}

.cst-company-jointeam-div-left ul li:nth-child(4){

    margin-left: -30px;

    z-index: 9999;

}

.cst-company-jointeam-div-left ul li:nth-child(5){

    margin-left: -30px;

    z-index: 999;

}

.cst-company-jointeam-div-left ul li:nth-child(6){

    margin-left: -30px;

    z-index: 99;

}

.cst-product-company-section {

    padding-top: 150px;

}

.cst-company-jointeam-div-left-number {

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    letter-spacing: -0.6px;

    color: #151515;

    margin-left: 15px;

}

.cst-company-jointeam-div-right {

    width: 20%;

    margin-left: auto;

    text-align: right;

}

.cst-company-clientsay-div {

    margin-top: 100px;

}



.cst-company-ourstory-section {

    padding-top: 0px;

    padding-bottom: 40px;

}

.cst-company-ourstory-div h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: var(--black-color);

    margin-bottom: 15px;

}

.cst-company-ourstory-div p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

}

.cst-company-ourstory-slider-div {

    border-radius: 10px;

    padding: 22px;

}

.cst-company-ourstory-slider-div p {

    border-radius: 10px;    

    color:#fff;

    padding:20px;

}

.cst-company-ourstory-slider-div-img {

    display: flex;

    margin-bottom: 20px;

}

.cst-company-ourstory-slider-div-img img {

    width: 42px !important;

}

.cst-company-ourstory-div {

    margin-bottom: 30px;

}

.cst-company-ourstory-div-btn {

    text-align: right;

}

.cst-company-ourstory-slider-div-img h3 {

    font-family: 'CST SemiBold';

    font-size: 15px;

    line-height: 22px;

    color: #FFFFFF;

    position: relative;

    top: 8px;

    left: 15px;

}

#cst-company-slider .cst-story1 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story5 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story9 .cst-company-ourstory-slider-div {

    background-color: #7F56D9;

}

#cst-company-slider .cst-story1 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story5 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story9 .cst-company-ourstory-slider-div p{

    background-color: #A589E4;

}



#cst-company-slider .cst-story2 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story6 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story10 .cst-company-ourstory-slider-div {

     background-color: #039855;

}

#cst-company-slider .cst-story2 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story6 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story10 .cst-company-ourstory-slider-div p{

    background-color: #4FB788;

}



#cst-company-slider .cst-story3 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story7 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story11 .cst-company-ourstory-slider-div {

     background-color: #1570EF;

}

#cst-company-slider .cst-story3 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story7 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story11 .cst-company-ourstory-slider-div p{

    background-color: #5B9BF4;

}



#cst-company-slider .cst-story4 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story8 .cst-company-ourstory-slider-div,

#cst-company-slider .cst-story12 .cst-company-ourstory-slider-div {

     background-color: #444CE7;

}

#cst-company-slider .cst-story4 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story8 .cst-company-ourstory-slider-div p,

#cst-company-slider .cst-story12 .cst-company-ourstory-slider-div p{

    background-color: #7C82EE;

}

#cst-company-slider .owl-nav {

    margin-top: 30px;

}

#cst-company-slider .owl-prev.disabled .nav-btn.prev-slide {

    background-color: #722ED1;

    display: flex;

    padding: 15px 30px;

    border-radius: 50px;

    width: 84px;

    height: 54px;

    text-align: center;

    cursor: pointer;

    float: right;

}

#cst-company-slider .owl-stage-outer {

    -webkit-mask-image: linear-gradient(88deg,rgba(255,255,255,0) 0,#fff 0%,#fff 87%,rgba(255,255,255,0) 100%);

}

#cst-company-slider .owl-prev.disabled .nav-btn.prev-slide::after {

    background: url(./image/Arrow-Left-slide-white.png);

}

.nav-btn.prev-slide {

    background-color: #fff;

    display: flex;

    padding: 15px 30px;

    border-radius: 50px;

    width: 84px;

    height: 54px;

    text-align: center;

    cursor: pointer;

    float: right;

}

.nav-btn.prev-slide:hover {

    background-color: #722ED1;

}

.nav-btn.prev-slide::after {

    content: '';

    background: url(./image/Arrow-Left-slide-Blue-Violet.png);

    display: block;

    width: 24px;

    height: 24px;

}

.nav-btn.prev-slide:hover::after {

    background: url(./image/Arrow-Left-slide-white.png);

}



#cst-company-slider .owl-next.disabled .nav-btn.next-slide {

    background-color: #722ED1;

    display: flex;

    padding: 15px 30px;

    border-radius: 50px;

    width: 84px;

    height: 54px;

    text-align: center;

    cursor: pointer;

    float: right;

}

#cst-company-slider .owl-next.disabled .nav-btn.next-slide::after {

    background: url(./image/Arrow-Right-slide-white.png);

}

.nav-btn.next-slide {

    background-color: #fff;

    display: flex;

    padding: 15px 30px;

    border-radius: 50px;

    width: 84px;

    height: 54px;

    text-align: center;

    cursor: pointer;

    float: right;

}

.nav-btn.next-slide:hover {

    background-color: #722ED1;

}

.nav-btn.next-slide::after {

    content: '';

    background: url(./image/Arrow-Right-slide-Blue-Violet.png);

    display: block;

    width: 24px;

    height: 24px;

}

.nav-btn.next-slide:hover::after {

    background: url(./image/Arrow-Right-slide-white.png);

}

.cst-company-fly-title {

    padding-bottom: 30px;

}

.cst-company-fly-title h2{

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    font-family: 'CST Bold';

    text-align: center;

}

.cst-company-fly-section {

    background-image: url(./image/company/world-map.png);

    padding-top: 200px;

    padding-bottom: 200px;

    background-size: cover;

}

.cst-cst-company-fly-div {

    background: linear-gradient(180deg, #FBFDFF 0%, #E7F3FF 100%);

    box-shadow: 0px 8px 35px rgba(186, 186, 186, 0.25);

    border-radius: 10px;

    padding:22px 32px 22px 32px;

}

.cst-company-fly-inner {

    margin: 0 auto;

}

.cst-cst-company-fly-div img {

    margin-bottom: 0px;

}

.cst-cst-company-fly-div h2 {

    font-family: 'CST SemiBold';

    font-size: 28px;

    line-height: 37px;

    color: #030303;

    margin-bottom: 12px;

}

.cst-cst-company-fly-div p {

    font-family: 'CST Regular';

    font-size: 18px;

    line-height: 27px;

    color: #343434;

    width: 300px;

}

/* Company Page Css End */



/* Blog Page Css Start */

.cst-blog-banner-content-div  {

    background-size: cover !important;

    height: 586px;

    background-position: center !important;

}

.cst-blog-banner{

    padding-top: 94px;

    padding-bottom: 0px;

}

.cst-blog-banner-content {

    text-align: center;

    margin-bottom: 22px;

}

.cst-blog-banner-content h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color: #000000;

    margin-bottom: 15px;

}

.cst-blog-banner-content p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 155%;

    color: #4E4D7A; 

}

.cst-blog-author .cst-blog-author-name {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    text-decoration-line: underline;

    color: #D3D3D3;

}

.cst-blog-author .cst-blog-author-date {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #D3D3D3;

}

.cst-blog-author .cst-blog-author-date:before {

    content: '';

    background-color: #fff;

    color: #fff;

    width: 5px;

    height: 5px;

    display: inline-block;

    border-radius: 25px;

    margin-left: 6px;

    margin-right: 10px;

    position: relative;

    top: -2px;

}

.cst-blog-banner-content-div-inner h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #FFFFFF;

    margin-top: 6px;

    margin-bottom: 4px;

}

.cst-blog-banner-content-div-inner p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 25px;

    color: #D3D3D3;

    margin-bottom: 18px;

}

.cst-blog-banner-outer {

    position: relative;

}

.cst-blog-banner-content-div-inner {

    position: absolute;

    top: auto;

    bottom: 0;

    margin-left: 39px;

    margin-bottom: 39px;

}

.cst-blog-btn {

    background-color: transparent;

    border: 1px solid #fff;

}

.cst-blog-btn:hover {

    background-color: #fff;

    color:#000;

}

.podcast_news {

    margin: 0 auto;

    position: relative;

}



.podcast_news .play-btn {

    width: 80px;

    position: absolute;

    left: 54%;

    top: 50%;

    transform: translate(-50%,-50%);

    z-index: 3;

    transition: opacity 150ms ease-in-out;

}

.podcast_news .play-btn img {

    width: 50%;

    transform: scale(1);

    transition: transform 250ms ease-in-out;

}

.play-btn.hidden {

    opacity: 0;

}

.cst-blog-div-details {

    margin-top: 20px;

}

.cst-blog-div {

    margin-bottom: 50px;

}

.cst-blog-div h3 {

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-top: 6px;

    margin-bottom: 4px;

}

.cst-blog-div p {

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 23px;

    color: #4E4D7A;

    margin-bottom: 14px;

}

.cst-blog-div .cst-blog-div-author {

    font-family: 'CST Regular';

    font-size: 14px;

    line-height: 21px;

    text-decoration-line: underline;

    color: #474676;

}

.cst-blog-div .cst-blog-div-date {

    font-family: 'CST Regular';

    font-size: 14px;

    line-height: 21px;

    color: #474676;

}

.cst-blog-div .cst-blog-div-date:before {

    content: '';

    background-color: #474676;

    color: #474676;

    width: 5px;

    height: 5px;

    display: inline-block;

    border-radius: 25px;

    margin-left: 6px;

    margin-right: 10px;

    position: relative;

    top: -2px;

}

.cst-blog-listing-btn {

    border: 1px solid #4E4D7A;

    background-color: transparent;

    color: #4E4D7A;

    font-size: 12px;

    line-height: 18px;

    padding: 5px 10px 5px 10px;

}

#filterOptions {

    margin-top: 25px;

    

    text-align: center;

    display: flex;

    justify-content: center;

}

#ourHolder {

    margin-top: 50px;

}

#filterOptions li {

    float: left;

    margin-right: 20px;

    padding: 6px 12px 6px 12px;

    border: 1px solid #fff;

}

#filterOptions li.active {

    border: 1px solid #722ED1;

    border-radius: 100px;

    color: #722ED1;

}

#filterOptions li.active a {

    color: #722ED1;

}

#filterOptions li a {

    font-family: 'CST Medium';

    font-size: 14px;

    line-height: 22px;

    color: #4E4D7A;

    text-decoration: none;

    display: block;

}

/* Blog Page Css End */



/* MarketPlace Css Start */

.cst-market-place-section {

    padding-top: 80px;

    padding-bottom: 100px;

    background-color: #F6F6F6;

}

.cst-market-place-section h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    color: #18253A;

    text-align: center;

    margin-bottom: 37px;

}

.cst-market-place-section p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 155%;

    color: #4E4D7A;

    text-align: center;

    margin-top: 0px;

    margin-bottom: 42px;

}

.cst-marketplace-filter {

    display: flex;

    width: 90%;

    margin: 0 auto;

    box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25);

    border-radius: 0px 3px 3px 0px;

}





select {

    appearance: none;

    outline: 0;

    border: 0;

    box-shadow: none;

    flex: 1;

    padding: 0 1em;

    color: #fff;

    background-color: var(--darkgray);

    background-image: none;

    cursor: pointer;

    }

select::-ms-expand {

    display: none;

    }

.cst-marketplace-filter .select {

    position: relative;

    display: flex;

    border-radius: 0.25em;

    overflow: hidden;

    }

.cst-marketplace-filter .select::after {

    content: '';

    background-image: url('./image/marketplace/filter-down.png');

    width: 8px;

    height: 5px;

    background-repeat: no-repeat;

    position: absolute;

    top: 21px;

    right: 14px;

    transition: 0.25s all ease;

    pointer-events: none;

}



#cst-input-select {

    flex: 1;

    background: rgba(231, 231, 233, 0.5);

    border-width: 1px 0px 1px 1px;

    border-style: solid;

    border-color: #CCCCCC;

    border-radius: 4px 0px 0px 4px;

    font-family: 'CST SemiBold';

    font-size: 13px;

    line-height: 20px;

    display: flex;

    align-items: center;

    color: #183247;

    width: 230px;

}

#cst-input-select {

    background-image: url(./image/marketplace/cst-logo-mark-filter.svg);

    background-repeat: no-repeat;

    background-position: 13px 14px;

    padding: 15px 15px 15px 50px;

}



#cst-input-search {

    width: 80%;

    background: #FFFFFF;

    border-width: 1px 1px 1px 0px;

    border-style: solid;

    border-color: #CCCCCC;

    box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25);

    border-radius: 0px 3px 3px 0px;

    padding-left: 15px;

}

#cst-input-search {

    background-image: url(./image/marketplace/filter-search.png);

    background-repeat: no-repeat;

    position: relative;

    background-position: 20px 17px;

    padding-left: 50px;

}

.cst-marketplace-product-section {

    padding-top: 45px;

    padding-bottom: 20px;

    background-color: #fff;

}

.cst-marketplace-product-div h3{

    font-size: 20px;

    line-height: 30px;

    color:#000000;

    font-family: 'CST SemiBold';

    margin-bottom: 20px;

}

.cst-marketplace-product-div img {

    border-radius: 10px;

    margin-bottom: 16px;

}

.cst-marketplace-product-div p {
    margin-top: 10px;
}
.cst-marketplace-product-div h4 a{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #000000;

}

.cst-marketplace-product-div {

    margin-bottom: 70px;

}

.cst-marketplace-services-div {

    margin-top: 50px;

}

.cst-marketplace-services-div h3{

    font-size: 20px;

    line-height: 30px;

    color:#000000;

    font-family: 'CST SemiBold';

    margin-bottom: 20px;

}

.cst-marketplace-services-inner {

    padding: 35px 30px 35px 30px;

    background: #012340;

    border-radius: 10px;

}

.cst-marketplace-services-inner h4{

    font-family: 'CST SemiBold';

    font-size: 16px;

    line-height: 24px;

    color: #FFFFFF;

    margin-bottom: 15px;

}

.cst-marketplace-services-inner p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #ACB6C6;

    width:280px

}

.cst-marketplace-demo-section {

    padding-top: 90px;

    padding-bottom: 50px;

    background-color: #F6F6F6;

}

.cst-marketplace-demo-content h2{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    text-align: center;

    color: #18253A;

    margin-bottom: 30px;

}

.cst-marketplace-demo-content {

    text-align: center;

    margin: 0 auto;

}

.cst-marketplace-div {

    transition: transform 0.5s !important;

}

.cst-marketplace-div:hover {

    transform: scale(1.1) !important;

}

.cst-marketplace-services-inner {
    transition: transform 0.5s !important;
}
.cst-marketplace-services-inner:hover {

    transform: scale(1.1) !important;

}
/* MarketPlace Css End */





/* Blog Details Css Start */

.cst-blog-details-section {

    padding-top: 80px;

    padding-bottom : 80px;

}

.cst-blog-details-outer {

    width: 600px;

    margin: 0 auto;

}

.cst-blog-details-section h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    text-align: center;

    color: #000000;

}

.cst-blog-details-div {

    display: flex;

    margin: 0 auto;

    text-align: center;

    justify-content: center;

    margin-bottom: 30px;

}

.cst-blog-details {

    font-family: 'CST Medium';

    font-size: 12px;

    line-height: 18px;

    text-align: center;

    color: #4E4D7A;

    padding: 8px 16px 8px 16px;

    border: 1px solid #4E4D7A;

    border-radius: 100px;

    background-color: transparent;

    color: #4E4D7A;

}

.cst-blog-details-author {

    margin-left: 40px;

    margin-right: 40px;

    align-items: center;

    display: flex;

}

.cst-blog-details-author a {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    text-decoration-line: underline;

    color: #722ED1;

}

.cst-blog-details-author::before {

    content: '';

    background-color: rgba(78, 77, 122, 0.5);;

    width: 2px;

    height: 34px;

    display: inline-block;

    position: relative;

    top: 0px;

    right: 18px;

}

.cst-blog-details-date {

    align-items: center;

    display: flex;

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 24px;

    color: #4E4D7A;

}

.cst-blog-details-date::before {

    content: '';

    background-color: rgba(78, 77, 122, 0.5);;

    width: 2px;

    height: 34px;

    display: inline-block;

    position: relative;

    top: 0px;

    right: 20px;

}

.cst-blog-details-outer ul {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 15px;

}

.cst-blog-details-outer ul li {

    margin-right: 15px;

}

.cst-blog-details-outer ul li img {

    width: 28px;

    height: 27px;

    max-width: 28px;

    max-height: 27px;

    display: block;

    object-fit: contain;

}

.cst-blog-details-outer ul li img[src*="blog-twitter"],
.cst-blog-details-outer ul li img[src*="blog-x"] {

    width: 39px;

    height: 38px;

    max-width: 39px;

    max-height: 38px;

    margin-top: 2px;

}

.cst-blog-details-image {

    padding: 0px;

    margin-bottom: 50px;

}

.cst-blog-details-content-div {

    margin-bottom: 35px;

}

.cst-blog-details-content-div h3, .cst-blog-details-content-div h3 span {

    font-size: 16px;

    line-height: 31px;

    color: #353535;

    font-family: 'CST Bold' !important;

}

.cst-blog-details-content-div p {

    font-size: 16px;

    line-height: 31px;

    color: #353535;

    font-family: 'CST Medium';

    margin-bottom: 20px;
}
.cst-blog-details-content-div p:empty {
    display: none;
}
.cst-blog-details-content-div ul {
    padding-left: 20px;
}
.cst-blog-details-content-div ul li{
    font-size: 16px;

    line-height: 31px;

    color: #353535;

    font-family: 'CST Medium';

    margin-bottom: 10px;
    list-style-type: disc;

}
#cst-blog-details-slider {

    margin-bottom: 40px;

}

#cst-blog-details-slider .owl-item img {

    border-radius: 20px;

}

#cst-blog-details-slider .owl-dots {

    text-align: center;

    margin-top: 5px;

 }

 #cst-blog-details-slider .owl-dots button.owl-dot.active, 

 #cst-blog-details-slider .owl-dots button.owl-dot:hover {

  background-color: var(--btn-bg-color);

  border-radius: 50%;

  height: 10px;

  width: 10px;

}

#cst-blog-details-slider .owl-dots button.owl-dot{

  background: #D9D9D9;

  border-radius: 50%;

  height: 10px;

  width: 10px;

  margin-right: 5px;

}

.cst-blog-details-articleshare {

    padding-top: 30px;

    padding-bottom: 50px;

}

.cst-blog-details-articleshare-content::after {

    content: '';

    width: 100%;

    height: 1px;

    display: block;

    background-color: #C9C9C9;

    position: relative;

    margin: 0 auto;

    bottom: -30px;

}

.cst-blog-details-articleshare h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    text-align: center;

}

.cst-blog-details-articleshare ul {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 15px;

}

.cst-blog-details-articleshare ul li {

    margin-right: 15px;

}

.cst-blog-details-articleshare ul li img {

    width: 28px;

    height: 27px;

    max-width: 28px;

    max-height: 27px;

    display: block;

    object-fit: contain;

}

.cst-blog-details-articleshare ul li img[src*="blog-twitter"],
.cst-blog-details-articleshare ul li img[src*="blog-x"] {

    width: 39px;

    height: 38px;

    max-width: 39px;

    max-height: 38px;

    margin-top: 1px;

}

.cst-blog-details-author-section h2{

    font-family: 'CST SemiBold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    text-align: center;

}

.cst-blog-details-author-content {

    display: flex;

    width: 60%;

    align-items: center;

    margin: 0 auto;

    margin-top: 40px;

}

.cst-blog-details-author-content img {

    border-radius: 50%;

}

.cst-blog-details-author-content-div {

    padding-left: 50px;

}

.cst-blog-details-author-content-div h3{

    font-family: 'CST SemiBold';

    font-size: 20px;

    line-height: 20px;

    color: #000000;

    margin-bottom: 10px;

}

.cst-blog-details-author-content-div p{

    font-family: 'CST Regular';

    font-size: 15px;

    line-height: 26px;

    color: #353535;

    margin-bottom: 15px;

}

.cst-blog-author-btn {

    background-color: #fff;

    border: 1px solid var(--btn-bg-color);

    color: var(--btn-bg-color);

}

.cst-blog-details-author-section {

    padding-bottom: 50px;

    padding-top: 50px;

}

/* Blog Details Css End */



/* Privay Policy Css Start */

.cst-privacy-policy-banner {

    padding-top: 80px;

    padding-bottom: 80px;

}

.cst-privacy-policy-banner h1{

    font-family: 'CST Bold';

    font-size: 45px;

    line-height: 68px;

    text-align: center;

    color: #000000;

}

.cst-privacy-policy-content-div {

    margin-bottom: 20px;

}

.cst-privacy-policy-content-div p {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 191%;

    color: #353535;

}

.cst-privacy-policy-content-div h3 { 

    font-size: 16px;

    line-height: 31px;

    color: #353535;

    font-family: 'CST Bold';

}

.cst-privacy-policy-content-div ul {

    padding-left: 20px;

}

.cst-privacy-policy-content-div ul li{

    list-style-type: disc;

    font-family: 'CST Medium' !important;

    font-size: 16px;

    line-height: 191%;

    color: #353535;

}



/* Privay Policy Css End */



/* Resource Page Start */



/* Resource Page End */

.cst-resource-banner-section {

    background-color: #fff;

    padding-bottom: 85px;

}

.cst-resource-banner-section .cst-marketplace-filter {

    width: 100%;

}

.cst-resource-banner-section  h1 {

    margin-bottom: 30px;

}



.cst-resource-blog-section h2{

    font-family: 'CST Bold';

    font-size: 30px;

    line-height: 45px;

    color: #000000;

    margin-bottom: 35px;

}

.cst-resource-blog-section .cst-blog-div {

    margin-bottom: 80px;

}

.cst-resource-blog-section .cst-blog-listing-btn {

    border: 1px solid #4E4D7A;

    background-color: transparent;

    color: #4E4D7A;

    font-size: 12px;

    line-height: 18px;

    padding: 5px 10px 5px 10px;

}

.cst-resource-blog-section .cst-blog-listing-btn:hover {

    background-color: #012d52;

    border: 1px solid #012d52;

    color:#fff;

}



/* casestudy details css start */

.cst-casestudy-details-banner {

    padding-top: 158px;

    padding-bottom: 158px;

    background-size: cover !important;

}

.cst-casestudy-details-banner h1{

    font-size: 45px;

    line-height: 68px;

    color: var(--white-color);

    text-align: center;

    font-family: 'CST Bold';

}

.cst-casestudy-details-banner-content {

    margin: 0 auto;

}

.cst-casestudy-details-content {

    padding-top: 50px;

    padding-bottom: 50px;

}

.cst-casestudy-details-outer {

    margin: 0 auto;

}

.cst-casestudy-details-div {

    margin-bottom: 28px;

}

.cst-casestudy-details-div h3{

    font-family: 'CST Bold';

    font-size: 16px;

    line-height: 31px;

    color: #353535;

}

.cst-casestudy-details-div p{

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 31px;

    color: #353535;

}

.cst-casestudy-details-div ol {

    margin-top: 30px;

    padding-left: 25px;

}

.cst-casestudy-details-div ol li {

    font-family: 'CST Medium';

    font-size: 16px;

    line-height: 31px;

    color: #353535;

}

.cst-casestudy-section {

    padding-top: 0px;

}

/* casestudy details css end */

/* Footer Css Start */

footer#footer {

    clear: both;

    /* background-color: #FBFCFF; */
    background-color: #9abfde;

    padding-top: 54px;

}

.cst-footer-inner {

    padding-bottom: 60px;

}

.cst-footer-Social {

    padding-right: 20px;

}

.cst-footer-Social p{

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 25px;

    color: #160637;

    margin-top: 20px;

    margin-bottom: 20px;

}

.cst-footer-links h6,

.cst-footer-ourservice h6,

.cst-footer-contactinfo h6{

    font-family: 'CST Bold';

    font-size: 18px;

    line-height: 30px;

    color: #160637;

    margin-bottom: 16px;

}

.cst-footer-links {

    padding-left: 20px;

}

.cst-footer-ourservice {

    padding-left: 10px;

}

.cst-footer-contactinfo {

    padding-left: 100px;

}

.cst-footer-links ul li,

.cst-footer-ourservice ul li,

.cst-footer-contactinfo li{

    margin-bottom: 15px;

}

.cst-footer-links ul li a,

.cst-footer-ourservice ul li a{

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 24px;

    color: #160637;

}

.cst-footer-links ul li a:hover, .cst-footer-ourservice ul li a:hover{

    color:#722ed1;

}

.cst-footer-contactinfo li a,

.cst-footer-contactinfo li p{

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 24px;

    color: #141414;

}

.cst-footer-contactinfo li a:hover,

.cst-footer-contactinfo li p:hover{

    color:#722ed1;

}

.cst-footer-contactinfo li img {

    margin-right: 20px;

    float: left;

    margin-top: 3px;
}
.cst-reasearch-social-div li img { 
    margin-right: 20px;
}
.cst-footer-ourservice-left {

    width: 100%;

    float: left;

}

.cst-footer-ourservice-right {

    width: 50%;

    float: left;

}

.cst-footer-social li {

    display: inline-block;

    margin-right: 15px;

}



.cst-footer-copyright::before {

    content: '';

    width: 100%;

    height: 1px;

    display: block;

    background-color: #000;

    position: relative;

    margin: 0 auto;

}

.cst-footer-copyright-left {

    padding-top: 15px;

    padding-bottom:15px;

}

.cst-footer-copyright-left p {

    width: 50%;

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 19px;

    color: #141414;



}

.cst-footer-copyright-left ul {

    width: 50%;

    text-align: right;

}

.cst-footer-copyright-left ul li {

    display: inline-block;

    margin-right: 15px;

}

.cst-footer-copyright-left ul li a {

    font-family: 'CST Medium';

    font-size: 15px;

    line-height: 24px;

    text-decoration-line: underline;

    color: #141414;

}

.cst-footer-copyright-left ul li a:hover{

    color:var(--btn-bg-color);

}

.cst-footer-copyright-left ul li::after { 

    content: '';

    position: relative;

    left: 10px;

    width: 1px;

    height: 18px;

    background-color: #141414;

    color: #141414;

    display: inline-block;

    top: 4px;

}

.cst-footer-copyright-left ul li:last-child:after { 

    display: none;

}

.cst-footer-copyright-left ul li:last-child {

    margin-right: 0px;

}

/* Footer Css  End */

.cst-reach1 {

    background: #FFFFFF;

    box-shadow: 0px 7px 88px rgb(186 186 186 / 25%);

    border-radius: 10px;

    position: absolute;

    right: -58px;

    top: auto;

    bottom: -73px;

    text-align: center;

}

.cst-404-page-content h1 {
    font-family: 'CST Bold';
    font-size: 45px;
    line-height: 68px;
    color: #000;
    margin-top: 12px;
    margin-bottom: 5px;
}
.cst-404-page-content p {
    font-family: 'CST Medium';
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin-bottom: 20px;
}
.cst-404-page-content a {
    color: #000;
}
.cst-404-page {
    padding-bottom: 30px;
    padding-top: 30px;
}
.form-group-checkbox {
    display: flex;
}
.form-control-checkbox {
    width: 20px !important;
}
.form-group-checkbox label {
    font-size: 15px;
    line-height: 23px;
    height: 60px;
    width: 100%;
    outline: none;
    font-family: 'CST Medium';
    color: #fff;
    position: relative;
    top: 17px;
    margin-left: 10px;
}
.cst-research-div {
    padding-top: 20px;
    padding-bottom: 80px;
}
.cst-research-div .cst-solution-brandgoal-form .cst-subscribe-btn {
    margin-top: 0px;
}
.cst-research-div .cst-solution-brandgoal-inner-modal-inner {
    padding-bottom: 40px;
}
.cst-research-div .cst-solution-brandgoal-div::before {
    content: '';
    width: 98%;
    height: 1px;
    display: block;
    background: rgba(114,46,209);
    position: relative;
    margin: 0 auto;
    /* top: -35px; */
}
.cst-research-div .cst-solution-brandgoal-inner-modal {
    padding: 0px;
    margin-top: 40px;
}
#cst-cookie-popup {
    position: fixed;
    bottom: 0;
    z-index: 9999999;
    left: 0;
    right: 0;
    background-color: #012D52;
    border: 1px solid #012D52;;
    padding: 20px 40px;
}
#cst-cookie-popup #popup-close:hover {
    border: 1px solid #fff;
    color: #fff;
}
#cst-cookie-popup p a {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    color: #fff;
}
.cst-keyword-section{
    padding-top: 100px;
    padding-bottom: 100px;
}
.cst-keyword-section h1{
    font-size: 18px;
    margin-bottom: 5px;
    font-family: 'CST Regular';
    text-align: center;
    line-height: 30px;
    color: var(--black-color);
}
.cst-keyword-section h2{
    font-family: 'CST Regular';
    font-size: 18px;
    line-height: 24px;
    color: #4E4D7A;
    text-align: center;
    margin-bottom: 25px;
}
.cst-keyword-section .cst-pading-right {
    background: #FFFFFF;
    /*box-shadow: 14px 22px 52px -12px rgba(127, 127, 127, 0.13);*/
    -webkit-box-shadow: 0px 0px 19px 11px rgba(127,127,127,0.13);
    -moz-box-shadow: 0px 0px 19px 11px rgba(127,127,127,0.13);
    box-shadow: 0px 0px 19px 11px rgba(127,127,127,0.13);
    border-radius: 14px;
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
   flex-direction: column;
    display: flex;
}