:root{
  --white-color:#fff;
  --blue-color:#19184C;
  --gray-color:#1C1C28;
  --black-color: #000000;
  --light-grey: #C7C9D9;
  --dark-blue: #121676;
  --light-black: #212121;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue.woff2') format('woff2'),
        url('../fonts/HelveticaNeue.woff') format('woff'),
        url('../fonts/HelveticaNeue.ttf') format('truetype'),
        url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html,body{width:100%;height:100%;color:#586071;background:var(--white-color);font-family: 'Helvetica Neue';font-weight:400;line-height: 1.5; vertical-align: baseline;}
h1,h2,h3,h4,h5,h6,p,ul,li{margin:0;}
*{margin:0;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
small{font-size:100%;}
ul,li{list-style:none;}
a{text-decoration: none;}
img{max-width:100%;}
button:focus{outline:none;}
a:focus{text-decoration:none!important;outline:0!important;}
header,footer,section,artical{display:block;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:focus{outline:1px solid var(--form-gray-color);}
input[type="text"]:focus{outline:1px solid var(--form-gray-color);background: transparent;  box-shadow: 0 0 0;}
input[type="email"]:focus{outline:1px solid var(--form-gray-color);background: transparent;  box-shadow: 0 0 0;}
input[type="submit"]:focus{outline:0;background: transparent;  box-shadow: 0 0 0;}
select:focus{outline:1px solid var(--form-gray-color);}
textarea:focus{outline: 1px solid var(--form-gray-color);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: var(--light-blue-color);}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */color: var(--light-blue-color);opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color: var(--light-blue-color);}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */color: var(--light-blue-color);opacity:1;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number] {-moz-appearance: textfield;}
.form-control:focus{background: transparent;outline:1px solid var(--form-gray-color); box-shadow: 0 0 0; color: var(--light-blue-color);}
.form-control::placeholder { color: var(--light-blue-color); opacity: 1;}
.form-control::-ms-input-placeholder {color: var(--light-blue-color);}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0px transparent, 0 0 0 0px rgba(255,255,255,0.3), 0 0 0 0px transparent, 0 0 0 0px rgba(255,255,255,0.3);
  }
  100% {
    box-shadow: 0 0 0 10px transparent, 0 0 0 12px rgba(255,255,255,0), 0 0 0 25px transparent, 0 0 0 27px rgba(255,255,255,0);
  }
}
p{font-size: 16px;}
.d-flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.text-center{text-align: center;}
.olumpusxlheading{font-size: 60px; text-transform: capitalize;}
.olumpuslgheading{font-size: 42px; text-transform: capitalize;}
.olumpusmdheading{font-size: 32px; text-transform: capitalize;}
.olumpussmheading{font-size: 24px; text-transform: capitalize;}
.olumpusxsheading{font-size: 22px; text-transform: capitalize;}
.olumpusxxsheading{font-size:18px; text-transform: capitalize;}
.olumpusxxssheading{font-size:16px; text-transform: capitalize;}
.padding-tb-lg{padding: 80px 0;}
.padding-tb{padding: 60px 0;}
.padding-b{padding-bottom: 55px;}
.margin-top{width: 100%; display: inline-block;margin-top: 15px;}
.container {width: 100%; max-width: 90%; margin: 0 auto;}
.slick-dots {position: absolute; bottom: -25px; display: block; width: 100%; padding: 0;margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block;width: 10px;height: 10px;background:var(--white-color);border-radius: 50%;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {display: none;}
.slick-dots li.slick-active {background:var(--white-color); transform: scale(1.3);}
.slick-dotted.slick-slider { margin-bottom: 30px;}
.slick-next,.slick-prev{font-size: 0;border: 0;width: 45px;height: 45px; border-radius: 50%; position:absolute;left: 10px;top: 50%;background-color: var(--white-color); margin-top: -20px;z-index:12; box-shadow: 0 0px 12px rgba(0,0,0,0.2); cursor: pointer;}
.slick-next::after, .slick-prev::after{content: '';width: 16px;height: 16px;position: absolute;top: 55%;left: 50%;transform: translate(-40%, -50%);margin: auto;background:url(../images/left-arrow.png) no-repeat;background-size: 12px;}
.slick-next::after{background:url(../images/right-arrow.png) no-repeat;}
.slick-next{left:auto;right:10px;background-position:0 -190px;}
.olumpus-heading-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.olumpus-heading-top .olumpusmdheading{font-weight: 700; color: var(--blue-color);}
.olumpus-heading-top .olumpus-left{width: 50%;}
.olumpus-heading-top .olumpus-right{display: flex;align-items: center;position: relative;z-index: 1;}
.olumpus-heading-top p{color: var(--light-blue-color); margin-bottom: 20px;}
.olumpus-heading-top .olumpus-pra{margin-top: 20px;}
.olumpus-heading-top p:last-child{margin-bottom: 0;}
.olumpus-full-width .olumpus-left{width: 100%;}
.fw-olumpus-btn{font-size: 15px;color: var(--white-color);font-weight: 700;border: none;border-radius: 5px;display: flex;align-items: center;padding: 18px 15px;background: var(--blue-color);width: 100%;text-align: center;justify-content: center; cursor: pointer;}
.olumpus-btn{font-size: 15px; color: var(--light-blue-color); font-weight: 700; border-bottom: 2px solid var(--light-blue-color); display: flex; align-items: center; padding-bottom: 12px; margin-right: 40px; transition: ease-in-out .5s;}
.olumpus-btn-white{color: var(--white-color); border-bottom-color: var(--white-color);}
.olumpus-btn img, .fw-olumpus-btn img{ width: auto; height: auto;margin-left: 10px; position: relative;transition: ease-in-out .5s;}
.olumpus-btn:hover img{margin-left: 15px; }
.olumpus-btn:last-child{margin-right: 0;}
.display{display: inline-block;}
.olumpus-btn.display img{position: relative; top: 1px;}
.olumpus-white .olumpusmdheading{color: var(--white-color);}
.olumpus-white .olumpus-btn{color: var(--white-color); border-bottom-color: var(--white-color);}
.olumpus-white p{color: var(--white-color);}
.career-box, .footer{background: var(--blue-color); }
.taco-text{position: absolute; bottom: 80px; left: 0; right: 0; margin:0 auto; text-align: center;}
.taco-text .olumpusmdheading{color: var(--white-color); margin-bottom: 20px;}
.w-full{width: 100% !important; height: auto;}
.inner-banner{position: relative; line-height: 0.6; overflow: hidden;}
.inner-banner .olumpuslgheading{width: 100%;height: 100%;position: absolute;color: var(--white-color);top: 0;display: flex;align-items: center;justify-content: center;text-align: center;z-index: 1;}
.inner-bg::after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);}
.form-group{margin-bottom: 15px;}
.form-group:last-child{margin-bottom: 0;}
.form-label{font-size: 18px;color: var(--blue-color);font-weight: 600;padding: 2px 5px;background: var(--white-color);position: relative;top: 14px;left: 26px;}
.form-control{font-size: 16px; color: var(--light-blue-color); width: 100%; padding: 30px 30px; height: 80px; border: 1px solid #DFDED8; border-radius: 5px;}
textarea.form-control{resize:none; height: 140px;}
.form-control.selectarrow {background: url(../images/down-arrow.svg) no-repeat 95% var(--white-color); -webkit-appearance: none;}
.play-btn {position: absolute; top: 0;bottom: 0;left: 0;right: 0;margin: auto; cursor: pointer; animation: ripple 1s infinite; border-radius: 50%; max-width: 100px; z-index: 1;}
.banner-left {position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index: 1;}

.sider-bottom-arrow .slick-next, .sider-bottom-arrow .slick-prev{top: auto; bottom: -90px; left: 0; right: 0; margin: auto;}
.sider-bottom-arrow .slick-prev{right: 100px;}
.sider-bottom-arrow .slick-next{left: 30px;}


/*sign-up*/
.banner.main-wrapper{background: url('../images/main-banner.jpg')no-repeat center; background-size: cover; padding: 0px 150px; height: 100vh; display: flex; align-items: center; justify-content: flex-start;}
.banner .form-left {width: 440px; padding: 40px; border-radius: 20px; background: #FFF;}
.banner .form-left form { padding: 0px 0px 0px; margin: 10px 0 0; border-radius: 18px;}
.banner .form-left form .input-container {padding: 10px 0;}
.form-left .form-title p{font-size: 14px; font-style: normal; font-weight: 500; padding: 14px 0 10px; color: var(--gray-color);}
.banner .form-left form .input-container input, .banner .form-left form .input-container textarea, .city_input_box {width: 100%;padding: 5px 0;height: 48px;border: none;background: #fff;font-size: 15px;font-weight: 500;border-radius: 8px;border: 1px solid var(--light-grey);color: var(--gray-color);padding: 0px 15px; padding-right: 50px; margin-top: 6px;}
.banner .form-left form .input-container input::placeholder{color: #C7C9D9;}
.banner .form-left form label{color: var(--gray-color); font-weight: 500;}
.banner .form-left .input-field{position: relative;}
.banner .form-left .form-symbol {position: absolute; right: 10px; top: 57%; transform: translate(-0% , -50%);line-height: 0;}
.banner form .send-container {text-align: center;padding: 15px 0;}
.olumpus-frm-btn {background-color: var(--dark-blue);font-size: 16px;font-weight: 500;color: var(--white-color);padding: 15px 15px;text-align: center;border-radius: 8px;border-color: transparent !important;cursor: pointer;width: 100%;}
.banner form .already-acc{color: var(--light-black); font-weight: 400; font-size: 14px;}
.banner form .already-acc a{color: var(--dark-blue); font-weight: 500;}
.mobile-banner img{display: none;}
.forgot-team{align-items: baseline; margin-bottom: 12px; margin-top: 10px;}

.banner .form-left .check-container{display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.banner .form-left .check-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.banner .form-left .checkmark{position:absolute;top:1px;left:0;height:20px;width:20px;background-color:#fff;border-radius:5px; border: 1px solid #C7C9D9 !important;}
.banner .form-left .check-container:hover input~.checkmark{background-color: #fff; border: 1px solid #000;}
.banner .form-left .check-container input:checked~.checkmark{background-color:var(--white-color); border: 1px solid var(--black-color);}
.banner .form-left .checkmark:after{content:"";position:absolute;display:none}
.banner .form-left .check-container input:checked~.checkmark:after{display:block}
.banner .form-left .check-container .checkmark:after{left:7px;top:3px;width:4px;height:9px;border:solid#C7C9D9;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.forgot a{color: var(--dark-blue); font-size: 14px; font-weight: 500;}




/* Dashboard css */
a{color: inherit;}
img{display:block;max-width: 100%;height: auto;}
.p-relative{position: relative;}
.header-container{width: 97%;margin: auto;}
.oly-row, .oly-right-block, .oly-left-block, .oly-middle-block, .profile-bar{display: flex;}
.oly-row{justify-content: space-between;}
.oly-middle-block{gap: 25px;}
.oly-left-block{gap: 70px;align-items: center;}
.oly-right-block{gap: 25px;align-items: center;padding-right: 40px;}
.oly-middle-block select, .oly-middle-block input{padding: 13px 10px 13px 30px;  position: relative; height: auto; width: 250px; display: inline-block; border-radius: 8px; border: 0.5px solid var(--Dark-Dark-3, #8F90A6); background: var(--Light-Light-4, #FFF);}
.map-pin{position: absolute;top: 50%;transform: translateY(-50%);left: 8px;}
.oly-header{background: #FFF;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);padding: 10px 0;position: relative;z-index: 1;}
.oly-middle-block .country-icon:after, .profile-name::after{content: "";background-image: url("../images/dashboard/chevron-down.svg");width: 18px;height: 15px;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: 5px;}
.profile-bar{align-items: center;gap: 15px;position: relative;}
.profile-name::after{right: -35px;}
.profile-name{transition: 0.3s;}
.profile-dropdown{position: absolute;border-radius: 0 0 10px 10px; transition: 0.3s;
  background: #fff;box-shadow: rgba(100, 100, 111, 0.2) 1px 20px 29px 0px;
  z-index: 1;
  padding: 5px;
  width: 100%;
  top: 39px;min-width: 190px;display: none;}
.profile-dropdown li a{font-size: 14px;display: flex;gap:5px;}
.profile-dropdown li{padding: 10px 8px;}
.profile-dropdown img{width: 20px;height: 20px;}
.profile-bar:hover .profile-dropdown{display: block;}
.profile-name:hover::after { right: -35px; transform: rotate(180deg); top: 36%;}

/* Dash board panel */
.oly-bodyRow{display: flex;}
.oly-dashboradLeft{width: 17%;border-radius: 6px; background: #FFF; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);height: auto;}
.oly-dashboradRight{width: 80%;padding: 30px;}
.dashboardBlock li{padding: 10px;margin-bottom: 20px;color: #11263C;}
.dashboardBlock li a{display: flex;gap: 15px;align-items: center;font-size: 14px;}
.dashboardBlock li a img{width: 20px;height: 20px;}
.dashboardBlock{margin:0 20px;margin-top: 30px;}
.dashboardBlock li.active{border-radius: 10px;background: #0A0F7E;color: #fff;}
.new-layout{display: none;}
.dashboardBlock li.active .old-layout{display: none;}
.dashboardBlock li.active .new-layout{display: block;}
.dashboardBlock .media >  a{position: relative;}
.dashboardBlock .media > a::after{content: "";background: url("../images/dashboard/plus.svg")no-repeat 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 24px;cursor: pointer;}
.dashboardBlock .media.cross-active > a::after{background: url("../images/dashboard/cross.svg");background-repeat: no-repeat;height: 21px;}
.media-list li{margin-bottom: 0;}
.dashboardBlock .media.cross-active{border-radius: 10px; background: #F2F2F5;}
.dashboardBlock .media.cross-active > a{font-weight: 700;color: #121676;}
.media-list .listActive{border-radius: 10px; background: #0A0F7E;color: #fff;}
.media-list{margin-top: 20px;display: none;}
.media-list li{position: relative;}
.media-list li::after { content: ""; top: 50%; right: 9px; width: 7px; height: 7px; border-bottom: 2px solid #121676; border-right: 2px solid #121676; border-radius: 1px; display: inline-block; margin-left: 10px; position: absolute;transform: translateY(-50%) rotate(322deg);}
.media-list .listActive::after{border-color: #fff;}
.media.cross-active .media-list{display: block;}
.heading-product p{color: #11263C;font-size: 18px;}
.heading-product{display: flex;justify-content: space-between;}
.arrow-btn .arrow{border-radius: 8px; background: rgba(8, 17, 126, 0.10);display: inline-flex; padding: 8px 10px; align-items: center;gap: 8px;}
.arrow-btn .arrow a svg{vertical-align: sub;}
.btn-viewall{display: inline-flex;margin-left: 10px; padding: 8px 10px; color: #fff; align-items: center; gap: 8px; border-radius: 8px; background: #08117E;}
.product-inner img{width: 100%;border-radius: 20px;}
.product-item{ border-radius: 6px;background: #FFF;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);padding: 10px;}
.product-inner p{text-align: center;color: #11263C;font-size: 14px;margin-top: 10px;font-weight: 700;}
.product-grid{display: grid;gap: 20px; grid-template-columns: repeat(4,1fr);margin-top: 20px;}
.procedure-grid{display: grid;grid-template-columns: repeat(5, 1fr);gap: 25px;margin-top: 30px;}
.procedure-inner{border-radius: 6px; background: #FFF; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);padding: 20px;}
.content-pro-block{margin-top: 30px;}
.procedure-inner a{display: flex;gap: 12px;align-items: center;}
.procedure-inner a .img-wrap{width: 50px;height: 50px;border-radius: 50%;}
.heading-content{color: #11263C;font-size: 18px;font-weight: 700;}
/* category  */
.category-row{display: grid;grid-template-columns: 1fr 1fr;gap: 35px;margin-top: 30px;}
.cat-col{border-radius: 6px; padding: 25px; background: #FFF;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);}
.info-heading{font-size: 24px;color: #202020;font-weight: 600;}
.small-info{font-size: 14px;color: #898989;}
.container-box { display: block; position: relative; padding-left: 25px;margin-bottom: 12px;cursor: pointer; font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.container-box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0px; left: 0; height:20px; width: 20px; border: 1px solid #ccc;border-radius: 3px;}
/* .container-box:hover input ~ .checkmark {background-color: #ccc;} */
.container-box input:checked ~ .checkmark {background-color: #08117E;border: 1px solid transparent;}
.checkmark:after {content: "";position: absolute;display: none;}
.container-box input:checked ~ .checkmark:after {display: block;}
.container-box .checkmark:after {left: 6px; top: 2px; width: 4px; height: 9px;border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.checkbar{margin-top: 20px;}
.go-next{text-align: right;margin-top: 25px;}
.proDesc, .proDescList .proDetail{border-radius: 6px;background: #FFF;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);padding: 20px;margin-top: 30px;}
.proDetail{display: flex;justify-content: space-between;}
.pro-left{display: flex;gap: 20px;width: 75%;border-right:1px solid #8f90a6;align-items: flex-start;}
.pro-right{width: 25%;position: relative; background-color: #EFEFEF;} 
.ProDescwrap{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.ProDescwrap .partblock{text-align: center;}
.ProDescwrap .partblock img{display: block;margin: auto;}
.ProDescwrap .partblock p{font-size: 16px;color: #11263C;font-weight: 700;}
.descList li{color: #898989;font-size: 14px;margin-bottom: 7px;}
.descList{padding:0 20px;display: flex;align-items: flex-end;}
.headingBlockimg img{width: 200px;}
.descList li::before {
  content: "\2022";
  color: #898989;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.rightHeading{margin-left: 0px;font-weight: 700;color: #11263C;font-size: 18px;margin-bottom: 12px;border-radius: 8px;}
.rightHeading img{    width: 150px;
  margin: auto;
  text-align: center;
  display: block;
  padding-top: 10px;}
  .descList ul{margin-top: 10px;}
  .descList ul li{margin-bottom: 5px;font-size: 14px;}

.main-download-table table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  background: #fefefe;
  width:100%;
  margin-top: 25px;
 
}
.main-download-table table thead{
  border-radius: 6px;
  background: #0A0F7E;
  border-bottom: none;
  color: #fff;
 
}
.main-download-table table th:first-child{border-top-left-radius: 6px;border-bottom-left-radius:6px;}
.main-download-table table th:last-child{border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.main-download-table table tbody tr:nth-child(even) {background: rgba(10, 15, 126, 0.03);}

.main-download-table table th,
.main-download-table table td { padding: 10px 15px; text-align: center;}
.main-download-table table td{border-right: 1px solid #e8e7e7; border-bottom: 1px solid #e8e7e7;font-size: 12px;}

/* .main-download-table table th:after{content: "";width: 1px;height: 30px;opacity: 0.4;background: #FFF;    position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
} */

.main-download-table table th { font-size: 12px; text-transform: capitalize; font-weight: 500; padding: 16px;position: relative;}
.main-download-table table tbody{border-left: 1px solid #e8e7e7; border-right: 1px solid #e8e7e7;}

.main-download-table table tbody .first td:nth-child(2)  span{width: 16px;height: 16px; border-radius: 2px;background: #629FCF;display: inline-block;}
.main-download-table table tbody .first td:nth-child(6)  span{width: 40px;height: 16px; border-radius: 2px;background: #B3B3B3;display: block;margin: auto;}
.main-download-table table tbody .first td:nth-child(7)  span{width: 20px;height: 20px; border-radius: 32px; background: #0A0F7E;display: flex;align-items: center;justify-content: center;margin: auto;}

.main-download-table table tbody .second td:nth-child(2)  span{width: 16px;height: 16px; border-radius: 2px;background: #E8CB1C;display: inline-block;}
.main-download-table table tbody .second td:nth-child(6)  span{width: 40px;height: 16px; border-radius: 2px;background: #B3B3B3;display: block; margin: auto;}
.main-download-table table tbody .second td:nth-child(7)  span{width: 20px;height: 20px; border-radius: 32px; background: #0A0F7E;display: flex;align-items: center;justify-content: center;margin: auto;}

.main-download-table table tbody .third td:nth-child(2)  span{width: 16px;height: 16px; border-radius: 2px;background: #E8CB1C;display: inline-block;}
.main-download-table table tbody .third td:nth-child(6)  span{width: 40px;height: 16px; border-radius: 2px;background: #B3B3B3;display: block; margin: auto;}
.main-download-table table tbody .third td:nth-child(7)  span{width: 20px;height: 20px; border-radius: 32px; background: #0A0F7E;display: flex;align-items: center;justify-content: center;margin: auto;}

.main-download-table table tbody .fourth td:nth-child(2)  span{width: 16px;height: 16px; border-radius: 2px;background: #E8CB1C;display: inline-block;}
.main-download-table table tbody .fourth td:nth-child(6)  span{width: 40px;height: 16px; border-radius: 2px;background: #B3B3B3;display: block; margin: auto;}
.main-download-table table tbody .fourth td:nth-child(7)  span{width: 20px;height: 20px; border-radius: 32px; background: #0A0F7E;display: flex;align-items: center;justify-content: center;margin: auto;}

.main-download-table table tbody .fifth td:nth-child(2)  span{width: 16px;height: 16px; border-radius: 2px;background: #E8CB1C;display: inline-block;}
.main-download-table table tbody .fifth td:nth-child(6)  span{width: 40px;height: 16px; border-radius: 2px;background: #B3B3B3;display: block; margin: auto;}
.main-download-table table tbody .fifth td:nth-child(7)  span{width: 20px;height: 20px; border-radius: 32px; background: #0A0F7E;display: flex;align-items: center;justify-content: center;margin: auto;}

.main-download-table table tbody .sixth td:nth-child(2)  span{width: 16px;height: 16px; border-radius: 2px;background: #EC8B00;display: inline-block;}
.main-download-table table tbody .sixth td:nth-child(6)  span{width: 40px;height: 16px; border-radius: 2px;background: #B3B3B3;display: block; margin: auto;}
.main-download-table table tbody .sixth td:nth-child(7)  span{width: 20px;height: 20px; border-radius: 32px; background: #0A0F7E;display: flex;align-items: center;justify-content: center;margin: auto;}

.shadow-scroll-x{overflow-x: scroll;}
.main-download-table table{white-space: nowrap;}
/* Procedure detail */
.pro-detail{display: flex;justify-content: space-between;}
.pro-detail a{display: flex;gap: 5px;color: #121676;}



/* add edit */
.Addform, .editform {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
  padding: 40px 50px;
  margin-top: 40px;
}

.form-control-oly label {
  display: block;
  color: #1C1C28;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.form-control-oly input,
.form-control-oly select {
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #C7C9D9;
  padding: 15px;
  appearance: auto;
  color: #C7C9D9;
  font-size: 14px;
}

.Addform form .field-boxes, .editform form .field-boxes {
  display: grid;
grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
}
.ckeditor form .field-boxes, .editform form .field-boxes, .addprdNew form .field-boxes {
  display: flex;
flex-wrap: wrap;
  gap: 25px;
}
.ckeditor form .field-boxes .form-control-oly, .addprdNew form .field-boxes .form-control-oly{width: 31%;}
.ckeditor form .field-boxes .form-control-oly:nth-child(3){width: 100%;}
.addprdNew form .field-boxes .form-control-oly:last-child{width: 100%;}
.addprdNew form .field-boxes .form-control-oly .procedure_box{flex-wrap: wrap;}
.addprdNew form .field-boxes .form-control-oly .procedure_box .labelbox{width: 25%;}
.addprdNew form .field-boxes .form-control-oly .procedure_box .labelbox input{width: auto;}







.heading-label {
  color: #08117e;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
}

.btn-wrap-user {
  margin-top: 30px;
  display: flex;
  gap: 50px;
}


.btn-cm {
  border-radius: 6px;
  background: #0A0F7E;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  width: 160px;
  padding: 10px;
  justify-content: center;
  color: #fff;
  align-items: center;
  gap: 10px;
  border: 0;
}

.btn-back {
  border-radius: 6px;
  border: 1px solid #0A0F7E;
  opacity: 0.6;
  background: #FFF;
  color: #C7C9D9;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
.editform .form-control-oly input, .form-control-oly select{color: #0A0F7E;}
@media screen and (max-width: 1280px){
    .banner.main-wrapper{ padding: 0 100px; justify-content: center;}
    .dashboardBlock{margin: 0 15px;margin-top: 30px;}
}

@media screen and (max-width:1026px){
  .product-grid{grid-template-columns: repeat(3, 1fr);}
  .oly-dashboradLeft{width: 25%;}
  .oly-dashboradRight{width: 75%;}
  .oly-middle-block select, .oly-middle-block input{width: 200px;}
  .procedure-grid{grid-template-columns: repeat(3, 1fr)}
}
@media screen and (max-width: 767px){
    .banner .form-left{width: 90%; margin: 0 auto; padding: 40px 0;}
    .banner.main-wrapper{background: none; padding: 0; height: auto; display: block;}
    .mobile-banner img{border-radius: 0 0 40px 40px; height: 100%; display: block;}
}



/* ------ CSS By Saurabh -------- */
table.dataTable tbody th, table.dataTable tbody td{
  padding: 16px 10px!important;
}
.main-download-table table{
  padding-top: 15px;
}
.main-download-table table .action{
  display: flex;
  align-items: center;
  gap: 22px;
}
.main-download-table table .action button{
  border: none;
  background: transparent;
  cursor: pointer;
}
.main-download-table table .action .view{
  color: #0A0F7E;
}
.main-download-table table .action button img{
  height: 16px;
  margin:0 auto 7px;
}

.main-download-table table thead th{
  border-right: 1px solid #727272;
}

.breadcrumb-wrapper{
  margin-bottom: 22px;
  display: flex;
  justify-content: space-between;
}

.breadcrumb-wrapper .breadcrumb-list{
  display: flex;
  align-items: center;
}

.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item{
  font-size: 16px;
  color:#11263C;
}

.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item + .breadcrumb-item{
  display: flex;
}

.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item + .breadcrumb-item::before{
  content: '/';
  position: relative;
  display: block;
  color: inherit;
  padding: 0 10px;
}

.breadcrumb-wrapper .cta-btn-wrap{
  display: flex;
  gap: 12px;
}

.breadcrumb-wrapper .cta-btn-wrap button{
  border: none;
  display: flex;
  align-items: center;
  padding: 7px 12px;
  gap: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s ease-in;
}

.breadcrumb-wrapper .cta-btn-wrap button:hover{
  opacity: 0.8;
}

.breadcrumb-wrapper .cta-btn-wrap button span{
  font-size: 14px;
  color: #fff;
  text-transform: capitalize
}

.breadcrumb-wrapper .cta-btn-wrap button.add-cta{
  background: #F6AB00;
}

.breadcrumb-wrapper .cta-btn-wrap button.del-cta{
  background:#F58790;
}

 .alert,
.Addform .success_msg{
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}


.proDesc .success_msg{
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.Addform .error_message{
  color: white;
  background-color: #a94442;
  border-color: #badbcc;
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.proDesc .error_message{
  color: white;
  background-color: #a94442;
  border-color: #badbcc;
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.status_box{display: flex;gap: 15px;align-items: center;
  border-radius: 8px;
  border: 1px solid #C7C9D9;
  padding: 13px 15px;
  appearance: auto;
  color: #C7C9D9;
  font-size: 14px;
}
.status_box input, .status_box label{display: inline-block;margin-bottom: 0;}
.status_box .labelbox{position: relative;}


.status_box [type="radio"]:checked,
.status_box [type="radio"]:not(:checked) {
    position: absolute;
    left: 0px;
    top: 5px;
    width: auto;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.status_box [type="radio"]:checked + label,
.status_box [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.status_box [type="radio"]:checked + label:before,
.status_box [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.status_box [type="radio"]:checked + label:after,
.status_box [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0A0F7E;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.status_box [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.status_box [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*.ProDescwrap{position: absolute;top: 50%;left: 50%;transform: translate(-40%, -40%);}*/

::-webkit-scrollbar {
  height: 7px;
  width: 5px;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.suggestion-box{position: absolute;top: 50px;background-color: #fff;left: 0;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;width: 100%;max-height: 400px;height: 400px;border-radius: 5px;display: none;overflow-y:scroll ;}
.suggest{padding: 8px;text-align: center;border-bottom: 1px solid #f4f4f4;}
.layerbg{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  
  display: none;
   
}

.delete {
  border-radius: 6px;
  background: #0A0F7E;
  border: 0;
  cursor: pointer;
  display: flex;
  width: 100%;
  padding: 10px;
  justify-content: center;
  color: #fff;
  align-items: center;
  gap: 10px;
}

.delete-icon { 
  color: #000; 
  display: block;
}

.gus-popup-close{color: #fff !important;padding: 0 !important;display: flex;align-items: center;justify-content: center;}
.breadcrumb-wrapper .cta-btn-wrap button.add-cta{height: 40px;}
.desc-img{flex:  0 0 200px;height:auto;}
.desc-img img{width: 100%;height: auto !important;border-radius: 15px;}
#myTable img{border-radius: 15px;}


.gus-popup{position: fixed;z-index: 123;top: 0;left: 0;display: none;width: 100%;height: 100%;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;overflow-x: hidden;overflow-y: hidden;}
.gus-popup-overlay {position: fixed; z-index: 10; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.gus-popup-wrapper{position: absolute;z-index: 123;top: 50%;left: 50%;width: 325px;margin: 0px auto;background-color: #fff;border-radius: 0;opacity: 1; border-radius: 10px; text-align: center; padding: 15px; transform: translate(-50%,-50%);}
.gus-popup-body{width: 100%;}
@media (max-width: 479px) {
    .gus-popup-wrapper{width: 85%;}
}


.prd-feature-popup{position: fixed;z-index: 123;top: 0;left: 0;display: none;width: 100%;height: 100%;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;overflow-x: hidden;overflow-y: hidden;}
.prd-feature-popup-overlay {position: fixed; z-index: 10; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.prd-feature-popup-wrapper{position: absolute;z-index: 123;top: 50%;left: 50%;width:550px;margin: 0px auto;background-color: #fff;border-radius: 0;opacity: 1; border-radius: 10px; text-align: center; padding: 15px; transform: translate(-50%,-50%);}
.prd-feature-popup-close {position: absolute;width: 32px;height: 32px;border: 0px solid var(--white-color);border-radius: 50%;text-align: center;top: -15px;right: -8px;padding: 0;color:#fff;background: #000;cursor: pointer;padding: 8px;display: flex;align-items: center;justify-content: center;z-index: 1;padding: 0 !important;display: flex;align-items: center;justify-content: center;}
.prd-feature-popup-body{width: 100%;}
@media (max-width: 479px) {
.prd-feature-popup-wrapper{width: 85%;}
}

.area-compatibility-popup{position: fixed;z-index: 123;top: 0;left: 0;display: none;width: 100%;height: 100%;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;overflow-x: hidden;overflow-y: hidden;}
.area-compatibility-popup-overlay {position: fixed; z-index: 10; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.area-compatibility-popup-wrapper{position: absolute;z-index: 123;top: 50%;left: 50%;width: 325px;margin: 0px auto;background-color: #fff;border-radius: 0;opacity: 1; border-radius: 10px; text-align: center; padding: 15px; transform: translate(-50%,-50%);}
.area-compatibility-popup-close {position: absolute;width: 32px;height: 32px;border: 0px solid var(--white-color);border-radius: 50%;text-align: center;top: -15px;right: 0px;padding: 0;color: var(--black-color);background: #000;cursor: pointer;padding: 8px;display: flex;align-items: center;justify-content: center;z-index: 1;}
.area-compatibility-popup-body{width: 100%;}
.area-compatibility-popup-close {position: absolute;width: 32px;height: 32px;border: 0px solid var(--white-color);border-radius: 50%;text-align: center;top: -15px;right: -8px;padding: 0;color:#fff;background: #000;cursor: pointer;padding: 8px;display: flex;align-items: center;justify-content: center;z-index: 1;padding: 0 !important;display: flex;align-items: center;justify-content: center;}
.w-100-form.form-control-oly{width: 100% !important;}
@media (max-width: 479px) {
.area-compatibility-popup-wrapper{width: 85%;}
}

.scrollit {
    overflow-x:scroll; 
    display: block;
}

ul#sub_category_id_search li {
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 5px 0 !important;
}
.dashboardBlock .media > a::after{display: none !important;}

.add-scroll{
    height: 100vh;
    overflow-y: scroll;
}