#page-container {
    margin: 0 auto;
    width: 100%;
}

#page-container.boxed {
    max-width: 1280px;
}

/*
=================================================================
Header
=================================================================
*/

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    background: #ffffff;
    z-index: 1000;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
    background-color: transparent;
}

#mobile_design {
    font-size: 15px;
    color:white;
}

/* Logo */
a.site-logo {
    position: relative;
    display: block;
    float: left;
    color: #ffffff;
    font-size: 24px;
    margin: auto 0px;
    background-color: #223655;
    padding: 10px;
    border-radius: 8px;
    
}

a.site-logo:hover:before, a.site-logo:hover:after {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    background: linear-gradient(45deg, 
    #0044cc, /* dark blue */
    #0059b3, /* medium blue */
    #007acc, /* light blue */
    #0099e6, /* lighter blue */
    #00b3ff, /* very light blue */
    #0099e6, /* lighter blue */
    #007acc, /* light blue */
    #0059b3, /* medium blue */
    #0044cc /* dark blue */
);
    background-size: 400%;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: -1;
    animation: steam 20s linear infinite;
    border-radius: 10px;
    
  }
  
  @keyframes steam {
    0% {
      background-position: 0 0;
    }
    50% {
      background-position: 200% 30%;
    }
    100% {
      background-position: 0 0;
    }
  }



  

.big-title-font{
    font-size: 35px;
    font-weight: 550;
    animation: slideUp;
    animation-duration: 2s;
    

}

.bannercontent{
    animation: slideUp;
    animation-duration: 2s;
}


.title-desc {
    animation: slideUp;
    animation-duration: 3s;
}

.title-desc2 {
    animation: slideUp;
    animation-duration: 5s;
}

.container {
    overflow: hidden;
}

.big-title-font-2{
    animation:slideIn;
    animation-duration: 3s;
}

.video-section {
    margin-block: auto;
}


.big-title-font2{
    font-size: 30px;
    font-weight: 550;
}

.sub-title-font{
    font-size:18px;
}

.sub-title-font2{
    font-size:24px;
    font-weight: 550;
    color: #42577a;
}

.sub-title-font3{
    font-size:24px;
    font-weight: 550;
    color: #fff;
}

.sub-title-font4{
    font-size:24px;
    font-weight: 550;
    color : #414042;
}

.content-font{
    font-size:15px;
}

.content-font2 {
    font-size:18px !important;
    font-weight: 200;
    color : #414042;

}

.content-font3 {
    font-size:18px;
    font-weight: 550;
    color : #42577a;
}

.content-font4 {
    font-size:18px;
    font-weight: 550;
    color : #ffb703;
    font-size: 23px;
}

.content-font5 {
    font-size:18px;
    font-weight: 550;
    color : #000;
}

.label-font{
    font-size:15px;
}

.input-font{
    font-size:14px;
}

.input-font2 {
    font-size : 18px;
    font-weight: 200;
    color : #eaeaea;
}

.button-font{
    font-size:15px;
}

.complainPageText{
    text-align:justify;
    margin-top:2%;
    margin-bottom:2%;
    font-weight:300;
}

.dotSymbolText{
    margin-top:auto;
    margin-bottom:auto;
    font-weight:400;
    font-size:40px;
    padding-left:4%;
}

.foot-note-font{
    font-size:13px;
}

@keyframes slideIn{
    0% {
        opacity: 0.3;
        transform: translateX(100%);


    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes slideUp{
    0% {
        opacity: 0.3;
        transform: translateY(100%);


    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}




@font-face {
	font-family: 'myFirstFont';
	src: url('../images/black_jack/BLACKJAR.TTF'); 
}
.keyNExclusive{
    font-family: 'myFirstFont';
    
}
/* header img{
    width: 180px;
    height: 50px;
} */

/* Menu */
header nav {
    float: right;
}

.site-menu ul{
    margin: 0;
    padding: 0;
    display: flex;
    overflow: hidden;
}

.site-menu ul li{
    list-style: none;
    border: none;
    margin: auto;
}

.site-menu ul li a{
    color: white;
    display: block;
    padding: 10px;
    text-decoration: none;
    text-align: left;
    font-size: 15px;
    transition: all 0.6s ease-in-out;
}


/* .site-menu ul li a:hover{
    border-bottom: 2px solid rgb(66, 87, 122) ;
    
} */

.site-nav li:hover:not(:last-child) {
    border-bottom: 1px solid white;
}


.site-menu-toggle{
    float: right;
    cursor: pointer;
    display: none;
}

.fa-bars{
    color: black;
}

.site-menu-exit{
    display: none;
}

.fa-times{
    color: black;
}


@media screen and (max-width: 992px){
    .site-menu-toggle{
        display: block;
    }
    .site-menu-exit{
        display: block;
        cursor: pointer;
        text-align: right;
        margin: 15px !important;
    }
    .site-menu{
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        overflow-y: auto;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 40%;
        background-color: #223655;
        z-index: 1001;
        -webkit-transition: -webkit-transform ease-out .3s;
        transition: transform ease-out .5s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .active{
        right: 0;
    }
    .site-menu ul
    {
        display: block;
        text-align: center;
    }
    .site-menu ul li a{
        color: black;
    }
}

#imageBox{
    width: 100%;
}

/* Certification Submenu */
#certificationHead {
    background-color: #223655;
    /* pointer-events: none;     */
}

#certification {
    position: relative;
    display: inline-block;
}
  
#certificationMenu {    
    position: absolute;
    background-color: #fff;
    display: none;
    margin-left: -40px;
    border-radius: 10px;
}

#certificationitems {
    position: absolute;
    background-color: #fff;
    display: none;
    left: 100%;
    top: 0%;
    width: 200px;
    border-radius: 10px;
}

#iso9001items {
    position: absolute;
    background-color: #fff;
    display: none;
    left: 100%;
    top: 33%;
    width: 200px;
    border-radius: 10px;
}

#certificationHead, #mcertificationHead {
    background-color: #223655;   
}
  
#certificationMenu, #mcertificationMenu {    
    background-color: #fff;
}

#certificationMenu, #certificationitems, #iso9001items {
    border: 1px solid black;
}

#certificationMenu a, #mcertificationMenu a {
    border-bottom: 1px solid lightgray;
    color: black;
}

#certificationMenu a:last-child, #mcertificationMenu a:last-child {
    border-bottom: none;
}

#certificationHead:hover, #mcertificationHead:hover {
    cursor: pointer;
}

#certificationHead:hover #certificationMenu {
    display: block;
}

#certificationSubMenu1:hover #certificationitems {
    display: block;
}

#certificationSubMenu2:hover #iso9001items {
    display: block;
}

#certificationMenu a:hover {
    color: #42577a !important;
    background-color: lightgray;
    /*border-bottom :  3px solid #42577a;*/
    border-radius: 10px;
}

#certificationitems a:hover {
    color: #42577a !important;
    background-color: lightgray;
    /*border-bottom :  3px solid #42577a;*/
    width: 200px;
    border-radius: 10px;
}

#accordionCertification .card {
    border: none;
}

#accordionMenu .card {
    border: none;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .QuoteMe ul li, .site-menu ul li a {
        font-size: 15px !important;
    }
}
  
/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
    .QuoteMe ul li, .site-menu ul li a {
        font-size: 15px !important;
    }
}
  
/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
    .QuoteMe ul li, .site-menu ul li a {
        font-size: 15px !important;
    }
}
  
/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .QuoteMe ul li, .site-menu ul li a {
        font-size: 15px !important;
    }
}
  
/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
    .QuoteMe ul li, .site-menu ul li a {
        font-size: 15px !important;
    }
}
  
/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
    .QuoteMe ul li, .site-menu ul li a {
        font-size: 15px !important;
    }
}
  
/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .QuoteMe ul li, .site-menu ul li a {
        font-size: 15px !important;
    }
}

/* End of Certification Submenu */

/*
=================================================================
MAIN CONTENT
=================================================================
*/

/* Main Structure */
#home{
    background-image: url("../images/Keyn_homepage/bg.png");
    /* background-image: url("../images/Keyn_homepage/bg.png") , url("../images/Keyn_homepage/photo.png"); */
    background-repeat: no-repeat;
    /* background-size: 100% 100%, 100% 100%; */
    /* background-position: left,right top; */
    background-position: left;
}

#home .container{
    padding-bottom: 0px;
}

#ValueAndMission {
    display: flex;
    flex-flow: row wrap;
}

#Image2{
    order: 1;
}

#VandM{
    order: 2;
}

#VandM h2{
    color: black;
    font-weight: bold;
    font-size: 32px;
}

#VandM{
    margin-top: 130px;
    margin-right: 0;
}

@media screen and (max-width: 767px){
    #Image2{
        order: 2;
    }

    #VandM{
        order: 1;
    }
}

.contact-site-section{
    padding-left:3%;
    padding-right:3%;
    padding-top: 70px ;
}
.homepage-site-section{
    padding-top: 50px ;
    padding-left: 3%;
}
.site-section{
    padding: 50px 0;
}

.aboutus-site-section {
    padding-bottom: 50px ;
}

.trainer-site-section{
    padding-top: 50px;
}
.trainer-bottom-site-section{
    padding-bottom: 50px;
}

.site-section-whiteBG{
    background-color: #ffffff;
}

@media (min-width: 320px) and (max-width: 320px){
    .site-section {
        font-size:15px !important;
    }
}
@media (max-width: 425px){
    .positionAdjust{
        position:relative;
        top:330px;
    }

}

@media (min-width: 607px) and (max-width: 679px){
    .positionAdjust{
        position:relative;
        top:510px;
    }

} 

@media (min-width:530px) and (max-width: 679px){
    .positionAdjust{
        position:relative;
        top:500px;
        /* //550 */
    }

}

@media (min-width:425px) and (max-width: 530px){
    .positionAdjust{
        position:relative;
        top:380px;
        /* //550 */
    }
 
}

@media (min-width:680px) and (max-width: 767px){
    .positionAdjust{
        position:relative;
        top:550px;
    }

}

@media (max-width: 425px) {
	#oneMinuteQuotation a .customButtonThree {
		width: auto;
	}

	.site-menu ul li a {
		font-size: 15px !important;
	}
}

.customTitleOne{
    font-size: 250%;
	color: white;
	font-weight: bold;
    font-style: center;
    
    
}
.homepageCertspace{
    position:relative;
    margin-left:180px;
    top:20px;
}
/* .homepageCerttext{
    color:white;
    font-weight:750;
    font-size:10px;
} */

/* Style the tab */
.tab {
    overflow: hidden;
    font-weight:200;
  }
  
  /* Style the buttons inside the tab */
  /* .tab  {
    background-color: #ccc;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  } */
  
  /* Change background color of buttons on hover */
  .tab :hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab .active {
    background-color: #f4f4f4;
    font-weight:600;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    /* border: 1px solid #ccc; */
    background-color: #f4f4f4;
  }

   /* Style the tab content */
   .tabOneMinutecontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
  }

  .tabOneMinutetitle {
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* background-color: #e0e0e0; */
    font-weight:200;
  }
  
  /* Change background color of buttons on hover */
  .tabOneMinutetitle :hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tabOneMinutetitle .active {
    background-color: #f1f1f1;
    font-weight:600;
  }

  @media (min-width:426px) {
  .tabCertification{
    padding-top:20px;
    display:block;
    padding-bottom:20px;
    padding-left:50px;
    padding-right:50px;
    height:100%
  }
}

    @media (min-width:426px) {
        .tabOneMinute{
        padding-top:20px;
        display:block;
        padding-bottom:20px;
        padding-left:50px;
        padding-right:50px;
        height:100%
        }
    }  

  @media (max-width: 425px) and (min-width:320px) {
    .tabCertification{
        padding-top:20px;
        display:block;
        padding-bottom:20px;
        height:100%
      }

  }

  @media (max-width: 425px) and (min-width:320px) {
    .tabOneMinute{
        padding-top:20px;
        display:block;
        padding-bottom:20px;
        height:100%
      }

  }

@media (max-width: 1440px) and (min-width: 1025px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:16px;
    }
/* .homepagePhoto{
    position:relative;
    top:-90px;
    
    } */
}

@media (min-width:1440px) and (max-width: 2560px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:16px;
    }
/* .homepagePhoto{
    position:relative;
    top:-100px;
} */
}

@media (max-width: 1024px) and (min-width: 769px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:16px;
    }
/* .homepagePhoto{
    position:relative;
    top:-80px;
} */
}


@media (min-width: 768px) and (max-width: 1023px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:15px;
    }
/* .homepagePhoto{
    position:relative;
    top:-70px;
} */
}

@media (max-width: 374px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:10px;
    }
    .homepagePhoto{
        position:relative;
        top:-300px;
    }
    .positionAdjust{
        position:relative;
        top:150px;
    }
    

}

@media (min-width: 375px) and (max-width: 424px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:15px;
    }
    .homepageCertspace{
        position:relative;
        margin-left:150px;
        top:20px;
    }
    .homepagePhoto{
        position:relative;
        top:-258px;
    }
}

@media (min-width: 425px)and (max-width: 500px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:10px;
    }
    .homepagePhoto{
        position:relative;
        top:-280px;
    }
}

@media (min-width: 500px)and (max-width: 767px){
    .homepageCerttext{
        color:white;
        font-weight:750;
        font-size:10px;
    }
    .homepagePhoto{
        position:relative;
        top:-360px;
    }
}

@media screen and (max-width: 992px){
    .customTitleOne{
        font-size: 250%;
    }
    .customTitleOne > span{
        color:rgb(251,176,64);
        font-size: inherit;
    }
}

.customTitleSix{
    font-size: 32px;
    color: black;
    font-weight: bold;
}

.contentOne{
    margin-top: 30px;
}

.HomepagecontentOne{
    margin-top:-90px;
}

/* .contentOne p{ */
    /*margin-top: 0px;*/
    /* padding-top: 150px;
} */

.customTitleOne > span{
    color: rgb(251,176,64);
    font-size: inherit;
}

.customTitleTwo
{
	text-align: left;
	font-weight: 500;
	color: black;
    font-size: 260%;
}

.customTitleThree{
	color: white;
	font-weight: bold;
	font-size: 150%;
    background-color: #5677ad;
}

.customTitleFour{
	color: black;
	font-weight: bold;
}

.articleTitle{
	color: black;
	font-weight: 600;
    font-size: 18px;
}

#home p{
    font-weight: 400;
}

p{
	font-size: 15px;
}

span{
	font-size: 15px;
}

/* #Services{
    text-align: center;
    color: black;
    padding-bottom: 0;
} */

/*.backgroundControl{
    background: #415678;
    background-image: linear-gradient(0deg, #415678 3%, white 55%);
    background-image: -webkit-gradient(linear, bottom, #415678 3%, white 55%);
    background-image: -webkit-linear-gradient(90deg, #415678 3%, white 55%);
    background-image: -moz-linear-gradient(90deg, #415678 3%, white 55%);
    background-image: -o-linear-gradient(0deg, #415678 3%, white 55%);
    background-image: -ms-linear-gradient(0deg, #415678 3%, white 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415678', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#415678, endColorstr=#FFFFFF)";
}*/

#homepage-banner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}
#homepage-banner .homepage-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
#homepage-banner .homepage-banner-image img {
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}
#homepage-banner .homepage-banner-content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.animation-container {
    overflow: hidden;
}

#ServicesSection{
    text-align: center;
    color: black;
    background-color: white;
    /* background-image: url("/images/homepage/background2.png");
    background-repeat: no-repeat;
    background-size: cover; */
    padding-bottom: 50px;
    
}
.blogVideoBox{
	width: 38%;
    height: 200px;
	color: black;
    background-image: linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -webkit-gradient(linear, bottom, #CDCDCD 0%, white 30%);
    background-image: -webkit-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -moz-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -o-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -ms-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)";
}
.aboutUsBox{
    width: 100%;
    /* height: 100%; */
	color: black;
	/* border-radius: 20px; */
    text-align: left;
    
    font-weight: 200px;
    /* padding:5%; */
    /* box-shadow: 4px 4px 8px #888888; */
    border-left:1px solid #ebebeb; 
    /* #f4f4f4 */
    border-right:1px solid #ebebeb;
    border-top:1px solid #ebebeb;
    border-bottom:5px solid #517cab;
    background-color: white;
    /* background-image: linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -webkit-gradient(linear, bottom, #CDCDCD 0%, white 30%);
    background-image: -webkit-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -moz-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -o-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -ms-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)"; */
}

.boxBorderBottom {
    border-bottom: 5px solid #517cab;
}

.ISOBox{
    width: 100%;
    /* height: 100%; */
	color: black;
	/* border-radius: 20px; */
    text-align: left;
    
    font-weight: 200px;
    border-left:1px solid #ebebeb;     
    border-right:1px solid #ebebeb;
    border-top:1px solid #ebebeb;
    border-bottom:5px solid #517cab;
    background-color: white;
    
}

@media screen and (min-width: 768px) {
    #ourValuesContent .offset-1 {
        margin-left: 2%;
    }

    #ourValuesContent .col-3 {
        padding: 2%;
        max-width: 31%;
        flex: 0 0 31%;
    }
}

@media screen and (max-width: 767px) {
    #ourValuesContent .offset-1 {
        margin-left: 0%;
    }

    #aboutUsContent .col-10, #ourValuesContent .col-10 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #ourValuesContent .col-3 {
        padding: 5%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    #ourValuesContent .aboutUsBox , #aboutUsContent .content-font{
        margin-bottom: 30px;
    }

    #aboutUsMargin {
        margin: 0%;
    }

    .customTitleFive, .customParaOne     {
        padding-left: 0px !important;
    }
}

.certificateprocessInput{
    color:grey;
}

.certificationProcessBox{
    width: 100%;
    height:350px;
	color: black;
	/* border-radius: 20px; */
    text-align: left;
    padding-left: 10px;
    font-weight: 200px;
    padding-top:30px;
    padding-bottom:50px;
    /* box-shadow: 4px 4px 8px #888888; */
    border-left:2px solid #f4f4f4;
    border-right:2px solid #f4f4f4;
    border-top:2px solid #f4f4f4;
    border-bottom:5px solid #517cab;
    background-color: white;
    /* background-image: linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -webkit-gradient(linear, bottom, #CDCDCD 0%, white 30%);
    background-image: -webkit-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -moz-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -o-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -ms-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)"; */
}

.secondServicesBox{
    margin-left: 30px;
}

@media screen and (max-width: 767px)
{
    .secondServicesBox{
        margin-left: 0px;
    }
}



.mt-100 {
    margin-top: 100px
}


.modal-title {
    font-weight: 900
}

.modal-content {
    border-radius: 13px
}

.modal-body {
    color: #3b3b3b
}

.img-thumbnail {
    border-radius: 33px;
    width: 61px;
    height: 61px
}

.fab:before {
    position: relative;
    top: 13px
}

.smd {
    width: 200px;
    font-size: small;
    text-align: center
}

.modal-footer {
    display: block
}

.ur {
    border: none;
    background-color: #e6e2e2;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.cpy {
    border: none;
    background-color: #e6e2e2;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer
}

button.focus,
button:focus {
    outline: 0;
    box-shadow: none !important
}

.ur.focus,
.ur:focus {
    outline: 0;
    box-shadow: none !important
}

.message {
    font-size: 11px;
    color: #ee5535
}

.servicesBox{
	width: 100%;
    height:460px;
	color: black;
	/* border-radius: 20px; */
    text-align: left;
    padding-left: 10px;
    font-weight: 200px;
    padding-top:5%;
    padding-bottom:5%;
    /* box-shadow: 4px 4px 8px #888888; */
    border-left:1px solid #f4f4f4;
    border-right:1px solid #f4f4f4;
    border-top:1px solid #f4f4f4;
    border-bottom:5px solid #517cab;
    background-color: white;
    overflow: hidden;
    /* background-image: linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -webkit-gradient(linear, bottom, #CDCDCD 0%, white 30%);
    background-image: -webkit-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -moz-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -o-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -ms-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)"; */
}

.managementBox{
	width: 100%;
    height: 100%;
	color: black;
	/* border-radius: 20px; */
    text-align: left;
    padding-left: 10px;
    font-weight: 200px;
    padding-top:30px;
    padding-bottom:50px;
    /* box-shadow: 4px 4px 8px #888888; */
    border-left:1px solid #f6f6f7;
    border-right:1px solid #f6f6f7;
    border-top:1px solid #f6f6f7;
    border-bottom:5px solid #517cab;
    background-color: white;
    /* background-image: linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -webkit-gradient(linear, bottom, #CDCDCD 0%, white 30%);
    background-image: -webkit-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -moz-linear-gradient(90deg, #CDCDCD 0%, white 30%);
    background-image: -o-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    background-image: -ms-linear-gradient(0deg, #CDCDCD 0%, white 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)"; */
}

.managementBox .col-md-12 .sub-title-font2 {
    margin-bottom: 20px;
    color:black;
    text-align:center;
}

@media (min-width: 1024px) {
    .managementBox .col-md-12 .sub-title-font2 {
        min-height: 120px;
        max-height: 120px;
    }
}

.servicesBox span a{
    text-decoration: none;
    color: inherit;
}

#isoAndFda{
    font-size: 20px;
}

.anchorControl{
    padding-right: 50px;
}

.bannerOne{
    padding-top: 120px;
}

.fontControl {
    font-size: 18px;
    font-weight: 600;
}

.customButtonOne{
    border-radius: 5px;
    text-align: center;
    font-size: 16px!important;
    width: 180px;
    height: 40px;
    padding: 5px;
    border: none;
    font-weight: 400%;
	background-color: #5977b3;
	color: white;
}

.customButtonTwo{
    border-radius: 5px;
    text-align: center;
    font-size: 16px!important;
    width: 230px;
    height: 45px;
    padding: 5px;
    border: none;
    font-weight: bold;
	background-color: white;
	color: #5676af;
}

@media screen and (max-width: 1198px){
    .customButtonTwo{
        border-radius: 5px;
        text-align: center;
        font-size: 14px!important;
        width: 190px;
        height: 45px;
        padding: 5px;
        border: none;
        font-weight: bold;
        background-color: white;
        color: #5676af;
    }
}

@media screen and (max-width: 992px){
    .customButtonTwo{
        border-radius: 5px;
        text-align: center;
        font-size: 16px!important;
        width: 195px;
        height: 45px;
        padding: 5px;
        border: none;
        font-weight: bold;
        background-color: white;
        color: #5676af;
    }
}

@media screen and (max-width: 800px){
    #VandM{
        margin-top: 0px;
    }
}

@media screen and (max-width: 768px){
    .customButtonTwo{
        border-radius: 5px;
        text-align: center;
        font-size: 14px!important;
        width: 140px;
        height: 45px;
        padding: 5px;
        border: none;
        font-weight: bold;
        background-color: white;
        color: #5676af;
    }
    .btn-mg{
        margin-top: 9px;
        margin-bottom: 9px;
    }

    #VandM{
        margin-top: 0px;
    }

    /* .contentOne p{
        padding-top: 50px;
    } */
}

@media screen and (max-width: 767px){
    /* .contentOne p{
        padding-top: 150px;
    } */

    #VandM{
        margin-top: 100px;
    }
}

@media screen and (max-width: 575px){
    .customButtonTwo{
        border-radius: 5px;
        text-align: center;
        font-size: 17px!important;
        width: 100%;
        height: 45px;
        padding: 5px;
        border: none;
        font-weight: bold;
        background-color: white;
        color: #5676af;
    }
    .btn-mg{
        margin-top: 9px;
        margin-bottom: 9px;
    }
}
.exclusiveNow{
    /* background-color: #08c720; */
    color:white;
    border-radius:999px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:900;
    background-color: #00b712;
    background-image: linear-gradient(to top, #00b712 0%, #0ad425 74%);
    border:0px;
}

.customButtonThree{
    border-radius: 2px;
    text-align: center;
    font-size: 15px;
    width: 160px;
    height: 50px;
    border: none;
    font-weight: bold;
    background-color: #42577a;
    color: white;
    margin-left: 0.75rem;
}

.customButtonThree2{
    border-radius: 2px;
    text-align: center;
    font-size: 18px;
    border: none;
    font-weight: bold;
    background-color: #42577a;
    color: white;
}

.customButtonWhiteBorder {
    color: white;
    background-color: transparent;
    border: 3px solid white;
    padding: 10px;
    margin: 10px;
    display: block;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.slideshowText {
    font-size: 18px;
    font-weight: 300;
    color: white;
    text-align: left;
    padding: 10px;
}

.slideShow {
    background-size: 100.1%; 
    background-repeat: no-repeat;
    height: 480px;
}

.slideShow1 {
    background-image: url(/images/Keyn_homepage/top2.jpg);
}

.slideShow2 {
    background-image: url(/images/Keyn_homepage/top1.jpg);
}

.slideShow3 {
    background-image: url(/images/Keyn_homepage/top3.jpg);
}

@media screen and (min-width: 768px){
    .slide1 {
        padding: 95px 0;
    }

    .slideBreak {
        display: block;
    }
}

@media screen and (min-width: 1600px){
    .slide1 {
        padding: 280px 0;
    }

    .slideShow {
        height: 800px;
    }
}

@media screen and (max-width: 767px){
    .customButtonWhiteBorder{
        display: none;
        padding: 5px;
    }

    .slide1 {
        padding: 30px 0;
    }

    .slide1 .big-title-font {
        font-size: calc(8.5px + 1vw) !important;
    }
    
    .slideshowText {
        font-size: calc(5.5px + 1vw) !important;
    }

    .slideBreak {
        display: none;
    }

    .slideShow {
        height: 200px;
    }
}

@media screen and (max-width: 425px){
    .slideShow {
        height: 150px;
    }
}

.box1{
    background-color: #5677ad;
    padding-left: 10%;
    padding-right:10%;
    padding-top: 40px;
    padding-bottom: 25px;
}

/* .backgroundControl2{
    background-image: url("/images/homepage/background3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 140px;
    padding-bottom: 50px;
    margin-top:30px
} */

#News h2{
    font-weight: bold;
    color: black;
    font-size: 260%;
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
    -webkit-appearance: none;
}

.form-control {
    font-size: 14px;
    max-width: 100%;
    height: 50px;
    margin: 1px 0;
    /* font-weight: 600;
    background-color: rgb(245, 245, 245);
    border: none; */
    background-color: white;
    font-weight: 200;
}

.form-control, 
.form-control:focus{
	-webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: black;
    border: 1px solid black;
}

#contactUsForm{
	width: 100%;
}

#contactUsForm2{
    width: 100%;
}

#contactUs textarea{
    height: 120px;
}

.imgSizeControl{
	height: 100%;
	width: 100%;
}

.imgSizeControlTwo{
    /* height: 55px; */
    width: 52px;
}

#Services a:hover{
    color: white;
}

/* .serviceOptionActive{
    color: white;
    font-weight: bold;
    opacity: 1;
} */

.serviceOptionInactive{
    opacity: 0.5;
}

.active2{
    color: black;
    font-weight: bold;
}

#bannerTwo{
    margin: 0 10px 0 10px;
}

#bannerTwo hr{
    height: 10px;
    background-color: rgb(65, 86, 120);
    margin-bottom: 0;
}

#bannerTwo .bannerBackground hr{
    width: 2px;
    height: 100px;
    color: rgb(65, 86, 120);
    margin: 20px 0 0 0;
}

@media screen and (max-width: 1160px){
    #bannerTwo .bannerBackground hr{
        height: 130px;
    }
}

@media screen and (max-width: 998px){
    #bannerTwo .bannerBackground hr{
        height: 180px;
    }
}

@media screen and (max-width: 792px){
    #bannerTwo .bannerBackground hr{
        height: 220px;
    }
}

@media screen and (max-width: 767px){
    #bannerTwo .bannerBackground hr{
        width: 90%;
        height: 2px;
        color: rgb(65, 86, 120);
        margin-left: 20px;
        margin-top: 0;
    }
}

@media screen and (min-width: 2530px){
    #bannerTwo .bannerBackground hr{
        height: 75px;
    }
}

.verticalLine{
    border-left: 2px solid rgb(65, 86, 120);
    height: 15%;
    position: absolute;
    left: 50%;
}

.bannerBackground{
    background-image: linear-gradient(0deg, #CDCDCD , white);
    background-image: -webkit-gradient(linear, bottom, #CDCDCD, white);
    background-image: -webkit-linear-gradient(90deg, #CDCDCD , white);
    background-image: -moz-linear-gradient(90deg, #CDCDCD , white);
    background-image: -o-linear-gradient(0deg, #CDCDCD , white);
    background-image: -ms-linear-gradient(0deg, #CDCDCD , white);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)";
}

.bannerContent{
    padding: 20px 0 20px 0;
    margin-left: 30px;
}

.bannerContent2{
    padding: 20px 0 20px 0;
    margin-left: 30px;
}

@media screen and (min-width: 1488px){
    .bannerContent{
        padding: 37px 0 20px 0;
        margin-left: 30px;
    }
}

.fontControl2 span{
    font-size: 30px;
    font-weight: bold;
    color: black;
}

.fontControl3 span{
    font-size: 27px;
    font-weight: bold;
    color: rgb(65, 86, 120);
}

#bannerTwo .fontControl4{
    font-size: 45px;
    font-weight: bold;
    color: rgb(65, 86, 120);
}

.fontControl5{
    margin-bottom: 30px;
    text-align: center;
}

/*
=================================================================
Footer
=================================================================
*/
footer img{
    width: 200px;
    height: 100px;
}

.footerImagePosition{
    padding-left:7%;
}

@media screen and (max-width: 767px){
    .footerImagePosition{
        padding-left:0%;
    }
}

footer{
    background-color: black;
}

footer h4{
    color: white;
}

footer span a{
    text-decoration: none;
    color: inherit;
}

/*
=================================================================
About Us page css
=================================================================
*/
#aboutUsPage header .site-menu ul li a{
    color: black;
}

html {
    scroll-behavior: smooth;
  }

#marker li {
    list-style: none;

}

#marker li:before {
    margin-right: 15px;
    /* content:"◼"; */
    font-size:20px;
    vertical-align:middle;
    line-height:20px;
}


/* 
li{
    vertical-align: middle;
}

#marker{
    vertical-align: middle;
}

#marker li::marker{
    font-size: 30.5px;
    vertical-align: middle;
} */

#suggested{
    padding-top: 20px;
    font-size: 15px;
  }

#log h4{
    /* padding-top: 80px; */
    color: rgba(0,0,0);
}
#log  {
    font-size: 15px;
    color:black;
    padding-top:20px;
    padding-left: 80px;    
}
#profile{
    margin-top:20px;
}
/* #profile2{
    margin-bottom: 20px;
} */

#trainername2{
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    color:black;
}

#trainername{
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color: black;
}

#trainerjobtitle2{
    font-size: 13px;
    text-align: right;
    line-height: 120%;
    color: #B6B6B6;
}

#trainerjobtitle{
    font-size: 13px;
    text-align: left;
    line-height: 120%;
    color: #B6B6B6;
}

#trainerDescription {
    font-size: 13px;
    text-align: left;
    line-height: 120%;
    color: #B6B6B6;
}

#trainerDescription2 {
    font-size: 13px;
    text-align: right;
    line-height: 120%;
    color: #B6B6B6;
}



#conclusion div {
    text-align: left;
    color: #718096;
}

#assured {
    margin-top:10px;
}



#competitive div {
    text-align: justify;
}
#competitive{
    margin-top: 10px;
}



#Openness div {
    padding-top: 10px;
    text-align: left;
    
    color:black;
    /* color: #718096; */
}

#introImage{
    padding-top: 100px;
}

#introImage h1{
    font-size: 43px;
    font-weight: bold;
    color: rgba(81,119,173,255);
}





#intro div h3{
    padding-bottom: 20px;
    text-align: left;
    font-weight: bold;
    font-size: 27px;
    margin-top: 30px;
    color: rgba(0,0,0);
}

#intro div p{
    text-align: left;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #718096;
}

@media screen and (max-width: 768px)
{
    #intro .imgSizeControl{
        height: 70%;
        width: 70%;
    }

    #intro h1{
    font-size: 43px;
    font-weight: bold;
    color: rgba(81,119,173,255);
    text-align: center;
    }
}


/* #ourValue{
    padding-top: 130px;
    padding-bottom: 0;
} */

#ourValue h1{
    font-size: 43px;
    font-weight: bold;
    
}

#ourValue div span{
    position: absolute;
    font-size: 70px;
    
}

@media screen and (max-width: 768px)
{
    #ourValue .imgSizeControl{
        height: 70%;
        width: 70%;
    }

    #ourValue h1{
    font-size: 43px;
    font-weight: bold;
    
    text-align: center;
    }
}

.imgSizeControlThree{
    width: 100px;
    height: 100px;
    object-fit:cover;
}

#ourValue div h3{
    text-align: left;
    font-weight: bold;
    font-size: 27px;
    margin-top: 30px;
    
}

#ourValue div p{
    text-align: left;
    font-weight: bold;
    line-height: 120%;
    margin-top: 10px;
    margin-bottom: 30px;
    
}

.customBoxOne{
    width: 95%;
    height: 100%;
    border-radius: 0px 100px 0px 100px;
    box-shadow: 4px 4px 8px #888888;
    background-image: linear-gradient(90deg, #CDCDCD , white);
    background-image: -webkit-gradient(linear, bottom, #CDCDCD, white);
    background-image: -webkit-linear-gradient(0deg, #CDCDCD , white);
    background-image: -moz-linear-gradient(0deg, #CDCDCD , white);
    background-image: -o-linear-gradient(90deg, #CDCDCD , white);
    background-image: -ms-linear-gradient(90deg, #CDCDCD , white);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#FFFFFF',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)";

}

/* #VisionAndMission{
    background-image: url('/images/aboutUs/website_final_2-04.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100%;
    padding-bottom: 150px;
    padding-top: 0px;
} */

.customTitleFive{
    padding-left: 30px;
    font-weight: 550;
    color: white;
    margin-bottom:30px;
    font-size:35px;

}

.customParaOne{
    font-weight: 350;
    color: #c9cccf;
    padding-left: 30px;
}


/* #impartialityStatement{
    background-image: url('/images/aboutUs/background1.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -110px;
} */

/* #impartialityStatement .container{
    padding-bottom: 50px;
}

#impartialityStatement .row{
    padding-top: 200px;
}

#impartialityStatement h2{
    font-size: 330%;
    color: rgba(81,119,173,255);
    font-weight: bold;
} */

@media screen and (max-width: 768px)
{
    #impartialityStatement .row{
        padding-top: 270px;
    }

    #impartialityStatement img{
        width: 100%;
    }

    #statement{
        margin-top: 50px;
    }
}

#impartialityStatement img
{
    float: right;
}

/* .customParaTwo{
    font-weight: bold;
    font-size: 140%;
    color: rgba(117,132,153,255);
    line-height: 110%;
    text-align: left;
} */

/*
=================================================================
Management System Benefit page css
=================================================================
*/
#ManagementSystemBenefit header .site-menu ul li a{
    color: black;
}

#bannerThree{
    margin: 0 10px 0 10px;
}

#bannerThree a{
    font-size: 150%;
    color: grey;
}

#bannerThree h2{
    font-size: 43px;
    font-weight: bold;
    color: rgba(81,119,173,255);
}

#bannerThree .container{
    margin-top: 70px;
}

#ManagementBenefit div p{
    text-align: left;
    font-size: 140%;
    line-height: 120%;
    font-weight: bold;
    color: rgba(117,132,153,255);
}



#Benefits {
    text-align: center;
}

#Benefits div h3{
    text-align: left;
}

#Benefits div p{
    text-align: left;
}

#Benefits div span{
    position: absolute;
    font-size: 70px;
    color: rgba(81,119,173,255);
}

#Benefits div h3{
    text-align: left;
    font-weight: bold;
    font-size: 27px;
    margin-top: 30px;
    color: rgba(81,119,173,255);
}

#Benefits div p{
    text-align: left;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    color: rgba(117,132,153,255);
}

#Overall hr{
    width: 100%;
    height: 2px;
    color: black;
    margin-bottom: 0px;
}

#Overall div p{
    margin-top: 20px;
    font-size: 190%;
    color: rgba(117,132,153,255);
}

#Overall div p span{
    font-size: inherit;
    font-weight: bold;
    color: rgba(81,119,173,255);
}

@media screen and (max-width: 400px)
{
    #bannerThree h2{
        font-size: 35px;
    }
}

@media screen and (max-width: 320px)
{
    #bannerThree h2{
        font-size: 30px;
    }
}

/*
=================================================================
Certification Process page css
=================================================================
*/
.processBox{
    position: relative;
    width: 500px;
    height: 500px;
}

.iconControl{
    position: absolute;
    right: 180px;
    top: 10px;
}

.process{
    position: absolute;
    top: 40px;
    right: 280px;
    font-size: 300%;
    font-weight: bold;
    color: white;
}

.process1{
    position: absolute;
    top: 40px;
    right: 350px;
    font-size: 300%;
    font-weight: bold;
    color: white;
}

.processTwo{
    position: absolute;
    top: 20px;
    right: 100px; 
    left: 20px;
    font-size: 220%;
    font-weight: bold;
    color: white;
}

.circlecertificationProcess {
    
    width: 25px;
    height: fit-content;
    line-height: fit-content;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #000
  }

.colorPoint{
    position: absolute;
    top: 200px;
    right: 410px;
}

.colorPointAudit{
    position: absolute;
    top: 215px;
    right: 410px;
}

.colorPointTwo{
    position: absolute;
    top: 300px;
    right: 410px;
}

.firstPoint{
    position: absolute;
    top: 200px;
    right: 418px;
    color: white;
    font-size: 17px;
}

.firstPointAudit{
    position: absolute;
    top: 215px;
    right: 418px;
    color: white;
    font-size: 17px;
}

.secondPoint{
    position: absolute;
    top: 300px;
    right: 416px;
    color: white;
    font-size: 17px;
}

.processContent{
    position: absolute;
    top: 180px;
    left: 100px;
    font-size: 20px;
    width: 350px;
    color: grey;
}

.processContentTwo{
    position: absolute;
    top: 280px;
    left: 100px;
    font-size: 20px;
    width: 350px;
    color: grey;
}

.processContent1{
    position: absolute;
    top: 195px;
    left: 100px;
    font-size: 20px;
    width: 200px;
    color: grey;
}

.processControl{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

@media screen and (max-width: 800px)
{
    .processControl{
        padding-left: 120px;
    }
}

@media screen and (max-width: 640px)
{
    .processControl{
        padding-left: 60px;
    }
}

@media screen and (max-width: 480px)
{

    .processControl{
        padding-left: 80px;
    }

    .processBox{
        position: relative;
        width: 300px;
        height: 300px;
    }

    .sizeControl{
        width: 300px;
        height: 300px;
    }

    .iconControl{
        position: absolute;
        size: 20px;
        right: 100px;
        top: 10px;
    }

    .process{
        position: absolute;
        top: 20px;
        right: 170px;
        font-size: 200%;
        font-weight: bold;
        color: white;
    }

    .process1{
        position: absolute;
        top: 20px;
        right: 210px;
        font-size: 200%;
        font-weight: bold;
        color: white;
    }

    .processTwo{
        position: absolute;
        top: 20px;
        right: 150px;
        left: 10px;
        font-size: 120%;
        font-weight: bold;
        color: white;
    }

    .colorPoint{
        position: absolute;
        top: 100px;
        right: 230px;
    }

    .colorPointAudit{
        position: absolute;
        top: 115px;
        right: 230px;
    }

    .colorPointTwo{
        position: absolute;
        top: 200px;
        right: 230px;
    }

    .firstPoint{
        position: absolute;
        top: 100px;
        right: 238px;
        color: white;
        font-size: 17px;
    }

    .firstPointAudit{
        position: absolute;
        top: 115px;
        right: 238px;
        color: white;
        font-size: 17px;
    }

    .secondPoint{
        position: absolute;
        top: 200px;
        right: 236px;
        color: white;
        font-size: 17px;
    }

    .processContent{
        position: absolute;
        top: 90px;
        left: 80px;
        font-size: 15px;
        width: 200px;
        color: grey;
    }

    .processContentTwo{
        position: absolute;
        top: 180px;
        left: 80px;
        font-size: 15px;
        width: 200px;
        color: grey;
    }

    .processContent1{
        position: absolute;
        top: 100px;
        left: 80px;
        font-size: 15px;
        width: 200px;
        color: grey;
    }
}

@media screen and (max-width: 430px)
{
    .processControl{
        padding-left: 20px;
    }
}

@media screen and (max-width: 320px)
{
    .processControl{
        padding: 0px;
    }
}

/*
=================================================================
Landing Page 1 page css
=================================================================
*/
#landingPageContainer{
    width: 100%;
    height: 100%;
    margin: 0 auto -100px;
}

#landingPageContainer .container{
    max-width: 90%;
}

#landingPageSection{
    background-image: url('/images/landingPage/landingPageBG01.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.customButtonFour{
    background-color: #2575E6;
    background-image: linear-gradient(0deg, #2575E6 , #183762);
    background-image: -webkit-gradient(linear, top, #2575E6, #183762);
    background-image: -webkit-linear-gradient(270deg, #2575E6 , #183762);
    background-image: -moz-linear-gradient(270deg, #2575E6 , #183762);
    background-image: -o-linear-gradient(270deg, #2575E6 , #183762);
    background-image: -ms-linear-gradient(0deg, #2575E6 , #183762);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2575E6', endColorstr='#183762',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)";
    border: none;
    height: 50px;
    width: 250px;
    font-size: 190%;
    font-weight: bold;
    color: white;
}

.spanControlOne{
    font-size: 200%;
    font-weight: 500;
}

.spanControlTwo{
    font-size: 350%;
    font-weight: bold;
}

.spanContolThree{
    font-size: 450%;
    font-weight: bold;
}

@media screen and (max-width: 400px)
{
    .spanControlOne{
        font-size: 170%;
    }

    .spanControlTwo{
        font-size: 250%;
    }

    .spanContolThree{
        font-size: 350%;
    }
}

@media screen and (max-width: 320px)
{
    .spanControlOne{
        font-size: 150%;
    }

    .spanControlTwo{
        font-size: 200%;
    }

    .spanContolThree{
        font-size: 300%;
    }
}

/*
=================================================================
Landing Page 2 page css
=================================================================
*/
#page-container .Logo-contect{
    background: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
#home-contect{
    padding-top: 50px;
    background-image: url(/images/landingPage/keyn_page1_bg.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: center top;
    
}
#Compertitors_Offer{
    padding-top: 30px;
    background-color: white;
    padding-bottom: 50px;
}
.home_compertitors_row{
    background-color: white;
}
.lp2-bg-size{
    margin-top: -5px;
}
.customtitle_contect{
    color: black;
    text-align: center;
    font-size: 260%;
}
.bg-img-size{
    padding-bottom: 60px;
}
.box-text{
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: white;
    width: 70%;
}
.box-text input{
    width: 90%;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    outline: none;
}
.home-contect_btn{
    margin-top: 20px;
}
.home-contect_btn button{
    background-color: #2575E6;
    background-image: linear-gradient(0deg, #2575E6 , #183762);
    background-image: -webkit-gradient(linear, top, #2575E6, #183762);
    background-image: -webkit-linear-gradient(270deg, #2575E6 , #183762);
    background-image: -moz-linear-gradient(270deg, #2575E6 , #183762);
    background-image: -o-linear-gradient(270deg, #2575E6 , #183762);
    background-image: -ms-linear-gradient(0deg, #2575E6 , #183762);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2575E6', endColorstr='#183762',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)";
    color: white;
    width: 70%;
    border-radius: 5px;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    display: inline-block;
    
}

.color-text{
    color: white;
    font-size: inherit;
    font-weight: bold;
}

.text-box-input{
    margin-top: 20px;
}
.box-cirlce{
    margin-top: 350px;
    margin-left: 430px;
    background-color: limegreen;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50%;
    height: 150px;
    width: 150px;
}
.box-cirlce h2{
    border-radius: 50%;
    background-color: green;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
    height: 150px;
    color: white;
    text-align: center;
}
#page-contect .home-contect_container{
    padding-bottom: 0;
}
.home-contect_row{
    display: flex;
}
.home-contecy_box{
    margin-top: 30px;
}
.home-contecy_box p{
    color: white;
    font-weight: bold;
    font-size: 20px;
    height: 30px;
    width: 200px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
}
.home-contect_container{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
.home_compertitors_box{
    width: 900px;
    margin: auto;
}
.color_bg1{
    margin-top: 300px;
    background-color: orange;
    height: 100px;
}
.color_bg2{
    margin-top: 50px;
    background-color: red;
}
.color_bg3{
    margin-top: 20px;
    background-color: blue;
}

.color_text{
    color: white;
    font-size: 25px;
}
.text-bold{
    font-weight: bold;
    font-size: inherit;
}
.box_cirlce{
    background-color: #10c722;
    /*background-color: rgba(16,199,34,255);*/
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    color: white;
    margin-top: 350px;
    margin-left: 20px;
}
.box_cirlce h2{
    border-radius: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
    height: 150px;
    color: white;
    text-align: center;
}
.img-box{
    text-align: center;
    margin-top: 25px;
    
    
}
.home-contect_box p{
    padding-top: 5px;
    
}
.home-contect_box p{
    color: white;
    font-weight: bold;
    font-size: 20px;
    height: 40px;
    width: 200px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
}
.bg-size{
    margin-top: 52px;
    
}
.box-bg{
    background: #fd397a;
    border: 1px solid #fd397a;
    margin-top: 5px;
    width: 70%;
    border-radius: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
}

#contextUsForm{
    width: 100%;
}
.margin-size{
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    
    #home-contect{
        background: #eb01a5;
        background-image: url("/images/landingPage/keyn_page1_bg.png"), linear-gradient(#eb01a5, #d13531); 
        padding-top: 1px;
    }
    .bg-img-size{
        padding-bottom: 5px;
    }
    #Compertitors_Offer{
        padding-top: 30px;
    }
    .box-bg{
        width: 100%;
    }
    .box_cirlce{
        display: none;
    }
    .box-text{
        text-align: center;
        width: 100%;
    }
    .box-text input{
        width: 90%;
    }
    .home-contect_btn button{
        width: 100%;
    }
    .bg-size{
        margin-top: 20px;
    }
    .img-box-bg{
        margin-top: 40px;
    }
    .img-size-bg{
        margin-top: 40px;
    }
    .bg-box-text{
        margin-top: 50px;
    }
    .margin-size{
        margin-top: 10px;
    }

}
@media screen and (max-width:300px) {
    #home-contect{
        padding-top: 1px;
    }
    .box-text input{
        margin-top: -10px;
        margin-bottom: -10px; 
    }
    
    .home-contect_btn{
        margin-top: 5px;
        
    }
    .home-contect_btn button{
        padding-top: 1px;
        padding-bottom: 1px;
    }
    
}

/*
=================================================================
Landing Page 3 page css
=================================================================
*/
.backgroundColor1{
    background-color: #121F28;
}

.rowControl{
    width: 100%;
    margin: 0;
}

.whiteFont {
    color: white;
}

.fontControl6{
    font-size: 160%;
}

.fontControl7{
    font-size: 220%;
}

.fontControl8{
    font-size: 280%;
    font-weight: bold;
}

@media (min-width: 768px) and (max-width: 873px)
{
    .fontControl8{
        font-size: 240%;
    }
}

.fontControl9{
    padding-left: 10px;
    font-size: 200%;
    font-style: italic;
}

.greyBG{
    background-color: #f1f1f1;
}

.divControl{
    padding: 100px 30px 100px 70px; 
}

@media screen and (max-width: 400px)
{
    .divControl{
        padding: 50px 30px 50px 30px; 
    }
}

.fontControl10{
    font-size: 200%;
    font-weight: 200;
    color: black;
}

.fontControl11{
    font-size: 200%;
    font-weight: 600;
    color: black 
}

.divBlock{
    height: 100px;
    width: 50%;
    background-color: #f1f1f1;
}

.formBlock{
    width: 100%;
    box-shadow: 3px 3px 5px grey;
}

@media screen and (max-width: 768px)
{
    .divBlock{
        display: none;
        height: 0px;
        width: 0px;
    }
}

#landingPageContactUs{
    width: 100%;
    margin: 20px; 
    background-color: #183762;
}

.formLabel{
    color: white;
}

.formInput{
    background-color: white; 
    width: 95%; 
    border-radius: 0;
}

.landingPageBanner{
    background-image: url('/images/landingPage/landingPage3_photo2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 100px;
}

.bannerBox{
    text-align: center; 
    border-style: solid; 
    border-color: white; 
    color: white; 
    text-align: center; 
    border-width: 1px; 
    padding-top: 60px; 
    padding-bottom: 40px; 
    margin-bottom: 50px;
    margin-top: 50px; 
}

@media screen and (max-width: 400px)
{
    .landingPageBanner{
        margin-bottom: 20px;
    }
}

.fontControl12{
    font-size: 300%; 
    line-height: 30%; 
    font-weight: 100;
}

.fontControl13{
    font-size: 300%; 
    font-weight: bold; 
    margin-left: 90px;
}

@media screen and (max-width: 768px)
{
   /*.fontControl12{
        font-size: 200%;
   }

   .fontControl13{
        font-size: 200%;
   }*/
}

.divBlock2{
    background-color: #f1f1f1; 
    height: 50px; 
    width: 20%; 
    margin-left: 320px;
}

.imageAndBlock{
    padding-left: 150px; 
    padding-right: 0;
}

.divAlign{
    margin-top: 80px;
}

.divAlign img{
    width: 95%;
}

.fontControl14{
    font-size: 250%; 
    font-weight: 100;
}

.fontControl15{
    font-weight: bold; 
    font-size: 250%;
}

.fontControl16{
    font-size: 200%;
}

.blackFont{
    color: black;
}

@media screen and (max-width: 768px)
{
    .divBlock2{
        display: none;
    }

    .imageAndBlock{
        padding-left: 0;
        height: 75%;
    }

    .imageAndBlock img{
        width: 100%;
    }

    .divAlign{
        height: 40%;
    }

    .divAlign img{
        display: none;
    }

    .mobileCenter{
        text-align: center;
    }

    .imageAndBlock{
        display: none;
    }

    .greyBG{
        background-color: white;
    }
}

/*
=================================================================
Landing Page 4 page css
=================================================================
*/
#page-container #landingpage4{
    background-color: white;
}
#landingpage4 ul{
    list-style-type: square;
    margin-top: 30px;
    font-size: 30px;
    font-weight: bolder;
}
#landingpage4 ul li{
    color: black; 
}
.text_p h1{
    color: black;
    font-weight: bolder;
}


.text_title1 h2{
    color: #2a63b9;
    font-weight: bold;
    margin-left: 5px;
    margin-top: -10px;
    
}
.text_title1{
    margin-top: 5px;
}
.text_title1 p{
    color: #4F575A;
    margin-left: 5px;
    margin-top: -10px;
    font-size: 25px;
}

.bg-size1{
    padding-bottom: 80px;
    
}
#landingpage4_title{
    background-color: white;
    padding-bottom: 20px;
}
#landingpage4-form{
    background-color: white;
}
.lp4-form-box{
    border-top: 2px solid #ececec;
    background-color: #f9f9f9;
    position: relative;
    border-bottom: 2px solid #ececec;
    padding-bottom: -50px;
    
}
.img-size1 img{
    width: 100%;
    margin-bottom: -30px; 
    margin-top:-30px; 
    height:100%; 
    width: 80%;
}
.bg-form{
    margin-top: 50px;
}
.bg-form h2{
    color: black;
}
.receive-form{
    margin-top: 30px;
}
.form1{
    width: 100%;
    margin-top: 20px;
}
.form1 input{
    width: 100%;
    height: 40px;
    border: 1px solid #ececec;
}
.receive-btn{
    border: 1px solid #2e4566;
    background-color: white;
    margin-top: 20px;
    height: 40px;
    width: 99%;
    margin-left: 5px;
}
.receive-btn button{
    background-color: #2e4566;
    margin-top: -5px;
    border: none;
    height: 40px;
    width: 100%;
    margin-left: -5px;
    color: white;
    font-size: initial;
}
.form1 span{
    color: black;
}
#landingpage4-title2{
    background-color: white;
    padding-bottom: 20px;
}
.bg_img_size3{
    margin-top: 21px;
}
/* .text_title1{
    width: 200px;
} */

.bg_img_size2 p{
    width: 100%;
}


@media screen and (max-width:768px) {
    
    .text_p{
        margin-left: 30px;
    }
    
    /* .text_title1 h2{
        font-size: 16px;
    }
    .text_title1 p{
        font-size: 16px;
    } */
    .bg-img img{
        margin-left: -10px;
    }
    .bg_img_size{
        margin-top: 10px;
        
    }
    .bg_img_size2{
        margin-top: 10px;
    }
    .bg_img_size3{
        margin-left: 10px;
        margin-top: 30px;
    }
    
    .img-size1{
        margin-top: 70px;
        margin-left: 10px;
        height: 100%;
        width: 100%;

    }
    .lp4-form-box{
        padding-bottom: 60px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width:767px) {
    .bg_img_size{
        margin-top: -50px;
        margin-left: 60px;
    }
    .bg_img_size2{
        margin-top: -50px;
        margin-left: 60px;
    }
    .bg_img_size3{
        margin-top: -35px;
        margin-left: 60px;
    }
    .bg-box-mg{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .bg-size-mg1 img{
        margin-left: 5px;
    }
    .bg-size-mg2 img{
        margin-left: 0.5px;
    }
    

}


/*
=================================================================
Landing Page 5 page css
=================================================================
*/
.formInput2{
    width: 90%;
    margin: 0px 0 10px 5px;
    padding: 5px 0 5px 10px;
}

#landingPage5Bg{
    background-image: url('/images/landingPage/landingPage5_01.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -40px;
}

@media screen and (max-width: 767px)
{
    #landingPage5Bg
    {
        margin-top: 0;
    }
}

.customButtonFive{
    text-align: left;
    font-size: 12px!important;
    width: 90%;
    height: 100%;
    height: 35px;
    padding: 5px;
    border: none;
    font-weight: bold;
    background-color: rgb(65, 86, 120);
    color: white;
    margin-left: 5px;
    padding-left: 15px;
}

.fontControl20{
    font-size: 290%;
    color: black;
    font-weight: 200;
    letter-spacing: -0.5px;
}

.fontControl20 span{
    font-size: inherit;
    color: rgb(65, 86, 120);
    font-weight: bold;
}

.fontControl21{
    font-size: 270%;
    color: black;
    font-weight: 100;
}

.fontControl22{
    font-size: 100%;
    color: black;
    font-style: italic;
    font-weight: 300;
}

.fontControl23{
    font-size: 70%;
    font-weight: bold;
    color: rgb(65, 86, 120);
}

.fontControl24{
    font-size: 250%;
    font-weight: 100;
}

.divBlock3{
    height: 5px; 
    width: 100%; 
    background-color: #f2f2f1;
}

.fontControl25{
    font-size: 120%;
    color: black;
    font-weight: 100;
}

/*
=================================================================
Landing Page 6 page css
=================================================================
*/
#landingPage6Bg{
    background-image: url('/images/landingPage/landingPage6_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.whiteBg{
    background-color: white;
}

.fontControl17{
    font-size: 500%;
    color: rgb(65, 86, 120);
    font-weight: bold;
}

.fontControl18{
    font-size: 200%;
    color: black;
    font-weight: 600%;
}

.divTransparent1{
    background-color: #415678c7;
    opacity: 0.9;
}

.fontControl19{
    color: white;
    font-size: 230%;
    font-weight: bold;
    font-style: italic;
}

.customButtonSix{
    background-color: #4CEC5B;
    background-image: linear-gradient(0deg, #4CEC5B , #239C2F);
    background-image: -webkit-gradient(linear, top, #4CEC5B, #239C2F);
    background-image: -webkit-linear-gradient(270deg, #4CEC5B , #239C2F);
    background-image: -moz-linear-gradient(270deg, #4CEC5B , #239C2F);
    background-image: -o-linear-gradient(270deg, #4CEC5B , #239C2F);
    background-image: -ms-linear-gradient(0deg, #4CEC5B , #239C2F);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4CEC5B', endColorstr='#239C2F',GradientType=1 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CDCDCD, endColorstr=#FFFFFF)";
    border: none;
    color: white;
    font-weight: bold;
    font-size: 150%;
    height: 70px;
    width: 100%;
    border-radius: 10px;
}

.divTransparent2{
    opacity: 0.9;
    background-color: rgb(65, 86, 120);
    color: white;
    text-align: center;
}

.divTransparent2 img{
    width: 50px;
    height: 50px;
}

@media screen and (max-width: 400px)
{
    .fontControl17{
        font-size: 300%;
    }

    .fontControl18{
        font-size: 150%;
    }

    .fontControl19{
        font-size: 150%;
    }

    .imgSizeControlFour{
        width: 80%;
    }
}

/*
=================================================================
Landing Page 7 page css
=================================================================
*/

#MinutesIntoISO9001Bg{
    background-image: url('/images/landingPage/landingpageBG07.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.landing7contentTitle {
    font-size: 260%;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 1.3;
}
.landing7content {
    text-align: justify;
    width: 90%;
    line-height: 1.6;
}

.landing7divTransparent{
    background-color: rgba(0,0,0,0.6);
    color: white;    
}

.landing7divBlock {
    height: 5px; 
    width: 100%; 
}

.landing7Form {
    text-align: center;
}

.fontControl26 {
    color: #ffae03;
    font-size: 200%;
    font-weight: 600;
}

.fontControl27 {
    width: 75%;
    margin: auto;
    font-weight: 300;
}

.formInput3 {
    width: 80%;
    margin: 0px 0 10px 5px;
    padding: 5px 20px 5px 20px;
    height: 45px;
}

.landing7Form {
    padding-top: 20px;
    padding-bottom: 20px;
}

.landing7Form .customButtonFive {
    text-align: center;
    width: 80%;
    height: 45px;
}

.fontControl28 {
    color: rgba(0,0,0);
    font-weight: 600;
    margin-bottom: 0;
}

.fontControl29 {
    color: rgba(0,0,0);
    font-size: 15px;
}

.boxShadow {
    padding: 10px;
    border: 1px solid #f4f4f4;
    box-shadow: 5px 5px #f4f4f4af;
    border-radius: 5px;   
    height: 100%; 
}

.boxShadow ul {
    padding-left: 15px;
}

@media (max-width: 1199px) {
    .boxShadow .col-md-1{
        max-width: 15%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .boxShadow .col-md-1 {
        max-width: 25%;
    }
}

@media (max-width: 767px) {
    .landing7 br {
        display: none;
    }
}

/*
=================================================================
Home page website img 21 css
=================================================================
*/

.img-web21-btn{
    z-index: 50;
    position: relative;
    left: 8%;
    top: 50%;
    list-style: none;
    text-align: left;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.img-web21-btn img{
    width: 350px;
    background-color: none;
    border: none;
}
.img-text{
    margin-top:2%;
    margin-left:30%;
    width: 210px;
    
    
}
.img-text a p{
    margin-left: 30px;
    margin-top: -113px;
    font-weight: bold;
    font-size: 20px;
    color: white;
    font-style: italic;
}

@media (max-width:425px) and (min-width:375px){
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 55%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}
@media (min-width:426px) and (max-width: 608px){
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 67%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

@media (min-width:607px) and (max-width: 679px){
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 82%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

@media (min-width:680px) and (max-width: 767px){
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 80%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 40%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

@media (max-width:1439px) and (min-width:1025px) {
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 40%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

@media (max-width:2559px) and (min-width:1440px){
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 35%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

@media (max-width:374px) {
    .img-web21-btn{
        position: fixed;
        left: 8%;
        top: 72%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

@media  (min-width:2560px){
    .img-web21-btn{
        position: fixed;
        left: 4%;
        top: 30%;
    }
    .img-web21-btn img{
        width: 300px;
    }
    .img-text{
        width: 190px;
        margin-top:8%;
        margin-left:30%;
    }
    .img-text a p{
        font-size: 17px;
    }
}

.customButtonSeven{
    
    text-align: center;
    font-size: 12px!important;
    width: 100%;
    height: 50px;
    padding: 5px;
    border: none;
    font-weight: 900;
    background-color: #5577ad;
    color: white;
}

.customButtonEight{
    width: 200px;
}
@media  (min-width:768px){
    .complainImage{
        background-image: linear-gradient(180deg, white 17%, #415678 0%)
    }
}

@media  (max-width:767px){
    .complainImage{
        background-image: linear-gradient(180deg, white 0%, #415678 0%)
    }
}

@media screen and (min-width: 1440px) {
    .modal-body .col-md-9 {
		font-size: 13px !important;
	}
}

@media screen and (max-width: 767px) {
    .bg {
        background-image: url("images/Keyn_element_exclusivePage/keyn_bg1.png") !important;
    }
    
    .modal-body .content-font {
        color: white;
    }

    .modal-body .col-md-9 {
		font-size: 30px !important;
	}

    .modal-body .col-md-6 .col-md-8 img {
        width: 100% !important;
    }

    .modal-body .col-md-6 .row {
		background-size: 100% 100% !important;
	}

    .modal-body .col-md-6 {
        font-size: 24px !important;
    }

    .exclusiveNow{
        padding-left:30px;
        padding-right:30px;
        padding-top:20px;
        padding-bottom:20px;
        width: 90% !important;
    }
    
    .exclusiveNow img {
        height: auto !important;
        width: auto !important;
    }

    #homePageLogo {
        width: 60% !important;
        bottom: 75px !important;
    }
}

@media screen and (max-width: 378px) and (min-width: 340px){
    .modal-body .col-md-9 {
		font-size: 26px !important;
	}

    #homePageLogo {
        width: 60% !important;
        bottom: 75px !important;
    }
}

@media screen and (max-width: 339px){
    .modal-body .col-md-9 {
		font-size: 23px !important;
	}

    #homePageLogo {
        width: 60% !important;
        bottom: 75px !important;
    }
}

@media (min-width: 837px) and (max-width: 898px) {
    #home .containerhomepage h2 {
      font-size: 37px !important;
    }
}
  
@media (min-width: 795px) and (max-width: 836px) {
    #home .containerhomepage h2 {
      font-size: 35px !important;
    }
}
  
@media (min-width: 768px) and (max-width: 794px) {
    #home .containerhomepage h2 {
      font-size: 33px !important;
    }
}

@media (min-width: 890px) and (max-width: 1057px) {
    #contactBr {
        display: none;
    }
}

#ISOCertAuditMargin {
    margin: 0%;
}

/* BQ */
/* ol.alphabet {list-style-type: lower-alpha;}         */
.QuoteMe ul {            
    list-style-type: none;            
}
/* list-style-image: url('images/Keyn_element_QualityManagement/keynListing.png'); */
.QuoteMe ul li:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 22px;
    background-size: 15px;
    background-image: url("/images/Keyn_element_QualityManagement/keynListingBlack.png");
    background-repeat: no-repeat;
    margin-right: 5px;
}

.QuoteMe ul li {
    color: #42577a;
    font-size: 18px;
}

.QMSimg {
    width:50px;
    height:50px;
    object-fit: contain;
}

    .QMSimgtitle {
        font-size:16px;
        font-weight:300;
        color:black;
    }
    
    .QMSimg2 {
        width: 100%;            
        object-fit:cover;
    }

    .QMSstandard {
        position: absolute;
        left: 30%;
        top: 35%;
        line-height: 1;
    }

    .QMSlink {
        color : #42577a;
        text-decoration : underline;
    }

    #accordionFAQTitle .card {
        border: 0px;
    }

    #accordionFAQ .card, #accordionFAQTitle .card {
        padding: 15px 20px;
    }

    #accordionFAQ .card-header, #accordionFAQTitle .card-header {
        background-color: #fff;
    }

    @media (max-width: 767px) {
        .QMSstandard {
            font-size: calc(10.5px + 1vw);
        }
    }

    @media (min-width: 768px) {
        .QMSbottom {
            background: linear-gradient(90deg, #f9f9fc 40%, #ffffff 10%);
        }
        
        .rotate-icon {
            float: right;
        }
    }   

    #accordionFAQ .card .card-header div:not(.collapsed) .rotate-icon,
    #accordionFAQTitle .card .card-header div:not(.collapsed) .rotate-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/*
========================================
Career Page css
========================================
*/
.career-title-font {
    font-size: 38px;
    color: black;
}
.career-title-font2 {
    font-size: 22px;
    color: white;
    font-weight: 500;
}
.career-subtitle-font {
    font-size: 22px;
    color: black;
    font-weight: 500;
}
.career-subtitle-font2 {
    font-size: 18px;
    color: #343a40;
    font-weight: 400;
}
.career-font {
    font-size: 15px;
    color: #343a40;
}