html {
    font-size: 16px;
}

body {
    color: #0d1224;
}
* {
    font-family: "Archivo", Arial, sans-serif;
}
.award-details .content-wraper {
    position: relative;
    top: 3.5rem;
}
  

  
h2 {
    font-size: 2rem;
    font-weight: 600;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.375rem;
}

h4.webinar-alert {
    font-size: 1.5rem;
    font-weight: 600;
}

h5 {
    font-size: 1rem;
    font-weight: 600;
}

h6 {
    font-size: 0.875rem;
    font-weight: 600;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    background-color: #0d1224 !important;
    border-color: #0d1224;
    box-shadow: 0 0 0 0.25rem rgb(34 34 34 / 50%);
}

.fs-5 {
    font-size: 0.313rem !important;
}

.fs-10 {
    font-size: 0.625rem !important;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-13 {
    font-size: 0.813rem;
}

.fs-14 {
    font-size: 0.875rem !important;
}

.fs-18 {
    font-size: 1.125rem !important;
}

.fs-20 {
    font-size: 1.25rem !important;
}
.fs-22 {
    font-size: 1.375rem !important;
}
.fs-2 {
    font-size: 2rem !important;
}
.fs-4 {
    font-size: 4rem !important;
}
.fw-100 {
	font-weight:100
}
.fw-400 {
	font-weight:400
}
.fw-500 {
	font-weight:500
}
.fw-600 {
	font-weight:600
}
.btn {
    border: 0;
    border-radius: 0;
  	font-size:0.875rem;
  	padding:0.5rem 1.5rem;
  	font-weight:500;
    transition: all .35s ease-in;
}
.btn:hover {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

  -webkit-transform: translateY(-0.313em);
    transform: translateY(-0.313rem);
}
a.btn, a.btn:hover {
    text-decoration:none !important;
}
.btn:active {
  border:1px !important
}
.btn-primary {
  font-weight: 500;
    background-color: transparent;
    font-size: 0.75rem;
    padding: .55rem 1rem;
    border: 1px solid #0d1224;
    color: #0d1224;
  line-height: 1;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  background-color:#0d1224;
  box-shadow:none 
}
.btn-primary:hover {
    background-color: #0d1224;
    color: #fff !important;
    border-color: #0d1224;
}

.btn-secondary {
    background-color: #0d1224;
    border: 1px solid #0d1224;
    color: #fff;
  font-size:0.75rem;
  padding: .55rem 1rem;
  font-weight: 400;
   line-height: 1;
}
.servicenow-howwedoit .btn{
  font-size: .625rem;
}
.btn-secondary1 {
    background-color: #0d1224;
    border: 1px solid #0d1224;
    color: #fff;
    font-size: .75rem;
  line-height:unset;
  padding:0.55rem 0.75rem !important;
}
.btn-secondary:hover {
    background-color: #fff;
    border: 1px solid #0d1224;
    color: #000;
}
.btn-white {
	font-size: .875rem;
    font-weight: 500;
    border: 2px solid #0d1224;
    line-height: 1.75rem;
}
.global-ready-to .btn-secondary:hover {
color:#0d1224
}
.btn-green  {
    border: 2px solid #b3fffa;
    line-height: 1.75rem;
  font-size: .875rem;
    font-weight: 500;
  padding:0.25rem 1.25rem;
}
.btn-green:hover  {
	background-color: #b3fffa;
  border: 2px solid #b3fffa;
  color: #0d1224 !important;
}
.btn-white:hover {
	background-color: #0d1224;
  border: 2px solid #0d1224;
  color: #fff;
}
.btn-dark {
  background:#0d1224;
	border:2px solid #0d1224;
  color:#fff;
}
.btn-dark:hover {
  background:transparent;
  color:#0d1224;
}
.btn-dark2:hover {
  background:#fff;
  color:#0d1224;
}
.btn-outline-primary {
  border:2px solid #0d1224;
  color:#0d1224;
  font-size:0.75rem
}
.sakon-dark .btn-outline-primary {
  border:2px solid #fff;
  color:#fff;
}
.bt-small {
  padding:0.25rem 0.5rem;
  border:1px solid #fff !important;
}
.btn-outline-primary:hover {
  border:2px solid #0d1224;
  color:#fff;
   background:#0d1224;
}
.sakon-dark .btn-outline-primary:hover {
  border:2px solid #fff;
  background:#fff;
  color:#0d1224 !important
}
.fc-green {
    color:#7bcbc0
}
a {
    text-decoration: none;
}

button {
    border: 0;
}

h1 {
    font-size: 2rem;
}

h4 {
    font-size: 1.25rem;

    font-weight: 500;
}
.grey-gradient {
  box-shadow:0 25px 50px 0 rgb(0 0 0 / 3%)
}
/********* Header **********/

.navbar-light .navbar-nav .nav-link {
    color: #111e6c;

    font-weight: 500;

    padding: 5px 15px;

    font-size: 0.875rem;
}

.navbar-light .btn-secondary {
    margin-left: 15px;
}

/***** main fold *****/

.main-fold-container {
    height: 100vh;
}

.logo-img {
    width: 60px;
}

.in-the-news,
.platform {
    height: 100vh;
}

.in-the-news p {
    color: rgba(34, 34, 34, 0.6);
}

.platform.device-container h4:before,
.platform.service-container h4:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 35px;
    background-color: #181e3a;
    left: 0;
    top: -25px;
}

/********** Option 1 **********/

.option1 .device-container {
    background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/color1.png) no-repeat;

    background-size: cover;
}

.option1 .service-container {
    background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/color2.png) no-repeat;

    background-size: cover;
}

/********** Option 2 **********/

.option2 .device-container {
    background-color: #b3f6ff;
}

.option2 .service-container {
    background-color: #c4f8c5;
}

/********** Option 3 **********/

.option3 .device-container {
    background-color: #6fe9ff;

    border-right: 1px solid #fff;
}

.option3 .service-container {
    background-color: #44f9b6;
}

/********** Option 4 **********/

.option4 .device-container {
    background-color: #a5e6e8;

    border-right: 1px solid #fff;
}

.option4 .service-container {
    background-color: #111e6c;

    color: #fff;
}

.option4 .service-container h4:before {
    background-color: #fff;
}

/* .option4 .service-container .btn-primary {
    background-color: transparent;

    text-transform: uppercase;

    font-size: 0.625rem;

    padding: 5px 10px;

    border: 1px solid #fff;

    color: #fff;
} */

/********** Option 5 **********/

.option5 .device-container {
    background-color: #111e6c;

    border-right: 1px solid #fff;

    color: #fff;
}

.option5 .service-container {
    background-color: #0b1348;

    color: #fff;
}

/* .option5 .device-container .btn-primary,
.option5 .service-container .btn-primary {
    background-color: transparent;

    text-transform: uppercase;

    font-size: 0.625rem;

    padding: 5px 10px;

    border: 1px solid #fff;

    color: #fff;
}
 */
.option5 .btn-primary:hover {
    background-color: #0d1224;

    border: 1px solid #0d1224;

    color: #fff;
}

.option5 h4:before {
    background-color: #fff;
}

/********** Final Option  **********/

.option6 .device-container {
    background-color: #b3f6ff;

    border-right: 1px solid #fff;
}

.option6 .service-container {
    background-color: #0d1224;

    color: #fff;
}

.option6 .service-container h4:before {
    background-color: #fff;
}

/* .option6 .service-container .btn-primary {
    background-color: transparent;

    text-transform: uppercase;

    font-size: 0.625rem;

    padding: 5px 10px;

    border: 1px solid #fff;

    color: #fff;
} */

/*************************/

.main-fold h4 {
    position: relative;
}

.carousel-inner h6 {
    text-transform: uppercase;
}

.carousel-caption {
    bottom: 10px !important;

    text-align: left;
}

.carousel-indicators {
    justify-content: left;

    margin-left: 0;

    left: 70px;

    margin-bottom: 0;
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #0d1224;
}

.carousel-dark .carousel-indicators .active {
    background-color: #b3f6ff;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
}

.device-container {
    border-right: 1px solid #fff;
}

/***************************************** footer styles starts here **************************************/
.daas .footer {
border-top:0}
footer {
    color: rgba(34, 34, 34, 0.8);
    background: #fff;
    border-top: 1px solid rgba(34, 34, 34, 0.3);
}

.footer p,
.footer ul li a {
    font-size: 0.875rem;

    color: #0d1224;
}

.footer-links {
    padding-top: 40px;
}

.footer h6 {
    text-transform: uppercase;

    color: #0d1224;
}

.footer-content a {
    color: #0d1224;

    font-weight: 600;
}

.footer-content a:hover {
    text-decoration: underline;
}

.footer ul {
    list-style-type: none;

    padding: 0;
}

.footer .border-top {
    border-top: 1px solid rgba(34, 34, 34, 0.2) !important;

    padding-top: 20px;
}

.social_links a {
    color: rgba(34, 34, 34, 0.8);

    padding-right: 20px;

    font-size: 1rem;
}



.footer .footer-bottom p {
    color: rgba(34, 34, 34, 0.8);

    font-size: 0.813rem;
}

.social_links a:hover,
.footer-links a:hover,
.footer-bottom a:hover {
    text-decoration: underline;
}
.social_links a:hover {
    text-decoration: none !important;
  opacity:0.6
}
.copyright p {
    text-align: right;
}

.other-links {
    padding-left: 0 !important;
}

header {
    position: fixed;
    width: 100%;
    z-index: 999;
}

header.fixed-header {
    background: #fff;
    box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
    z-index: 1050;
    top: 0;
}

.fixed-header {
    animation: showHeader 0.6s ease-in-out;
}

.social_links a svg {
    width: 16px;
}

.header {
    background: #fff;
    border-bottom: 1px solid rgba(34, 34, 34, 0.2);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 25px 50px 0px;
}

.copyright p a, .copyright p span {
    position: relative;
    padding: 0 15px;
    color: #0d1224;
  font-weight:500
}

.copyright p a:first-child {
    padding-left: 0;
}

.copyright p a:last-child {
    padding-right: 0;
}

.copyright p a:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: #0d1224;
    right: -4px;
    top: 8px;
    border-radius: 25px;
}

.copyright p a:last-child::after {
    display: none;
}


.has-search input {
    background: #fafafb;

    opacity: 1;

    font-size: 14px;

    color: rgba(33, 37, 41, 0.8) !important;

    border: none;

    padding-left: 38px;
}

.has-search input::placeholder {
    color: rgba(33, 37, 41, 0.5) !important;
}

.has-search {
    margin-left: 6rem;
}

@media (max-width: 1024px) {
    .has-search {
        display: none;
    }
}

/************************************ Device landing styles starts here ********************************/

.banner-wrapper {
    /* background-color: #b3f6ff; */

    background: #b3f6ff url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/banner-bg.png) no-repeat;

    background-position: right;

    background-size: contain;
}

main.content-wraper {
    position: relative;

    top: 3.5rem;
}

.banner-wrapper h1 {
    color: #0d1224;

    font-weight: 500;
}

.banner-wrapper p {
    color: rgba(13, 18, 36, 0.7);

    font-size: 0.875rem;
}

.banner-wrapper a {
    padding: 0.313rem 1rem;

    font-size: 0.75rem;
}

.intelligent-ecosystem .section-title-wrapper h2 {
    font-size: 1.75rem;
  font-weight:500
}

.intelligent-ecosystem .section-title-wrapper p {
    font-size: 0.875rem;

    color: rgba(13, 18, 36, 0.7);
}

.intelligent-ecosystem .ie-card img {
    height: 1.5rem;

    width: auto;
}

.intelligent-ecosystem .ie-card:first-child img {
    height: 1.125rem;

    width: auto;
}

.intelligent-ecosystem .ie-card p {
    font-size: 0.875rem;

    color: #0d1224;
}

/* .intelligent-ecosystem .ie-card a {
    padding: 0.25rem 0.5rem;

    font-size: 0.625rem;
} */

.why-sakon-wrapper,
.ready-to-get-started {
    background: #b3f6ff;
}

.why-sakon-wrapper h2 {
    font-size: 1.75rem;

    color: #0d1224;
}

.why-sakon-wrapper p {
    font-size: 0.875rem;

    color: #0d1224;
}

.why-sakon-wrapper .btn {
    font-size: 0.75rem;
    text-transform: initial;
    padding:0.75rem;
    font-weight: 500;
  text-decoration:none;
      width: 120px;
    line-height: normal;
}
.why-sakon-wrapper1 .btn {
      width: unset !important;
}
.why-sakon .why-sakon-wrapper .btn {
     padding:0.5rem !important
}
 .sn-ready-to .btn {
  width:130px;
}
.ready-to .btn {
font-size:.75rem;
  width:90px;
  text-transform: unset !important;
  line-height: normal;
    padding: 0.5rem .25rem;
}
.ready-to h2 {
  font-size:1.75rem;
  font-weight:500;
}
.middle-logo img {width:35%}
.why-sakon-wrapper .btn-primary {
  border:2px solid;
}
.sakon-solutions .section-title-wrapper h2 {
    font-size: 1.75rem;

    color: #0d1224;
}

.sakon-solutions .section-title-wrapper p {
    font-size: 0.875rem;

    color: #0d1224;
}
.sakon-solutions .btn-primary {
  text-transform:unset;
  color:#111e6c;
  border-color:#111e6c
}
.sakon-solutions .btn-primary:focus{
  color: #fff;
}
.sakon-solutions .solution-card img {
    width: 110%;
}

.sakon-solutions .solution-card h5 {
    text-transform: uppercase;

    font-size: 1.25rem;
}

.sakon-solutions .solution-card p {
    font-size: 0.875rem;
}

.trusted-auditors-wrapper {
    background-color: #e8fcff;
}

.trusted-auditors-wrapper h2 {
    font-size: 1.75rem;
  font-weight:500
}

.trusted-auditors-center div {
    background-color: #fff;
  padding:6rem 0;
  text-align:center
}

.trusted-auditors-lhs img,
.trusted-auditors-rhs img {
    width: 3.5rem;
}

.trusted-auditors-lhs > div div,
.trusted-auditors-rhs > div div {
    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 3rem;
}

.trusted-auditors-lhs > div div:nth-child(4n),
.trusted-auditors-lhs > div div:nth-child(4n-1),
.trusted-auditors-rhs > div div:nth-child(4n),
.trusted-auditors-rhs > div div:nth-child(4n-1) {
    margin-bottom: 0;
}

.trusted-auditors-lhs > div div:last-child img {
    width: 3.5rem;
}
@media(max-width:760px){
  
.trusted-auditors-lhs > div div,
.trusted-auditors-rhs > div div {
  margin-bottom: 0;
  }

}
.our-customers {
    background-color: #0d1224;
}

.our-customers h2 {
    font-size: 1.75rem;

    color: #fff;
}

.our-customers p {
    font-size: 0.875rem;

    color: #fff;
}

.our_customers_slider .slick-slide img {
    width: 4rem !important;
    filter: grayscale(100%);
}
.customers-partners .our_customers_slider .slick-slide img {
    width: 8rem !important;
  filter: unset
}

.knowledge-center .section-title-wrapper h2 {
    font-size: 1.75rem;
  font-weight:500;
}
.customers-partners .section-title-wrapper h2 {
    font-weight:500;
}

.knowledge-center h5 {
    position: relative;

    padding-left: 0.87rem;
}

.knowledge-center h5::before {
    content: "";
    position: absolute;
    height: 80%;
    width: 4px;
    background-color: #0d1224;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
}

/***************************** iOT ****************************************/

.got-you-covered h6 {
  color:#0692a5;
  text-transform:uppercase;
}
.got-you-covered h6 img {
  width:2rem
}
.got-you-covered .nav-pills .nav-link.active, .got-you-covered .nav-pills .show>.nav-link {
  background:#fff;
  color:#0d1224
}
.got-you-covered .nav-link, .got-you-covered .nav-link:focus, .got-you-covered .nav-link:hover {
  color:rgba(13, 18, 36, 0.5)
}
.got-you-covered .nav-link {
  font-weight:400;
  font-size:1.25rem;
  position:relative;
  text-decoration:none;
  padding:.5rem 0
}
.got-you-covered .nav-item  {
  padding:0 1.5rem
}
.got-you-covered .nav-link:hover {
  color:#0d1224
}
.got-you-covered .nav-pills .nav-link.active:after {
    content: "";
    position: absolute;
    height: 4px;
    width: auto;
    background-color: #0d1224;
    right: 0;
  left:0;
  margin:auto;
    bottom: 0.25rem;
}
.text-op7 {
  color:rgba(13, 18, 36, 0.7)
}
.tabs-to-dropdown .dropdown {
  width:100%;
  border:2px solid #0d1224;
  margin-bottom:1.5rem
}
.tabs-to-dropdown .dropdown button {
  width:100%;
  text-align:left;
  transition:unset !important;
}
.tabs-to-dropdown .dropdown button {
-webkit-perspective:unset;
   -webkit-backface-visibility:unset;
  perspective:unset;
  transform:unset;
  transform:unset;
  backface-visibility: unset;
}

.iot-we-have-covered
{
  box-shadow:0 25px 50px 0 rgb(0 0 0 / 3%)
}
.role-based .sn-img {
width:100%;
 display:flex;
  justify-content:end;
}
.iot-role-based .sn-img img {
width:80%
}
.iot-challenges .ch-text {
      position: absolute;
    left: 0;
    width: 68%;
    top: 0;
    right: 0;
    margin: auto;
    /* bottom: 0; */
    line-height: normal;
  text-align:left;
}
.iot-wrap a.btn {
  font-size:0.75rem
}
.banner-link a {
  text-decoration:underline;
  font-size:0.75rem
}
.banner-link a:hover {
  text-decoration:none;
}
.iot-banner {
  background: #b3f6ff url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/iot/banner.jpg) no-repeat;
    background-position: right;
    background-size: contain;
}

.devicecloud-features .cloud-card img {
    width: 90%; 
}
.devicecloud-features .cloud-card .iphone img {
    width: 40%;
}
.devicecloud-features .cloud-card .macbook p {
    width:80%
}
.devicecloud-features .cloud-card p {
    font-size:0.875rem;
  margin-bottom:0.75rem
}

.knowledge-center .section-title-wrapper p {
    font-size: 1rem;
  font-weight:500;
}
.role-based a, .role-based p, .role-based h4 {
  color:#fff;
}
.role-based .btn {
  color:#0d1224;
  background:#fff
}
.role-based .btn:hover {
  color:#0d1224;
  background:#b3f6ff
}
.role-based a span {
  text-decoration:underline;
  font-size:0.75rem
}
.role-based a:hover span {
  text-decoration:none;
  color:#b3f6ff;
}
.role-based ul, .role-based a img {
  padding-left:1rem;
}
.role-based a img {
  height:14px
}
.knowledge-center .kc-card p {
    font-size: 0.875rem;

    color: rgba(13, 18, 36, 0.7);
}

/* .knowledge-center .kc-card a {
    font-size: 0.75rem;

    padding: 0.25rem 0.5rem;
} */
.rolebased-link li {
  padding-top:1rem;
}
.header .navbar .logo-cont span.seperator {
    opacity: 0.3;
    border-radius: 0.5px;
    color: #0d1224;
  margin-top:-4px;
  font-size:1.25rem;
  margin-left:0.188rem;
}

.header .navbar .logo-cont span:last-child {
    font-size: 0.875rem;
    color: #0d1224;
}

.header .navbar .logo-cont .navbar-brand {
    position: relative;
    top: -4px;
}

.header .navbar .logo-cont span {
    padding: 0.3125rem 0;
}

.header .navbar .search-ico {
    width: 1rem;
}

.header .navbar .nav-link.btn-primary {
    color: #0d1224;
    font-size: 0.75rem;
    text-transform: initial;
}

.header .navbar .nav-link.btn-primary:hover,
.header .navbar .nav-link.btn-primary:focus {
    color: #fff;
}

.header .navbar .nav-link.btn-secondary {
    color: #fff;
    font-size: 0.75rem;
    text-transform: initial;
}

.header .navbar .nav-link.btn-secondary:hover,
.header .navbar .nav-link.btn-secondary:focus {
    color: #0d1224;
}

.header .navbar .nav-link {
    color: #0d1224;
    font-size: 0.75rem;
}

.healthcare-industry {
    background-color: #0d1224;
    color: #fff;
}

.healthcare-industry .custom-bb {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.healthcare-industry .custom-bb h5 {
    text-transform: uppercase;
    font-size:0.625rem;
}

.healthcare-industry h2 {
    font-size: 1.5rem;
  font-weight:500;
    margin-left:-.5rem
}

.healthcare-industry .health_industry_slider .slick-slide p {
    font-size: 0.875rem;
}

.healthcare-industry .health_industry_slider .slick-slide a {
    font-size: 0.75rem;

    color: #fff;

    text-decoration: underline;
}

.healthcare-industry .health_industry_slider .slick-slide img {
    width: 7rem;
}


.search-main{
    position: relative;
    cursor: pointer;
}
.header-search-wrapper .search-form-main {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 3.5rem;
    height: 100vh;
    bottom: 0;
    z-index: 999;
    opacity: 0.98 !important;
    visibility: hidden;
}
@media(max-width:991px){
    .header-search-wrapper .search-form-main {
        background: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 50px;
        bottom: 0;
        z-index: 999;
        opacity: 0.98 !important;
        visibility: hidden;
    }
}
.search-form-main.active-search {
    opacity: 1;
    visibility: visible;
}


.search-field{
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    height: 100%;
    color: #fff;
    font-size: 1.5rem;
    padding: 20px 0px;
}
.header-search-wrapper .search-form-main .search-field {
    border-radius: 0;
    padding: 4px 10px;
    width: 75%;
    float: left;
}
    .noscroll{
        overflow: hidden;
        margin-right: 15px;
    }
@media(max-width:991px){
.noscroll{
    overflow: auto;
    margin-right: 0;
}
}

.close-icon .close{
        display: block !important;
    
}
.close-icon .search-ico{
    display: none;
}
.searchCancel{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    margin-top: 4px;
    font-weight: 600;
    font-size: .875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svgsearch{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}
.search-field{
    text-transform: capitalize;
}
.search-input{
    border: none;
    padding: 5px;
    padding-left: 30px;
    padding-right: 60px ;
    outline-color: #000;
    text-transform: capitalize;
}
.go {
    line-height: 1;
    width: auto;
    font-size: .875rem;
    padding: 10px 8px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
.search-label {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    margin-top: 3px;
    margin-right: 10px;
    font-size: 1rem;
}
.filter-tabs .nav-link {
    text-align: left;
    padding: 0;
    font-size: 1rem;
    color: #0d1224;
  opacity: .7;
    font-weight: 500;
    border-bottom: 1px solid #ced4da;
}

.filter-tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-item:focus {
    outline: none;
    border: 1px solid transparent;
}
.filter-tabs .nav-link.active, .filter-tabs .nav-link:hover {
    border-bottom: 1px solid #ced4da !important;
}
.filter-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 1px solid transparent;
}
.resource-webinar-wrapper .resources-lhs select, .resource-webinar-wrapper .resources-lhs select:focus {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    background-position: right;
}
.resource-webinar-wrapper .resources-lhs .content-search input {
    padding-right: 2.5rem;
    border: 2px solid #0d1224;
    border-radius: 0;
}
.resource-webinar-wrapper .resources-lhs .content-search span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    background: transparent;
    border: 0;
    z-index: 3;
}
.bg-grey{
    background-color:#0d1224;
 
 
}
.healthcare-industry .health_industry_slider .slick-dots {
    display: flex;
    padding-left: 0;
    position: absolute;
    bottom: -0.125rem;
  left: 1rem;
}

.healthcare-industry .health_industry_slider .slick-dots li {
    list-style-type: none;
    width: 0.313rem;
    height: 0.313rem;
    background-color: rgba(255, 255, 255, 0.2);
    margin-right: 0.75rem;
    border-radius: 50%;
    cursor: pointer;
}

.healthcare-industry .health_industry_slider .slick-dots li.slick-active {
    background-color: #b3f6ff;
}

.healthcare-industry .health_industry_slider .slick-dots li button {
    background: none;

    font-size: 0;
    visibility: hidden;
}

.flow-chart {
    border: dashed 2px #0d1224;
}

#dummy {
    color: #0d1224;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

#toggle {
    height: 2.15rem;
    width: 15rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;

}
#toggle1 {
    border: 1px solid #0d1224;
    padding: 0.5rem;
    border-radius: 30px;
  position:relative;
  height:2.15rem;
  width:16rem
}
#tgl-1 {
    font-size: 0.75rem;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    margin-left: 1rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

#tgl-2 {
    font-size: 0.75rem;
    color: #0d1224;
    font-weight: 600;
    text-align: center;
    margin-left: 2.5rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

#seek {
    height: 2.15rem;
    width: 8rem;
    border-radius: 100px;
    background-color: #0d1224;
    display: inline-block;
    position: absolute;
    margin-left: 0px;
  left:0
}

#toggle {
    width: 22px;
    height: 11px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
/* Icon 2 */

#toggle {
    margin-right: 0.5rem;
    position: relative;
    top: -2px;
    z-index: 3;
}

#toggle span {
    display: block;
    position: absolute;
    height: 1px;
    width: 50%;
    background: #0d1224;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    padding: 0;
}

#toggle span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#toggle span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

#toggle span:nth-child(1),
#toggle span:nth-child(2) {
    top: 0;
}

#toggle span:nth-child(3),
#toggle span:nth-child(4) {
    top: 6px;
}

#toggle span:nth-child(5),
#toggle span:nth-child(6) {
    top: 12px;
}

#toggle.on span:nth-child(1),
#toggle.on span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#toggle.on span:nth-child(2),
#toggle.on span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#toggle.on span:nth-child(1) {
    left: 3px;
    top: 4px;
}

#toggle.on span:nth-child(2) {
    left: calc(50% - 3px);
    top: 4px;
}

#toggle.on span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#toggle.on span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#toggle.on span:nth-child(5) {
    left: 3px;
    top: 9px;
}

#toggle.on span:nth-child(6) {
    left: calc(50% - 3px);
    top: 9px;
}

@media (min-width: 1400px) {
    .container {
        max-width: 80%;
    }
}

@media (max-width: 991px) {
    .trusted-auditors-center img {
        width: 6.5rem;
    }
  .trusted-auditors-center div{
    padding: 2rem;
  }

    #toggle {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
  .trusted-auditors-lhs > div div:last-child img{
    width: 3rem;
  }

    .trusted-auditors-center img {
        width: 4.5rem;
    }
}

/************************************ Device landing styles ends here ********************************/

.header .navbar button.navbar-toggler,
.header .navbar button.navbar-toggler:focus {
    border: 0;
    outline: none;
    box-shadow: none;
}
.responsive-menu {
  position:relative;
}

.responsive-menu ul.main-menu {
    display: flex;
    background-color: #0d1224;
    overflow-x: auto;
}

.responsive-menu ul.main-menu li a {
    width: max-content;
    color: #fff;
    font-size: 0.875rem;
}

.responsive-menu ul.main-menu li a:hover,
.responsive-menu ul.main-menu li a:focus {
    color: #fff;
}

/******************************************************** burger menu styles starts here *******************************************/

.sidenav {
    height: calc(100% - 3.45rem);
    width: 0;
    position: fixed;
    z-index: 1;
    top: 3.45rem;
    left: 0;
    background-color: #e8fcff;
    overflow-x: hidden;
    transition: 0.5s;
    /* padding-top: 100px; */
    box-shadow: -6.7px 34.4px 30.7px 1.3px rgba(13, 18, 36, 0.29);
}

.sidenav a {
    /* padding: 8px 8px 20px 32px; */
    text-decoration: none;
    font-size: 1rem;
    color: #0d1224;
    display: block;
    transition: 0.3s;
    font-weight: bold;
    padding: 0.25rem 0;
}

.sidenav a:hover {
    color: #0d1224;

    /* color: rgba(255,255,255,0.8); */

    transition: all 0.5s ease-in-out;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav address {
    color: #fff;
}

.sidenav h6 {
    font-size: 1.5rem;

    margin-bottom: 1rem;

    font-weight: 900;
}

.sidenav p {
    margin-bottom: 0.5rem;

    font-size: 0.75rem;
}


#toggle.on + #sidenav {
    opacity: 1;

    visibility: visible;
}

#toggle.on + #sidenav {
    width: 20.938rem;

    z-index: 2;
}

#toggle + #sidenav {
    width: 0;
}


#toggle + .sidenav .explore-sakon-offering {
    transform: translateX(-300px);

    opacity: 0;

    transition: transform 0s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0s ease-in-out;
}

#toggle.on + .sidenav .explore-sakon-offering {
    transform: translateX(0);

    opacity: 1;

    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0.2s, opacity 0.8s ease-in-out 0.2s;
}

#toggle + .sidenav a:first-child {
    transform: translateX(-300px);

    opacity: 0;

    transition: transform 0s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0s ease-in-out;
}

#toggle.on + .sidenav a:first-child {
    transform: translateX(0);

    opacity: 1;

    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0.4s, opacity 0.8s ease-in-out 0.4s;
}

#toggle + .sidenav a:nth-child(2),
#toggle + .sidenav a:nth-child(3),
#toggle + .sidenav a:nth-child(4),
#toggle + .sidenav a:nth-child(5) {
    transform: translateX(-300px);

    opacity: 0;

    transition: transform 0s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0s ease-in-out;
}

#toggle.on + .sidenav a:nth-child(2) {
    transform: translateX(0);

    opacity: 1;

    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0.5s, opacity 0.8s ease-in-out 0.5s;
}

#toggle.on + .sidenav a:nth-child(3) {
    transform: translateX(0);

    opacity: 1;

    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0.6s, opacity 0.8s ease-in-out;
}

#toggle.on + .sidenav a:nth-child(4) {
    transform: translateX(0);

    opacity: 1;

    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0.7s, opacity 0.8s ease-in-out;
}

#toggle.on + .sidenav a:nth-child(5) {
    transform: translateX(0);

    opacity: 1;

    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0.8s, opacity 0.8s ease-in-out;
}

#toggle + .sidenav .sakon-explained {
    transform: translateX(-300px);

    opacity: 0;

    transition: transform 0s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0s ease-in-out;
}

#toggle.on + .sidenav .sakon-explained {
    transform: translateX(0);

    opacity: 1;

    transition: transform 0.8s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0.9s, opacity 0.8s ease-in-out;
}

/* #toggle.on{

	position: fixed;

	right: 2%;

} */

/******************************************************** burger menu styles ends here *******************************************/

#toggle1 {
    margin-top: 2rem;
}

.sidenav .explore-sakon-offering h5 {
    font-weight: bold;

    font-size: 1.125rem;
}

.header .navbar .logo-cont .sakon-explained img {
    width: 2rem;
}

.sakon-explained {
    border-top: 1px solid rgba(13, 18, 36, 0.3);

    position: absolute;

    bottom: 1rem;

    width: calc(100% - 25%);
}

.sakon-explained a {
    display: initial;
}

@media screen and (max-width: 991px) {
    .sidenav {
        height: calc(100% - 5.66rem);

        width: 0;

        position: fixed;

        z-index: 1;

        top: 3.55rem;

        left: 0;

        background-color: #e8fcff;

        overflow-x: hidden;

        transition: 0.5s;
    }
}

.animation-element {
    opacity: 0;

    transform: translateY(150px);

    transition: transform 0.3s linear 0s;
}

.animation-element.in-view {
    opacity: 1;

    transform: translateY(0); /* transition: transform 0.3s ease-in 0s;     */
}

.header .lets-talk-btn {
    text-transform: initial;
}
@media(max-width: 991px){
 .header .lets-talk-btn{
   font-weight:bold;
  }
}

.navbar .megamenu {
    padding: 1rem;
}

/* ============ desktop view ============ */

@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}

/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */

@media (max-width: 991px) {
    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;

        max-height: 90vh;

        margin-top: 10px;
    }
}

/* ============ mobile view .end// ============ */

.nav-item.dropdown.has-megamenu:hover .dropdown-menu.megamenu {
    display: block;

    margin-top: 1rem;
}

.dropdown-menu.megamenu {
    /* display: block; */

    /* margin-top: 1rem; */

    top: 2.5rem;
}

.header .navbar-nav .nav-item {
    padding: 1rem 0;
  display:flex;
  align-items:center
}

.column-title {
    font-weight: bold;
}

.column-desc {
    font-size: 0.688rem;
    border-bottom: 1px solid rgba(13, 18, 36, 0.2);
    padding-bottom: 0.5rem;
}

.column-points h6 a {
    color: #0d1224;
}

.column-points p {
    font-size: 0.75rem;
}

.dropdown-menu.megamenu .rhs-cont ul li a {
    font-size: 0.875rem;

    color: #0d1224;

    font-weight: bold;
}

.dropdown-menu.megamenu .rhs-cont .column-points > div:first-child {
    position: relative;
}

.dropdown-menu.megamenu .rhs-cont .column-points > div:first-child::before {
    content: "";

    position: absolute;

    height: 90%;

    width: 1px;

    background-color: rgba(13, 18, 36, 0.3);

    top: 50%;

    left: 107%;

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

/* .dropdown-menu.megamenu .rhs-cont{

	background-color: #e8fcff;

} */

.dropdown-menu {
    position: relative;

    box-shadow: 0px 35px 57px 0 rgba(7, 9, 20, 0.03);

    border: solid 2px #f5f5f6;
}

.dropdown-menu .bg-cont {
    position: absolute;

    height: 100%;

    width: 38%;

    background-color: #e8fcff;

    right: 0;
}

.dropdown-menu.megamenu .main-row {
    position: relative;
}
.mega-menu-list li {
	font-weight:bold;
	padding-bottom:0.625rem;
}
.mega-menu-list li a{
	font-size:0.75rem;
	font-weight:bold;
}
.rhs-cont h4 {
	font-size:1.125rem	
}
.rhs-cont .btn {
	font-size:0.688rem;
  padding:0.375rem 1rem;
}
.rhs-cont .column-desc {
			padding-bottom:1.5rem
}
.rhs-cont .column-title {
	padding-top:0.5rem
}
.rhs-cont .time-date {
	border-bottom:1px solid rgba(13, 18, 36, 0.2);

}
.rhs-cont ul {
	display: flex;
    justify-content: space-between;
}
.rhs-cont ul li {
padding-bottom:0.875rem
}
/******************************************************** ServiceNow styles starts here *******************************************/

.servicenow-banner-wrapper {
    background: #b3f6ff url(https://5890945fs1.hubspotusercontent-na1.net/hubfs/5890945/sakon-2022/images/banner-bg.png) no-repeat;

    background-position: right;

    background-size: contain;
}

.servicenow-banner-wrapper h2 {
    color: #0d1224;

    font-weight: 500;
}

.servicenow-banner-wrapper p {
    color: rgba(13, 18, 36, 0.7);
}

.servicenow-banner-wrapper ul li {
    font-size: 0.875rem;
}

.servicenow-banner-wrapper a {
    font-size: 0.75rem;
}

.services-list-wrapper {
    background-color: #0d1224;
    color: #fff;
}

.servicenow-percentage {
    position: relative;
}

.servicenow-percentage span {
    font-size: 3.5rem;
    font-weight: 100;
  padding-right:1rem;
}

.servicenow-percentage p {
    font-size: 1.25rem;
    line-height: 1.5rem;
}


.services-list-wrapper h4 {
    font-size: 2rem;
    text-transform: uppercase;
}

.services-list-wrapper .service-title-cont {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.service-list {
    position: relative;
}

.service-list .service-list-content {
    position: absolute;
    top: 57%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 70%;
}

.service-list img {
    width: 40%;
}

.service-list-content h5 {
    color: #3ac7bb;
    font-weight: normal;
  font-size:1.25rem
}

.service-list-content p {
    font-size: 0.875rem;

    font-weight: 100;
}

.insight-category {
    text-transform: uppercase;

    font-size: 0.625rem;

    font-weight: 500;
}

.insight-category img {
    width: 0.5rem;
}



.insight-card .for-service {
    font-size: 0.813rem;
}

.for-service span {
    color: #2bc7a2;
}

.insights .insight-view-all a {
    text-transform: capitalize;

    font-weight: 500;
}

.insights {
    border-bottom: 1px solid rgba(7, 17, 43, 0.1);
}

.insights h5 a {
    color: #0d1224;
}

/******************************************************** ServiceNow styles ends here *******************************************/

/******************************************************** Resource landing styles OLD starts here *******************************************/

.resources-banner-wrapper {
    background-color: #c8f4ee;
}

.resources-banner-wrapper p {
    font-size: 0.875rem;
}

.resource-webinar-wrapper .resources-lhs select,
.resource-webinar-wrapper .resources-lhs select:focus {
    border-top: 0;

    border-right: 0;

    border-left: 0;

    border-radius: 0;

    padding: 0;

    box-shadow: none;

    background-position: right;
}

.resource-webinar-wrapper .resources-lhs .content-search span {
    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    height: 100%;

    background: transparent;

    border: 0;

    z-index: 3;
}

.resource-webinar-wrapper .resources-lhs .content-search input {
    padding-right: 2.5rem;

    border: 2px solid #0d1224;

    border-radius: 0;
}

.resources-lhs h6 {
    text-transform: uppercase;
}

.resource-webinar-wrapper .resources-rhs .nav {
    border: 0;
}

.resource-webinar-wrapper .resources-rhs .nav button {
    border-left: 0;

    border-right: 0;

    border-top: 0;

    border-bottom: 2px solid transparent;

    /* border: 0; */

    margin: 0 0.625rem;

    padding: 0;

    font-weight: 500;

    color: rgba(7, 17, 43, 0.3);

    font-size: 0.875rem;
}

.resource-webinar-wrapper .resources-rhs .nav button.active {
    border-bottom: 2px solid #0d1224;

    color: rgba(7, 17, 43, 1);

    /* font-weight: 500; */
}

.resource-webinar-wrapper .resources-rhs .insight-card a {
    color: rgba(7, 17, 43, 1);
}

/******************************************************** Resource landing styles ends here *******************************************/

/******************************************************** DAAS styles starts here *******************************************/

.banner-wrapper h6 {
    font-size: 0.813rem;
}

.daas-banner-wrapper {
    /* background-color: #b3f6ff; */

    background: #b3f6ff url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/daas-banner.png) no-repeat;

    background-position: 80%;

    background-size: contain;
}
.daas-banner {
    background: #b3f6ff;
}

.daas-banner-wrapper h1 {
    color: #0d1224;

    font-weight: 500;
}

.daas-banner-wrapper p {
    color: rgba(13, 18, 36, 0.7);
    font-size: 0.875rem;
}

.daas-solution-lifecycle .section-title-wrapper h2 {
    font-size: 1.75rem;
}

.daas-solution-lifecycle .section-title-wrapper p {
    font-size: 0.875rem;
    color: rgba(13, 18, 36, 0.7);
}

.daas-solution-lifecycle .ie-card p {
    font-size: 0.875rem;
    color: #0d1224;
}

.daas-solution-lifecycle .ie-card h5 {
    font-size: 1.125rem;
    min-height: 50px;
}

/* .daas-solution-lifecycle .ie-card a {
    padding: 0.438rem 0.875rem;
    font-size: 0.725rem;
}
 */
.daas-slider-wrapper,
.daas-carousel {
    background-color: #0d1224;

    color: #ffffff;
}

.daas-slider-wrapper .daas_slider span {
    font-size: 3.5rem;
}

.daas-slider-wrapper .daas_slider p {
    font-size: 0.875rem;
}

.daas-slider-wrapper .daas_slider .slick-arrow,
.daas-slider-wrapper .daas_slider .slick-arrow:focus,
.daas-slider-wrapper .daas_slider .slick-arrow:focus-visible {
    background: transparent;
    box-shadow: none;
    outline: none;
}

.daas-slider-wrapper .daas_slider .slick-arrow img {
    width: 1.125rem;
}

 .daas-slider-wrapper .daas_slider .slick-arrow.prev-arrow {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    box-shadow: none;
    outline: none;
}

.daas-slider-wrapper .daas_slider .slick-arrow.next-arrow {
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    box-shadow: none;
    outline: none;
}
.iot-challenges .iot_slider .slick-arrow.next-arrow {
    right: 0;
    position: absolute;
    top: 0;
  bottom: 2rem;
    background: transparent;
    box-shadow: none;
    outline: none;
}
.iot-challenges .iot_slider .slick-arrow.prev-arrow {
    left: -10%;
    position: absolute;
    top: 0;
  bottom: 2rem;
    background: transparent;
    box-shadow: none;
    outline: none;
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.iot-challenges .iot_slider .slick-arrow.next-arrow, .iot-challenges .iot_slider .slick-arrow.prev-arrow {
  background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/iot/sl-arr.png);
  background-repeat:no-repeat;
  background-size:30%;
    background-position: center

}
.daas-four-dimensions .section-title-wrapper h2 {
    font-size: 1.75rem;
}

.daas-four-dimensions .ie-card img {
    height: 1.5rem;

    width: auto;
}

.daas-four-dimensions .ie-card:first-child img {
    height: 1.125rem;

    width: auto;
}

.daas-four-dimensions .ie-card > div {
    background-color: #b3f6ff;

    height: 100%;
}

.daas-four-dimensions .ie-card span {
    font-weight: bold;

    display: block;

    margin-bottom: 0.875rem;

    font-size: 1.125rem;
}

.daas-four-dimensions .ie-card p {
    font-size: 0.875rem;

    color: #0d1224;

    margin-bottom: 0;
}

.daas-four-dimensions .ie-card h5 {
    font-size: 1.125rem;
}

.daas-four-dimensions .ie-card a {
    padding: 0.25rem 0.5rem;

    font-size: 0.625rem;
}

.daas-kaiser-permanente h2 {
    font-size: 1.75rem;
}

.daas-kaiser-permanente p {
    font-size: 0.875rem;
}

.daas-kaiser-permanente a {
    font-size: 0.875rem;
    padding:0.75rem 1.125rem
}

.daas-kaiser-permanente img {
    width: 14rem;

    border-bottom: 1px solid rgba(21, 21, 21, 0.1);

    padding-bottom: 1rem;
}

.daas-kaiser-permanente a img {
    width: 1.125rem;

    padding-bottom: 0;

    border: 0;
}

.daas-kaiser-permanente .rhs a {
    font-size: 0.625rem;

    color: #0d1224;

    font-weight: 500;
}

.daas-benfits-wrapper,
.daas-benefits {
    background-color: #e8fcff;
}

.daas-benfits-wrapper h2 {
    font-size: 2.25rem;
}

.daas-benfits-wrapper p {
    font-size: 0.875rem;
}

.daas-benfits-wrapper a {
    font-size: 0.875rem;
  padding:0.75rem 1.125rem
}

.daas-benfits-wrapper .lhs p {
    font-size: 0.875rem;

    font-weight: 500;
}

.daas-benfits-wrapper .rhs h5 {
    font-weight: 600;
}

.daas-benfits-wrapper .rhs p {
    font-size: 0.813rem;

    margin-bottom: 0;
}

.daas-products {
    background-color: #0d1224;

    color: #fff;
}

.daas-products .section-title-wrapper h2 {
    font-size: 1.75rem;
}

.daas-products .section-title-wrapper p {
    font-size: 0.875rem;

    color: rgba(255, 255, 255, 0.7);
}

.daas-products .ie-card img {
    height: 1.5rem;

    width: auto;
}

.daas-products .ie-card:first-child img {
    height: 1.125rem;

    width: auto;
}

.daas-products .ie-card p {
    font-size: 0.875rem;

    color: rgba(255, 255, 255, 0.7);
}

.daas-products .ie-card h5 {
    font-weight: normal;
  font-size:1.25rem
}

.daas-products .ie-card a.btn-secondary {
    border: 1.5px solid #fff;
    background-color: transparent;
}

.daas-products .ie-card a.btn-secondary:hover,
.daas-products .ie-card a.btn-secondary:focus {

    background-color: #fff;
    color: #0d1224;
}
.daas-prod-imgs {
  min-height:50px
}
/******************************************************** DAAS styles ends here *******************************************/

/******************************************************** Reusable modules *******************************************/
.section-title-wrapper h2 {
    font-size: 1.75rem;
}
.blog-card h5 a{
  font-size:1.125rem;
  font-weight:600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-card h5 {
  min-height:3rem
}
.blog-card p {
    font-size: 0.875rem;
    color: rgba(13, 18, 36, 0.8);
}
.blog-card p.insight-desc {
   
}
.for-service span img {
  width:.5rem
}
.blog-card .for-service {
    font-size:0.813rem
}
.blog-card .for-service img {
  width:.5rem;
    margin-right: .4rem !important;
}
.awards-details-sakon-reviews .section-title-wrapper p {
    font-size: 0.875rem;
  color:rgba(13, 18, 36, 0.7)
}
.reco-wrapper .managed-mobility img {
  margin-left:.875rem;
}
.fc-black {
	color:#000 !important;
}
.footer-blog .insight-category {
    font-size: 0.875rem;
    padding-top: 1rem;
}

.footer-blog .blog-card {
    margin-bottom: 2rem;
}
.blog-card a {    
	color: rgba(7, 17, 43, 1);
    line-height: 1.5rem;
}
.for-service span {    
	color: #01c2dc;
}

.sakon-green, .awards-details-banner, .awards-ready-to-make{
	background-color:#b3f6ff;
}
.sakon-green-secondary, .awards-details-recognition{
	background-color:#abeaf3;
}
.sakon-green1 {
  background-color:#c8f4ee
}
.sakon-green2 {
  background-color:#f3fbfa
}
.sakon-green3 {
    background-color:#b3fffa !important
  }
 .sakon-green-light {
  background-color:#e8fcff
}

.sakon-dark, .awards-details-gartner {
	background-color:#0d1224;
	color:#fff;
}
.sakon-dark1 {
    background-color:#0d1224
}
.line1 {
	color:rgba(13, 18, 36, 0.8);
	width:100%
}
.line2 {
	color:rgba(13, 18, 36, 0.4);
	width:100%
}
.border-line1 {
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.border-line2 {
  border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.sakon-dark a{
	color:#abeaf3;
	text-decoration:underline;
}
.sakon-dark a:hover{
	color:#fff;
	text-decoration:underline;
}
a {
	color:#0d1224;
	font-size:0.875rem;
	font-weight:500
}
a:hover {
	color:#0d1224;
	text-decoration:underline
}
/******************************************************** Reusable modules ends here *******************************************/

/******************************************************** Awards *******************************************/
.award-banner-wrapper h3 {
  font-size:1.75rem
}
.aw-rev-cont {
  width:75%
}
.aw-rev-cont p {
  font-weight:500;
  line-height:1.313rem;
}
  .aw-logo img {
  width:40% }
.aw-gartner-logo img{
  position:relative;
  bottom:-2px
}
    .aw-quote:last-child p {
  font-size:1.125rem;
}
.award-review-wrapper {
	background:#e8fcff;
}
.aw-rv span {
	font-weight:bold;
	font-size:1.5rem;
}
.quotes-leadership p.lead-text {
	font-size:1.125rem;
	font-weight:500;
}

.quote-img {
	background:#fff;
	padding:1rem 2.25rem;
	position:absolute;
	top:-80%;
}
.quote-wrapper {
	display:flex;
	justify-content:center
}
.profile-footer {
	font-size:0.875rem;
	font-weight:500;
}
 .award-review-wrapper {
  width:80%
  }
  
/******************************************************** Awards ends here *******************************************/

/******************************************************** How did we win the recognition? *******************************************/
.reco-wrapper p {
	font-size:0.875rem;
}
.border-dash {
	border-top:1px dashed rgba(13, 18, 36, 0.2);
}
.border-solid-bottom {
	border-bottom:1px solid rgba(13, 18, 36, 0.2);
}
.announce-list {
  display:flex;
	margin-top:2rem;
	padding-top:1.5rem;
	justify-content:space-between;
	padding-left:0
}
.announce-list li {
	list-style: none;
	font-size:0.875rem;
}
.announce-list li a {
	text-decoration:underline
}
.industries-list li{
	font-weight:bold;
}
.industries-list li img{
margin-right:0.375rem;
  height:2rem;
}
.recog-list li img{ 
  height:unset;
  margin-right:0.375rem;
}
/******************************************************** How did we win the recognition? ends here *******************************************/

.webinar-details-title-wrapper img.ico-arr {
   height:0.875rem;
  margin-top:2px
}
.webinar-details-title-wrapper a.ico-share img {
    width: 2rem;
}
.webinar-details-title-wrapper a {
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #0d1224;
}

.webinar-details-title-wrapper h2 {
    font-size: 2.25rem;
}

.published-details p {
    font-size: 0.75rem;

    color: rgba(13, 18, 36, 0.8);

    font-weight: 600;

    margin-bottom: 0;
}

.webinar-details-lhs p {
    font-size: 0.875rem;

    font-weight: 500;

    color: #0d1224;
}

.webinar-details-lhs ul li {
    font-size: 0.875rem;

    font-weight: 500;

    color: #0d1224;

    margin-bottom: 1rem;

    position: relative;

    padding-left: 2rem;
}

.webinar-details-lhs ul li::before {
    position: absolute;
    content: "";
    background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/webinar-servicenow/tick.png);
    background-size: 1.25rem;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    left: 0;
    top: 4px;
}

.speakers-list img {
    width: 5rem;
}

.speakers-list h6 {
    font-weight: bold;
}

.speakers-list p {
    width: 75%;
    margin-bottom: 0;
    font-size: 0.75rem;
  line-height:normal
}
.published-details {
margin-left:1px}

.webinar-details-rhs h6 {
    color: #c8f4ee;
    text-transform: uppercase;
    font-weight: 400;
}

.webinar-details-rhs form input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    font-size: 0.875rem;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.4);
}

.webinar-details-rhs form .form-floating > .form-control,
.webinar-details-rhs form .form-floating > .form-select {
    height: 100%;
    padding: 0 0 0.5rem 0;
  background:#0d1224
}

.webinar-details-rhs form .form-floating > .form-control:focus,
.webinar-details-rhs form .form-floating > .form-select:focus {
    box-shadow: none;
}

.webinar-details-rhs form .form-floating > label {
    padding: 0;
    top: -0.313rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.4);
}

.webinar-details-rhs form .form-floating > .form-control:focus ~ label,
.webinar-details-rhs form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.webinar-details-rhs form .form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-1rem) translateX(0rem);
}

.webinar-details-form-wrapper {
    background-color: #0d1224;
}

.webinar-details-rhs form .btn-primary {
    font-size: 0.75rem;
    font-weight: 500;
    color: #0d1224;
    background-color: #c8f4ee;
    text-transform: initial;
    padding: 0.5rem 0.75rem;
    border: 1px solid transparent;
}

.webinar-details-rhs form .btn-primary:hover,
.webinar-details-rhs form .btn-primary:focus {
    color: #c8f4ee;
    background-color: transparent;
    border: 1px solid #c8f4ee;
}

@media screen and (max-width: 767px) {
    #toggle.on + #sidenav {
        width: 100%;
    }

    .banner-wrapper, .servicenow-banner-wrapper, .daas-banner-wrapper{
        background: #b3f6ff;
    }

}
/*****************************************************************  Firstnet  **************************/

.firstnet-banner-wrapper{
  padding-top:7rem !important;
  background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/firstnet/fn-banner-img.jpg) no-repeat;
  background-position:right;
  }
.btn-banner {
  padding:0.325rem 1rem
}
.firstnet-banner-wrapper .fn-img img {
    width:45%
}
.fn-challenges h3 {
  font-weight:400
}

.fn-mob-exp .mob-img img{ 
  width:80%
}
.fn-mob-exp .mob-img{ 
  position:absolute;
    top:-210px
}
.fn-mob-exp h3 {
  width:80%;
  font-weight: 400;
}
.firstnet-device-lifecycle {
    background: #fff;
    box-shadow: 0 25px 50px 0 rgb(0 0 0 / 3%);
}
.fn-lifecycle h3 {
    width:80%;
}
.lifecycle-img {
   text-align:center
}
.fn-lifecycle .lifecycle-img img {
    width:60%;
}
.fn-lifecycle a  {
  text-decoration:underline
}
.fn-lifecycle a:first-child  {
  text-decoration:none
}
.ch-circle {
 margin-bottom: 2rem
}
 .ch-circle img { 
    width:50%;
      margin-bottom: 0
  }
.ch-text {
  
        position: absolute;
    left: 20%;
    width: 68%;
    top: 0;
    bottom: 0;
    display: flex;
    margin: auto;
    align-items: center;
}
.fn-device-cloud .section-title-wrapper P {
  width:75%;
  color:rgba(13, 18, 36, 0.7)
}
.fn-device-cloud .row ul li:last-child {
  padding-bottom:0;
}
.firstnet-wrap h2 {
  font-size:2rem;
  font-weight:500;
}
.fn-challenges h6 {
  font-weight:400;
}
.devicecloud-list {
  padding-right:3rem
}
.devicecloud-list li {
  list-style:none;
  padding-bottom:1rem;
}
.devicecloud-list ul {
  padding-left:0
}


/**************************************************************** ServiceNow *********************/
.servicenow-banner {
background: #c8f4ee url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/servicenow/sr-banner.jpg) no-repeat;
    background-position: 100%;
    background-size: contain;
  background-position-y:65%;
  padding-top:2.5rem;
    padding-bottom: 2.5rem
}
.sn-icon-wrap {
height:48px
}
.main-logos img {
  width:160px;
  margin:0 2rem
}

.servicenow-customers h2 {
  color:#fff;
  font-weight:400;
}
.are-you {
  position:absolute;
  /*top:40%;
  left: 46%;*/
    background: #0d1224;
    padding: 1rem;
  left: 0;
    right: 0;
    margin: auto;
    top: 0;
  width:12.5rem;
  text-align:center;
  top: 0;
    bottom: -55%;
    height: 4rem;
}

.are-you h3 {
  text-transform:uppercase;
  font-size:2rem;
  font-weight:400;
}
.sn-banner-list li img {
  width:16px;
  margin-right:5px;
}
.service-list-content .num {
  position: absolute;
    left: -70px;
    font-size: 3rem;
  font-weight:100
}
  .we-help span {
  color:#3ac7bb;
    font-weight:600
  }
  .we-help h1 {
  font-size:3rem;
    font-weight:600;
    padding-top:10px;
    padding-bottom:1.75rem
  }
.built-on-list {
  padding-left:1.375rem!important;
}
.built-on-list li {
line-height:normal;
}
.built-on-list li a {
color:#3ac7bb;
 font-size: 1.125rem !important;
  font-weight:600
}
.we-help-footer {
  width:90%
} 
.we-help-footer .credit{
color:rgba(13, 18, 36, 0.7);
 font-style: italic;
    font-size: 0.75rem;
}
.we-help h5 img {
  width:60px;
}
/*.sn-quote, .sn-profile-footer {
width:70% !important
}
*/
.sn-profile-footer p span{
 color: rgba(13, 18, 36, 0.6);
  font-weight:400;
  font-size:0.75rem;
  display:inline-block;
  margin-top:10px;
  width:75%
}
.sn-profile-footer p {
  line-height:normal
}
.sakon-dark h2 {
color:#fff
}
.sakon-dark .btn-secondary {
  background-color:#c8f4ee;
  color:#0d1224
}
.sakon-dark .btn-secondary:hover {
  color:#0d1224
}
.certified-logos img {
margin: 1.5rem
}
.sn-profile {
  padding-right:10px
}
.sn-profile-footer {
  padding-top:5px
}
.sn-quote {
  padding-right:2rem
}
/* .sn-quote .btn {
  font-weight:400;
  font-size:0.75rem
} */
.sn-profile-footer p {
  font-size: 0.875rem;
    font-weight: 500;
}
.sn-lifecycle .sn-cont {
  font-size:0.875rem
}
.sn-lifecycle .sn-cont li {
  font-weight:500
}
/* .sn-lifecycle .btn  {
 font-size:0.75rem !important;
  line-height: 1;
  text-transform:none;
  font-weight:400 !important;
  padding:.55rem 1rem !important
} */
.sn-img {
  text-align:center;
}
.sn-img img {
  width:100%
}
.key-cont h5 {
  color:#3ac7bb
}
.sn-logo-wrap {
  display:flex
}
.sn-logo-wrap img {
  margin:0 1.5rem;
  height:67%
}
.sn-banner-list li {
  padding-bottom:.25rem
}
.service-now-banner-wrapper h2 {
  font-size:2.2rem;
}


/************************* Resources ***********************/
.resources-banner-wrapper {
    background-color: #b3f6ff;
}
.resource-wrapper .blog-card h1 {
  display:none
}
#searchQueryInput {
    width: 60%;
    height: 2.8rem;
    background: #000;
    outline: none;
    border: none;
    border-radius: 1.625rem;
    padding: 0 3.5rem 0 1.5rem;
    font-size: 1rem;
    color: #fff;
}
#searchQuerySubmit {
    width: 3.5rem;
    height: 2.8rem;
    margin-left: -3.5rem;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

.resources-filter select {
    border: 0;
    padding: 0 10px 0 0;
    margin-right: 3rem;
    background-color: #fff;
  border-radius:0;
}
.resources-filter select option {
  font-size:0.875rem
}
.resource-wrapper .page-header h2 {
  font-size:1.5rem
}
.resource-wrapper .resources-rhs .blog-card {
    margin-bottom: 2rem;
}
.resource-img {
  height:7.75rem;
  overflow:hidden
  }
.resource-img img {
  width:100%
  }
.resource-wrapper .insight-category {
    font-size: 0.875rem;
    padding-top: 1rem;
}
.blog-card p {
  margin-bottom:0
}
.blog-card p.insight-desc {
    font-size: 0.875rem !important;
  
    color: rgba(13, 18, 36, 0.8);
  display:block;
}
.blog-card .for-service {
    font-size: 0.813rem;
   border-top: 1px solid rgba(14, 4, 2, 0.2);
}

/*************************** Sakon Protect ************************************************/
.sakon-protect-border h3 {
    font-size:2rem
  }
#lname {
  text-align:center
}
.protect-competitors .protect-img {
  width:15%
}
.ent-button {
    border-top: 1px solid rgba(13, 18, 36, 0.2);
}
.ent-button a {
    position: absolute;
    left: 0;
    right: 0;
    width: 9rem;
    margin: auto;
    top: -1.25rem;
}
.emp-exp li {
  color:#81f8f0;
  position:relative
}
.emp-exp li:before {
    content: "";
    position: absolute;
    height: 0.625rem;
    width: 0.625rem;
    background-color: #d9fffc;
    left: -1.5rem;
    top: 0.25rem;
    border-radius: 5rem;
}
/* .protect-covered ul li {
  padding-right:1.5rem;
} */

.protect-covered ul {
  list-style-position: inside;
}
 .protection-program .ie-card img {
  height:1.75rem;
  }


.protection-program .section-title-wrapper p {
    font-size: 0.875rem;
}

.protection-program .ie-card img {
    height: 1.5rem;
    width: auto;
}

.protection-program .ie-card p {
    font-size: 0.875rem;
    color: #0d1224;
}

.protection-program .ie-card a {
    color:#1ecec2
}
.border-hr:after {
    content: " ";
    position: absolute;
    border-bottom: 0.093rem solid rgba(255,255,25,0.3);
    width: 19.938rem;
    left: 6rem;
    bottom: 10rem;
}
.sakon-protect-border, .border-hr, .list-element{
  position:relative
}
.sakon-protect-border:before {
    content: "";
    position: absolute;
    top: 0.7rem;
    height: 12.9rem;
    width: 0.063rem;
    left: -6rem;
    background-color: rgba(255,255,25,0.05);
}
.protect-banner {
background: #b3fffa url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/sakon-protect/banner-image.jpg) no-repeat;
    background-position: 100%;
    background-size: contain;
    padding-top: 5rem;
}
.protect-banner h1 {
  font-size:2.5rem;
}
.list-element {
  padding-left:4rem!important;
}
.list-element:first-child {
  padding-left:1rem!important;
}
.list-element:last-child {
  padding-left:5rem!important;
}
.list-element:nth-child(2) {
  padding-left:3rem!important;
}
.list-element:before {
    content: "";
    position: absolute;
    height: 1.5rem;
    width: 1.5rem;
    background-color: #81f8f0;
    top: 0;
    border-radius: 4rem;
  top:-.375rem
}
.protect-list li, .protect-covered li {
  padding-bottom:0.25rem;
}
.protect-list li { 
  font-size:1.125rem;
    display: flex;
}
.ind-served-list li {
  padding-bottom:0.25rem;
  font-weight:600;
  font-size:0.875rem
}
.protect-calc label {
text-transform:uppercase;
  font-size:0.75rem;
  font-weight:500;
  padding-bottom:0.25rem
}
.protect-calc {
  background:#f0fffe
}
.protect-calc input {
  width: 100%;
  font-size:0.688rem;
    border: none;
    background-color: #0d1224;
    color: white;
  padding:0.5rem;
}
/* .protection-program a.btn {
  padding:0.125rem .75rem !important;
  font-size:0.75rem;
} */
.calculator {
  text-transform:uppercase;
  font-size:0.688rem;
  text-align:center;
  cursor:pointer
}
/************************************ Case Study ****************************************/
.client-logo img {
  width:100%
}
.card-title {
    color: #abeaf3;
    font-size: 1.4rem;
    font-weight: 400;
}

.card-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
}

.card-body {
    background-color: #0d1224;
}

.card-body .btn {
    color: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.pblm-stmnt {
  background:#fff url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/case-study/lines-bg.jpg);
  color:#000;
}
.pblm-stmnt img {
  width:1.5rem;
}
.problem-statement p {
 color: rgba(255, 255, 255, 0.7) !important;
}
.sakon-solution img {
  width:2rem;
}
.the-output h3 {
  color:rgba(255, 255, 255, 0.7)
}
.the-output h3.title {
  color:#abeaf3
}
.the-output span {
display: block;
    margin-top: -0.313rem;;
  color:rgba(255, 255, 255, 0.7)

}

.the-output
.sakon-border {
  display:flex;
    position: relative;
  justify-content: center;
}
.out-img img {
  width:2.75rem;
}
.sakon-border:before {
    content: "";
    position: absolute;
    top: -1rem;
    height: 6rem;
    width: 0.063rem;
    left: 0;
    background-color: rgba(255,255,255,0.1);
}
.products-services {
box-shadow: 0 25px 50px 0 rgb(0 0 0 / 3%);
}

.kp-sakon img {
  width:100%;
  position: relative;
    margin-top: -0.25rem;
}

/**************************************************************** Extra Styles *********************/

a.btn {
  text-decoration:none
}
body + .container-fluid {
    padding: 0;
}

.resources .nav-why,
.resources .nav-solutions,
.resources .nav-platform,
.resources .nav-contact,
.service-now .nav-why,
.service-now .nav-solutions,
.service-now .nav-platform,
.service-now .nav-contact,
.devices .nav-why,
.devices .nav-solutions,
.devices .nav-platform,
.devices .nav-contact,
.sakon-2022 .nav-why,
.sakon-2022 .nav-solutions,
.sakon-2022 .nav-platform,
.sakon-2022 .nav-contact,
.sakon-2022 .nav-products,
.sakon-2022 .nav-resources,
.sakon-2022 .nav-company,
.sakon-2022 .seperator,
.search-results-sakon .seperator,
.lets-talk .nav-why,
.lets-talk .nav-solutions,
.lets-talk .nav-platform,
.lets-talk .nav-contact {
    display: none;
}
.devices .title-device,
.devices .seperator,
.resources .title-resources,
.resources .seperator,
.service-now .title-service-now,
.service-now .seperator,
.lets-talk .title-lets-talk,
.daas .title-device,.award-details .title-device, .first-net .title-device {
    display: block !important;
}

.search-button {
    width: 30px;
  top:0;
  bottom:0;
    background: transparent;
}
main.content-wraper.blog-details {
    top: 7.5rem;
}
/* .footer-container {
    padding-left: 0;
    padding-right: 0;
} */
.hs-search-results__title {
    font-size: 1.25rem;
    color: rgba(0, 0, 0, 0.9) !important;
}
.hs-search-results__listing li {
    margin-bottom: 2rem !important;
}

.insight-card h1,
p code {
    font-size: 1rem !important;
    color: rgba(7, 17, 43, 1);
}
.insight-card img {
    height: auto;
}

body.devices .container-fluid:nth-child(3),
body.service-now .container-fluid:nth-child(3),
body.sakon-2022 .container-fluid:nth-child(3),
body.lets-talk .container-fluid:nth-child(3) {
    padding: 0 !important;
}
body.daas footer {
    margin-top: 56px;
}
body .header-container {
    padding: 0;
  
}

.sol-square {
  background-image:url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/daas/sq-img.png);
      height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 68%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  top:0;
}
.footer-links:last-child {
        padding-left: 7rem !important;
    }

.navbar .dropdown-toggle::after {
margin-left: 0.255em !important;
    content: "";
    position: absolute;
    background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/hdr-arr.png);
    height: 6px;
    width: 9px;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  border-top:unset; 
    border-right: unset; 
    border-bottom: unset;  
    border-left: unset; 
}
.form-select {
   background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/hdr-arr.png);
  background-size:10px 6px
}
.drop-indurstry .form-select {
     background-size:10px 6px
}
.drop-topic .form-select {
     background-size:10px 6px;
  margin-right:2rem
}
.form-select:focus {
  border:0;
  box-shadow:none
}
.btn:active {
outline: none;
border: none;
}

.btn:focus {outline:0;}
.btn-check:focus+.btn, .btn:focus {
  box-shadow:none;
}

/**************************************************************************************************** Media Queries ********/

@media screen and (min-width: 320px) and (max-width: 480px) {
  .policy-content table{
    width: 40rem !important;
  }
  .problem-statement-headding{
  font-size: 2rem;
  color: #000;
  margin-bottom: 0;
}
    h1 {
        font-size: 1.5rem;
    }
  .sn-quote {
  padding-right:0
}  
  .sn-quote h4 {
  line-height:1.25
}
  .sn-profile-footer p span {
  width:100%
  }
  .sn-ready-to h2 {
    font-size:1.75rem !important
  }
  .sn-lifecycle .sn-cont li {
    list-style:circle;
    margin-left:1rem;
  }
  .sn-lifecycle .sn-cont li:first-child {
    list-style:none;
    margin-left:0;
  }
  .certified-logos img {

  width: 15%;
    height: auto;
}
  #searchQueryInput {
  width:90%
  }
  .resource-img {
    height:13.5rem
  }
    .in-the-news,
    .platform,
    .main-fold-container {
        height: auto;
    }

    .footer-links {
        padding-bottom: 20px;
    }

    .copyright p,
    .other-links p {
        text-align: center;
    }

    .footer ul li {
        padding-bottom: 5px;
    }

    .btn-register {
        position: absolute;

        right: 15px;

        top: 0;
    }

    .main-nav {
        display: none;
    }

    .mobile-nav .nav-item:first-child .nav-link {
        padding-left: 0;
    }

    .carousel-indicators {
        left: 15px;
    }

    .footer-links {
        padding-top: 0;
    }

    .last-item {
        display: flex;

        text-align: center;

        padding-left: 45px !important;

        width: 100%;
    }

    .footer .footer-bottom p.border-top {
        border-top: 0px solid rgba(34, 34, 34, 0.2) !important;
    }

    .social_links {
        text-align: center;
    }

    .in-the-news {
        padding-bottom: 30px;
    }

    .nav-item button {
        margin-top: 5px;
    }

    .device-container {
        border-bottom: 1px solid #fff;
    }
  .daas-solution-lifecycle .ie-card img {
  height:2rem}
  .copyright p a, .copyright p span {
  display:inline-block;}
  
  /****** Awards Details****/
  .award-banner-wrapper h3 {
  font-size:1.5rem;
    padding-bottom:2rem !important;
  }
  .aw-logo img {
  width:50%;
  margin-bottom:3rem}
      .aw-quote {
  width:100%}
.announce-list {
  display:block;

}
 .announce-list li {
  padding-top:10px

} 
  .aw-gartner-logo {
  margin-top:1rem
  }
    .aw-gartner-logo img {
  width:60%
  }
 
  .aw-rev-cont {
  width:100%
}
  .fn-mob-exp h3{
  width:100%;
  }
.fn-mob-exp .mob-img {
position:unset;
  margin-left: -20%;}

.firstnet-banner-wrapper .fn-img img {
  width:55%
}
.firstnet-banner-wrapper .fn-img{
  padding: 2rem 0;  
}

   .lifecycle-img {
    padding:3rem 0 0;
  }
  .fn-lifecycle .lifecycle-img img {
    width:80%;
}
  .fn-device-cloud .section-title-wrapper p, .fn-lifecycle h3 {
  width:100%
}
  .ch-circle img { 
  width:40%;
}
.ch-text {
  width:58%;
}
  .devicecloud-list {
    padding-right:0
  }
  .firstnet-wrap h2 {
  width:100%
}
  .servicenow-banner {
    background-position-y: 100%;
    padding-top: 8rem;
  }

  .service-list-content .num {
    left:-50px;
  }
  .we-help-footer {
  width:100%;
    margin-bottom:2rem
}
  .we-help h1 {
    font-size:1.75rem;
     width:100%
  }
  .we-help h5 {
padding-top:2rem;
    border-top: 1px dashed rgba(0,0,0,0.2);
  }
  .sn-profile-footer, .sn-quote {
    width:100% !important
  }
  .scroll-x-mob {
    overflow-x:auto;
}
    .scroll-x-mob1 {
    overflow-x:auto;
}

  .sn-img img {
  width:80%
  }
  .sn-img {
  padding-top:2rem;
  }
  .sn-quote:last-child {
    padding-bottom:2rem
  }
  .why-sakon-wrapper .btn {
  width:120px;
  }
  .webinar-details-title-wrapper h2 {
  font-size:2rem;
  }
  .healthcare-industry .health_industry_slider .slick-dots {
    left: 50%;
    bottom: -10%;
    transform: translateX(-50%);

}
  .sakon-solutions .solution-card img {
    width: 110%;
}
  .healthcare-industry .health_industry_slider .slick-slide img {
  width:5.5rem
  }
  .healthcare-industry h2 {
    margin-left:0
  }
  .sol-square {
  display:none
  }
  .intelligent-ecosystem .ie-card img {
  height:1.75rem;
  }
  .intelligent-ecosystem .ie-card:first-child img {
    height:1.5rem;
  }
  .service-list {
    margin-left:7%
  }
   .are-you {
    bottom:-45%
  }
  .announce-list {
  margin-top:0;
  }
   .announce-list li {
    width:100%;
     padding-bottom:1rem;
  }
  .industries-list li:first-child {
  padding-bottom:.5rem !important;
  }
  .solution-card:nth-child(2) img {
    margin-left:0;
    margin-right:0
  }
  .devicecloud-features .cloud-card img {
  width:100%;
    margin-bottom:2rem
  }
  .role-based .sn-img {
    justify-content:center
  }
  .iot_slider .col-md-4 {
    padding-left:3.25rem;
    padding-bottom:0
  }
  .iot-challenges .iot_slider .slick-arrow.prev-arrow {
  left: 0;
    top:0;
  }
  .iot-challenges .iot_slider .slick-arrow.next-arrow {
 
    top:0;
  }
  .iot-challenges .ch-text {
    width:60%;
    top:0;
  }
    .responsive-menu .mega-menu-list li a {
    color:#0d1224 !important;
  }
  .responsive-menu .nav-item.dropdown.has-megamenu:hover .dropdown-menu.megamenu {
    margin-top:0;
  }
  .responsive-menu .dropdown-menu.megamenu{ 
    top:94px;
    position:fixed;
    width:100%;
    left:0
  }
  .responsive-menu .mega-menu-list {
    padding-left:2rem;
    padding-top:1rem
  }
  .devicecloud-features .cloud-card .macbook p {
    width:100%
  }
  .copyright .last-item {
    padding-left:unset !important;
  }
  .protect-calculator label, .protect-calculator input {
    width:100%
  }
  .pblm-stmnt {
    position:unset;
    margin-bottom:2rem
  }
  .resources-filter select, .resources-filter select:focus  {
    border:1px solid #0d1224;
  padding:.5rem 0 .5rem .5rem}
  
}
/**********************************************^^^^^^^^^^^^^^^^^^^ **************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
    .footer-links {
        padding-bottom: 20px;
    }

    .copyright p,
    .other-links p {
        text-align: center;
    }

    .btn-register {
        position: absolute;
        right: 15px;
        top: 5px;
    }

    h1 {
        font-size: 1.75rem;
    }

    .footer ul li {
        padding-bottom: 5px;
    }

    .mobile-nav {
        display: none;
    }

    .in-the-news,
    .platform,
    .main-fold-container {
        height: auto;
    }
    .daas-solution-lifecycle .ie-card img {
  height:unset}
  .copyright p a {
  display:inline-block;}
 /****** Awards Details****/
  .award-banner-wrapper h3 {
  font-size:1.5rem;
    padding-bottom:2rem !important;
  }
    .aw-logo img {
   width:30%;
  margin-bottom:3rem}
    .aw-quote {
  width:100%}
  .aw-rev-cont {
  width:100%
}
   .fn-mob-exp h3{
  width:100%;
  }
  .lifecycle-img {
    padding:3rem 0 0;
  }
    .fn-device-cloud .section-title-wrapper p, .fn-lifecycle h3 {
  width:100%
}
  .devicecloud-list {
  padding-right:0
}
  .fn-mob-exp .mob-img {
position:unset;
  margin-left: -20%;}
  .ch-circle {
    margin-bottom:2rem
  }
 
    .firstnet-wrap h2 {
  width:100%
}
    .scroll-x-mob {
    overflow-x:auto;
}
  .servicenow-banner {
     background-position-y: 100%;
    padding-top: 5rem;
  }
  .we-help h5 {
    padding-top: 3rem;
}
  .we-help-footer {
    width: 100%;
    margin-bottom: 2rem;
}
  sn-profile-footer, .sn-quote {
    width: 100%!important;
}
  .service-list img {
    width: 30%;
}

  .sn-img img {
    width: 80%;
}
  main-logos img {
    width: 140px;
}
  .healthcare-industry h2 {
    margin-left:0
  }
  .customers-partners .our_customers_slider .slick-slide img {
  width:6rem !important
  }
  .trusted-auditors-lhs img, .trusted-auditors-rhs img {
  width:3rem;
  }
  .trusted-auditors-lhs>div div:last-child img {
  width:3rem;
  }
  .sol-square {
  display:none
  }
   .service-list {
    margin-left:7%
  }
  .are-you {
    bottom:-45%
  }
.iot_slider .col-md-4 {
    padding-left:1.25rem;
  }
   .iot-challenges .iot_slider .slick-arrow.prev-arrow {
  left:0;
    top:0
      
  }
  .iot-challenges .iot_slider .slick-arrow.next-arrow {
    top:0
  }
  .iot-challenges .ch-text {
    width:70%;
    top:0
  }

}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .sakon-border:before {
  display:none
  }
  .sakon-border {
     margin-top:1rem;
  }
  .tabs-to-dropdown .dropdown {
    width:50%;
    margin:auto;
    margin-bottom:1rem;
    margin-top:1.5rem
  }
  .tabs-to-dropdown .dropdown-toggle::after {
    position:absolute;
      right:.5rem;
     top:50%
  }
  .tabs-to-dropdown .dropdown-menu {
    width:100%
  }
  .protection-program .ie-card img {
    height:1.75rem;
  }
  .sakon-protect-border {
    margin-top:1.5rem
  }
   .sakon-protect-border h3 {
    padding-bottom:1rem
  }
  .protect-banner {
    background:#b3fffa
  }
  .protect-banner h1 {
    font-size:2rem;
    padding-top:2rem
  }
  .industries-list li img{
    height:1.5rem;
  }
  .industries-list li{
    padding-bottom:.75rem;
  }
  .sn-logo-wrap {
    display:block
  }
  .sn-logo-wrap img {
    margin:0 0.5rem 1rem .5rem;
    height:45px;
  }
      .main-logos img {
  width:90px;
  margin:0 0.75rem
}
  .cust-logos img{
    width: 18% !important;
    height: auto;
  }
  .fs-16{
   font-size: 1rem 
  }
  .main-cust img{
   width: 25%;
    height: auto;
  }
   .award-review-wrapper {
  width:100%
  }
  .managed-mobility {
    margin-top:2rem;
  }
  .announce-list {
    display:block;
    justify-content:unset;
  }
  .announce-list li {
    float:left;
    padding-right:2rem;
  }
  .industries-list li:first-child {
    width:100%;
    padding-bottom:1.5rem;
  }
  .announce-list li {
    padding-right:1.5rem;
  }
  .industries-list li img {
    height:1.5rem;
  }
  .iot-banner {
background-position:top;
    background-size:unset
  }
  .responsive-menu ul.main-menu li {
  position:unset
  }
  .responsive-menu .dropdown-menu-right {
  position:absolute
  }
  .responsive-menu li a.dropdown-item {
  color:#0d1224
  }
.protect-list i {
  margin-right:0.5rem;
}
.list-element {
  padding-bottom:1rem !important;

}
  .list-element p{
    margin-top: 1rem;
  }
  .list-element, .list-element:last-child, .list-element:nth-child(2) {
      padding-left:1rem !important
  }
    .list-element:before {
      height: 1rem;
      width: 1rem;
  }
  .protect-list li {
    font-size:1rem
  }
  .devicecloud-features h3 {
    font-size:1.25rem;
  }
  .protect-mob-banner {
    background-image:url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/respo-protect-banner-mob.png);
  }
}

/******************************************************************************************* tablets, iPads (portrait and landscape) ---------- */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 1.75rem;
    }
 .protect-banner {
    background:#b3fffa
  }
   .list-element, .list-element:last-child, .list-element:nth-child(2) {
      padding-left:1rem !important
  }
    .btn-register {
        position: absolute;

        right: 15px;

        top: 5px;
    }

    .in-the-news,
    .platform,
    .main-fold-container {
        height: auto;
    }

    .footer-links {
        padding-bottom: 20px;
    }

    .footer ul li {
        padding-bottom: 5px;
    }

    .mobile-nav {
        display: none;
    }
  .firstnet-banner-wrapper .fn-img img {
    width:75%
  }
.fn-lifecycle .lifecycle-img img {
    width:100%;
}
  .fn-lifecycle h3 {
  width:100%
  }
  .devicecloud-list {
  padding-right:0
  }
  .fn-mob-exp .mob-img {
    position:unset
  }
  .fn-mob-exp .mob-img img {
    width:100%
  }
      .sol-square {
    background-size: 86%;
}

  .service-list img {
    width: 30%;
}
  .managed-mobility {
    margin-top:2rem;
  }
  .announce-list {
    display:block;
    justify-content:unset;
  }
  .announce-list li {
    float:left;
    padding-right:2rem;
  }
  .aw-logo img {
  width:40%
  }
  .aw-logo {
  padding:2rem 0;
  }
  .award-review-wrapper, .aw-rev-cont {
  width:100%
  }
  .industries-list li:first-child {
    width:100%;
     padding-bottom:1.5rem;
  }
  .announce-list li {
    padding-right:1.5rem;
  }
  .industries-list li img {
    height:1.5rem;
  }
  .sn-logo-wrap {
    display:block
  }
  .sn-logo-wrap img {
    margin:0 0.75rem 1rem 1.5rem;
    height:50px;
  }
  .scroll-x-mob {
    overflow-x: auto;
}
    .iot-challenges .iot_slider .slick-arrow.prev-arrow {
  left:0;

  }
}

/*************************************************************************************************************** Desktops and laptops ---------- */

@media screen and (min-width: 1025px) and (max-width: 1224px) {
  
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 1.75rem;
    }

    .footer .footer-links:last-child h6,
    .footer .footer-links:last-child ul {
        padding-left: 30px;
    }
 
    .mobile-nav {
        display: none;
    }
    .sol-square {
    background-size: 55%;
}

  .service-list-content .num {
    left:-50px
  }
 .footer-links:last-child {
        padding-left: 2.5rem !important;
    }
}

/************************************************************************************ Large screens ---------- */

@media screen and (min-width: 1225px) and (max-width: 1825px) {
    .footer .footer-links:last-child h6,
    .footer .footer-links:last-child ul {
        /*padding-left:50px;*/
    }

    .mobile-nav {
        display: none;
    }

    .arr-icon {
        width: 16px;
    }
   .ch-circle img { 
    width:45%
  }

}

@media screen and (min-width: 1225px) and (max-width: 1440px) {
    html {
        font-size: 16px;
    }

    .arr-icon {
        width: 20px;
    }
  .service-list-content .num {
    left:-50px;
  }

  .main-logos img {
    width: 130px;

}
  .sol-square {
    background-size: 68%;
}
  .resource-img {
  
  height:10rem;}
  .resources-filter select {
  margin-right:2rem
}
  .drop-topic .form-select {
  margin-right:1rem
}
}
@media screen and (min-width: 1441px) and (max-width: 1559px) { 

  .sol-square {
    background-size: 71%;
}
  .footer-links:last-child {
        padding-left: 8rem !important;
    }

.form-select {
  margin-right:2rem
}
  .drop-topic .form-select {
  margin-right:1rem
}
   .resource-img {
    height:11rem
  }
    
}
@media screen and (min-width: 1560px) and (max-width: 1680px) {
    html {
        font-size: 18px;
    }

    .carousel-indicators {
        left: 10%;
    }

    .arr-icon {
        width: 22px;
    }
    .service-list-content .num {
    left:-50px;
  }

  .main-logos img {
    width: 130px;
}
    .sol-square {
    background-size: 70%;
}
  .footer-links:last-child {
        padding-left: 9rem !important;
    }
   .resource-img {
    height:12rem
  }
    
}

@media screen and (min-width: 1681px) and (max-width: 1825px) {
    html {
        font-size: 18px;
    }

    .carousel-indicators {
        left: 100px;
    }
  .service-list-content .num {
    left:-55px;
  }

  .main-logos img {
    width: 130px;
}
    .sol-square {
    background-size: 56%;
}
    .footer-links:last-child {
        padding-left: 9rem !important;
    }
    .resource-img {
    height:12rem
  }
}

/************************************************************************************************************** Extra Large screens ---------- */

@media screen and (min-width: 1826px) and (max-width: 1920px) {
    html {
        font-size: 20px;
    }

    .footer .footer-links:last-child h6,
    .footer .footer-links:last-child ul {
        /*padding-left:50px;*/
    }

    .footer .footer-links:last-child {
        padding-right: 0;
    }

    .mobile-nav {
        display: none;
    }

    .logo-img {
        width: 80px;
    }

    .carousel-indicators {
        left: 90px;
    }
  .ch-circle img { 
  width:50%
}

  .fn-mob-exp .mob-img {
    top:-250px
  }
      .why-sakon-wrapper .btn, .ready-to .btn  {
  width:140px}
    .sol-square {
    background-size: 68%;
}
   .footer-links:last-child {
        padding-left: 9rem !important;
    }
  .resource-img {
    height:8.5rem
  }
}

@media (min-width: 1921px) and (max-width: 2559px) {
    html {
        font-size: 24px;
    }

    .logo-img {
        width: 80px;
    }

    .carousel-indicators {
        left: 11%;
    }

    .carousel-indicators [data-bs-target] {
        width: 15px;
    }

    .arr-icon {
        width: 24px;
    }
    .fn-mob-exp .mob-img {
    top:-250px
  }
  .why-sakon-wrapper .btn, .ready-to .btn  {
  width:180px}
    .sol-square {
    background-size: 83%;
}
   .footer-links:last-child {
        padding-left: 8rem !important;
    }
    .resource-img {
    height:13rem
  }
}
@media (min-width: 1921px) and (max-width: 2250px) {
     .footer-links:last-child {
        padding-left: 7.5rem !important;
    }
}
@media (min-width: 2560px) and (max-width: 5210px) {
    html {
        font-size: 28px;
    }

    .carousel-indicators [data-bs-target] {
        width: 20px;
    }
  .resource-img {
    height:14rem
  }
    .carousel-indicators {
        left: 123px;
    }
    .fn-mob-exp .mob-img {
    top:-250px
  }
    .why-sakon-wrapper .btn, .ready-to .btn  {
  width:180px}

 .footer-links:last-child {
        padding-left: 10rem !important;
    }
}
.blog-tag {
  margin-top: 1rem;
}
.sn-ready-to h2{
  font-size: 2rem
}
@media(min-width:991px){
.service-now-banner-headding{
  padding-top: 3rem
  }
}

@media(min-width:365px)and(max-width: 430px) {
  .service-now-banner-wrapper h2 {
    font-size: 1.8rem;
}
}

@media(max-width:364px){
.service-now-banner-wrapper h2 {
    font-size: 1.5rem;
  }
  }

@media(max-width: 480px){
/*   .servicenow-banner{
   padding-bottom: 15rem;
} */
   .ch-text{
    width: auto;
     padding-right: 20px
  }
}
@media(min-width: 480px)and(max-width: 599px){
  .servicenow-banner{
padding-top: 9rem;
    padding-bottom: 21rem;
}
    .ch-text{
    width: auto;
      
     padding-right: 20px
  }
}
@media(min-width: 600px) and (max-width: 760px){
  .servicenow-banner{
padding-top: 9rem;
}
   .ch-text{
    width: auto;
     
     padding-right: 20px
  }
}
@media(min-width: 760px) and (max-width: 997px){
     .ch-text{
    width: auto;
       
  }

.servicenow-banner {
    background-position-y: 100% !important;
    padding-top: 5rem;
   background-position: center;
    background-size: 80%;
}
  .img-respo-size{
 width: 25%;
  height: auto;
}
}
@media(min-width: 992px){
  .servicenow-banner{
background-position: 100%;
    background-size: contain;
    background-position-y: 100%;
    padding:0;
}

}
@media(max-width : 759px){

  .healthcare-industry .health_industry_slider .slick-slide img{
    width:100%;
  }
    .img-respo-size{
 width: 30%;
  height: auto;
}
.width-75{
  width: 100%;
}
  .title-device{
    font-size: .75rem
}
    .policy-content ul{
   margin-left: 8px;
  }
}
@media(max-width: 992px){

  .daas-banner-wrapper {
    background: #b3f6ff; 
}
  .daas-prod-imgs, .daas-solution-lifecycle .ie-card h5 {
  min-height:unset
}
  .sn-icon-wrap{
    height: auto;
  }
}
@media(min-width:768px){
.cust-logo-spacing img{
  width: calc(100% / 7);
}
.width-75{
  width: 75%;
}
  .policy-content ul{
   margin-left: 1.5rem;
  }
  }
  .btn-big{
    padding: 0.8rem 1.4rem;
  }

.ch-text p{
  margin-bottom: 0;
}
  
  .respo-img-size{
   width:50px 
  }
@media(min-width:1440px){
  .quote-img{
 top: -50%;
    width: auto;
  }
   .respo-img-size{
   width:auto; 
  }
}

@media(min-width: 1025px){
.protect-respo-img{
  display: none;
  }
}

.policy-banner{
  background: #b3f6ff;
  text-align: center;
  padding-top: 80px;
}
.banner-policy{
    align-items: center;
    justify-content: center;
    display: flex;
}
.fc-blue{
  color:#01c2dc;
/*   font-size: .75rem; */
}
 .policy-content h4 {
      padding-top:.875rem;
      }
.policy-content h3 {
      padding-top:.875rem
      }
.policy-content ul li{
  margin-bottom: .75rem
}
 .policy-content a {
        word-break:break-word;
   font-size:1rem;
      }
.policy-content h6 a {
  font-size:1rem
}
.policy-content td{
  border-color: #99acc2;
   padding: 10px;
  border-width: 1px;
}
.policy-content td p{
  margin-bottom:0;
}

.policy-content h6{
  text-decoration: underline;
}
@media(min-width:786px){
.navbar-light .btn-secondary{
      padding: 10px 22px !important;
}
  .w-md-75{
    width: 75% !important;
  }
}
.text-underline{
  text-decoration: underline
}
.overflow-x{
  overflow-x: auto;
}
.text-decoration-none{
  text-decoration: none;
}
 .policy-content table{
  border-color: #99acc2;
    width: auto;
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}
.output-respo{
  display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: center;
}
.platform.service-container .btn-primary{
  border: 1px solid #fff;
  color: #fff;
}
.platform.service-container .btn-primary:hover{
 background: #fff;
  color: #0d1224 !important;
}


/*  About us css Starts here */


.about-banner{
    background: url("//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/about-us/banner-bg.jpg"), #b3f6ff;
background-repeat: no-repeat;
background-position: right;
      background-size: 100%;
}
.sakon-difference{
    background-color:  #0d1224;
    color: #fff;
}

.difference-details {
  font-weight: 200;
}

/* animation */


.card{
    display: flex;
    align-items:flex-end;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    border: solid .5px #565a66;
    height: 100%;
    border-radius: 0;
    position: relative;
}
@media(max-width:991px){
    .content{
        transform: none !important;
    }
    .history-wrapper{
        width: 100%;
        overflow-x: auto;
        height: 100%;
        overflow-y: hidden;
    }

    .history-img {
        width: 60rem;
    }
}
.content{
    width:100%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9;
    align-items: center;
    background: #fff;
    color: #000;
  height: 100%;
  text-align: center;
    transform: translateY(101%);
    
    transition: all 0.35s ease;
}
@media(max-width:991px){
  .content{
    padding: 1.5rem;
  }
}
.card p{
    font-size: .875rem;
    margin-bottom: 0;
}

.card:hover .content{
    transform: translateY(0);
}

.before-hover-content{
    display: flex;
    align-items: center;
  flex-direction: column;
  
    position: absolute;
    top: 0;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    justify-content: center;
}
.history-img .up, .history-img .down{
    font-size: 20px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 0 40px 0 rgb(0 0 0 / 9%);
    z-index: 9;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.history-img .up, .history-img .down svg{
    padding: 10px;
}
.history-img{
    justify-content: space-between;
    display: flex;
    position: relative;
    height: 15rem;
    align-items: center;

}
.history-img::before{
    position: absolute;
    height: 1px;
    left: 0;
    background: #000;
    right: 0;
    width: 100%;
    top: 0;
    content: '';
    bottom: 0;
    margin: auto;

}
.up, .down{
    position: relative;
}
.up::before{
    position: absolute;
    content: '';
    bottom: 100%;
    height: 6rem;
    width: 1px;
    background-color:  #0d1224;
    left: 0;
    right: 0;
    margin: auto;
}
.down::before{
    position: absolute;
    content: '';
    top: 100%;
    height: 6rem;
    width: 1px;
    background-color:  #0d1224;
    left: 0;
    right: 0;
    margin: auto;   
}
.down:last-child::before{
    display: none;
}
.year-top{
    font-size: .75rem;
    position: absolute;
  bottom: -1.2rem;
    z-index: 9;
    text-align: center;
    left: 0;
    right: 0;
  color: #0d1224;
}
.year-bottom{
    font-size: .75rem;
    position: absolute;
    top: -1.2rem;
    z-index: 9;
    text-align: center;
    left: 0;
    right: 0;
  color: #0d1224;
}
.top-text {
     position: absolute;
    top: -6rem;
    left: 60%;
    width: 7rem;
    text-align: left;
}

.bottom-text {
    position: absolute;
    bottom: -6rem;
    left: 60%;
    width: 7rem;
    text-align: left;
}
.bg-blue{
    background-color: #b3f6ff;
}
.bg-black{
    background-color: #0d1224 !important;
    color: #fff;
}
.pre-header{
        font-size: .875rem;
     opacity: .6;
}
.primary-headding{
    /* font-size: 2.3rem; */
    font-weight: normal;
}
.Sakon-explained {
    font-size: .875rem;
    font-weight: 500;
  
  text-decoration: underline;
  }
  .difference-details{
    display: block;
    line-height: 1.1;
  }
  .difference-number{

  font-size: 2.2rem;
  font-weight: lighter;
  color: #b3f6ff;
  }
.hovered-data h6{
color: #08bfd8;
    text-transform: capitalize;
}
  .difference-number span{
    font-size: 1.5rem;
  }
  .top-text, .bottom-text{
  font-size: .75rem;
    color: rgba(13,18,36,0.7);
    line-height: 1;
  }
  .about-leaders h4{
    color: #08bfd8;
    font-size: 1.25rem;
  }
  .about-leaders span{
    font-size: .875rem;
    line-height: 1.3
  }
  .about-leaders img{
      width: 6rem;
    height: 6rem;
    border-radius: 100%;
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  .about-leaders{
    width: 100%;
    flex-direction: row;
  }

.about-awards-slider .slick-dots {
    display: flex;
    padding-left: 0;
    position: absolute;
    left: 0;
    margin: auto;
    bottom: -2rem;
    right: 0;
    align-items: center;
    justify-content: center;
}
.about-awards-slider .slick-dots li.slick-active {
    background-color: #fff;
}
.about-awards-slider .slick-dots li {
    list-style-type: none;
    width: 0.313rem;
    height: 0.313rem;
    background-color: rgba(255,255,255,0.2);
    margin-right: 0.75rem;
    border-radius: 50%;
    cursor: pointer;
}
.about-awards-slider .slick-dots li button {
    background: 0;
    font-size: 0;
    visibility: hidden;
}
.about-location .pune, .about-location .banglore, .about-location .us{
    width: 5%;
    height: 5%;
    position: absolute;
  
}
.about-location svg{
    width: 100%;
    height: 100%;
    display: block;
}
.pune{

    right: 28.5%;
    top: 39%;
}
.banglore{
    right: 28.2%;
    top: 43.5%;
}
.us{
    left: 10%;
    top: 25%;
}
.hovered-data{
    display: none;
  
}
.pune:hover .hovered-data, .banglore:hover .hovered-data, .us:hover .hovered-data{
    bottom: 120%;
    position: absolute;
    left: -8.4rem;
  font-size: .75rem;
    border-radius: 10px;
    width: 20rem;
    text-align: left;
    margin: auto;
    background: #fff;
    flex-direction: column;
    display: flex;
    box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%);
    /* align-items: center; */
    justify-content: center;
    padding: 28px;
}
/* .hovered-data::after{
    background: linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) #fff;
    box-shadow: -2px 2px 2px 0 rgb(178 178 178 / 40%);
    content: "";
    height: 15px;
    left: 10rem;
    position: absolute;
    bottom: -15px;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px;

} */
.btn-light{
 background-color: #fff;
  color:#0d1224 ;  
}
.btn-light:hover{
 border: 1px solid #fff;
  color: #fff;
}

.fc-white{
  color: #fff;
}
.fc-white:hover{
  color: #fff;
  text-decoration: underline;
}
.video-play{
  cursor: pointer;
 width: 3.7rem;
  height: 3.7rem;
  margin-bottom: .5rem
  }

.bb-1{
    border-bottom: 1px solid rgb(13 18 36 / 30%);
}
  .location-details{
      font-size: .75rem;
  }
.location-details h6{
  color: #08bfd8;
    text-transform: capitalize;
}
@media(min-width: 320px) and (max-width: 768px){
.about-trust .cust-logos img{
  width: 19% !important;
  height: auto;
}
}

@media(min-width:991px){
  .map{
    margin: 0 12rem;
  }
}
@media(max-width:991px){
  .about-location .pune:hover, .about-location .banglore:hover, .about-location .us:hover{
    position: unset;
  }
  .pune:hover .hovered-data, .banglore:hover .hovered-data, .us:hover .hovered-data {
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: .75rem;
    right: 0;
    border-radius: 10px;
    width: 20rem;
    text-align: left;
    margin: auto;
    background: #fff;
    z-index: 999;
    flex-direction: column;
    display: flex;
    box-shadow: 0 2px 7px 1pxrgb(0 0 0 / 30%);
    justify-content: center;
    padding: 28px;
}
}
.sakon-countey-across{
  flex-wrap:nowrap;
  width: 100%;
  overflow-x: auto;
}
@media(max-width:767px){
 .sakon-countey-across{
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
   margin:0;
}
  .difference-details{
    margin-bottom: 1.8rem;
  }
   .sakon-countey-across  .col-6:last-child .difference-details{
    margin-bottom: 0
} 
}
.award-min-height{
      padding-bottom: 1.5rem;
}
.about-awards-content{
 padding-top: 1rem;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.6);
  
}
@media(max-width:991px){
  .about-banner{
    background:#b3f6ff;
  }
  .about-awards-content{
  text-align: center
}
  .about-awards img{
height: 4rem;
    margin: auto;
    width: auto;
  }
  .servicenow-banner{
    background: #c8f4ee ;
    text-align: center
  }
}
@media(min-width:769px){
.about-trust img{
      height: 4rem;
    width: auto;
}
  .about-trust .atomp{
    height: 3rem;
}
}

@media(min-width:401px) and (max-width:991px){
.about-awards img{
height: 3rem;
    width: auto;
  margin: auto;
}
}
@media(min-width:992px){
.award-min-height{
height: 8rem;

}
}

.bb-white{
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.sakon-difference .difference-context{
  color: rgba(255, 255, 255, 0.8);
}
a{
  cursor: pointer;
}
@media(max-width:785px){
  .built-on-list {
    list-style-type: none
  }
  .about-awards-slider .slick-dots{
    bottom: -1rem;
    padding:0;
  }
}

.tab-align div{
  float: left;
  margin-bottom: 1.5rem
}
  @media(max-width:764px){
    .tab-align div{
      margin-bottom: 2.5rem;
    }
}



@media(max-width:764px){
.about-leaders .col-12 {
  display: none;
}
}


#loadLess {
  display: none;
}
@media(min-width:765px)and(max-width:991px){
  .scroll-leaders{
    overflow: scroll;
  }
}


.why-sakon-tabs .nav-tabs{
      border: .5px solid #000;
    border-radius: 40px;
    overflow: hidden;
width: 18.1rem;
}
.why-sakon-tabs .nav-tabs button{
       width: 9rem;
  border:none
}
.why-sakon-tabs .nav-tabs .nav-link.active{
      color: #fff;
    background-color: #000;
    border: none;
    overflow: hidden;
    border-radius: 40px;
  font-family: Roboto;

  font-weight: 600;
    height: inherit;
    margin-top: 0px;
  font-size:.75rem
}
  .nav-tabs .nav-link{
        color: #0d1224;
    font-weight: 600;
        font-size: .75rem;
}
/* .slide-arrow img{
  display: none;
} */
.about-banner, .iot-banner, .protect-banner, .servicenow-banner, .daas-banner{  
  position: relative;
    overflow: hidden;
}

.banner-bg{
  position: absolute;
  top: 0;
}
.banner-bg img{
  width: 100vw;
}


/* search styles */



.search-main{
    position: relative;
    cursor: pointer;
}
.header-search-wrapper .search-form-main {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 3.5rem;
    height: 100vh;
    bottom: 0;
    z-index: 999;
    opacity: 0.98 !important;
    visibility: hidden;
}
@media(max-width:991px){
    .header-search-wrapper .search-form-main {
        background: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 50px;
        bottom: 0;
        z-index: 999;
        opacity: 0.98 !important;
        visibility: hidden;
    }
}
.search-form-main.active-search {
    opacity: 1;
    visibility: visible;
}


.search-field{
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    height: 100%;
    color: #fff;
    font-size: 1.5rem;
    padding: 20px 0px ;
}
.header-search-wrapper .search-form-main .search-field {
    border-radius: 0;
    padding: 4px 10px;
    width: 75%;
    float: left;
}
    .noscroll{
        overflow: hidden;
        margin-right: 15px;
    }
@media(max-width:991px){
.noscroll{
    overflow: auto;
    margin-right: 0;
}
}

.close-icon .close{
        display: block !important;
    
}
.close-icon .search-ico{
    display: none;
}
.searchCancel{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    margin-top: 4px;
    font-weight: 600;
    font-size: .875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svgsearch{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}
.search-field{
    text-transform: capitalize;
}
.search-input{
    border: none;
    padding: 5px;
    padding-left: 30px;
    padding-right: 60px ;
    outline-color: #000;
    text-transform: capitalize;
}
.search-label {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    margin-top: 3px;
    margin-right: 10px;
    font-size: 1rem;
}

.go {
    line-height: 1;
    width: auto;
    font-size: .875rem;
    padding: 10px 8px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
.filter-tabs .nav-link {
    text-align: left;
    padding: 0;
    font-size: 1rem;
    color: #0d1224;
  opacity: .7;
    font-weight: 500;
    border-bottom: 1px solid #ced4da;
}
.filter-tabs .nav-link.active, .filter-tabs .nav-link:hover {
    border-bottom: 1px solid #ced4da !important;
}
.filter-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 1px solid transparent;
}
.filter-tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-item:focus {
    outline: none;
    border: 1px solid transparent;
}
.resource-webinar-wrapper .resources-lhs select, .resource-webinar-wrapper .resources-lhs select:focus {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    background-position: right;
}
.resource-webinar-wrapper .resources-lhs .content-search input {
    padding-right: 2.5rem;
    border: 2px solid #0d1224;
    border-radius: 0;
}
.resource-webinar-wrapper .resources-lhs .content-search span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    background: transparent;
    border: 0;
    z-index: 3;
}
.bg-grey{
    background-color:#0d1224;
}
.landing_headder{
  display: none;
}
@media(min-width:991px){
.sakon-2022 .header-search-wrapper{
  display: none !important;
}
  .sakon-2022 .landing_headder{
    display: block !important;
}
}
@media(max-width:991px){
  .about-banner, .iot-banner, .protect-banner, .servicenow-banner, .daas-banner{
    background-image: none !important;
  }
}
.back{
    position: fixed;
    right: 8rem;
    top: 0;
    z-index: 9999;
    background: #0d1224;
   padding: 1rem 0;
    align-items: center;
    display: flex;
    justify-content: center;
}
@media(max-width:991px){
  .back{
    right: 7rem;
        padding: 1.2rem 0;
  }
}
.back .close{
  margin: .5rem 15px;
}
.hs_cos_wrapper_type_social_sharing{
  display: flex;
}
.hs_cos_wrapper_type_social_sharing a:first-child{
  background-image: url("//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/twitter.png") !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.hs_cos_wrapper_type_social_sharing a:nth-child(2){
    background-image: url("//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/fb.png") !important;

       background-size: cover !important;
    background-repeat: no-repeat !important;
}

.hs_cos_wrapper_type_social_sharing a:nth-child(3){
    background-image: url("//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/linkein.png") !important;

       background-size: cover !important;
    background-repeat: no-repeat !important;
}
.hs_cos_wrapper_type_social_sharing a:nth-child(4){
    background-image:  url("//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/emailshare.png") !important;

       background-size: cover !important;
    background-repeat: no-repeat !important;
}
  .hs_cos_wrapper_type_social_sharing a img{
    display: none;
}

  .hs_cos_wrapper_type_social_sharing a{
 transition: all .5s; 
}
.blog-header-share.blog-bottom a{
  
  width: 30px !important;
}
.clipboard{
  padding: 0 !important;
    line-height: 0;
    background: transparent;
  
}
.clipboard{
 transition: all .5s; 
}
@media(min-width:992px){
.clipboard:hover{
  transform: translateY(-5px);
}
    .hs_cos_wrapper_type_social_sharing a:hover{
 transform: translateY(-5px);
}
}
@media(max-width:991px){
  .published-details p,  .blog-details-title-wrapper a  {
    font-size: .875rem !important;
  }
    
  .clipboard:active , .hs_cos_wrapper_type_social_sharing a:active{
    transform: translateY(-5px);
  }
.clipboard{
 transition: all .5s; 
   height: 2.2rem !important;
          width: 2.2rem !important;
}
  .blog-header-share.blog-bottom a {
    width: 2.2rem !important;
}
      .hs_cos_wrapper_type_social_sharing a{
 height: 2.2rem !important;
          width: 2.2rem !important;
}
    .blog-bottom:after {
    content: " ";
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    /* width: 100%; */
    top: 0;
    left: 0;
    right: 2%;
    background:  rgba(0,0,0,0.1);
    height: 1px;
    width: 25% !important;
}
        .blog-bottom:before {
    content: " ";
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    /* width: 100%; */
    top: 0;
    right: 2%;
    background:  rgba(0,0,0,0.1);
    height: 1px;
    width: 25% !important;
}
  }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
 color: #0d1224;
  opacity: 1;
}

.copied{
position: absolute;
    left: 100%;
    width: 4.4rem;
    color: #0d1224;
    font-size: 12px;
    text-align: center;
  font-weight: bold;
    top: 0;
    border-radius: 4px;
  opacity:0;
    margin: auto;
}

     .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 2s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeOut {
  0% {opacity: 0;}
  50% {opacity: 1;}
    100% {opacity: 0;};
  }
  @keyframes fadeOut {
  0% {opacity: 0;}
  50% {opacity: 1;}
    100% {opacity: 0;};
  }