/* 409df1 0082f7 site color */
     /* |---------------------------------------------------------------------- | Body Main Css |---------------------------------------------------------------------- */

     @font-face {
         font-family: "Monoton Regular";
         src: url("../Monoton/Monoton-Regular.ttf");
     }

     @font-face {
         font-family: "Poppins Light";
         src: url("../Poppins/Poppins-Light.ttf");
     }

     @font-face {
         font-family: "Poppins Italic";
         src: url("../Poppins/Poppins-Italic.ttf");
     }

     @font-face {
         font-family: "Poppins Regular";
         src: url("../Poppins/Poppins-Regular.ttf");
     }

     @font-face {
         font-family: "Poppins Medium";
         src: url("../Poppins/Poppins-Medium.ttf");
     }

     @font-face {
         font-family: "Poppins SemiBold";
         src: url("../Poppins/Poppins-SemiBold.ttf");
     }

     @font-face {
         font-family: "Poppins Bold";
         src: url("../Poppins/Poppins-Bold.ttf");
     }

     .light {
         font-family: "Poppins Light" !important;
     }

     .italic {
         font-family: "Poppins Italic" !important;
     }

     .regular {
         font-family: "Poppins Regular" !important;
     }

     .medium {
         font-family: "Poppins Medium" !important;
     }

     .semi {
         font-family: "Poppins SemiBold" !important;
     }

     .bold {
         font-family: "Poppins Bold" !important;
     }

     .price {
         font-family: "Poppins Bold";
     }

     :root {
         --chevron: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23080a0f" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
         --tick: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
     }

     html {
         height: 100%;
         scroll-behavior: smooth;
     }

     html.flow {
         overflow: hidden;
     }

     /*_____ scrollbar _____*/

     .scrollbar::-webkit-scrollbar-track {
         background: #e3e8ed;
         border-radius: 50px;
         -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         -ms-border-radius: 50px;
         -o-border-radius: 50px;
     }

     .scrollbar::-webkit-scrollbar {
         width: 4px;
         background-color: #e3e8ed;
         border-radius: 50px;
         -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         -ms-border-radius: 50px;
         -o-border-radius: 50px;
     }

     .scrollbar::-webkit-scrollbar-thumb {
         background: rgba(0, 0, 0, 0.2);
         border-radius: 50px;
         -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         -ms-border-radius: 50px;
         -o-border-radius: 50px;
     }

     body {
         position: relative;
         min-height: 100%;
         /*background-color: #f5f6f8;
    */
         background-color: #fff;
         color: #000000;
         font-size: 16px;
         font-family: "Poppins Regular";
         margin: 0;
         padding: 0;
         line-height: 1.6;
         word-break: break-word;
         transition: all ease 0.5s;
         overflow-x: hidden;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     body {
         display: flex;
         flex-flow: column;
     }

     body.flow {
         overflow: hidden !important;
     }

     body>main {
         flex: 1;
         /* overflow: hidden;
    */
     }

     ::selection {
         background: #409df1;
         color: #fff;
     }

     ::-moz-selection {
         background: #409df1;
         color: #fff;
     }

     body a {
         color: #080a0f;
         word-break: break-word;
     }

     body a,
     body span {
         display: inline-block;
         text-decoration: none;
     }

     body a:hover {
         color: #1f929c;
     }

     body a:focus,
     body a:hover {
         outline: none !important;
         text-decoration: none !important;
     }

     ul {
         margin: 0;
         padding: 0;
     }

     ul li {
         display: inline-block;
     }

     ul li a {
         transition: all ease 0.5s;
     }

     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
         font-family: "Poppins SemiBold";
         line-height: 1.2;
         margin: 0 0 10px;
     }

     p {
         margin: 0 0 15px;
     }

     p:nth-last-child(1) {
         margin: 0;
     }

     p>a {
         color: #0f3a74;
     }

     p>a:hover {
         color: #2115dc;
     }

     .relative {
         position: relative;
     }

     .tableDv {
         display: table;
         width: 100%;
         height: 100%;
     }

     .tableCell {
         display: table-cell;
         vertical-align: middle;
     }

     .toggle {
         position: absolute;
         top: 28px;
         right: 5px;
         display: flex;
         display: none;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         padding: 10px;
         transition: all ease 0.5s;
         z-index: 4;
     }

     .toggle span,
     .toggle span:before,
     .toggle span:after {
         content: "";
         position: absolute;
         left: 0;
         right: 0;
         height: 2px;
         background: #FCC400;
         border-radius: 50px;
         transition: all ease 0.5s;
     }

     .toggle span {
         position: relative;
         display: block;
         width: 22px;
         margin: 8px auto;
     }

     .toggle span:before {
         top: -7px;
     }

     .toggle span:after {
         bottom: -7px;
     }

     .toggle.active span {
         width: 22px;
         background: transparent !important;
     }

     .toggle.active span:before,
     .toggle.active span:after {
         top: 0;
     }

     .toggle.active span:before {
         transform: rotate(405deg);
         -webkit-transform: rotate(405deg);
         -moz-transform: rotate(405deg);
         -ms-transform: rotate(405deg);
         -o-transform: rotate(405deg);
     }

     .toggle.active span:after {
         transform: rotate(-45deg);
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
     }

     .blockquote {
         background: #fafafa;
         color: #151d23;
         padding: 10px 10px 10px 20px;
         border: 1px solid #f0f5f9;
         border-left: 4px solid #409df1;
     }

     .heading {
         position: relative;
         margin-bottom: 25px;
     }

     .heading>em {
         color: #409df1;
     }

     .sub_heading {
         color: #409df1;
         font-size: 14px;
         font-family: "Poppins Medium";
         text-transform: uppercase;
     }

     p.pre {
         color: #8b9593;
         margin: -10px 0 30px;
     }

     .color {
         color: #409df1 !important;
     }

     .background {
         background: #409df1 !important;
     }

     /* |---------------------------------------------------------------------- | Body Main Button |---------------------------------------------------------------------- */

     .webBtn {
         position: relative;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         min-width: 158px;
         height: 50px;
         background: #000000;
         color: rgb(255, 255, 255);
         font-size: 16px;
         font-family: "Poppins Medium";
         text-align: center;
         padding: 0 30px;
         white-space: nowrap;
         text-transform: capitalize;
         border: 0;
         border-radius: 10px;
         outline: none !important;
         /*box-shadow: rgb(15 78 126 / 5%) 0 16px 48px 0;
    */
         box-shadow: rgb(81 24 24 / 20%) 0 5px 10px 0;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .webBtn:hover,
     .webBtn:focus {
         /* background: #0f3a74;
    */
         opacity: 0.8;
         color: #fff;
     }

     .smBtn {
         min-width: 40px;
         height: 36px;
         padding: 0 20px;
     }

     .mdBtn {
         min-width: 80px;
         height: 40px;
     }

     .lgBtn {
         height: 54px;
         font-size: 16px;
         padding: 0 40px;
     }

     .colorBtn {
         background: linear-gradient(to bottom, #002d6b, #3f618f);
         color: rgb(255, 255, 255);
     }

     .colorBtn:hover {
         color: #002d6b;
         background: #fff;
         border: 1px solid #002d6b;
     }

     .blankBtn {
         background: transparent;
         color: #ffffff;
     }

     .blankBtn:hover {
         background: linear-gradient(to bottom, #002d6b, #3f618f);
         color: #fff;
         border: 1px solid transparent;
     }

     .lightBtn {
         background: #006fc0;
         color: #ffffff;
     }

     .lightBtn:hover {
         background: linear-gradient(to bottom, #002d6b, #3f618f);
         color: #ffffff;
         border: 1px solid #002d6b;
     }

     .labelBtn {
         min-width: initial;
         height: auto;
         background: transparent;
         color: #409df1;
         padding: 0;
         border: 0;
         box-shadow: none;
     }

     .labelBtn:hover {
         background: transparent;
         color: #080a0f;
     }

     .labelBtn>i {
         font-size: 100%;
     }

     .simpleBtn {
         background: #006fc0;
         color: #ffffff;
         /* border: 1px solid #b5bcc0;
    */
     }

     .simpleBtn:hover {
         background: #fff;
         color: #006fc0;
         /* border-color: #409df1;
    */
     }

     .simpleBtn.icoBtn>img {
         filter: none;
         -webkit-filter: none;
     }

     .grayBtn {
         background: #fff;
         color: #8b9593;
         border: 1px solid #eee;
     }

     .grayBtn:hover {
         background: #fafafa;
         color: #8b9593;
     }

     .borderBtn {
         border: 1px solid #ffffff;
     }

     .arrowBtn {
         display: flex !important;
         width: 46px;
         min-width: 46px;
         padding: 0 5px;
     }

     .arrowBtn>i {
         font-weight: bold;
         margin: 0 !important;
     }

     .arrowBtn>img {
         width: 18px;
     }

     .icoBtn>img {
         width: 18px;
         margin-right: 10px;
         filter: brightness(0) invert(1);
         -webkit-filter: brightness(0) invert(1);
     }

     .roundBtn {
         border-radius: 50px;
         -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         -ms-border-radius: 50px;
         -o-border-radius: 50px;
     }

     .blockBtn {
         width: 100%;
     }

     .blockBtn em {
         flex: 1;
         text-align: left;
     }

     .webBtn i {
         font-size: 140%;
         margin-right: 10px;
     }

     .webBtn.smBtn i {
         font-size: 120%;
     }

     .webBtn i.fi-arrow-right {
         font-weight: bold;
         margin-left: 10px;
         margin-right: 0;
     }

     .webBtn i.fi-arrow-left {
         font-weight: bold;
         margin-left: 0;
         margin-right: 10px;
     }

     /*_____ webBtn spinner _____*/

     .webBtn .spinner {
         width: auto;
         height: auto;
         background: inherit;
         border-radius: inherit;
         overflow: hidden;
     }

     .webBtn .spinner~i {
         visibility: hidden;
     }

     .webBtn .spinner,
     .webBtn .spinner:before,
     .webBtn .spinner:after {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: auto;
     }

     .webBtn .spinner:before,
     .webBtn .spinner:after {
         content: "";
         width: 18px;
         height: 18px;
         border: 3px solid;
         animation: spinner 0.5s linear infinite;
         border-radius: 75%;
         -webkit-animation: spinner 0.5s linear infinite;
     }

     .webBtn .spinner:before {
         border-right-color: transparent;
         border-bottom-color: transparent;
     }

     .webBtn .spinner:after {
         border-top-color: transparent;
         border-left-color: transparent;
         opacity: 0.5;
     }

     .webBtn.smBtn .spinner:before,
     .webBtn.smBtn .spinner:after {
         width: 14px;
         height: 14px;
     }

     .webBtn.lgBtn .spinner:before,
     .webBtn.lgBtn .spinner:after {
         width: 20px;
         height: 20px;
     }

     @keyframes spinner {
         0% {
             transform: rotate(0deg);
             -webkit-transform: rotate(0deg);
             -moz-transform: rotate(0deg);
             -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
         }

         100% {
             transform: rotate(-360deg);
             -webkit-transform: rotate(-360deg);
             -moz-transform: rotate(-360deg);
             -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
         }
     }

     *[disabled] {
         cursor: not-allowed !important;
     }

     a[disabled],
     button[disabled] {
         opacity: 0.8;
     }

     .learnBtn {
         background: transparent;
         color: #409df1;
         font-family: "Poppins SemiBold";
         padding: 0;
         text-transform: capitalize;
         border: 0;
     }

     .learnBtn i {
         position: relative;
         top: 3px;
         font-weight: bold;
         margin-left: 5px;
         /*transform: scale(-1);
    */
         transition: padding ease 0.5s;
         -webkit-transition: padding ease 0.5s;
         -moz-transition: padding ease 0.5s;
         -ms-transition: padding ease 0.5s;
         -o-transition: padding ease 0.5s;
     }

     .learnBtn:hover i {
         padding-left: 10px;
     }

     /* |---------------------------------------------------------------------- | Body Inner Css |---------------------------------------------------------------------- */

     h1 {
         font-size: 40px;
     }

     h2 {
         font-size: 32px;
     }

     h3 {
         font-size: 24px;
     }

     h4 {
         font-size: 20px;
     }

     h5 {
         font-size: 16px;
     }

     h6 {
         font-size: 14px;
     }

     img {
         width: 100%;
         display: block;
     }

     em {
         font-style: normal;
     }

     strong {
         font-family: "Poppins SemiBold";
         font-weight: normal;
         color: #006fc0;
     }

     input,
     button,
     select,
     textarea {
         text-decoration: none !important;
         outline: none !important;
     }

     .ease,
     body a,
     body button,
     body .webBtn {
         transition: all ease 0.5s;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     .contain,
     .contain-fluid {
         position: relative;
         max-width: 1300px;
         padding: 0 15px;
         margin: auto;
         min-height: 1px;
         z-index: 3;
     }

     .contain-fluid {
         max-width: 1600px;
     }

     .contain:before,
     .contain:after,
     .contain-fluid:before,
     .contain-fluid:after {
         content: "";
         display: table;
     }

     .contain:after,
     .contain-fluid:after {
         clear: both;
     }

     section {
         position: relative;
         padding: 8rem 0;
     }

     .flex {
         display: flex;
         flex-wrap: wrap;
     }

     .formRow {
         display: flex;
         flex-wrap: wrap;
         margin: -10px;
     }

     .formRow>[class*="col-"],
     .formRow>[class^="col-"] {
         padding: 10px;
     }

     .flexBox {
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .flexDv {
         width: 100%;
     }

     .flexRow {
         margin: -10px;
     }

     .flexRow>.col {
         padding: 10px;
     }

     .bTn {
         display: flex;
         flex-flow: wrap;
         gap: 5px;
     }

     .bTn.formBtn {
         margin-top: 20px;
     }

     .text-left.bTn,
     .text-left .bTn {
         justify-content: flex-start;
     }

     .text-center.bTn,
     .text-center .bTn {
         justify-content: center;
     }

     .text-right.bTn,
     .text-right .bTn {
         justify-content: flex-end;
     }

     /*_____ upperlay _____*/

     .upperlay {
         position: fixed;
         top: 0;
         left: 280px;
         right: 0;
         bottom: 0;
         background: rgb(10 33 48 / 0.9);
         opacity: 0;
         visibility: hidden;
         backdrop-filter: blur(5px);
         transition: all ease 0.5s;
         z-index: 100;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     .upperlay.active {
         opacity: 1;
         visibility: visible;
     }

     /* |---------------------------------------------------------------------- | Popup |---------------------------------------------------------------------- */

     .popup {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(25, 33, 37, 0.95);
         padding: 20px 0;
         overflow: auto;
         z-index: 101;
     }

     .popup ._inner {
         position: relative;
         max-width: 800px;
         /*background: #f7f8f9;
    */
         background: #fff;
         padding: 10px;
         margin: auto;
         border-radius: 10px;
         box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .popup ._inner #vidBlk video {
         width: 100%;
         height: 100%;
     }

     .popup.big-popup ._inner {
         max-width: 800px;
     }

     .popup.small-popup ._inner {
         max-width: 420px;
     }

     .popup ._inner h3 {
         padding-right: 25px;
         margin-bottom: 20px;
     }

     .popup ._inner h4 {
         padding-right: 25px;
         margin-bottom: 15px;
     }

     .popBtn {
         cursor: pointer;
     }

     .crosBtn {
         position: absolute;
         top: 5px;
         display: flex;
         align-items: center;
         justify-content: center;
         right: 5px;
         width: 28px;
         height: 28px;
         color: #fff;
         font-size: 18px;
         text-align: center;
         cursor: pointer;
         z-index: 5;
         background: linear-gradient(to bottom, #002d6b, #3f618f);
         border-radius: 25px;
         -webkit-border-radius: 25px;
         -moz-border-radius: 25px;
         -ms-border-radius: 25px;
         -o-border-radius: 25px;
     }

     .crosBtn:before {
         content: "\2715";
         line-height: 1;
     }

     .popup .list>li {
         display: flex;
         margin-bottom: 10px;
     }

     .popup .list>li>div:nth-child(1) {
         width: 120px;
         min-width: 120px;
         font-family: "Poppins Bold";
         margin-right: 10px;
     }

     .popup .list>li>div:nth-child(2) {
         width: 100%;
     }

     .popup .blockLst {
         margin: -15px;
     }

     /* |---------------------------------------------------------------------- | Dropdown |---------------------------------------------------------------------- */

     .dropBtn {
         display: inline-flex;
         align-items: center;
         cursor: pointer;
     }

     .dropBtn>i.chevron {
         display: inline-block;
         width: 10px;
         min-width: 10px;
         height: 10px;
         background-image: var(--chevron);
         background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
         margin: 0;
         margin-left: 5px;
         transition: inherit;
     }

     .dropDown {
         position: relative;
         z-index: 1;
     }

     .dropCnt {
         position: absolute;
         top: 100%;
         right: 0;
         min-width: 260px;
         max-width: 260px;
         background: #fff;
         margin-top: 10px;
         visibility: hidden;
         opacity: 0;
         /*border: 1px solid #eee;
    */
         border-radius: 7px;
         box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);
         transition: all ease 0.5s;
         overflow: hidden;
         display: block;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     .dropCnt.right {
         left: initial;
         right: 0;
     }

     .dropCnt.active {
         margin-top: 0;
         visibility: visible;
         opacity: 1;
     }

     .dropLst {
         /* border: 1px solid #eee;
    */
         padding: 6px 0;
         /* border-radius: 7px;
    */
     }

     .dropLst>li,
     .dropLst>li>* {
         display: block;
     }

     .dropLst>li:nth-child(1)>* {
         border-top-left-radius: 7px;
         border-top-right-radius: 7px;
     }

     .dropLst>li:nth-last-child(1)>* {
         border-bottom-left-radius: 7px;
         border-bottom-right-radius: 7px;
     }

     .dropLst>li:not(:nth-last-child(1)) {
         border-bottom: 1px solid #eee;
     }

     .dropLst>li>* {
         display: flex;
         align-items: center;
         width: 100%;
         background: #fff;
         /* color: #fff;
    */
         text-align: left;
         /* padding: 6px 15px;
    */
         border: 0;
     }

     .dropLst>li {
         padding: 0px 10px !important;
     }

     /* .dropLst > li > *:hover {
    background: #fafafa;
}
*/

     .dropLst>li>*>i {
         margin-right: 6px;
     }

     .dropLst>li a {
         justify-content: flex-start;
         text-align: left !important;
     }

     /*_____ more _____*/

     .more {
         position: relative;
         width: 20px;
         min-width: 20px;
         height: 20px;
         /* padding-bottom: 10px;
    */
         margin: 0 auto;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: all ease 0.5s;
     }

     .more>span,
     .more>span:before,
     .more>span:after {
         width: 4px;
         height: 4px;
         border-radius: 75%;
         background: #aaa;
         transition: all ease 0.5s;
         z-index: 2;
     }

     .more>span:before,
     .more>span:after {
         position: absolute;
         content: "";
     }

     .more>span:before {
         left: 0;
     }

     .more>span:after {
         right: 0;
     }

     .more:hover>span,
     .more:hover>span:before,
     .more:hover>span:after {
         background: #fff;
     }

     /* |---------------------------------------------------------------------- | Page Loader |---------------------------------------------------------------------- */

     #pageloader {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         background: #f5f6f8;
         z-index: 999999;
     }

     .loader {
         width: 40px;
         height: 40px;
         border: 4px solid #409df1;
         border-right: 4px solid #f0f5f9;
         border-radius: 75%;
         animation: spin 0.5s linear infinite;
     }

     @keyframes spin {
         0% {
             transform: rotate(0deg);
             -webkit-transform: rotate(0deg);
             -moz-transform: rotate(0deg);
             -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
         }

         100% {
             transform: rotate(-360deg);
             -webkit-transform: rotate(-360deg);
             -moz-transform: rotate(-360deg);
             -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
         }
     }

     /* |---------------------------------------------------------------------- | Ico Css |---------------------------------------------------------------------- */

     .ico,
     .icon {
         position: relative;
         display: flex;
         padding: 10px;
         align-items: center;
         justify-content: center;
         text-align: center;
     }

     .ico {
         background: #fff;
         border-radius: 75%;
         box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);
         -webkit-border-radius: 75%;
         -moz-border-radius: 75%;
         -ms-border-radius: 75%;
         -o-border-radius: 75%;
     }

     .ico a,
     .icon a {
         display: block;
         width: 100%;
         height: 100%;
         border-radius: inherit;
         -webkit-border-radius: inherit;
         -moz-border-radius: inherit;
         -ms-border-radius: inherit;
         -o-border-radius: inherit;
     }

     .ico img,
     .icon img {
         width: 100%;
         height: 100%;
         object-position: center;
     }

     .ico img {
         object-fit: cover;
         border-radius: inherit;
         -webkit-border-radius: inherit;
         -moz-border-radius: inherit;
         -ms-border-radius: inherit;
         -o-border-radius: inherit;
     }

     .icon img {
         object-fit: contain;
     }

     .ico>i.status {
         position: absolute;
         top: 0;
         right: -4px;
         display: block;
         width: 12px;
         height: 12px;
         /*background: #43b753;
    */
         background: #409df1;
         border: 2px solid #fff;
         border-radius: 75%;
         -webkit-border-radius: 75%;
         -moz-border-radius: 75%;
         -ms-border-radius: 75%;
         -o-border-radius: 75%;
     }

     .ico>i.status.active {
         background: #43b753;
         /* background: #409df1;
    */
     }

     .ico>i.status.away {
         background: #ffcb00;
     }

     .ico>i.status.busy {
         background: #5883ff;
     }

     .ico>i.status.offline {
         background: #ff5465;
     }

     .ico>.loading {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 0;
         /* width: 50%;
    */
         min-width: 100%;
         height: 3px;
         background: #eee;
         border-bottom-left-radius: inherit;
         border-bottom-right-radius: inherit;
         overflow: hidden;
     }

     .ico>.loading:before {
         content: "";
         width: inherit;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: #409df1;
     }

     /* |---------------------------------------------------------------------- | RateYo |---------------------------------------------------------------------- */

     .jq-ry-container {
         position: relative;
         display: block;
         cursor: pointer;
         box-sizing: content-box;
         line-height: 0;
         direction: ltr;
     }

     .jq-ry-container[readonly="readonly"] {
         cursor: default;
     }

     .jq-ry-container>.jq-ry-group-wrapper {
         position: relative;
         width: 100%;
     }

     .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
         position: relative;
         line-height: 0;
         white-space: nowrap;
         z-index: 1;
     }

     .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
         display: inline-block;
     }

     .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
         width: 100%;
     }

     .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
         position: absolute;
         top: 0;
         left: 0;
         width: 0;
         overflow: hidden;
         z-index: 3;
     }

     /* edditor */
     /* |---------------------------------------------------------------------- | Editor |---------------------------------------------------------------------- */

     .ckEditor {
         /* Font */
         /* Emoji fonts are added to visualise them nicely in Internet Explorer. */
         font-family: "Poppins Regular", sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         font-size: 14px;
         /* Text color */
         color: #333;
     }

     .ckEditor .cke_editable {
         font-size: 13px;
         line-height: 1.6;
         /* Fix for missing scrollbars with RTL texts. (#10488) */
         word-wrap: break-word;
     }

     .ckEditor blockquote {
         font-style: italic;
         font-family: Georgia, Times, "Times New Roman", serif;
         padding: 2px 0;
         border-style: solid;
         border-color: #ccc;
         border-width: 0;
     }

     .ckEditor .cke_contents_ltr blockquote {
         padding-left: 20px;
         padding-right: 8px;
         border-left-width: 5px;
     }

     .ckEditor .cke_contents_rtl blockquote {
         padding-left: 8px;
         padding-right: 20px;
         border-right-width: 5px;
     }

     .ckEditor a {
         display: inline;
         color: #0782c1;
     }

     .ckEditor ol,
     .ckEditor ul,
     .ckEditor dl {
         /* IE7: reset rtl list margin. (#7334) */
         *margin-right: 0px;
         /* Preserved spaces for list items with text direction different than the list. (#6249,#8049)*/
         padding: 0 40px;
     }

     .ckEditor ul,
     .ckEditor ol {
         padding: 0;
         padding-left: 20px;
         margin: 0 0 10px;
         list-style-position: inside;
     }

     .ckEditor ul>li,
     .ckEditor ol>li {
         display: list-item;
         margin-bottom: 5px;
     }

     .ckEditor ul>li ul,
     .ckEditor ol>li ol {
         margin: 5px 0 7px;
     }

     .ckEditor h1,
     .ckEditor h2,
     .ckEditor h3,
     .ckEditor h4,
     .ckEditor h5,
     .ckEditor h6 {
         font-weight: normal;
         line-height: 1.2;
     }

     .ckEditor hr {
         border: 0px;
         border-top: 1px solid #ccc;
     }

     .ckEditor img.right {
         border: 1px solid #ccc;
         float: right;
         margin-left: 15px;
         padding: 5px;
     }

     .ckEditor img.left {
         border: 1px solid #ccc;
         float: left;
         margin-right: 15px;
         padding: 5px;
     }

     .ckEditor pre {
         white-space: pre-wrap;
         /* CSS 2.1 */
         word-wrap: break-word;
         /* IE7 */
         -moz-tab-size: 4;
         tab-size: 4;
     }

     .ckEditor .marker {
         background-color: Yellow;
     }

     .ckEditor span[lang] {
         font-style: italic;
     }

     .ckEditor figure {
         text-align: center;
         outline: solid 1px #ccc;
         background: rgba(0, 0, 0, 0.05);
         padding: 10px;
         margin: 10px 20px;
         display: inline-block;
     }

     .ckEditor figure>figcaption {
         text-align: center;
         display: block;
         /* For IE8 */
     }

     .ckEditor a>img {
         padding: 1px;
         margin: 1px;
         border: none;
         outline: 1px solid #0782c1;
     }

     /* Widget Styles */

     .ckEditor .code-featured {
         border: 5px solid red;
     }

     .ckEditor .math-featured {
         padding: 20px;
         box-shadow: 0 0 2px rgba(200, 0, 0, 1);
         background-color: rgba(255, 0, 0, 0.05);
         margin: 10px;
     }

     .ckEditor .image-clean {
         border: 0;
         background: none;
         padding: 0;
     }

     .ckEditor .image-clean>figcaption {
         font-size: 0.9em;
         text-align: right;
     }

     .ckEditor .image-grayscale {
         background-color: white;
         color: #666;
     }

     .ckEditor .image-grayscale img,
     .ckEditor img.image-grayscale {
         filter: grayscale(100%);
         -webkit-filter: grayscale(100%);
     }

     .ckEditor .embed-240p {
         max-width: 426px;
         max-height: 240px;
         margin: 0 auto;
     }

     .ckEditor .embed-360p {
         max-width: 640px;
         max-height: 360px;
         margin: 0 auto;
     }

     .ckEditor .embed-480p {
         max-width: 854px;
         max-height: 480px;
         margin: 0 auto;
     }

     .ckEditor .embed-720p {
         max-width: 1280px;
         max-height: 720px;
         margin: 0 auto;
     }

     .ckEditor .embed-1080p {
         max-width: 1920px;
         max-height: 1080px;
         margin: 0 auto;
     }

     .ckEditor i,
     .ckEditor em {
         font-style: italic;
     }

     .ckEditor b,
     .ckEditor strong {
         font-weight: bold;
     }

     .ckEditor u {
         text-decoration: underline;
     }

     .ckEditor span {
         display: initial;
         text-decoration: inherit;
     }

     /* ===================header==================== */

     header {
         position: relative;
         right: 0;
         top: 0;
         left: 0;
         bottom: initial;
         background: #ffffff;
         z-index: 30;
     }

     /* topnav */

     .topNav {
         padding: 5px 0px;
         background: linear-gradient(to right, #002d6b, #45affd);
     }

     .topNav .colL {
         width: 60%;
         align-self: center;
         display: flex;
     }

     .topNav .colR {
         width: 40%;
         align-self: center;
         justify-content: flex-end;
     }

     .topNav .colL a {
         margin-right: 20px;
     }

     .topNav .colL a {
         color: #fff;
         display: flex;
     }

     .topNav .colL a .img {
         width: 18px;
         align-self: center;
         margin-right: 10px;
     }

     .topNav .social {
         display: flex;
         flex-flow: wrap;
         gap: 0.5rem;
     }

     .topNav .social li a {
         align-items: center;
         justify-content: center;
         display: flex;
         width: 32px;
         min-width: 32px;
         height: 32px;
         border: 1px solid #fff;
         padding: 6px;
         list-style: none;
         border-radius: 75%;
         transition: all ease 0.5s;
         -webkit-border-radius: 75%;
         -moz-border-radius: 75%;
         -ms-border-radius: 75%;
         -o-border-radius: 75%;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     .topNav .social li a:hover {
         background-color: #002d6b;
     }

     .topNav .social li a img {
         filter: brightness(0) invert(1);
         -webkit-filter: brightness(0) invert(1);
     }

     header .logo {
         float: left;
         display: flex;
         align-items: center;
         width: 15rem;
         height: 9rem;
         position: relative;
         z-index: 99;
     }

     header .logo a {
         height: 100%;
     }

     .logo a img {
         display: block;
         width: auto;
         height: 100%;
         max-width: 100%;
         object-fit: contain;
         object-position: left center;
         transition: inherit;
         -webkit-transition: inherit;
         -moz-transition: inherit;
         -ms-transition: inherit;
         -o-transition: inherit;
     }

     nav {
         display: flex;
         align-items: center;
         height: 9rem;
         justify-content: center;
         gap: 400px;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
     }

     [nav] {
         display: flex;
         justify-content: flex-end;
         flex: 1;
         transition: all ease 0.5s;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     nav ul:first-child {
         justify-content: flex-end;
     }

     nav ul {
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0 -20px;
         /* width: 50%;
    */
     }

     nav ul>li {
         position: relative;
         padding: 0 20px;
         color: rgb(0, 0, 0);
     }

     nav ul>li:not(.btnLi)>a {
         display: flex;
         align-items: center;
         justify-content: center;
         height: 42px;
         color: #000000;
         font-size: 15px;
         text-align: center;
         text-transform: uppercase;
         position: relative;
         font-family: "Poppins Regular";
     }

     [nav] ul li>.active {
         color: #002d6b;
         transition: all ease 05;
         -webkit-transition: all ease 05;
         -moz-transition: all ease 05;
         -ms-transition: all ease 05;
         -o-transition: all ease 05;
     }

     [nav] ul li>.active:before {
         position: absolute;
         content: '';
         bottom: 0;
         left: 0;
         height: 3px;
         background: #002d6b;
         width: 35px;
         transition: all 0.5s ease;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
     }

     [nav] ul li>a:hover {
         color: #002d6b;
         transition: all ease 0.5s;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     [nav] ul li>a:before {
         position: absolute;
         content: '';
         bottom: 0;
         left: 0px;
         height: 3px;
         background: #002d6b;
         width: 0;
         transition: all 0.5s ease;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
     }

     [nav] ul li>a:hover:before {
         width: 35px;
     }

     [nav] #cta {
         margin-left: 2rem;
     }

     #cta li>a:hover:before {
         width: 0;
     }

     header #cta li {
         display: flex;
     }

     header #cta li a {
         height: 50px;
         color: #ffffff;
     }

     header #cta li:nth-child(1) {
         padding-right: 0;
     }

     header #cta li a:hover {
         color: #002d6b;
     }

     /* #cta .colorBtn {
    height: 50px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(to bottom, #002d6b, #3f618f);
    font-size: 15px;
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
*/
     /* =====================================BANNER========================= */

     .owl-carousel .owl-dots>button.active {
         background-color: #002d6b;
         width: 30px;
     }

     .owl-carousel .owl-dots>button {
         width: 10px;
         height: 4px;
         background-color: #FCC400;
         margin-right: 5px;
         border-radius: 5px;
         text-align: center;
         padding-bottom: 15px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -ms-border-radius: 5px;
         -o-border-radius: 5px;
         z-index: 99;
     }

     .owl-dots {
         justify-content: center;
         margin-top: -34px;
         margin-bottom: 30px;
         padding-right: 0;
         z-index: 2;
         display: flex;
         flex-wrap: wrap;
     }

     #banner {
         min-height: 700px;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
     }

     #banner #banner_slider {
         position: absolute;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
     }

     #banner #banner_slider .item {
         height: 700px;
         overflow: hidden;
         position: relative;
     }

     #banner #banner_slider .item .image {
         height: 700px;
         overflow: hidden;
         position: relative;
     }

     #banner #banner_slider .item .image:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.589);
         z-index: 1;
     }

     #banner #banner_slider .item .image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center;
         animation: zoom-in-zoom-out 50s ease infinite;
         -webkit-animation: zoom-in-zoom-out 50s ease infinite;
     }

     #banner .banner_cntnt {
         position: absolute;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         z-index: 1;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     #banner .contain {
         width: 100%;
     }

     #banner .content {
         text-align: center;
         max-width: 850px;
         color: rgb(0, 0, 0);
         margin: 0 auto;
     }

     #banner .content>h4 {
         font-family: "Poppins regular";
         color: #FCC400;
         font-size: 22px;
         text-transform: uppercase;
         letter-spacing: 3px;
     }

     #banner .content>h1 {
         font-size: 60px;
         line-height: 1;
         margin: 20px 0px;
         text-shadow: 5px 5px 5px rgb(41 41 47 / 20%);
         color: rgb(255, 255, 255);
         font-family: "Poppins Bold";
         text-transform: capitalize;
         letter-spacing: -4px;
     }

     #banner .content>p {
         font-size: 18px;
         margin-bottom: 30px;
         text-shadow: 2px 2px 2px rgb(41 41 47 / 20%);
         color: #ffffff;
         font-family: "Poppins Light";
     }

     #banner #cta ul {
         margin-top: 5px;
     }

     #banner #cta ul li {
         padding-right: 15px;
     }

     /* =======================feature=================== */

     .feature-sec {
         padding: 4rem 0;
         background: #F4F4F4;
     }

     /* .feature-sec .flex>.col {
         width: calc(100%/4);
     } */

     .feature-sec .company_logos>.col>.inner {
         padding: 2px 12px;
     }

     .feature-sec .inner>.icon-fea {
         display: flex;
         /* float: left;
    */
     }

     .icon-fea i {
         font-size: 40px;
         color: #002d6b;
         transition: all 0.3s ease-in-out;
         -webkit-transition: all 0.3s ease-in-out;
         -moz-transition: all 0.3s ease-in-out;
         -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
     }

     .feature-sec .inner h5 {
         /* display: block;
    */
         font-size: 20px;
         /* letter-spacing: 0px;
    */
         text-transform: capitalize;
         color: #1c1f25;
         /* margin: 0 auto;
    */
         padding: 7px 0px;
         margin-left: 20px;
         /* margin-top: 4px;
    */
     }

     .feature-text {
         margin-top: 15px;
         text-align: center;
     }

     .feature-sec .image {
         /* width: 80px; */
         height: 150px;
         margin: 0 auto;


     }

     .feature-sec .image img {
         width: 100%;
         height: 100%;
         object-fit: contain;
         margin: 0 auto;
     }

     .feature-sec .sec_heading {
         text-align: center;
         margin-bottom: 30px;
     }

     /* ==========================About us ====================*/

     .about-sec {
         padding: 8rem 0;
     }

     .about-sec .flex>.col {
         align-self: center;
         width: calc(100%/2);
     }

     .sec-heading h5 {
         font-family: 'Poppins Bold';
         color: #FCC400;
         width: fit-content;
         letter-spacing: 3.5px;
         font-size: 13px;
         text-transform: uppercase;
     }

     .sec-heading h2 {
         font-size: 40px;
         margin: 22px 0;
     }

     .sec-heading h2 span {
         color: #002d6b;
     }

     .about-sec #cta {
         margin-top: 38px;
     }

     .about-sec #cta ul li {
         margin-right: 15px;
     }

     .about-sec .flex>.col1 .inner {
         padding: 10px;
     }

     .about-sec .flex>.col2 .inner {
         padding-left: 60px;
         position: relative;
     }

     .about-sec .flex>.col2 .inner .image {
         position: relative;
         padding-bottom: 100%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .about-sec .inner .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     .inner-box1 {
         background: #FCC400;
         padding: 16px 24px;
         border-radius: 5px 0;
         width: 40%;
         text-align: center;
         color: #ffff;
         z-index: 1;
         position: absolute;
         top: 0;
         right: 0;
         -webkit-border-radius: 5px 0;
         -moz-border-radius: 5px 0;
         -ms-border-radius: 5px 0;
         -o-border-radius: 5px 0;
         width: calc(100% - 60px);
     }

     .inner-box2 {
         background: #002d6b;
         padding: 16px 24px;
         border-radius: 5px 0;
         width: calc(100% - 60px);
         text-align: center;
         color: #ffff;
         z-index: 1;
         position: absolute;
         bottom: 0px;
         left: 60px;
         -webkit-border-radius: 5px 0;
         -moz-border-radius: 5px 0;
         -ms-border-radius: 5px 0;
         -o-border-radius: 5px 0;
     }

     /* ====================our-team================ */

     .team-sec {
         padding-top: 8rem;
     }

     .team-sec .flex .col1 {
         width: 30%;
         padding-right: 20px;
         align-self: center;
     }

     .team-sec #cta {
         padding-top: 20px;
     }

     .team-sec .flex .col2 {
         width: 70%;
         display: flex;
     }

     .team-sec .inside {
         width: calc(100%/3);
         padding: 0 10px;
     }

     .team-sec .inside .inner {
         overflow: hidden;
         width: 100%;
         position: relative;
         border-radius: 15px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -ms-border-radius: 15px;
         -o-border-radius: 15px;
         box-shadow: rgb(0 0 0 / 20%) 0 5px 10px 0;
     }

     .team-sec .inside .inner .image {
         overflow: hidden;
         width: 100%;
         position: relative;
         padding-bottom: 125%;
     }

     .team-sec .inside .inner .image:before {
         position: absolute;
         content: "";
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         background: linear-gradient(to top, #0c4352d1, transparent);
         z-index: 1;
         transition: all 0.5s ease;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
     }

     .team-sec .inside .inner .image img {
         width: 100%;
         height: 100%;
         position: absolute;
         object-fit: cover;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
     }

     .team-sec .col .inner .image img {
         width: 100%;
         -webkit-transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
         transition: var(--transition);
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
         -webkit-transition: -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
         transition: -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
         transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
         transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
         height: 100%;
         object-fit: cover;
         -moz-transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
         -ms-transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
         -o-transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
     }

     .team-sec .inner:hover .image img {
         -webkit-transform: scale(1.2);
         -ms-transform: scale(1.2);
         transform: scale(1.2);
         -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
     }

     .inside .inner h3 {
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         margin-bottom: 0;
         padding: 18px;
         font-size: 20px;
         color: #fff;
         z-index: 1;
         text-align: center;
     }

     /*=========================== testimonials ===================*/

     #testimonials {
         background: #F4F4F4;
     }

     .testimonials .col {
         width: 100%;
     }

     .testimonials .col1 {
         display: flex;
         align-items: center;
     }

     .testimonials .sec-heading {
         width: 100%;
         padding-right: 56px;
     }

     .testimonials .sec-cntnt {
         width: 60%;
     }

     .testimonials .item {
         padding-top: 16px;
         max-width: 700px;
         margin: auto;
         position: relative;
     }

     .testimonials .inner {
         position: relative;
         background-color: #ffffff;
         box-shadow: 0 3px 15px 0 rgb(0 0 0 / 5%);
         padding: 30px;
         border-top: 4px solid #002d6b;
         display: flex;
         border-radius: 5px;
         transition: all ease 0.5s;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -ms-border-radius: 5px;
         -o-border-radius: 5px;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     #verifyEmail {
         position: relative;
         background-color: #ffffff;
         box-shadow: 0 3px 15px 0 rgb(0 0 0 / 5%);
         padding: 30px;
         border-top: 4px solid #002d6b;
         display: flex;
         flex-wrap: wrap;
         border-radius: 5px;
         transition: all ease 0.5s;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -ms-border-radius: 5px;
         -o-border-radius: 5px;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
     }

     .testimonials .item a:hover {
         color: #fff;
     }

     .testimonials .item a:hover .inner {
         position: relative;
         background-color: #002d6b;
         box-shadow: 0 3px 15px 0 rgb(0 0 0 / 5%);
         padding: 30px;
         display: flex;
         border-top: 4px solid #FCC400;
         border-radius: 5px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -ms-border-radius: 5px;
         -o-border-radius: 5px;
     }

     .testimonials .inner .lower {
         display: flex;
         margin-top: 18px;
     }

     .testimonials .inner .lower .name {
         display: block;
     }

     .testimonials .inner .lower-cntnt {
         align-self: center;
         padding-left: 20px;
     }

     .testimonials .inner .lower-cntnt .scale {
         color: #002d6b;
         font-size: 13px;
     }

     .testimonials a:hover .inner .lower-cntnt .scale {
         color: #ffff;
     }

     .testimonials a:hover .inner .icon i {
         font-size: 50px;
         margin-left: 79px;
         color: #ffffff;
     }

     .testimonials .inner .icon i {
         font-size: 50px;
         margin-left: 79px;
         color: #002d6b;
     }

     .testimonials .inner .image {
         height: 80px;
         width: 80px;
         position: relative;
     }

     .testimonials .inner .image img {
         border-radius: 60px;
         width: 100%;
         height: 100%;
         object-fit: cover;
         -webkit-border-radius: 60px;
         -moz-border-radius: 60px;
         -ms-border-radius: 60px;
         -o-border-radius: 60px;
     }

     .testimonials .inner .name-profession {
         display: flex;
         flex-direction: column;
     }

     .testimonials ul li .img {
         width: 20px;
     }

     .testimonials a:hover .inner ul li img {
         filter: brightness(0) invert(1);
         -webkit-filter: brightness(0) invert(1);
     }

     .testimonials .lower .icon {
         width: 53px;
         margin-left: 70px;
     }

     .testimonials .lower .icon {
         width: 53px;
         margin-left: 70px;
     }

     .testimonials a:hover .lower .icon img {
         filter: brightness(0) invert(1);
         -webkit-filter: brightness(0) invert(1);
     }

     body span {
         display: inline-block;
         text-decoration: none;
     }

     .testimonials .inner .name-profession .name {
         font-size: 17px;
     }

     .testimonials .inner .name-profession .profession {
         margin-top: 8px;
         font-family: "Poppins italic";
     }

     .testimonials .owl-dots {
         justify-content: center;
         margin-top: 38px;
         margin-bottom: 0px;
         padding-right: 0;
         z-index: 2;
         display: flex;
         flex-wrap: wrap;
     }

     /*======================== trainning ====================*/

     .train-sec {
         background: #F4F4F4;
     }

     .train-sec .col {
         width: calc(100%/2);
     }

     .train-sec .col1 {
         align-self: center;
         padding-right: 30px;
     }

     .train-sec .col1 .train-list {
         display: flex;
         flex-wrap: wrap;
     }

     .train-sec .col1 ul li {
         position: relative;
         display: block;
         width: 50%;
         margin: 5px 0px;
         padding-left: 30px;
     }

     .train-sec .col2 {
         align-self: center;
     }

     .train-sec .col1 ul li i {
         padding-right: 10px;
         color: #002d6b;
     }

     .train-sec .col1 ul li:before {
         position: absolute;
         content: '\f058';
         top: -3px;
         left: 0px;
         font-family: "FontAwesome";
         font-size: 18px;
         color: #002d6b;
     }

     .train-sec #cta {
         padding-top: 30px;
     }

     .vidBlk {
         position: relative;
         display: block;
         background: #fff;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         padding-bottom: 69%;
         max-width: 850px;
         cursor: pointer;
         border-radius: 7px;
         -webkit-box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
         box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
         overflow: hidden;
         -webkit-border-radius: 7px;
         -moz-border-radius: 7px;
         -ms-border-radius: 7px;
         -o-border-radius: 7px;
     }

     .vidBlk:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         width: 14%;
         min-width: 36px;
         max-width: 100px;
         background-image: url(../images/play.svg);
         background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
         margin: auto;
         opacity: 0.9;
         z-index: 1;
         -webkit-transition: all linear 0.5s;
         transition: all linear 0.5s;
         -moz-transition: all linear 0.5s;
         -ms-transition: all linear 0.5s;
         -o-transition: all linear 0.5s;
     }

     .vidBlk:after {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.589);
     }

     .train-sec .image {
         position: relative;
         padding-bottom: 69%;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .train-sec .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
         object-position: center;
         border-radius: 10px;
     }

     .train-sec .vidBlk {
         padding-bottom: 69%;
     }


     /* ===========================our fleet===================== */

     .fleet-sec {
         background-color: #F4F4F4;
     }

     .fleet-sec .col {
         width: 50%;
         align-self: center;
     }

     .fleet-sec .flex {
         flex-direction: row-reverse;
     }

     .fleet-sec .fleet-inner {
         display: flex;
         margin-top: 35px;
     }

     .fleet-sec .fleet-inside {
         width: 50%;
         background: #002d6b;
         color: #ffffff;
         padding: 27px;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .fleet-sec .fleet-inside:nth-child(1) {
         margin-right: 18px;
     }

     .fleet-sec .fleet-inside:nth-child(2) {
         margin-left: 18px;
     }

     .fleet-sec .fleet-inside .inside-cntnt h3 {
         color: #FCC400;
     }

     .fleet-sec .fleet-inside .inside-cntnt h4 {
         color: #ffffff;
         margin-bottom: 5px;
     }

     .fleet-sec .inside-cntnt ul li {
         padding: 5px 0;
     }

     .fleet-sec .mini-cntnt-a {
         display: flex;
     }

     .fleet-sec .mini-cntnt-a .icon {
         padding-left: 0;
         padding-right: 14px;
     }

     .fleet-sec .mini-cntnt-a .icon i {
         font-size: 24px;
         color: #FCC400;
     }

     .fleet-sec .mini-cntnt-a h4 {
         font-size: 17px;
     }

     .fleet-sec .mini-cntnt-b p {
         font-size: 12px;
     }

     .fleet-sec .col2 .inner {
         padding-right: 60px;
     }

     /* .fleet-sec .col1 .inner {
    padding-right: 40px;
}
*/

     .fleet-sec .image {
         position: relative;
         padding-bottom: 80%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .fleet-sec .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
         object-position: center;
     }

     .fleet-sec .image1 {
         width: 26px;
         margin-right: 15px;
         align-self: center;
     }

     /* ===========================specials======================= */

     .special-sec {
         background: #002d6b;
     }

     .special-sec .col {
         width: 50%;
     }

     .special-sec .sec-heading h2 {
         color: #ffffff;
         padding-right: 80px;
     }

     .special-sec .col2 {
         margin: auto 0px;
         padding-left: 25px;
     }

     .special-sec .col2 ul li {
         position: relative;
         padding: 0 30px;
         color: #ffffff;
     }

     .special-sec ul li:before {
         position: absolute;
         content: '\f058';
         top: -3px;
         left: 0px;
         font-family: "FontAwesome";
         font-size: 18px;
         color: #FCC400;
     }

     .special-sec .sec-cntnt {
         color: #ffffff;
         margin-bottom: 20px;
     }

     .special-sec #cta {
         margin-top: 30px;
     }

     .special-sec #cta .colorBtn {
         background: #002d6b;
         border: 1px solid #ffffff;
     }

     /*============================ footer======================== */

     footer {
         position: relative;
         background: #002d6b;
         color: #fff;
         padding-top: 6rem;
         overflow: hidden;
         font-size: 13px;
     }

     footer .footer-logo {
         filter: brightness(0) invert(1);
         width: 88%;
         -webkit-filter: brightness(0) invert(1);
     }

     footer .col p {
         margin-top: 20px;
     }

     footer .contain {
         z-index: 3;
     }

     footer .flexRow {
         display: flex;
         justify-content: space-between;
         flex-flow: nowrap;
         margin: -1.5rem -4rem;
     }

     footer ul {
         margin: 0;
         padding: 0;
     }

     footer .flexRow .col {
         flex: 1;
         padding: 1.5rem 4rem;
     }

     footer .flexRow .col:nth-child(1) {
         flex: 1;
     }

     footer .flexRow .col:nth-child(4) {
         flex: 2;
     }

     footer .footerLogo {
         max-width: 21rem;
         margin-bottom: 1.5rem;
     }

     footer a {
         color: inherit;
     }

     footer h4 {
         position: relative;
         margin-bottom: 1.5rem;
         padding-bottom: 1.5rem;
         font-size: 16px;
     }

     footer h4:after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 3rem;
         height: 0.2rem;
         background: #FCC400;
     }

     footer ul li a:hover {
         color: #FCC400;
     }

     footer .fst li {
         list-style: none;
         display: block;
         margin-bottom: 1rem;
     }

     footer .infoLst>li {
         display: flex;
         margin-bottom: 20px;
     }

     footer .infoLst>li>img {
         width: 16px;
         min-width: 16px;
         height: 16px;
         margin-top: 2px;
         margin-right: 10px;
         filter: invert(1);
         -webkit-filter: invert(1) brightness(30);
     }

     /* 4rth col */

     footer form>label {
         font-size: 13px;
         margin-bottom: 7px;
         font-family: "Poppins Regular";
     }

     .txtGrp {
         position: relative;
     }

     footer form .txtGrp {
         display: flex;
         align-items: center;
         color: #080a0f;
         margin: 10px 0 30px;
     }

     .txtBox {
         display: block;
         width: 100%;
         height: 46px;
         background: #fefefe;
         text-align: left;
         padding: 6px 12px;
         border: 1px solid #eee;
         border-radius: 6px;
         outline: none !important;
         transition: all ease 0.5s;
         font-size: 13px;
     }

     footer form .txtBox {
         padding-right: 46px;
     }

     footer form button {
         position: absolute;
         top: 0;
         right: 16px;
         bottom: 0;
         background: transparent;
         font-size: 16px;
         padding: 0;
         line-height: 0;
         border: 0;
     }

     footer form button i {
         color: #a19191;
     }

     footer .social {
         margin: 30px -3px -3px;
     }

     footer .social>li {
         padding: 3px;
         display: block;
     }

     footer a {
         color: inherit;
         font-size: 14px;
     }

     footer .social>li>a {
         display: flex !important;
         align-items: center;
         justify-content: center;
         width: 38px;
         min-width: 38px;
         height: 38px;
         background: #fff;
         background: rgb(255 255 255 / 10%);
         padding: 11px;
         border-radius: 75%;
     }

     footer .social>li>a>img {
         filter: brightness(0) invert(1);
     }

     /* copyright */

     .copyright {
         padding: 15px 0;
         margin-top: 35px;
         border-top: 1px solid rgb(255 255 255 / 7%);
         z-index: 1;
     }

     .copyright .inner {
         display: flex;
         justify-content: center;
     }

     .copyright p {
         flex: 1;
         margin: 0;
         text-align: center;
     }

     .copyright p>a {
         color: #409df1;
     }

     .copyright p>a:hover {
         color: #fff;
     }

     /* =======================================================Contact page================================= */
     /* ---------mini-banner------- */

     .mini-banner {
         background-image: url(../images/fleet-9.jpg);
         height: 296px;
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         object-fit: cover;
     }

     .mini-banner:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.589);
         z-index: 1;
     }

     .mini-banner .sec-heading {
         margin: 37px 0;
     }

     .mini-banner .sec-heading h1 {
         color: #ffffff;
     }

     /* ============================Contact======================== */

     .contact-sec {
         background-color: #F4F4F4;
     }

     .contact-sec .col {
         width: calc(100%/2);
     }

     .contact-sec .col1 {
         align-self: center;
     }

     .contact-sec .col .inner ul {
         margin-top: 40px;
     }

     .contact-sec .col .inner ul li {
         display: block;
         width: 100%;
     }

     .contact-sec .list-inner {
         display: flex;
         align-items: center;
         padding-bottom: 20px;
     }

     .contact-sec .icon {
         width: 80px;
         height: 80px;
         align-self: center;
         border-radius: 100%;
         position: relative;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         -ms-border-radius: 100%;
         -o-border-radius: 100%;
     }

     .contact-sec .icon i {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         font-size: 24px;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
     }

     .contact-sec .orgbackground {
         background-color: #cfeeef !important;
     }

     .contact-sec .orgbackground i {
         color: #002d6b;
     }

     .contact-sec .blubackground {
         background-color: #cfeeef !important;
     }

     .contact-sec .blubackground i {
         color: #002d6b !important;
     }

     .contact-sec .purbackground {
         background-color: #cfeeef !important;
     }

     .contact-sec .purbackground i {
         color: #002d6b !important;
     }

     .contact-sec .short {
         padding-left: 30px;
     }

     .contact-sec .short h3 {
         font-size: 22px;
         margin-bottom: 5px;
     }

     span {
         background: 0 0;
         border: 0;
         margin: 0;
         padding: 0;
         vertical-align: baseline;
         outline: none;
     }

     .contact-sec .col .fields {
         background: #ffffff;
         padding: 50px 58px;
         /* margin-top: -49px;
    */
         border-radius: 15px;
         box-shadow: 0px 4px 18px 0px rgb(194 200 213 / 30%);
         width: 100%;
         height: auto;
         clear: both;
         float: left;
     }

     .contact-sec .fields {
         text-align: center;
     }

     .contact-sec .fields form h3 {
         margin-bottom: 38px;
     }

     .contact-sec .fields .input-list {
         width: 100%;
         height: auto;
         clear: both;
         float: left;
     }

     .contact-sec .input-list ul {
         margin: 0 0 0 -12px;
         list-style-type: none;
     }

     .contact-sec .input-list ul li {
         margin: 0 0 12px;
         width: 100%;
         float: left;
         padding-left: 12px;
     }

     .contact-sec input {
         width: 100%;
         height: 58px;
         padding: 0 30px;
         background-color: transparent;
         border: 1px solid #d6dbe5;
         border-radius: 12px;
         color: #6f6b80;
         font-size: 18px;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -ms-border-radius: 12px;
         -o-border-radius: 12px;
     }

     .contact-sec .message-area {
         width: 100%;
         float: left;
         margin-bottom: 4px;
     }

     .contact-sec .message-area textarea {
         resize: none;
         width: 100%;
         height: 200px;
         padding: 16px 30px 30px !important;
         background-color: transparent;
         border: 1px solid #d6dbe5;
         border-radius: 12px;
         color: #6f6b80;
         font-size: 18px;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -ms-border-radius: 12px;
         -o-border-radius: 12px;
     }

     .contact-sec .image2 {
         width: 28px;
     }

     /* ======================================================About us page============================ */

     .sec-vision .flex>.col {
         width: calc(100%/3);
     }

     .sec-vision .flex>.col>.inside {
         padding: 0 26px;
     }

     .sec-vision .flex>.col .cntnt h3 {
         font-size: 20px;
         margin-top: 15px;
     }

     .sec-vision .col>.inside a {
         width: 100%;
         height: 100%;
         display: block;
         position: relative;
         cursor: pointer;
     }

     .sec-vision .col>.inside a:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         bottom: 0;
         right: 0;
         opacity: 0;
         z-index: 1;
         border-radius: 10px;
         background-color: rgba(17, 17, 17, 0.3);
         -webkit-transition: all .3s linear;
         -moz-transition: all .3s linear;
         -ms-transition: all .3s linear;
         -o-transition: all .3s linear;
         transition: all .3s linear;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .sec-vision .col>.inside a:hover:before {
         opacity: 1;
     }

     .sec-vision .inside .image {
         position: relative;
         padding-bottom: 60%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .sec-vision .inside .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     /* =================choose us================ */

     .sec-choose {
         background: #F4F4F4;
     }

     .sec-choose .choose-heading {
         text-align: center;
     }

     .sec-choose .choose-heading h2 {
         margin-top: 0;
         margin-bottom: 40px;
     }

     .sec-choose .flex {
         justify-content: center;
     }

     .sec-choose .col {
         width: calc(100%/3);
     }

     .sec-choose .col .inside {
         text-align: center;
         padding: 0px 20px;
         padding-top: 20px;
     }

     .sec-choose .inside h3 {
         font-size: 20px;
     }

     .sec-choose .inside p {
         font-size: 15px;
     }

     .sec-choose .inside .icon {
         width: 70px;
         height: 70px;
         margin: auto;
         border-radius: 50px;
         margin-bottom: 20px;
         background-color: #002d6b;
         border: 1px solid #fff;
         transition: all ease 0.5s;
         -webkit-transition: all ease 0.5s;
         -moz-transition: all ease 0.5s;
         -ms-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
         -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         -ms-border-radius: 50px;
         -o-border-radius: 50px;
     }

     .sec-choose .inside .icon i {
         color: #fff;
         font-size: 30px;
     }

     .sec-choose .inside:hover .icon {
         background-color: #FCC400;
     }

     .sec-choose .inside .icon:hover i {
         color: #fff;
     }

     .sec-choose .inside .icon .image {
         width: 38px;
     }

     /* ======================cta==================== */

     .sec-cta {
         padding: 2rem 0;
         background: #e8e8e8;
     }

     .sec-cta h2 {
         color: #002d6b;
     }

     .sec-cta .col {
         width: calc(100%/3);
         align-self: center;
     }

     .short-head {
         color: #002d6b;
         text-align: center;
     }

     .short-head h4 strong {
         color: #FCC400;
     }

     .sec-cta #cta {
         text-align: center;
     }

     /*==============================================================our team page====================== */

     .sec-ceo {
         background: #F4F4F4;
     }

     .sec-ceo .col {
         width: calc(100%/2);
         align-self: center;
     }

     .sec-ceo .col1 .inside {
         padding-right: 20px;
     }

     .sec-ceo .col1 .inside h3 {
         font-size: 17px;
     }

     .sec-ceo .col1 .inside .cntnt p {
         padding-right: 20px;
     }

     .sec-ceo .col2 .inside .image {
         position: relative;
         padding-bottom: 65%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .sec-ceo .col2 .inside .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     /* ==============================================fleets page===================== */

     .sec-vehicle .sec-heading {
         width: 50%;
     }

     .sec-vehicle .sec-cntnt {
         width: 50%;
     }

     .sec-vehicle .head {
         margin-bottom: 40px;
     }

     .sec-vehicle .image {
         position: relative;
         padding-bottom: 70%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .sec-vehicle .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     .sec-vehicle h3 {
         font-size: 17px;
         color: #002d6b;
         margin: 20px;
         text-align: center;
         z-index: 999;
     }

     .sec-vehicle .owl-dots {
         justify-content: center;
         margin-top: 8px;
         margin-bottom: 0px;
         padding-right: 0;
         z-index: 2;
         display: flex;
         flex-wrap: wrap;
     }

     /* fleet-grid---- */

     .fleet-grid {
         background: #F4F4F4;
     }

     .fleet-grid .sec-heading {
         width: 50%;
     }

     .fleet-grid .sec-cntnt {
         width: 50%;
     }

     .fleet-grid .head {
         margin-bottom: 50px;
     }

     .fleet-grid .flex>.col {
         width: calc(100%/3);
     }

     .fleet-grid .image {
         position: relative;
         padding-bottom: 70%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .fleet-grid .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     .fleet-grid a:hover .img:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         border-radius: 10px;
         background: rgba(0, 0, 0, 0.589);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .fleet-grid .flex>.col>.inside {
         padding: 0 26px;
     }

     .fleet-grid .flex>.col .cntnt {
         text-align: center;
     }

     .fleet-grid .flex>.col .cntnt h3 {
         font-size: 20px;
         margin-top: 15px;
     }

     .fleet-grid .col>.inside a {
         width: 100%;
         height: 100%;
         display: block;
         position: relative;
         cursor: pointer;
     }

     .fleet-grid .col>.inside a:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         bottom: 0;
         right: 0;
         z-index: 1;
         opacity: 0;
         border-radius: 10px;
         background-color: rgba(17, 17, 17, 0.3);
         -webkit-transition: all .3s linear;
         -moz-transition: all .3s linear;
         -ms-transition: all .3s linear;
         -o-transition: all .3s linear;
         transition: all .3s linear;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .fleet-grid .col>.inside a:hover:before {
         opacity: 1;
     }

     /* =======================training-Driver================ */

     .training-sec {
         padding: 0;
     }

     .training-sec .col {
         width: calc(100%/2);
     }

     .training-sec .col1 {
         align-self: center;
         padding-right: 50px;
     }

     .training-sec .col1 .train-list {
         display: flex;
         flex-wrap: wrap;
     }

     .training-sec .col1 ul li {
         position: relative;
         display: block;
         width: 50%;
         margin: 5px 0px;
     }

     .training-sec .col1 ul li i {
         padding-right: 10px;
         color: #002d6b;
     }

     .training-sec #cta {
         padding-top: 30px;
     }

     .vidBlk {
         position: relative;
         display: block;
         background: #fff;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         padding-bottom: 60%;
         max-width: 850px;
         cursor: pointer;
         border-radius: 7px;
         -webkit-box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
         box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
         overflow: hidden;
         -webkit-border-radius: 7px;
         -moz-border-radius: 7px;
         -ms-border-radius: 7px;
         -o-border-radius: 7px;
     }

     .vidBlk:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         width: 14%;
         min-width: 36px;
         max-width: 100px;
         background-image: url(../images/play.svg);
         background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
         margin: auto;
         opacity: 0.9;
         z-index: 1;
         -webkit-transition: all linear 0.5s;
         transition: all linear 0.5s;
         -moz-transition: all linear 0.5s;
         -ms-transition: all linear 0.5s;
         -o-transition: all linear 0.5s;
     }

     .vidBlk:after {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.589);
     }

     .training-sec .inner-train-sec:nth-child(odd) {
         background-color: #F4F4F4;
         padding: 8rem 0;
     }

     .training-sec .inner-train-sec:nth-child(even) .flex {
         flex-direction: row-reverse;
         padding: 8rem 0;
     }

     .training-sec .inner-train-sec:nth-child(even) .flex .col1 {
         padding-right: 0px;
         padding-left: 50px;
     }

     .training-sec .image {
         position: relative;
         padding-bottom: 60%;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .training-sec .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
         object-position: center;
         border-radius: 10px;
     }

     /* ====================policies=========== */

     #policies {
         background: #F4F4F4;
     }

     #policies .outer {
         background-color: #ffffff;
         box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
         padding: 35px;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     /* ===================================================apply page==================== */

     .apply-content {
         background: #F4F4F4;
     }

     .apply-content .flex {
         justify-content: center;
         flex-direction: row-reverse;
     }

     .apply-content .flex .col {
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .apply-content .form-heading {
         text-align: center;
     }

     .apply-content .form-heading h1 {
         font-size: 30px;
         margin-bottom: 30px;
     }

     .apply-content form h2 {
         font-size: 22px;
         margin-bottom: 20px;
         padding-left: 25px;
     }

     .apply-content form .required {
         color: #FCC400;
         font-weight: 700;
         border: 0;
     }

     .apply-content form .input-text {
         box-sizing: border-box;
         width: 100%;
     }

     select {
         width: 100%;
     }

     .apply-content .flex .col1 {
         width: 50%;
         background: #ffffff;
         box-shadow: 0 5px 20px rgb(18 15 56 / 7%);
         padding: 40px;
     }

     .apply-content .flex .col2 {
         background: #ffffff;
         color: #000;
         /* height: min-content;
    */
         background-size: cover;
         position: relative;
         background-position: bottom;
         z-index: 1;
         background-repeat: no-repeat;
         display: flex;
         align-items: center;
         box-shadow: 0 0.6rem 2rem -0.3rem rgb(34 34 34 / 10%);
         flex-wrap: wrap;
         max-width: 60%;
     }

     .apply-content .flex .col2 .inside {
         width: 100%;
         margin: 0 auto;
         padding: 50px;
     }

     .apply-content .input-text {
         background: transparent;
         color: #000;
         font-size: 15px;
         padding-left: 0;
         padding-right: 0;
         border: 0;
         border-bottom: 1px solid #000;
         border-radius: 0;
     }

     .apply-content .country_select {
         background: transparent;
         color: #000;
         font-size: 15px;
         padding-left: 0;
         padding-right: 0;
         border: 0;
         border-bottom: 1px solid #000;
         border-radius: 0;
     }

     .apply-content .flex .col2 .half {
         display: flex;
         padding-bottom: 20px;
     }

     .apply-content .flex .col2 .half .inner {
         padding: 0 30px;
         width: 50%;
     }

     .apply-content .flex .col2 p {
         margin: 0 28px;
         margin-bottom: 20px;
     }

     .apply-content .flex .col2 .additional .inner h4 {
         margin-left: 22px;
     }

     .apply-content .flex .col2 label {
         font-weight: 100;
     }

     .apply-content .flex .col2 textarea {
         resize: none;
     }

     .document .inner {
         margin: 0 27px;
     }

     .document .uploadImg {
         border: 2px dotted #000;
         background: #fff;
         padding: 23px;
         border-radius: 10px;
         margin-bottom: 20px;
         width: 100%;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .document i {
         display: block;
         margin-bottom: 5px;
         font-size: 46px;
         color: #4887e0;
     }

     .document .uploadFile {
         display: none;
     }

     .apply-content .cta {
         text-align: center;
     }

     /* =====================================login page================================ */

     .login-9 {
         position: relative;
         background: #f5f9ff;
     }

     .login-9 .container {
         max-width: 1160px;
         margin: 0 auto;
     }

     .row {
         display: flex;
         flex-wrap: wrap;
         margin-top: 0;
         margin-right: 1.5rem;
         margin-left: 1.5rem;
     }

     .login-9 .login-box {
         min-height: 100vh;
         background: #fff;
         margin: 0 auto;
         box-shadow: 0 0 10px rgb(0 0 0 / 10%);
     }

     .login-9 .bg-image {
         background: url(../images/fleet-10.jpg) top left repeat;
         background-size: cover;
         top: 0;
         bottom: 0;
         opacity: 1;
         z-index: 999;
         position: relative;
         display: flex;
         padding: 30px;
     }

     .login-9 .bg-image:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.589);
         z-index: 1;
     }

     .login-9 .info {
         z-index: 999;
         text-align: center;
         align-self: center;
     }

     .col-lg-6 {
         flex: 0 0 auto;
         width: 50%;
     }

     .login-9 .btn-section {
         top: 35px;
         position: absolute;
         left: 30px;
         margin-bottom: 0;
     }

     .login-9 .btn-section .link-btn {
         font-size: 14px;
         text-align: center;
         font-weight: 400;
         color: #5ad352;
         padding: 10px 18px;
         text-decoration: none;
         text-decoration: blink;
         text-transform: uppercase;
         border-radius: 3px;
         background: #fff;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         -ms-border-radius: 3px;
         -o-border-radius: 3px;
     }

     .login-9 .btn-section .link-btn.active {
         background: #002d6b;
         color: #fff;
     }

     .login-9 .btn-section .link-btn {
         font-size: 14px;
         text-align: center;
         font-weight: 400;
         color: #002d6b;
         padding: 10px 18px;
         text-decoration: none;
         text-decoration: blink;
         text-transform: uppercase;
         border-radius: 3px;
         background: #fff;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         -ms-border-radius: 3px;
         -o-border-radius: 3px;
     }

     .text-info {
         color: #0dcaf0 !important;
     }

     .login-9 .text-info .typing>* {
         overflow: hidden;
         white-space: nowrap;
         animation: typingAnim 3s steps(50);
         text-transform: uppercase;
         -webkit-animation: typingAnim 3s steps(50);
     }

     .login-9 .text-info h1 {
         color: #fff;
         font-size: 35px;
         margin-bottom: 8px;
     }

     .login-9 .text-info p {
         color: #ededed;
         font-size: 15px;
     }

     .login-9 .form-info {
         justify-content: center;
         align-items: center;
         padding: 0 130px;
     }

     .align-self-center {
         align-self: center !important;
     }

     .login-9 .form-section {
         text-align: center;
     }

     .login-9 .form-section h3 {
         font-size: 25px;
         margin-top: 20px;
         margin-bottom: 30px;
         font-weight: 400;
         color: #040404;
     }

     .login-9 .social-list {
         margin-top: 20px;
     }

     .login-9 .social-list .b {
         display: flex;
         justify-content: center;
     }

     .login-9 .logo img {
         height: 68px;
         filter: brightness(0) invert(1);
     }

     .login-9 .social-list .buttons {
         display: flex;
         justify-content: center;
     }

     .login-9 .social-list a.facebook-bg {
         background: #4867aa;
     }

     .login-9 .social-list a i {
         transition: transform 0.2s linear 0s;
         position: relative;
         z-index: 3;
         -webkit-transition: transform 0.2s linear 0s;
         -moz-transition: transform 0.2s linear 0s;
         -ms-transition: transform 0.2s linear 0s;
         -o-transition: transform 0.2s linear 0s;
     }

     .login-9 .social-list a.twitter-bg {
         background: #33CCFF;
     }

     .login-9 .social-list a {
         color: #fff;
         width: 50px;
         height: 50px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 3px;
         margin: 0 3px 5px;
         font-size: 18px;
         overflow: hidden;
         position: relative;
         transition: transform 0.2s linear 0s, border-radius 0.2s linear 0.2s;
         -webkit-transition: transform 0.2s linear 0s, border-radius 0.2s linear 0.2s;
         -moz-transition: transform 0.2s linear 0s, border-radius 0.2s linear 0.2s;
         -ms-transition: transform 0.2s linear 0s, border-radius 0.2s linear 0.2s;
         -o-transition: transform 0.2s linear 0s, border-radius 0.2s linear 0.2s;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         -ms-border-radius: 3px;
         -o-border-radius: 3px;
     }

     .login-9 .social-list a:hover i {
         transform: rotate(90deg);
     }

     .login-9 .social-list a.google-bg {
         background: #2b179c;
     }

     .login-9 .social-list a.youtube-bg {
         background: #2392e0;
     }

     .login-9 .form-section .extra-login {
         float: left;
         width: 100%;
         text-align: center;
         position: relative;
         margin-bottom: 25px;
     }

     .login-9 .form-section .extra-login::before {
         position: absolute;
         left: 0;
         top: 10px;
         width: 100%;
         height: 1px;
         background: #e4e4e4;
         content: "";
     }

     .login-9 .form-section .extra-login>span {
         width: auto;
         float: none;
         display: inline-block;
         padding: 1px 20px;
         z-index: 1;
         position: relative;
         font-size: 14px;
         color: #535353;
         text-transform: capitalize;
         background: #fff;
     }

     .login-9 .login-inner-form {
         color: #cccccc;
         position: relative;
     }

     .login-inner-form {
         width: 100%;
     }

     .login-9 .form-box {
         width: 100%;
         text-align: center;
     }

     .login-9 .login-inner-form .form-box {
         float: left;
         width: 100%;
         position: relative;
     }

     .login-9 .login-inner-form .form-group {
         margin-bottom: 16px;
     }

     .login-9 .form-box {
         width: 100%;
         text-align: center;
     }

     .form-control {
         display: block;
         width: 100%;
         padding: 0.375rem 0.75rem;
         font-size: 1rem;
         font-weight: 400;
         line-height: 1.5;
         color: #212529;
         background-color: #fff;
         background-clip: padding-box;
         border: 1px solid #ced4da;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         border-radius: 0.25rem;
         transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
         -webkit-border-radius: 0.25rem;
         -moz-border-radius: 0.25rem;
         -ms-border-radius: 0.25rem;
         -o-border-radius: 0.25rem;
         -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
         -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
         -ms-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
         -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     }

     .login-9 .login-inner-form .form-control {
         font-size: 16px;
         outline: none;
         color: #535353;
         border-radius: 3px;
         font-weight: 500;
         border: 1px solid #d9d9d9;
         padding: 19.5px 45px 22.5px 20px;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         -ms-border-radius: 3px;
         -o-border-radius: 3px;
     }

     .login-9 .login-inner-form .form-box i {
         position: absolute;
         top: 12px;
         right: 20px;
         font-size: 20px;
         color: #5353537a;
     }

     .login-9 .login-inner-form .checkbox {
         margin-bottom: 25px;
         font-size: 14px;
     }

     .login-9 .login-inner-form .form-box {
         float: left;
         width: 100%;
         position: relative;
     }

     .login-9 .login-inner-form .form-check-label {
         padding-left: 25px;
         margin-bottom: 0;
         font-size: 16px;
         color: #535353;
     }

     .login-9 .login-inner-form label {
         font-weight: 500;
         font-size: 14px;
         margin-bottom: 5px;
     }

     .login-9 .login-inner-form .form-check label::before {
         content: "";
         display: inline-block;
         position: absolute;
         width: 18px;
         height: 18px;
         top: 2px;
         margin-left: -25px;
         border-radius: 3px;
         background: #fff;
         border: 1px solid #d9d9d9;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         -ms-border-radius: 3px;
         -o-border-radius: 3px;
     }

     .login-9 .login-inner-form .form-check {
         float: left;
         margin-bottom: 0;
         padding-left: 0;
     }

     .form-check {
         display: block;
         min-height: 1.5rem;
         padding-left: 1.5em;
         margin-bottom: 0.125rem;
     }

     .login-9 .login-inner-form input[type=checkbox],
     input[type=radio] {
         margin-top: 4px;
     }

     .form-check-input {
         width: 1em;
         height: 1em;
         margin-top: 0.25em;
         vertical-align: top;
         background-color: #fff;
         background-repeat: no-repeat;
         background-position: center;
         background-size: contain;
         border: 1px solid rgba(0, 0, 0, .25);
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         -webkit-print-color-adjust: exact;
         color-adjust: exact;
     }

     .login-9 .login-inner-form input[type=checkbox],
     input[type=radio] {
         margin-right: 3px;
     }

     .login-9 .login-inner-form .form-check-input {
         position: absolute;
         margin-left: 0;
     }

     .form-check-input[type=checkbox] {
         border-radius: 0.25em;
         -webkit-border-radius: 0.25em;
         -moz-border-radius: 0.25em;
         -ms-border-radius: 0.25em;
         -o-border-radius: 0.25em;
     }

     .form-check .form-check-input {
         float: left;
         margin-left: -1.5em;
     }

     .login-9 .login-inner-form .checkbox a {
         font-size: 16px;
         color: #3d52ff;
         float: right;
         margin-left: 3px;
     }

     .login-9 .social-list a:hover {
         transform: rotate(-90deg);
         border-top-left-radius: 50%;
         border-top-right-radius: 50%;
         border-bottom-left-radius: 50%;
     }

     .login-9 .login-inner-form .btn-theme {
         background: #002d6b;
         border: none;
         color: #fff;
     }

     .login-9 .login-inner-form .btn-md {
         cursor: pointer;
         height: 55px;
         color: #fff;
         padding: 13px 50px 12px 50px;
         font-size: 15px;
         font-weight: 400;
         font-family: 'Jost', sans-serif;
         border-radius: 3px;
         text-transform: uppercase;
     }

     .login-9 .form-section .text {
         font-size: 16px;
         margin-top: 25px;
         margin-bottom: 0;
         color: #535353;
     }

     .login-9 .login-inner-form p {
         margin: 0;
         color: #535353;
     }

     .login-9 .form-section .text a {
         color: #3d52ff;
     }

     .login-9 .login-inner-form .checkbox-theme input[type="checkbox"]:checked+label::before {
         color: #fff;
         background: #002d6b;
         border: solid 1px #002d6b;
     }

     .login-9 .form-section input[type=checkbox]:checked+label:before {
         font-weight: 600;
         color: #e6e6e6;
         line-height: 16px;
         font-size: 14px;
         content: "\2713";
     }

     .checkbox,
     .radio {
         margin-top: 0;
     }

     .login-9 .infot {
         position: absolute;
         top: 0px;
         right: 0px;
     }

     .login-9 .infot>i {
         width: 18px;
         height: 18px;
         padding-top: 2.4px;
         text-align: center;
         /* border: 1px solid rgb(255, 255, 255); */
         color: rgb(255, 255, 255);
         border-radius: 75%;
         font-size: 12px;
         display: block;
         padding-left: 0.3px;
         cursor: pointer;
     }

     .login-9 .infot>.infoTip {
         position: absolute;
         z-index: 10;
         color: #333;
         width: 160px;
         top: 45px;
         left: -152px;
         background: #fff;
         border: 1px solid #eee;
         text-align: justify;
         text-align-last: center;
         font-size: 12px;
         padding: 5px 10px 5px;
         box-shadow: rgb(0 0 0 / 15%) 2px 2px 6px 0px;
         visibility: hidden;
         opacity: 0;
         transition: all 0.5s ease;
     }

     .login-9 .infot>.infoTip:before {
         position: absolute;
         content: "";
         left: 120px;
         top: -3px;
         border-top: 8px solid #fff;
         border-left: 8px solid #fff;
         box-shadow: #eee 1px -1px 0px;
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
     }

     .login-9 .toltip:hover .infoTip {
         visibility: visible;
         opacity: 1;
         transition: all 0.5s ease;
     }

     /* ===============================Driver page============================= */

     .drive-heading {
         color: #ffffff;
         width: 50%;
         padding-right: 20px;
     }

     /* class */

     #our-class {
         background: #F4F4F4;
     }

     #our-class .stepRow {
         display: flex;
         justify-content: center;
         align-items: center;
         text-align: center;
     }

     #our-class .flexRow>.col {
         padding: 10px;
         width: calc(100%/3);
     }

     #our-class .col .inner {
         background: #fff;
         border-radius: 11px;
         -webkit-border-radius: 11px;
         -moz-border-radius: 11px;
         -ms-border-radius: 11px;
         -o-border-radius: 11px;
         box-shadow: 0px 4px 18px 0px rgb(194 200 213 / 30%);
         padding: 30px 50px;
     }

     #our-class .txt {
         margin-top: 8px;
     }

     #our-class .inner .icon {
         width: 100px;
         min-width: 100px;
         height: 100px;
         margin: 0 auto 20px;
     }

     #our-class .icon img {
         width: 100%;
         height: 100%;
         -o-object-position: center;
         object-position: center;
     }

     #our-class .ct {
         margin-top: 40px;
     }

     /* =========learn========= */

     .learn .flex>.col {
         align-self: center;
         width: calc(100%/2);
     }

     .learn #cta {
         margin-top: 38px;
     }

     .learn #cta ul li {
         margin-right: 15px;
     }

     .learn .flex>.col1 .inner {
         padding: 10px;
     }

     .learn .flex>.col2 .inner {
         padding-left: 60px;
         position: relative;
     }

     .learn .flex>.col2 .inner .image {
         position: relative;
         padding-bottom: 66%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .learn .inner .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     /* ==========rank=============== */

     .rank {
         background: #F4F4F4;
     }

     .rank .sec-heading h2 {
         margin-top: 0;
         text-align: center;
     }

     .rank .sec-cntnt {
         text-align: center;
         width: 50%;
         margin: 0 auto;
     }

     .rank .flex .col {
         width: calc(100%/4);
     }

     .rank .image {
         width: 100px;
         min-width: 100px;
         height: 100px;
         margin: 0 auto 20px;
         overflow: hidden;
     }

     .rank .image img {
         width: 100%;
         height: 100%;
         object-position: center;
         object-fit: contain;
     }

     .rank .flex .col .inner {
         text-align: center;
         padding: 10px;
         padding-top: 20px;
     }

     .rank .flex .col .inner .image1 {
         width: 50px;
         margin: auto;
         margin-bottom: 15px;
     }

     .rank .flex .col .inner .cntnt h4 {
         color: #002d6b;
     }

     /* services */

     .dizme_tm_section {
         width: 100%;
         height: auto;
         clear: both;
         float: left;
     }

     .dizme_tm_services {
         width: 100%;
         height: auto;
         clear: both;
         float: left;
         margin-bottom: -23px;
         position: relative;
     }

     .dizme_tm_services .service_list {
         width: 100%;
         height: auto;
         clear: both;
         float: left;
     }

     .dizme_tm_services .service_list ul {
         margin: 0 0 0 -25px;
         list-style-type: none;
         display: flex;
         flex-wrap: wrap;
         position: relative;
         z-index: 3;
     }

     .dizme_tm_services .service_list ul li .list_inner {
         width: 100%;
         height: 100%;
         clear: both;
         float: left;
         position: relative;
         border-radius: 12px;
         background-color: #fff;
         box-shadow: 18px 0 87px rgb(10 15 70 / 7%);
         padding: 65px 65px 65px 195px;
     }

     .dizme_tm_services .service_list .icon {
         position: absolute;
         left: 65px;
         top: 65px;
         width: 95px;
         height: 95px;
     }

     .dizme_tm_services .service_list .icon .back {
         position: absolute;
         max-width: 95px;
         top: 0;
     }

     .dizme_tm_services .service_list .title {
         width: 100%;
         float: left;
         margin-bottom: 19px;
     }

     .dizme_tm_services .service_list ul li {
         margin: 0 0 25px;
         width: 50%;
         float: left;
         padding-left: 25px;
     }

     .dizme_tm_services .service_list .title h3 {
         font-size: 25px;
         margin-bottom: 10px;
     }

     .dizme_tm_services .service_list .price {
         font-weight: 500;
         font-size: 21px;
         color: #000;
         font-family: jost, sans-serif;
     }

     .dizme_tm_services .service_list .price span {
         font-size: 24px;
         color: #f75023;
     }

     .dizme_tm_services .image {
         width: 45px;
         height: 45px;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         position: absolute;
         z-index: 2;
         color: #e8060a;
     }

     .dizme_tm_services .service_list ul li:nth-child(4n+1) .icon>img {
         filter: hue-rotate(70deg);
     }

     .dizme_tm_services .service_list ul li:nth-child(2n+3) .icon>img {
         filter: hue-rotate(-24deg);
     }

     .dizme_tm_services .service_list ul li:nth-child(3n+2) .icon>img {
         filter: hue-rotate(167deg);
         -webkit-filter: hue-rotate(167deg);
     }


     .text-container .hidden-text {
         display: none;
     }

     .text-container .hidden-text.visible {
         display: inline;
         /* or 'block', depending on your desired layout */
     }

     .text-container .inner_text {
         height: 10rem;
         overflow: hidden;
         width: 100%;
     }

     .text-container .inner_text.height_auto {
         height: auto;
     }

     .read-more-btn {
         cursor: pointer;
         margin-top: 2rem;
         position: relative;
     }

     .read-more-btn::before {
         position: absolute;
         content: 'Read More';
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         font-size: 14px;
         color: #FCC400;
     }


     .read-more-btn.read_less::before {
         content: 'Read less';
     }

     /* .dizme_tm_services .service_list ul li:nth-child(2) .icon > img{
    filter: hue-rotate(-24deg);
 }
 .dizme_tm_services .service_list ul li:nth-child(3) .icon > img{
    filter: hue-rotate(167deg);
 } */
     /* nepts */

     .sec-nepts {
         background: #F4F4F4;
     }

     .sec-nepts .col {
         width: calc(100%/2);
         align-self: center;
     }

     .sec-nepts .col2 .inside {
         padding-left: 60px;
     }

     .sec-nepts .col2 .inside h3 {
         font-size: 17px;
     }

     .sec-nepts .col1 .inside .image {
         position: relative;
         padding-bottom: 65%;
         overflow: hidden;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .sec-nepts .col1 .inside .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     input.error {
         border-color: Red !important;
         border-style: solid;
         border-width: 1px;
     }

     textarea.error {
         border-color: Red !important;
         border-style: solid;
         border-width: 1px;
     }

     select.error {
         border-color: Red !important;
         border-style: solid;
         border-width: 1px;
     }

     label.error {
         color: red;
         font-size: 11px;
     }

     input[type="radio"].error:after,
     input[type="checkbox"].error:after {
         border-color: red;
     }

     .webBtn .spinner {
         width: auto;
         height: auto;
         background: inherit;
         border-radius: inherit;
         overflow: hidden;
     }

     .webBtn .spinner~i {
         visibility: hidden;
     }

     .webBtn .spinner,
     .webBtn .spinner:before,
     .webBtn .spinner:after {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin: auto;
     }

     .webBtn .spinner:before,
     .webBtn .spinner:after {
         content: "";
         width: 18px !important;
         height: 18px !important;
         border: 3px solid;
         -webkit-animation: spinner 0.5s linear infinite;
         animation: spinner 0.5s linear infinite;
         border-radius: 75%;
     }

     .webBtn .spinner:before {
         border-right-color: transparent;
         border-bottom-color: transparent;
     }

     .webBtn .spinner:after {
         border-top-color: transparent;
         border-left-color: transparent;
         opacity: 0.5;
     }

     .webBtn.smBtn .spinner:before,
     .webBtn.smBtn .spinner:after {
         width: 14px;
         height: 14px;
     }

     .webBtn.lgBtn .spinner:before,
     .webBtn.lgBtn .spinner:after {
         width: 20px;
         height: 20px;
     }

     @-webkit-keyframes spinner {
         0% {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -webkit-transform: rotate(-360deg);
             transform: rotate(-360deg);
         }
     }

     @keyframes spinner {
         0% {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -webkit-transform: rotate(-360deg);
             transform: rotate(-360deg);
         }
     }

     .uploaded-area {
         max-height: 232px;
         overflow-y: scroll;
     }

     .uploaded-area.onprogress {
         max-height: 150px;
     }

     .uploaded-area::-webkit-scrollbar {
         width: 0px;
     }

     .uploaded-area .row .content {
         display: flex;
         align-items: center;
     }

     .uploaded-area .row .details {
         display: flex;
         margin-left: 15px;
         flex-direction: column;
     }

     .uploaded-area .row .details .size {
         color: #404040;
         font-size: 11px;
     }

     .uploaded-area i.fa-check {
         font-size: 16px;
     }

     .bid-row,
     .uploaded-area .bid-row {
         margin-top: 10px;
         margin-bottom: 10px;
         background: #E9F0FF;
         list-style: none;
         padding: 15px 20px;
         border-radius: 5px;
         max-width: 220px;
         margin: 0 auto 20px;
         /* justify-content: space-between; */
     }

     .uploaded-area.doc-area {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         margin: 0 27px;
     }

     .popup .uploaded-area.doc-area {
         margin: 0
     }

     .uploaded-area.doc-area .bid-row.doc-row {
         max-width: calc(100%/4);
         margin: 0;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         align-items: center;
         position: relative;
     }

     .cross_btn {
         position: absolute;
         top: 5px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         right: 5px;
         width: 20px;
         height: 20px;
         color: #ffffff;
         font-size: 12px;
         text-align: center;
         cursor: pointer;
         z-index: 5;
         background: #ff3b3b;
         border-radius: 75%;
         justify-content: center;
     }

     .cross_btn:before {
         content: "\2715";
         line-height: 1;
     }

     .uploaded-area.doc-area .bid-row.doc-row a img {
         width: 20px;
         height: 20px;
     }

     .bid-row {
         padding: 10px;
     }

     .bid-row i:last-child {
         display: none;
     }

     .bid-row a {
         justify-content: start;
     }

     .uploadImg.active {
         border-color: red;
         color: red;
     }

     .editorDiv.active {
         border: 1px solid red;
     }

     .danger-alert {
         margin-top: 10px;
     }

     .bid-row a,
     .uploaded-area .bid-row a {
         display: flex;
         align-items: center;
         width: 100%;
         justify-content: center;
         gap: 10px;
     }

     .bid-row i,
     .uploaded-area .bid-row i {
         color: #6990F2;
         font-size: 30px;
         margin-right: 5px;
     }

     .bid-row .details span,
     .uploaded-area .bid-row .detailsspan {
         font-size: 14px;
     }

     /* =================================================Dashboaed=========================== */

     .user-nav .proIco {
         float: right;
         cursor: pointer;
         margin-top: 22px;
     }

     .user-nav .dropDown {
         position: relative;
         z-index: 1;
     }

     .user-nav .proIco .inside {
         display: flex;
         align-items: center;
     }

     .user-nav .dropBtn {
         cursor: pointer;
     }

     .user-nav .proIco .proName {
         text-align: right;
         margin-right: 10px;
         margin-left: 30px;
         color: #000;
     }

     .user-nav .proIco .proName>em {
         display: block;
         font-size: 10px;
         margin-top: -2px;
         opacity: 0.5;
     }

     em {
         font-style: normal;
     }

     .user-nav .proIco .ico {
         width: 36px;
         height: 36px;
         background: #fff;
         box-shadow: 0 2px 5px 0 rgb(59 65 94 / 10%), 0 1px 1px 0 rgb(0 0 0 / 7%);
     }

     .user-nav [nav] {
         justify-content: center
     }

     .dropCnt {
         /* display: none; */
         position: absolute;
         top: 0;
         left: 0;
         visibility: hidden;
         opacity: 0;
         margin-top: 10px;
         transition: all ease 0.5s;
     }

     .dropCnt.active {
         margin-top: 0;
         visibility: visible;
         opacity: 1;
     }

     header .proIco .proDrop {
         top: 46px;
         left: initial;
         right: 5px;
         width: 180px;
         background: #002d6b;
         border-radius: 7px;
         border-top-right-radius: 0;
         box-shadow: 0 0 0 1px rgb(136 152 170 / 10%), 0 15px 35px 0 rgb(49 49 93 / 10%), 0 5px 15px 0 rgb(0 0 0 / 8%);
     }

     header .proIco .proDrop:before,
     header .proIco .proDrop:after {
         content: '';
         position: absolute;
         top: -10px;
         right: 0;
         border-bottom: 10px solid #002d6b;
         border-left: 12px solid transparent;
     }

     header .proIco .proDrop>li,
     header .proIco .proDrop>li>a {
         display: block;
     }

     header .proIco .proDrop:after {
         top: -11px;
         right: 0px;
         border-bottom: 11px solid #002d6b;
         border-left: 13.5px solid transparent;
         z-index: -1;
     }

     header .proIco .proDrop>li>a {
         display: flex;
         align-items: center;
         color: #ddd;
         font-size: 13px;
         padding: 12px 20px;
         border-bottom: 1px solid #002d6b;
     }

     header .proIco .proDrop>li>a i {
         width: 28px;
         color: #ddd;
         font-size: 20px;
         margin-right: 7px;
     }

     /* =========================request============= */

     .request {
         background: #F4F4F4;
     }

     .request .head {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .request .head>h1 {
         flex: 1;
         margin: 0;
         margin-right: 20px;
     }

     .request .secHeading {
         position: relative;
         color: #191919;
         font-size: 26px;
         font-family: 'Poppins Bold';
         /* text-transform: uppercase; */
     }

     .request .cta {
         margin-bottom: 10px;
     }

     .request .blk {
         background: #fff;
         padding: 20px;
         margin-bottom: 20px;
         border-radius: 10px;
         box-shadow: 2px 0 26px rgb(215 222 227 / 40%);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .request .blk .blockLst {
         margin: -20px;
     }

     .request .blockLst>table {
         width: 100%;
     }

     table {
         background-color: transparent;
     }

     th {
         text-align: left;
     }

     .blockLst>table tr>* {
         padding: 15px 7px;
         border-bottom: 1px solid #eee;
     }

     .blockLst>table tr i,
     .popup .detail a i {
         font-size: 35px;
     }

     .popup .detail a {
         display: flex;
         align-items: center;
         gap: 10px
     }

     .blockLst>table tr td:last-child {
         display: flex;
     }

     .blockLst>table tr td:last-child a:nth-child(2) {
         margin-left: 6px;
     }

     .blockLst>table tr td:last-child a:hover {
         color: #fff;
     }

     .blockLst>table tr>th {
         color: #00234b;
         font-family: "Poppins SemiBold";
         font-weight: normal;
     }

     .blockLst>table tr>*:nth-child(1) {
         padding-left: 20px;
     }

     .midLbl {
         padding: 3px 15px;
         background: #ffcb00;
         border-radius: 4px;
         color: #fff;
         font-size: 12px;
     }

     .text-center {
         text-align: center;
     }

     .pagination {
         display: inline-block;
         padding-left: 0;
         margin: 20px 0;
         border-radius: 4px;
     }

     .pagination>li {
         display: inline;
     }

     ul.pagination>li>a {
         float: none;
         height: 32px;
         min-width: 34px;
         padding: 8px 12px 0px;
         text-align: center;
         color: #555;
         font-size: 12px;
         border: 1px solid #eee;
         font-family: 'Poppins Semibold';
         border-radius: 0px !important;
         z-index: initial !important;
         -webkit-border-radius: 0px !important;
         -moz-border-radius: 0px !important;
         -ms-border-radius: 0px !important;
         -o-border-radius: 0px !important;
     }

     ul.pagination>li>a.active,
     ul.pagination>li>a:hover {
         background: #ffcb00;
         color: #fff !important;
         border: 1px solid #ffcb00;
     }

     .blockLst>table {
         width: 100%;
     }

     /* =====================new-request================= */

     .form-request {
         background: #F4F4F4;
     }

     .form-request .form-inside {
         background: #fff;
         padding: 20px;
         width: 60%;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
         margin: 0 auto;
         padding: 30px;
     }

     .form-request .form-heading {
         text-align: center;
     }

     .form-request .form-heading h1 {
         font-size: 30px;
         margin-bottom: 30px;
     }

     .form-request .input-text {
         background: #fff;
         color: #8b9593;
         font-size: 15px;
         padding: 10px 5px;
         border: 0;
         border: 1px solid #eee;
         border-radius: 0;
         width: 100%;
     }

     form .required {
         color: #0383ff;
         font-weight: 700;
         border: 0;
     }

     .form-request .inner {
         padding: 10px 30px;
     }

     .form-request textarea {
         resize: none;
     }

     .form-request label {
         font-weight: 400;
     }

     .form-request .cta {
         text-align: center;
         margin-top: 20px;
     }

     /* ======================holiday================= */

     .holiday {
         background: #F4F4F4;
     }

     .holiday .head {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .holiday .head>h1 {
         flex: 1;
         margin: 0;
         margin-right: 20px;
     }

     .holiday .secHeading {
         position: relative;
         color: #191919;
         font-size: 26px;
         font-family: 'Poppins Bold';
         /* text-transform: uppercase; */
     }

     .holiday .cta {
         margin-bottom: 10px;
     }

     .holiday .blk {
         background: #fff;
         padding: 20px;
         margin-bottom: 20px;
         border-radius: 10px;
         box-shadow: 2px 0 26px rgb(215 222 227 / 40%);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
     }

     .holiday .blk .blockLst {
         margin: -20px;
     }

     .holiday .blockLst>table {
         width: 100%;
     }

     /* ==================incident=========== */

     .incident-upload .uploadFile {
         display: none;
     }

     .incident-upload .uploadImg {
         border: none;
         background: #fff;
         padding: 0;
     }

     .incident-upload i {
         font-size: 20px;
     }

     /* =================popup===================== */

     .popup .detail {
         padding: 20px;
     }

     .popup .detail .image {
         margin: 0 auto;
         width: 70%;
         position: relative;
         padding-bottom: 50%;
         overflow: hidden;
         border-radius: 10px;
     }

     .popup .detail .image img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: cover;
     }

     /*____ miniLbl ____*/

     .green {
         background: #43b753;
     }

     .green-color {
         color: #43b753;
     }

     .yellow {
         background: #ffcb00;
     }

     .yellow-color {
         color: #ffcb00;
     }

     .red {
         background: #ff5465;
     }

     .red-color {
         color: #ff5465;
     }

     .blue {
         background: #5883ff;
     }

     .blue-color {
         color: #5883ff;
     }

     .gray {
         background: #aaa;
     }

     .gray-color {
         color: #aaa;
     }

     .appLoad {
         position: relative;
         min-height: 200px;
     }

     .appLoad .appLoader {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: #fff;
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         z-index: 3;
     }

     .appLoad .spiner {
         width: 40px;
         height: 40px;
         border: 4px solid #5aaad7;
         border-right: 4px solid #f0f5f9;
         border-radius: 75%;
         -webkit-animation: spin 0.5s linear infinite;
         animation: spin 0.5s linear infinite;
     }

     @-webkit-keyframes spin {
         0% {
             -webkit-transform: rotate(0deg);
         }

         100% {
             -webkit-transform: rotate(-360deg);
         }
     }

     @keyframes spin {
         0% {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -webkit-transform: rotate(-360deg);
             transform: rotate(-360deg);
         }
     }

     /* ===================================employe of the month ---home section======= */
     .employee-of-the-mnth {
/*         padding-top: 0;*/
         background-size: 100% auto;
         background-position: top center;
     }

     .employee-of-the-mnth .outer-cntnt {
         width: 100%;
         margin: 0px auto 0px;
         background: #ffffff;
         padding: 55px 60px;
         box-shadow: 0px 15px 38px rgb(0 0 0 / 10%);
         border-radius: 30px;
         text-align: center;
     }

     .employee-of-the-mnth .cntnt {
         width: 100%;
         margin: 0px auto 20px;
     }

     .employee-of-the-mnth .cntnt h2 {
         font-size: 30px;
     }

     .employee-of-the-mnth .outer-cntnt .image {
         width: 150px;
         height: 150px;
         border-radius: 100%;
         overflow: hidden;
         margin: 0px auto 20px;
         border: 10px solid #fff;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         -ms-border-radius: 100%;
         -o-border-radius: 100%;
     }

     .employee-of-the-mnth .outer-cntnt .image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center;
     }

     .employee-of-the-mnth .employe-info:before {
         position: absolute;
         content: '';
         top: 60px;
         left: 0;
         right: 0;
         bottom: 0;
         background: #F4F4F4;
         border-radius: 15px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -ms-border-radius: 15px;
         -o-border-radius: 15px;
     }

     .employee-of-the-mnth .employe-info {
         position: relative;
         padding: 0px 20px 40px;
         width: 50%;
     }

     .employee-of-the-mnth .work-info {
         width: 50%;
         padding-left: 30px;
         align-self: center;
         text-align: left;
     }

     .employee-of-the-mnth .employe-info * {
         z-index: 1;
         position: relative;
     }

     .employee-of-the-mnth .employe-info h6 {
         font-size: 14px;
         color: #006fc0;
     }

     .employee-of-the-mnth .employe-info h1 {
         margin-bottom: 0;
     }

     .employee-of-the-mnth .employe-info .post {
         margin-bottom: 13px;
         font-size: 13px;
         color: #737373;
     }

     .employee-of-the-mnth .work-info h3 {
         margin-bottom: 30px;
     }

     .employee-of-the-mnth .work-info ul {
         display: flex;
         flex-wrap: wrap;
         margin-bottom: 20px;
     }

     .employee-of-the-mnth .work-info ul li a {
         margin-right: 10px;
         background: #F4F4F4;
         padding: 3px 13px;
         border-radius: 3px;
         font-size: 12px;
     }

     .employee-of-the-mnth .cer {
         position: relative;
         padding-bottom: 40%;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
         margin-top: 30px;
     }

     .employee-of-the-mnth .cer img {
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         object-fit: contain;
         object-position: center;
         border-radius: 10px;
     }