@font-face{font-family: YekanBakh;font-style: normal;font-weight: 800;src: url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Heavy.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Heavy.woff') format('woff');}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 600;src: url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Medium.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Medium.woff') format('woff');}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 400;src: url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Light.woff') format('woff');}
*{margin: 0;padding: 0;box-sizing: border-box;border: none;outline: none;font-family: YekanBakh, serif;scrollbar-width:thin;scrollbar-color: #efefef #fff;}
*::-webkit-scrollbar {width: 5px!important;}
*::-webkit-scrollbar-track {background: #f1f1f1;}
*::-webkit-scrollbar-thumb {background: #888888;border-radius: 4px;}
*::-webkit-scrollbar-thumb:hover {background: #555;}

html.scrollnone{overflow: hidden;}
html{scroll-behavior: smooth;overflow-x: hidden;}
ol,ul{list-style: none;}a{text-decoration: none;}
select{font-family: 'YekanBakh', sans-serif !important;}
select option {font-family: 'YekanBakh', sans-serif !important;}
.ms-center{display: flex;justify-content: center;align-items: center;}
.ms-maxrow{max-width: 1600px;margin: 0 auto;position: relative;}
.ms-maxrow-div{max-width: 1400px;margin: 0 auto;position: relative;}
.ms-container{padding: var(--container-padding);}
.ms-us-none{-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
.ms-wid100{width: 100%;}
.ms-overlay{display: flex;background-color: #00000077;position: fixed;top: 0;right: 0;width: 100%;height: 100vh;z-index: 188;backdrop-filter: blur(5px);}
.ms-overlay.hidden{display: none}
.ms-gap-50{display: grid;gap: 50px;}
.ms-gap-25{display: grid;gap: 25px;}
:root{
    /* 3X main colors */
    --color-brand1: #445e7e;
    --color-brand2: #ff6d31;
    --color-brand3: #EEF1F5;
    --color-bg: #fff;
    --color-danger: #c11313;
    --color-success: #058c0c;
    --color-warning: #f1b03c;
    --color-secondary: #545454;

    /* main hover colors */
    --color-brand1-hover: #364c67;
    --color-brand2-hover: #e3602c;
    --color-brand1-hover11: #445e7e11;
    --color-brand2-hover11: #ff6d3111;
    --color-danger-hover: #800a0a;
  /* 3X Font colors */
  --color-font-text: #232F43;
  --color-font-label: #908e9b;
  --color-font-disabled: #e1dfe9;
  /* Border color */
  --color-border: #E5E5E5;
  /* 3X Font size */
  --font-size-big: 34px;
  --font-size-medium: 16px;
  --font-size-small: 12px;
  /* Padding */
    --header-padding: 0 100px;
    --footer-padding: 0 100px;
    --container-padding: 50px 100px;
    --div-padding: 25px;
  /* Radius size */
  --border-radius-big: 15px;
  --border-radius-sm: 7px;
  /* Transition */
  --div-transition: all .3s;
  --div-boxshadow: 0 0 25px 5px #00000011;
  --div-boxshadow-low: 0 0 15px 5px #00000008;
  /* Size */
  --header-height: 70px;
}

/* --------------------New Codes written by Pendar-------------------- */
.text-white{color: var(--color-brand3);}
.text-orange{color: var(--color-brand2);}
.text-danger{color: #c11313!important;}
.text-brand{color: var(--color-brand1);}
.text-success{color: var(--color-success);}

.pre-wrap{white-space: pre-wrap;}

.height-150{height: 150px!important;}
.margin-x-1{margin-right:10px!important;margin-left:10px!important;}

.submit-btn{background-color: var(--color-brand3);font-size:14px;border-radius: 15px;}
.submit-btn:hover{background-color: var(--color-brand2);transition: 0.7s;}

.m-0{margin: 0;}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.mr-15{margin-right: 15px;}
.p-0{padding: 0;}
.pb-20{padding-bottom: 20px;}

.marg-top-5{margin-top:5px;}
.marg-top-mines30{margin-top: -30px;}

.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}
.font-bold{font-weight: bold;}

.btn-brand{height: 40px;padding: 7px 15px 6px;color: #fff;background-color: var(--color-brand1);border:solid 2px var(--color-brand1);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-brand:hover{color: var(--color-brand1);background-color: var(--color-bg);cursor: pointer;transition: 0.4s;}

.btn-brand-outline{height: 40px;padding: 7px 15px 6px;color: var(--color-brand1);background-color: var(--color-bg);border:solid 2px var(--color-brand1);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-brand-outline:hover{color: #fff;background-color: var(--color-brand1);cursor: pointer;transition: 0.4s;}

.btn-orange{height: 40px;padding: 7px 15px 6px;color: #fff;background-color: var(--color-brand2);border:solid 2px var(--color-brand2);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-orange:hover{color: var(--color-brand2);background-color: var(--color-bg);cursor: pointer;transition: 0.4s;}

.btn-orange-outline{height: 40px;padding: 7px 15px 6px;color: var(--color-brand2);background-color: var(--color-bg);border:solid 2px var(--color-brand2);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-orange-outline:hover{color: #fff;background-color: var(--color-brand2);cursor: pointer;transition: 0.4s;}

.btn-danger{height: 40px;padding: 7px 15px 6px;color: #fff;background-color: var(--color-danger);border:solid 2px var(--color-danger);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-danger:hover{color: var(--color-danger);background-color: var(--color-bg);cursor: pointer;transition: 0.4s;}

.btn-danger-outline{height: 40px;padding: 7px 15px 6px;color: var(--color-danger);background-color: var(--color-bg);border:solid 2px var(--color-danger);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-danger-outline:hover{color: #fff;background-color: var(--color-danger);cursor: pointer;transition: 0.4s;}

.btn-success{height: 40px;padding: 7px 15px 6px;color: #fff;background-color: var(--color-success);border:solid 2px var(--color-success);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-success:hover{color: var(--color-success);background-color: var(--color-bg);cursor: pointer;transition: 0.4s;}

.btn-success-outline{height: 40px;padding: 7px 15px 6px;color: var(--color-success);background-color: var(--color-bg);border:solid 2px var(--color-success);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-success-outline:hover{color: #fff;background-color: var(--color-success);cursor: pointer;transition: 0.4s;}

.btn-warning{height: 40px;padding: 7px 15px 6px;color: #fff;background-color: var(--color-warning);border:solid 2px var(--color-warning);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-warning:hover{color: var(--color-warning);background-color: var(--color-bg);cursor: pointer;transition: 0.4s;}

.btn-warning-outline{height: 40px;padding: 7px 15px 6px;color: var(--color-warning);background-color: var(--color-bg);border:solid 2px var(--color-warning);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-warning-outline:hover{color: #fff;background-color: var(--color-warning);cursor: pointer;transition: 0.4s;}

.btn-secondary{height: 40px;padding: 7px 15px 6px;color: #fff;background-color: var(--color-secondary);border:solid 2px var(--color-secondary);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-secondary:hover{color: var(--color-secondary);background-color: var(--color-bg);cursor: pointer;transition: 0.4s;}

.btn-secondary-outline{height: 40px;padding: 7px 15px 6px;color: var(--color-secondary);background-color: var(--color-bg);border:solid 2px var(--color-secondary);font-size: 13px;font-weight: 600;border-radius: 7px;}
.btn-secondary-outline:hover{color: #fff;background-color: var(--color-secondary);cursor: pointer;transition: 0.4s;}

.normal-input-error{width: 100%;font-size: 13px;color:red; top:0;bottom: 0;padding: 0;}
.large-input-error{width: 100%;font-size: 16px;color:red; text-align: center;}
.small-input-error{width: 100%;font-size: 13px;color:red; position: absolute;margin-top:45px;}
.textarea-small-input-error{width: 100%;font-size: 13px;color:red; position: absolute;}
.newCodeForm > button{background-color: transparent;}
.inline-block{display: inline-block;}
.flex-center{display: flex!important;justify-content: center!important;}
.flex-between{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex-around{display: flex;justify-content: space-around;flex-wrap: wrap;}
.flex-start{display: flex;justify-content: start;align-items: center;flex-wrap: wrap;}
.flex-end{display: flex;justify-content: end;align-items: center;flex-wrap: wrap;gap: 5px;}
.suggest-input-button{text-align:right;width: 100%;height: 40px;color: var(--color-brand2);font-weight:600;font-size:15px;border-radius: 5px;background-color: transparent;cursor: pointer;}
.text-normal{font-weight: 600;font-size: 13px;margin: 0;padding: 0;top: 0;}
.text-center{text-align: center;}

.edit-project-files{width:100%;display: flex;justify-content: center;flex-wrap: wrap;}
.edit-project-file{width: 32%;min-width: 280px;border-radius: 8px;border:solid 1px var(--color-brand1);margin-top:15px;}
.edit-project-files .edit-project-file:not(:first-child) {margin-right:1%;}
.edit-project-file h3{width: 100%;padding: 8px 0;text-align: center;font-size: 15px;font-weight: 600;color:#fff;background-color: var(--color-brand1);border-top-right-radius:7px;border-top-left-radius:7px;}
.edit-project-file-div{width: 100%;text-align: center;padding: 8px 10px;display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;font-size:12px;}
.edit-project-file-div a{text-decoration: none;padding: 5px 12px;border-radius: var(--border-radius-sm);background-color: var(--color-brand1);color:white;cursor: pointer;margin: 2px;font-weight: 600;}
.edit-project-file-div .btn-outline{text-decoration: none;padding: 5px 12px;border-radius: var(--border-radius-sm);color: var(--color-brand1);border:solid 1px var(--color-brand1);background-color: var(--color-bg);cursor: pointer;margin: 2px;font-weight: 600;}
.edit-project-file-div button{padding: 5px 12px;border-radius: var(--border-radius-sm);background-color: red;color:white;cursor: pointer;margin: 2px;}
.no-decoration-anchor{text-decoration:none;color: inherit}
/*popup text*/
.reg-more-detail{position: relative;display: inline-block;cursor: pointer;left: 0;top: 3px;width: 15px;height: 15px;content: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32_9)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M800 400C800 620.913 620.913 800 400 800C179.086 800 0 620.913 0 400C0 179.086 179.086 0 400 0C620.913 0 800 179.086 800 400ZM350 250V400C350 427.613 372.387 450 400 450C427.613 450 450 427.613 450 400V250C450 222.386 427.613 200 400 200C372.387 200 350 222.386 350 250ZM400 600C427.613 600 450 577.613 450 550C450 522.387 427.613 500 400 500C372.387 500 350 522.387 350 550C350 577.613 372.387 600 400 600Z' fill='%23445e7eaa'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_32_9'%3E%3Crect width='800' height='800' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.popuptext {visibility: hidden;width: 160px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 8px 5px;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -95px;}
.popuptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
.showPopUp {visibility: visible;-webkit-animation: fadeIn 1s;animation: fadeIn 1s}
@-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} }

/* -------------------- Alert -------------------- */

.alert{direction: rtl;position: fixed;display: flex;align-items: center;gap: 10px;top: 40px;left: 50%;transform: translate(-50%,0);border-radius: 4px;padding: 10px;font-size: 13px;z-index: 999;box-shadow: 0px 2px 20px #00000011;}
.alert.hidden{display: none}
.alert.success{background-color: hsl(143, 85%, 96%);color: hsl(140, 100%, 27%);border: 1px solid hsl(145, 92%, 91%);}
.alert.danger{background-color: hsl(0, 100%, 97%);color: hsl(360, 100%, 45%);border: 1px solid hsla(0, 100%, 45%, 0.2);}
.alert.info{background-color: hsl(208, 100%, 97%);color: hsl(210, 92%, 45%);border: 1px solid hsl(221, 91%, 91%);}
.alert.warning{background-color: hsl(49, 100%, 97%);color: hsl(31, 92%, 45%);border: 1px solid hsl(49, 91%, 91%);}
.alert-title{font-weight: 600;display: flex;gap: 10px;}
.close-alert{display: flex;justify-content: center;align-items: center;width: 25px;height: 25px;cursor: pointer;border-radius: 3px;transition: all 0.3s;}
.close-alert span{font-size: 16px;font-weight: 800;line-height: 1px;}
.alert.success .close-alert span{color: hsl(140, 100%, 27%);}
.alert.danger .close-alert span{color: hsl(360, 100%, 45%);}
.alert.info .close-alert span{color: hsl(210, 92%, 45%);}
.alert.warning .close-alert span{color: hsl(31, 92%, 45%);}
.alert.success .close-alert:hover{background-color: hsl(145, 92%, 91%);}
.alert.danger .close-alert:hover{background-color: hsl(0, 100%, 93%);}
.alert.info .close-alert:hover{background-color: hsl(221, 91%, 91%);}
.alert.warning .close-alert:hover{background-color: hsl(49, 91%, 91%);}
@media screen and (max-width: 480px){.alert{width: 90%;}.close-alert{padding: 5px 7px;}}
/* -------------------- SideBar -------------------- */

.ms-sidebar{width: 260px;height: 100%;position: fixed;z-index: 189;background-color: #FFF;transition: all ease-out 0.2s;display: flex;flex-direction: column;align-items: center;justify-content: space-between;right: -100%;top: 0;padding: 10px;padding-top: 70px;}
.ms-sidebar.show{right: 0;-webkit-box-shadow: -10px 0 30px 5px #022F4766;box-shadow: -10px 0 30px 5px #022F4766;}
.sidebar-header{width: 100%;overflow-y: auto;}
.sidebar-header::-webkit-scrollbar{display: none;}
.sidebar-logo{width: 100%;padding: 15px 0;border-radius: 10px;}
.search-form{position: relative;width: 100%;height: 45px;}
.search-in{width: 100%;height: 100%;background-color: #F4F4F4;border-radius: 15px;padding: 0 40px 0 15px;transition: var(--div-transition);font-size: 13px;font-weight: 600;color: var(--txt1-col);}
.search-in::placeholder{color: var(--txt2-col);font-weight: 600;font-size: 13px;opacity: 0.5;}
.search-ico{width: 20px;height: 20px;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.search-ico::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M25.9853 24.3363L20.5334 18.8856C22.1136 16.9885 22.9016 14.5552 22.7334 12.092C22.5652 9.62871 21.4538 7.32512 19.6305 5.6604C17.8071 3.99568 15.4122 3.09799 12.9438 3.15409C10.4755 3.21019 8.1238 4.21575 6.37796 5.96158C4.63213 7.70742 3.62657 10.0591 3.57047 12.5275C3.51438 14.9958 4.41206 17.3908 6.07678 19.2141C7.7415 21.0375 10.0451 22.1488 12.5083 22.317C14.9716 22.4852 17.4049 21.6972 19.3019 20.117L24.7527 25.5689C24.8336 25.6498 24.9297 25.714 25.0355 25.7578C25.1412 25.8016 25.2545 25.8242 25.369 25.8242C25.4835 25.8242 25.5968 25.8016 25.7025 25.7578C25.8083 25.714 25.9044 25.6498 25.9853 25.5689C26.0662 25.488 26.1304 25.3919 26.1742 25.2861C26.218 25.1804 26.2406 25.0671 26.2406 24.9526C26.2406 24.8382 26.218 24.7248 26.1742 24.6191C26.1304 24.5133 26.0662 24.4173 25.9853 24.3363ZM5.33422 12.7575C5.33422 11.207 5.79401 9.69126 6.65544 8.40203C7.51688 7.1128 8.74127 6.10796 10.1738 5.51459C11.6063 4.92123 13.1826 4.76597 14.7034 5.06847C16.2241 5.37097 17.621 6.11763 18.7174 7.21403C19.8138 8.31043 20.5605 9.70733 20.863 11.2281C21.1655 12.7488 21.0102 14.3251 20.4168 15.7577C19.8235 17.1902 18.8186 18.4146 17.5294 19.276C16.2402 20.1374 14.7245 20.5972 13.1739 20.5972C11.0954 20.5949 9.10268 19.7682 7.63296 18.2985C6.16323 16.8288 5.33652 14.836 5.33422 12.7575Z' fill='%23666666'/%3E%3C/svg%3E");}
.sidebar-menu{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px 0;}
.sidebar-menu-item{width: 100%;min-height: 40px;display: flex;align-items: center;overflow: hidden;flex-direction: column;transition: all 0.2s;border-radius: 7px;padding: 0 15px;color: #666;position: relative;margin-bottom: 10px;cursor: pointer;user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;}
.sidebar-menu-item > a{width: 100%;height: 40px;color: #666;font-size: 13px;font-weight: 600;display: flex;align-items: center;cursor: pointer;user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;gap: 15px;}
.sidebar-menu-footer{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 10px;border-top: 1px solid #ccc;margin-top: 10px;gap: 10px;}
.sidebar-menu-footer > a{width: 100%;height: 40px;}
.sidebar-menu-footer > .navbaritems-a{font-weight: 800;}

/* --------------------Header-------------------- */

.ms-header{position: fixed;width: 100%;height: fit-content;background-color: #fff;display: flex;flex-direction: column;top: 0;left: 0;z-index: 200;transition: var(--div-transition);box-shadow: 0 1px 20px -5px #022F4733;}
.burger{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 40px;height: 40px;cursor: pointer;border-radius: var(--border-radius-sm);transition: var(--div-transition);-webkit-tap-highlight-color: transparent;position: relative;}
.burger .line{width: 60%;height: 3px;border-radius: 5px;background-color: var(--color-brand1);display: block;transition: var(--div-transition);position: relative;}
.burger.active{background-color: var(--color-brand1-hover11);}
.burger.active .line:nth-child(1){-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
.burger.active .line:nth-child(2){opacity: 0;}
.burger.active .line:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
.burger.active .line{background-color: var(--color-brand1);}
.menu-nav{position: relative;width: 100%;height: var(--header-height);z-index: 4;background-color: transparent;}
.navbarnav{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;max-width: 1600px;padding: var(--header-padding);}
.nav-logo{display: flex;align-items: center;gap: 25px;}
.logo{display: flex;align-items: center;}
.logo > a{height: 50px;display: flex;align-items: center;}
.logo > a > img{height: 60%;width: auto;}
.navbaritems{display: flex;justify-content: center;align-items: center;gap: 10px;}
.navbaritems-a{position: relative;height: 40px;padding: 0 15px;border-radius: var(--border-radius-sm);color: var(--color-font-text);font-size: 13px;font-weight: 600;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: var(--div-transition);margin:0 5px 0 0;}
.navbaritems-a:hover{color: var(--color-brand1);background-color: var(--color-brand1-hover11);}
.navbaritems-a > svg{height: 20px;width: 20px;}
.navbaritems-a > span{position: absolute;top: -1px;right: -1px;padding: 1px 5px;border-radius: 50%;background: var(--color-brand2);color: white;font-size: 10px;height: 20px;width: auto;aspect-ratio: 1!important;display: flex;justify-content: center;align-items: center;}
.navbaritems-a.yellow{color: var(--color-brand2);margin:0;}
.navbaritems-a.yellow:hover{color: var(--color-brand2);background-color: var(--color-brand2-hover11);}
.navbaritems-a.filled{background-color: var(--color-brand1);color: #fff;font-weight: 800;}
.navbaritems-a.filled:hover{background-color: var(--color-brand1-hover);}

.nav-icons{display: flex;}
.navbaricons-left{display: flex;justify-content: center;align-items: center;gap: 10px;}
.navbaritems-left{display: flex;justify-content: center;align-items: center;gap: 10px;}
.navbaritems-left > .navbaritems-a{font-weight: 800;}

/* -------------------- Main -------------------- */
body,.ms-main,footer{background-color: var(--color-bg);}
.ms-main{width: 100%;padding-top: var(--header-height);overflow-x: hidden;}

/* Breadcrumb */
.breadcrumb-div{width: 100%;display: flex;justify-content: space-between;gap: 15px;}
.breadcrumb-div > .breadcrumb-number{min-width: 50px;font-size: 13px;font-weight: 600;color: #81858b;display: flex;justify-content: flex-end;align-items: center;gap: 5px;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
.breadcrumb-div > .breadcrumb-number span{font-weight: 800;}
.breadcrumb{display: flex;align-items: center;flex-wrap: wrap;overflow: hidden;}
.breadcrumb li{font-size: 13px;font-weight: 600;color: #81858b;}
.breadcrumb a{color: #81858b;}
.breadcrumb li:not(:last-child)::after{content: "/";top: 1px;position: relative;padding: 0 5px;}
/* Pagination */
.ms-pagination{width: 100%;min-height: 80px;display: flex;justify-content: space-between;align-items: center;gap: 15px;padding: var(--div-padding);background-color: #F5F5F5;border-radius: var(--border-radius-big);overflow: hidden;}
.ms-pagination-previos a,.ms-pagination-next a{font-size: 13px;font-weight: 600;color: var(--color-brand1);height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.ms-pagination-btns{height: 100%;display: flex;align-items: center;gap: 5px;}
.ms-pagination-btns a{width: 30px;height: 30px;font-size: 14px;font-weight: 600;color: var(--color-font-text);display: flex;justify-content: center;align-items: center;border-radius: var(--border-radius-sm);transition: var(--div-transition);background-color: #EFEFEF;}
.ms-pagination-btns a:hover{background-color: #9b77ff22;color: var(--color-brand1);}
.ms-pagination-btns a.active{background-color: var(--color-brand1);color: #fff;}
/* Hero Section */
.ms-hero-section{position: relative;width: 100%;height: calc(100vh - var(--header-height));max-height: 1000px;}
.ms-hero-section-img{width: 100%;height: calc(100% - var(--header-height));overflow: hidden;object-fit: cover;object-position: center;background: url('../img/hero-image.webp') #37474F99;background-size: cover;background-blend-mode: multiply;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 25px;padding-bottom: var(--header-height);}
.ms-hero-section-img h1{width: 100%;font-size: var(--font-size-big);color: #fff;font-weight: 800;text-align: center;}
.ms-hero-section-img p{width: 60%;font-size: var(--font-size-big);color: #fff;font-weight: 600;text-align: center;}
.ms-hero-section-img-searchbox{width: calc(100% - 200px);height: 120px;overflow: hidden;background-color: #fff;position: absolute;z-index: 3;bottom: 10px;left: 50%;transform: translateX(-50%);border-radius: var(--border-radius-big);box-shadow: var(--div-boxshadow);padding: 25px;}
/* Form */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-moz-appearance: none;appearance: none;-webkit-appearance: none;margin: 0;}input[type=number]{-moz-appearance: textfield;appearance: textfield;-webkit-appearance: textfield;}
::placeholder{color: var(--color-brand1);opacity: 1;font-size: 14px;font-weight: 600;transition: var(--div-transition);}
input:focus::placeholder{opacity: 0;}.form-control:focus::placeholder{opacity: 0;}
.ms-panel-form{width: 100%;height: 100%;display: flex;align-items: center;gap: 25px;}
.ms-field{position: relative;width: 100%;}
.ms-field > svg{position: absolute;width: 20px;height: 20px;right: 15px;top: 50%;transform: translateY(-50%);z-index: 2;}
.ms-input{width: 100%;height: 50px;background-color: #fff;border-radius: 7px;color: var(--txt1-col);font-size: 14px;font-weight: 600;padding: 0 15px;border: 1px solid #D8D8D8;transition: all .2s ease;padding-right: 45px;}
.ms-textarea{width: 100%;min-height: 200px;background-color: #fff;border-radius: 7px;border: 1px solid #D8D8D8;resize: none;overflow: auto;padding: 15px;color: var(--txt1-col);font-size: 14px;font-weight: 600;transition: all .2s ease;}
.ms-input:focus,.ms-textarea:focus{border-color: var(--color-brand1);}
.ms-label{color: var(--txt1-col);font-size: 13px;font-weight: 600;position: absolute;right: 5px;top: -25px;transition: all 0.2s ease;}
.ms-label > sup{color: #ea250f;margin-right: 2px;}
.ms-sub-btn{width: 280px;max-width: 100%;height: 50px;border-radius: 7px;display: flex;justify-content: center;align-items: center;color: #fff;background-color: var(--color-brand1);transition: all .2s ease;cursor: pointer;font-size: 14px;font-weight: 600;}
.ms-sub-btn:hover{background-color: var(--color-brand1-hover)}
/* Select Box */
select::-ms-expand{display: none;}
select,select option{color: var(--txt1-col);font-size: 14px;font-weight: 600;}
select:invalid,select option[value=""]{color: #ABABAB;font-size: 12px;font-weight: 600;}
select option[disabled]{color: #000;background-color: gainsboro;}
.ms-selectdiv{position: relative;width: 100%;height: 50px;}
.ms-selectdiv select{width: 100%;height: 100%;padding: 0 45px 0 35px;color: var(--color-font-text);font-size: 14px;font-weight: 600;background-color: #fff;border: 1px solid #D8D8D8;border-radius: 7px;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: all 0.2s;}
.ms-selectdiv:after{position: absolute;left: 15px;top: 18px;content: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.61508 4.54112L5.9907 8.1655C5.93973 8.21641 5.87064 8.245 5.79861 8.245C5.72657 8.245 5.65748 8.21641 5.60651 8.1655L1.98214 4.54112C1.93412 4.48959 1.90798 4.42144 1.90922 4.35102C1.91046 4.2806 1.93899 4.21341 1.9888 4.1636C2.0386 4.1138 2.10579 4.08527 2.17621 4.08403C2.24663 4.08278 2.31479 4.10892 2.36632 4.15694L5.79861 7.58877L9.23089 4.15694C9.28242 4.10892 9.35058 4.08278 9.421 4.08403C9.49142 4.08527 9.55861 4.1138 9.60842 4.1636C9.65822 4.21341 9.68675 4.2806 9.68799 4.35102C9.68923 4.42144 9.66309 4.48959 9.61508 4.54112Z' fill='%23445e7e'/%3E%3C/svg%3E%0A");}
.ms-selectdiv select:focus{border-color: var(--color-brand1);}
/* Headline */
.headline{width: 100%;display: flex;align-items: center;gap: 15px;flex-direction: column;}
.headline > .para{width: 75%;text-align: center;font-size: var(--font-size-medium);font-weight: 600;color: var(--color-font-text);}
.headline.center{justify-content: center}
.headline.right{justify-content: flex-start;}
.headline > .txt{display: flex;flex-direction: column;gap: 5px;padding: 0 50px;}
.headline > .txt > h1{font-weight: 800;font-size: 22px;color: var(--color-brand3);position: relative;text-align: center;}
.headline > .txt > h1::before{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707107 11L11 0.707107L21.2929 11L11 21.2929L0.707107 11Z' fill='%23FF6D31' stroke='%23FF6D31'/%3E%3C/svg%3E%0A");width: 16px;height: 16px;position: absolute;right: -25px;z-index: 1;top: 3px;}
.headline > .txt > h1::after{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707107 11L11 0.707107L21.2929 11L11 21.2929L0.707107 11Z' fill='%23FF6D31' stroke='%23FF6D31'/%3E%3C/svg%3E%0A");width: 16px;height: 16px;position: absolute;left: -25px;z-index: 1;top: 3px;}
/* Roadmap */
.ms-roadmap-container{width: 100%;display: grid;gap: 25px;}
.ms-colored-bg{position: relative}
.ms-colored-bg::after{content: "";width: 100%;height: 350px;background-color: var(--color-brand1);position: absolute;left: 0;top: 55%;transform: translateY(-50%);z-index: 1;}
.ms-roadmap-div{width: 100%;min-height: 200px;background-color: #fff;border-radius: var(--border-radius-big);transition: var(--div-transition);border: 2px solid var(--color-border);padding: var(--div-padding);overflow: hidden;display: grid;grid-template-columns: 250px 1fr;gap: 25px;z-index: 2;}
.ms-roadmap-div > .color-zone{width: 100%;height: 200px;background-color: var(--color-brand3);border-radius: var(--border-radius-sm);transition: var(--div-transition);overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 15px;}
.ms-roadmap-div > .color-zone > .circle{width: 90px;height: 90px;background-color: var(--color-brand1);border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.ms-roadmap-div > .color-zone > .circle svg{width: 50px;height: 50px;}
.ms-roadmap-div > .color-zone > h3{font-size: var(--font-size-medium);font-weight: 600;color: var(--color-brand1);line-height: 30px;text-align: center;}
.ms-roadmap-div > .right-zone{width: 100%;height: 100%;border-radius: var(--border-radius-sm);transition: var(--div-transition);overflow: hidden;display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;}
.right-zone > .right-zone-div{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 0 10px;position: relative;}
.right-zone > .right-zone-div > svg{width: 70px;height: 70px;}
.right-zone > .right-zone-div > h3{font-size: var(--font-size-medium);font-weight: 800;color: var(--color-brand1);text-align: center;}
.right-zone > .right-zone-div > p{font-size: var(--font-size-small);font-weight: 600;color: var(--color-brand1);text-align: center;height: 60px;}
.right-zone-div.after-from-top::after{content: url("data:image/svg+xml,%3Csvg  viewBox='0 0 63 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M61.996 11.0955C54.7357 5.42306 46.3619 1.13843 37.0838 0.289074C30.3252 -0.332047 23.5619 1.17051 17.4823 4.11217C13.1185 6.22861 9.12131 9.10402 5.5879 12.4091C4.76539 13.1842 3.93535 13.9835 3.1542 14.8296C3.93851 11.78 4.73063 8.72219 5.33059 5.63638C5.54731 4.5143 3.82236 4.0943 3.60564 5.21638C2.76681 9.51253 1.55178 13.7604 0.512306 18.0048C0.342539 18.6868 0.975694 19.2009 1.61965 19.0681C6.06353 18.1395 10.5155 17.2188 14.9672 16.2821C16.0962 16.0516 15.5983 14.3373 14.4775 14.5756C10.8841 15.3192 7.29104 16.0788 3.69764 16.8224C8.20319 11.4618 14.4854 7.10296 20.8678 4.53038C26.4427 2.29353 32.5087 1.43584 38.4803 2.22463C46.7252 3.30255 54.2713 7.32457 60.753 12.3901C61.661 13.0742 62.8966 11.8037 61.996 11.0955Z' fill='%23FF6D31'/%3E%3C/svg%3E%0A");position: absolute;width: 60px;height: auto;left: -20%;top: 15%;}
.right-zone-div.after-from-bot::after{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 63 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M62.4941 8.90452C55.2337 14.5769 46.8599 18.8616 37.5819 19.7109C30.8233 20.332 24.0599 18.8295 17.9804 15.8878C13.6165 13.7714 9.61935 10.896 6.08595 7.59091C5.26343 6.81577 4.4334 6.01655 3.65224 5.1704C4.43655 8.22004 5.22868 11.2778 5.82864 14.3636C6.04535 15.4857 4.3204 15.9057 4.10369 14.7836C3.26486 10.4875 2.04982 6.23956 1.01035 1.99521C0.840586 1.31317 1.47374 0.799118 2.1177 0.93195C6.56158 1.86049 11.0136 2.78121 15.4653 3.71789C16.5942 3.9484 16.0964 5.66271 14.9756 5.42439C11.3822 4.68078 7.78909 3.9212 4.19568 3.17759C8.70124 8.53818 14.9835 12.897 21.3659 15.4696C26.9408 17.7065 33.0067 18.5642 38.9784 17.7754C47.2232 16.6975 54.7694 12.6754 61.251 7.6099C62.159 6.9258 63.3946 8.19632 62.4941 8.90452Z' fill='%23FF6D31'/%3E%3C/svg%3E%0A");position: absolute;width: 60px;height: auto;left: -20%;top: 15%;}
/* Feauters */
.ms-feauters-container{width: 100%;display: grid;gap: 25px;}
.ms-feauters-div{width: 100%;min-height: 200px;background-color: var(--color-brand3);border-radius: var(--border-radius-big);transition: var(--div-transition);padding: var(--div-padding);overflow: hidden;display: grid;grid-template-columns: repeat(2,1fr);gap: 25px;}
.ms-feauters-div > .zone{width: 100%;height: 100%;display: grid;gap: 25px;}
.ms-feauters-div > .zone > .in-zone{display: flex;justify-content: center;align-items: center;}
.ms-feauters-div > .zone > .in-zone img{max-width: 100%;}
.ms-feauters-div > .zone > .in-zone.right{justify-content: flex-start;}
.feauters-ul-section{display: flex;flex-direction: column;gap: 15px;}
.feauters-ul-section > h3{font-size: 18px;font-weight: 800;color: var(--color-font-text);}
.feauters-ul-section ul{list-style: none;display: flex;flex-direction: column;gap: 10px;}
.feauters-ul-section ul li{font-size: var(--font-size-medium);font-weight: 600;color: var(--color-font-text);}
.feauters-ul-section ul li:before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9677 0H12.0262C12.1252 0.128906 12.2611 0.219375 12.3919 0.31125C13.162 0.909375 13.9336 1.50609 14.7103 2.09625C15.817 1.94203 16.9233 1.77984 18.0319 1.64109C18.4402 2.68687 18.8569 3.72891 19.2717 4.77234C20.3161 5.18437 21.3591 5.60016 22.4034 6.01172C22.2577 7.10156 22.1016 8.19 21.9558 9.27984C21.9366 9.35437 22.0027 9.40734 22.0392 9.46266C22.6983 10.3036 23.3316 11.1647 24 11.9981V12.0712L23.9836 12.0291C23.3372 12.8508 22.6838 13.6669 22.0317 14.4844C21.9788 14.5622 21.8761 14.633 21.9023 14.7394C22.0523 15.8222 22.2033 16.9045 22.3514 17.9873C21.3366 18.397 20.3236 18.8095 19.3088 19.2183C19.2595 19.2389 19.2038 19.26 19.1911 19.3186C18.7828 20.3428 18.383 21.3708 17.9695 22.3931C16.9045 22.2413 15.8381 22.0997 14.7731 21.9492C14.7047 21.9366 14.6297 21.9323 14.5777 21.9867C13.8717 22.5305 13.1639 23.0723 12.457 23.6156C12.3019 23.7473 12.1172 23.8505 11.9817 24H11.9714C11.7239 23.7755 11.4384 23.5861 11.1764 23.3752C10.5745 22.913 9.97219 22.4517 9.37125 21.9891C9.32625 21.9492 9.26906 21.9286 9.20953 21.9445C8.13375 22.0969 7.05609 22.237 5.98125 22.3941C5.55703 21.367 5.16187 20.3273 4.74422 19.297C4.72453 19.2403 4.65469 19.2323 4.60875 19.207C3.60328 18.8091 2.59594 18.4144 1.59375 18.0084C1.74516 16.958 1.88203 15.9056 2.0325 14.8547C2.03437 14.7834 2.07187 14.6967 2.01375 14.6381C1.3425 13.7644 0.674531 12.8878 0 12.0169V12.0117C0.676406 11.1375 1.34859 10.2595 2.025 9.38531C2.08031 9.33328 2.08078 9.25781 2.06625 9.18891C1.91531 8.12297 1.77141 7.05609 1.62141 5.99016C2.66297 5.57062 3.70828 5.15906 4.75266 4.74609C5.17266 3.70219 5.58328 2.655 5.99906 1.60969C7.10859 1.75828 8.21625 1.91766 9.32578 2.06531C10.1316 1.44656 10.9378 0.828281 11.7436 0.21C11.8214 0.144844 11.9269 0.0989062 11.9677 0ZM10.867 13.9838C9.87656 13.1794 8.88609 12.3741 7.90547 11.558C7.79578 11.6522 7.71656 11.7755 7.62234 11.8837C7.4325 12.1289 7.21078 12.3563 7.03969 12.6112C8.34891 13.7058 9.67219 14.7863 10.9889 15.8719C11.003 15.8747 11.0302 15.8803 11.0438 15.8831C13.0233 13.5998 14.9878 11.303 16.9711 9.0225C16.6406 8.71031 16.2867 8.42297 15.9459 8.12156C14.2528 10.0758 12.5602 12.0295 10.867 13.9838Z' fill='%2345547E'/%3E%3C/svg%3E");padding-left: 10px;position: relative;top: 6px;}
/* Video */
.ms-half-colored-bg{position: relative}
.ms-half-colored-bg::after{content: "";width: calc(50% - 200px);height: 100%;background-color: var(--color-brand1);position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.ms-video-motion-container{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);gap: 25px;position: relative;z-index: 2;}
.ms-video-wrapper{position:relative;width: 600px;max-width: 100%;height: 300px;}
.video{width: 600px;max-width: 100%;height: 300px;object-fit: cover;aspect-ratio: 2/1;overflow: hidden;border-radius: var(--border-radius-sm);margin: 0;padding: 0;}
.playpause{position: absolute;width: 100%;height: 100%;background: url('../img/videoView.svg') no-repeat center;background-size: cover;left:0;right:0;top:0;bottom:0;}
.playpause.isHidden{opacity: 0;}
/* Banner */
.ms-banner-container{width: 100%;min-height: 200px;background-color: #29384B;border-radius: var(--border-radius-big);transition: var(--div-transition);overflow: hidden;display: grid;grid-template-columns: 500px 1fr;gap: 25px;}
.ms-banner-container img{width: auto;height: 100%;object-fit: cover;}
.ms-banner-container > .txt{width: 100%;height: 100%;padding: var(--div-padding);overflow: hidden;display: flex;justify-content: center;flex-direction: column;align-items: center;gap: 50px;}
.ms-banner-container > .txt > h3{text-align: center;font-size: 22px;color: #FFF;font-weight: 800;}
.ms-banner-container > .txt > a{height: 50px;width: 200px;max-width: 100%;border-radius: var(--border-radius-sm);overflow: hidden;font-size: var(--font-size-medium);color: var(--color-brand1);font-weight: 800;display: flex;justify-content: center;align-items: center;background-color: #FFF;}
/* Properties */
.ms-properties-container{transition: 0.5s;width: 100%;height: 100%;max-height:400px;display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;overflow: hidden;}
.ms-properties-div{width: 100%;height: 150px;border-radius: var(--border-radius-sm);padding: var(--div-padding);overflow: hidden;border: 1px solid var(--color-border);box-shadow: var(--div-boxshadow-low);display: flex;flex-direction: column;align-items: center;justify-content: space-between;gap: 15px;}
.ms-properties-div > .top{width: 100%;display: flex;align-items: center;gap: 15px;}
.ms-properties-div > .top > svg{width: 40px;height: 40px;}
.ms-properties-div > .top > h3{font-size: 18px;color: var(--color-brand1);font-weight: 800;}
.ms-properties-div > .bot{width: 100%;font-size: 15px;font-weight: 600;color: var(--color-brand1);position: relative;display: flex;align-items: center;gap: 15px;}
.ms-properties-div > .bot::after{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.57 5.92969L3.5 11.9997L9.57 18.0697' stroke='%23232F43' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.4999 12H3.66992' stroke='%23232F43' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");position: absolute;left: 0;width: 15px;height: 15px;}


/* more button*/
.skills-show{max-height: 100%;}
.skills-btn{width:100%;text-align: center;color:var(--color-brand1);}
.skills-btn:hover{cursor:pointer;opacity:0.8;transition: 0.7s;}
.more-skill-chevron{background-color:transparent;border-radius: var(--border-radius-sm);display: flex;justify-content: center;transition: 0.5s;}
.rotate-skill-chevron{transform: rotate(180deg);transition: 0.5s;}
.more-skill-chevron:after{border-radius:50%;display:inline-block;content: url("data:image/svg+xml,%3Csvg width='45' height='28' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.61508 4.54112L5.9907 8.1655C5.93973 8.21641 5.87064 8.245 5.79861 8.245C5.72657 8.245 5.65748 8.21641 5.60651 8.1655L1.98214 4.54112C1.93412 4.48959 1.90798 4.42144 1.90922 4.35102C1.91046 4.2806 1.93899 4.21341 1.9888 4.1636C2.0386 4.1138 2.10579 4.08527 2.17621 4.08403C2.24663 4.08278 2.31479 4.10892 2.36632 4.15694L5.79861 7.58877L9.23089 4.15694C9.28242 4.10892 9.35058 4.08278 9.421 4.08403C9.49142 4.08527 9.55861 4.1138 9.60842 4.1636C9.65822 4.21341 9.68675 4.2806 9.68799 4.35102C9.68923 4.42144 9.66309 4.48959 9.61508 4.54112Z' fill='%23445e7e'/%3E%3C/svg%3E%0A");}

/* Carousel */
.owl-carousel{direction: ltr;width: 100%;max-width: 100%;}
.owl-stage-outer{padding-top: 25px;}
.owl-nav,.owl-dots{display: none;}
.owl-dots{width: 100%;height: 12px;display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 25px;}
button.owl-dot{width: 7px;height: 7px;border-radius: 50%;background-color: var(--color-brand1) !important;transition: all 0.1s;opacity: 0.2;}
.owl-dot.active{width: 12px;height: 12px;opacity: 1;}
.ms-carousel-max-size{width: 100%;max-width: 1600px;margin: 0 auto;background-color: transparent;overflow: hidden;padding: var(--container-padding);display: flex;gap: 25px;flex-direction: column;}
.ms-carousel-half-col{position: relative;z-index: 2;}
.ms-carousel-half-col::after{content: "";width: calc(50% - 200px);height: 70%;background-color: var(--color-brand1);position: absolute;right: 0;bottom: 25px;z-index: -1;}
.item-img{width: 100%;height: fit-content;border-radius: var(--border-radius-big);background-color: #FFF;position: relative;direction: rtl;padding: 10px;display: grid;gap: 10px;border-bottom: 10px solid var(--color-brand1-hover);box-shadow: var(--div-boxshadow);}
.item-img-cover{position: relative;height: 170px;}
.item-img-cover > img{position: relative;width: 100%;height: 100%;border-radius: var(--border-radius-sm);object-fit: cover;object-position: center;}
.item-img h3{color: var(--color-brand1);font-weight: 800;font-size: var(--font-size-medium);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;margin-top: 5px;}
.item-img p{color: var(--color-brand1);font-weight: 400;font-size: 14px;text-align: right;height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.item-price-div{width: 100%;height: 40px;display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;margin-top: 25px;padding: 0 10px;}
.item-star{position: relative;color: #50565F;font-weight: 600;font-size: 13px;overflow: hidden;display: flex;justify-content: center;align-items: center;gap: 10px;padding: 10px 0;}
.item-star::before{position: relative;right: 0;top: -2px;width: 20px;height: 20px;content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9582 2.9665V1.6665C13.9582 1.32484 13.6749 1.0415 13.3332 1.0415C12.9915 1.0415 12.7082 1.32484 12.7082 1.6665V2.9165H7.29153V1.6665C7.29153 1.32484 7.0082 1.0415 6.66653 1.0415C6.32487 1.0415 6.04153 1.32484 6.04153 1.6665V2.9665C3.79153 3.17484 2.69987 4.5165 2.5332 6.50817C2.51653 6.74984 2.71653 6.94984 2.94987 6.94984H17.0499C17.2915 6.94984 17.4915 6.7415 17.4665 6.50817C17.2999 4.5165 16.2082 3.17484 13.9582 2.9665Z' fill='%23445E7E'/%3E%3Cpath d='M16.6667 8.2002H3.33333C2.875 8.2002 2.5 8.5752 2.5 9.03353V14.1669C2.5 16.6669 3.75 18.3335 6.66667 18.3335H13.3333C16.25 18.3335 17.5 16.6669 17.5 14.1669V9.03353C17.5 8.5752 17.125 8.2002 16.6667 8.2002ZM7.675 15.1752C7.63333 15.2085 7.59167 15.2502 7.55 15.2752C7.5 15.3085 7.45 15.3335 7.4 15.3502C7.35 15.3752 7.3 15.3919 7.25 15.4002C7.19167 15.4085 7.14167 15.4169 7.08333 15.4169C6.975 15.4169 6.86667 15.3919 6.76667 15.3502C6.65833 15.3085 6.575 15.2502 6.49167 15.1752C6.34167 15.0169 6.25 14.8002 6.25 14.5835C6.25 14.3669 6.34167 14.1502 6.49167 13.9919C6.575 13.9169 6.65833 13.8585 6.76667 13.8169C6.91667 13.7502 7.08333 13.7335 7.25 13.7669C7.3 13.7752 7.35 13.7919 7.4 13.8169C7.45 13.8335 7.5 13.8585 7.55 13.8919C7.59167 13.9252 7.63333 13.9585 7.675 13.9919C7.825 14.1502 7.91667 14.3669 7.91667 14.5835C7.91667 14.8002 7.825 15.0169 7.675 15.1752ZM7.675 12.2585C7.51667 12.4085 7.3 12.5002 7.08333 12.5002C6.86667 12.5002 6.65 12.4085 6.49167 12.2585C6.34167 12.1002 6.25 11.8835 6.25 11.6669C6.25 11.4502 6.34167 11.2335 6.49167 11.0752C6.725 10.8419 7.09167 10.7669 7.4 10.9002C7.50833 10.9419 7.6 11.0002 7.675 11.0752C7.825 11.2335 7.91667 11.4502 7.91667 11.6669C7.91667 11.8835 7.825 12.1002 7.675 12.2585ZM10.5917 15.1752C10.4333 15.3252 10.2167 15.4169 10 15.4169C9.78333 15.4169 9.56667 15.3252 9.40833 15.1752C9.25833 15.0169 9.16667 14.8002 9.16667 14.5835C9.16667 14.3669 9.25833 14.1502 9.40833 13.9919C9.71667 13.6835 10.2833 13.6835 10.5917 13.9919C10.7417 14.1502 10.8333 14.3669 10.8333 14.5835C10.8333 14.8002 10.7417 15.0169 10.5917 15.1752ZM10.5917 12.2585C10.55 12.2919 10.5083 12.3252 10.4667 12.3585C10.4167 12.3919 10.3667 12.4169 10.3167 12.4335C10.2667 12.4585 10.2167 12.4752 10.1667 12.4835C10.1083 12.4919 10.0583 12.5002 10 12.5002C9.78333 12.5002 9.56667 12.4085 9.40833 12.2585C9.25833 12.1002 9.16667 11.8835 9.16667 11.6669C9.16667 11.4502 9.25833 11.2335 9.40833 11.0752C9.48333 11.0002 9.575 10.9419 9.68333 10.9002C9.99167 10.7669 10.3583 10.8419 10.5917 11.0752C10.7417 11.2335 10.8333 11.4502 10.8333 11.6669C10.8333 11.8835 10.7417 12.1002 10.5917 12.2585ZM13.5083 15.1752C13.35 15.3252 13.1333 15.4169 12.9167 15.4169C12.7 15.4169 12.4833 15.3252 12.325 15.1752C12.175 15.0169 12.0833 14.8002 12.0833 14.5835C12.0833 14.3669 12.175 14.1502 12.325 13.9919C12.6333 13.6835 13.2 13.6835 13.5083 13.9919C13.6583 14.1502 13.75 14.3669 13.75 14.5835C13.75 14.8002 13.6583 15.0169 13.5083 15.1752ZM13.5083 12.2585C13.4667 12.2919 13.425 12.3252 13.3833 12.3585C13.3333 12.3919 13.2833 12.4169 13.2333 12.4335C13.1833 12.4585 13.1333 12.4752 13.0833 12.4835C13.025 12.4919 12.9667 12.5002 12.9167 12.5002C12.7 12.5002 12.4833 12.4085 12.325 12.2585C12.175 12.1002 12.0833 11.8835 12.0833 11.6669C12.0833 11.4502 12.175 11.2335 12.325 11.0752C12.4083 11.0002 12.4917 10.9419 12.6 10.9002C12.75 10.8335 12.9167 10.8169 13.0833 10.8502C13.1333 10.8585 13.1833 10.8752 13.2333 10.9002C13.2833 10.9169 13.3333 10.9419 13.3833 10.9752C13.425 11.0085 13.4667 11.0419 13.5083 11.0752C13.6583 11.2335 13.75 11.4502 13.75 11.6669C13.75 11.8835 13.6583 12.1002 13.5083 12.2585Z' fill='%23445E7E'/%3E%3C/svg%3E%0A");}
.item-a{font-size: 13px;font-weight: 600;color: var(--color-brand1);display: flex;justify-content: center;align-items: center;transition: var(--div-transition);cursor: pointer;padding: 10px;border-radius: var(--border-radius-sm);}
.item-a:hover{background-color: var(--color-brand1-hover11);}
.showall-btn{width: fit-content;height: 45px;padding: 0 25px;display: flex;justify-content: center;align-items: center;background-color: #FFF;color: var(--color-brand1);border-radius: var(--border-radius-sm);cursor: pointer;font-size: var(--font-size-small);font-weight: 600;transition: var(--div-transition);}
/* Tabs */
.ms-tabs-contain{width: 100%;display: flex;justify-content: center;}
.tabs__buttons--container{width: fit-content;max-width: 100%;display: block;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.tabs__buttons--container::-webkit-scrollbar{display: none;}
.tabs__tab-btn{font-size: var(--font-size-small);font-weight: 600;color: var(--color-brand1);position: relative;cursor: pointer;background: none;padding: 15px 30px;min-width: 180px;display: inline-block;margin: 0 5px;}
.tabs__tab-btn::after{display: none;}
.tabs__tab-btn.selected::after{background-color: var(--color-brand2);height: 4px;border-radius: 5px;left: 0;bottom: 0;content: '';position: absolute;display: block;width: 100%;}
.tabs__tab-btn:hover{transition: var(--div-transition);}


/* -------------------- Form -------------------- */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;appearance: textfield;}
.reg-form{width: 100%;margin-top: 25px;display: grid;grid-gap: 40px;justify-items: center;}
.reg-form-grid{display: grid;width: 100%;grid-template-columns: repeat(2,1fr);grid-gap: 40px 20px;}
.offer-form-grid{display: grid;width: 100%;grid-template-columns: repeat(3,1fr);grid-gap: 40px 20px;}
.reg-field{position: relative;width: 100%;display: flex;}
.reg-field.big{width: 100%;max-width: 400px;}
.reg-input{width: 100%;height: 45px;background-color: #F5F5F5;border-radius: var(--border-radius-sm);color: var(--color-font-text);font-size: 16px;font-weight: 600;padding: 0 15px;transition: var(--div-transition);border: 2px solid transparent;}
.reg-input.tx-center{text-align: center;}
.reg-label{color: var(--color-font-text);font-size: 11px;font-weight: 600;position: absolute;right: 10px;top: -20px;transition: var(--div-transition);}
.reg-label::after{content: "*";color: #ea250f;margin-right: 3px;}
.reg-label.not-req::after{display: none;}
.reg-input-button{color: #fff;font-size: 13px;font-weight: 600;position: absolute;left: 0;top: 0;transition: var(--div-transition);height: 100%;background-color: var(--color-brand1);border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);padding: 0 25px;display: flex;gap: 5px;align-items: center;justify-content: center;cursor: pointer;}
.reg-input-button::before{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12H18' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18V6' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width: 20px;height: 20px;position: relative;top: -1px;}
.reg-input:focus,.reg-form-control:focus{border-color: #bcc2d5;}
.reg-field-form-control{position: relative;direction: rtl;width: 100%;}
.reg-form-control{width: 100%;height: 100px;background-color: #F5F5F5;border-radius: var(--border-radius-sm);transition: var(--div-transition);resize: none;overflow: auto;padding: 15px;color: var(--color-font-text);font-size: 14px;font-weight: 600;border: 2px solid transparent;}
.ms-submit-btn{width: 100%;height: 45px;border-radius: var(--border-radius-sm);display: flex;justify-content: center;align-items: center;color: #FFF;font-size: 16px;font-weight: 600;background-color: var(--color-brand1);transition: var(--div-transition);cursor: pointer;}
.ms-submit-btn:hover{background-color: var(--color-brand1-hover);}
.ms-submit-btn:disabled{opacity:0.7;}
/* Radio Input */
input[type="radio"]{position: absolute;opacity: 0;}
.userType-table{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;}
.userType-item{width: 100%;}
.userType-content{position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 10px;border: 2px solid #e1e2e7;border-radius: var(--border-radius-sm);transition: var(--div-transition);cursor: pointer;font-size: 16px;color: var(--color-brand1);font-weight: 600;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
.userType-item input[type="radio"]:checked + .userType-content{border: 2px solid #216ee0;background-color: #eaf1fe;transition: var(--div-transition);}
.userType-content::before{content: '';position: absolute;height: 8px;width: 8px;background: #fff;right: 15px;top: 50%;transform: translateY(-50%);border-radius: 50%;border: 3px solid #fff;box-shadow: 0px 0px 0px 2px #e1e2e7;}
input[type="radio"]:checked + .userType-content::before{background: #216fe0;box-shadow: 0px 0px 0px 2px #0066ff;}
.userType-item input[type="radio"]:disabled + .userType-content{background-color: #ebebeb;cursor: not-allowed;color: #aeaeae;}
/* Verify Input */
.reg-verify{direction: ltr;width: 100%;display: flex;justify-content: center;gap: 5px;}
.reg-verify input{width: 45px;height: 45px;background-color: #F5F5F5;border-radius: var(--border-radius-sm);color: var(--color-font-text);font-size: 16px;font-weight: 600;text-align: center;transition: var(--div-transition);border: 2px solid transparent;}
.reg-verify input:focus{border-color: #e1e2e7;}
.reg-change-num{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 5px;}
.reg-change-num a{font-size: 13px;font-weight: 600;color: var(--color-brand1);height: 20px;}
.reg-change-num .countdown-holder{font-size: 13px;font-weight: 600;color: var(--color-brand1);height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
.reg-change-num a:hover{text-decoration: underline;}
/* Password Input */
#txtPassword{padding-left: 45px;}
.reg-eye-btn{position: absolute;left: 0;top: 0;width: 45px;height: 45px;border-radius: var(--border-radius-sm);display: flex;justify-content: center;align-items: center;background-color: transparent;transition: var(--div-transition);overflow: hidden;}
.reg-eye-btn span{width: 45px;height: 100%;display: flex;justify-content: center;align-items: center;}
.reg-eye-btn span.reg-eye::after{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M519.333 400C519.333 466 466 519.333 400 519.333C334 519.333 280.668 466 280.668 400C280.668 334 334 280.668 400 280.668C466 280.668 519.333 334 519.333 400Z' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M400 675.667C517.667 675.667 627.334 606.333 703.667 486.333C733.667 439.333 733.667 360.333 703.667 313.332C627.334 193.332 517.667 123.999 400 123.999C282.333 123.999 172.666 193.332 96.3325 313.332C66.3325 360.333 66.3325 439.333 96.3325 486.333C172.666 606.333 282.333 675.667 400 675.667Z' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width: 20px;height: 20px;position: absolute;}
.reg-eye-btn span.reg-eye.reg-eye-slash::after{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M484.333 315.668L315.668 484.333C294.001 462.667 280.668 433 280.668 400C280.668 334 334 280.668 400 280.668C433 280.668 462.667 294.001 484.333 315.668Z' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M594 192.333C535.667 148.333 469 124.333 400 124.333C282.333 124.333 172.666 193.666 96.3325 313.666C66.3325 360.667 66.3325 439.667 96.3325 486.667C122.666 528 153.333 563.667 186.666 592.333' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M280.668 651.003C318.668 667.003 359 675.67 400 675.67C517.667 675.67 627.333 606.337 703.667 486.337C733.667 439.337 733.667 360.337 703.667 313.335C692.667 296.002 680.667 279.668 668.333 264.335' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M516.997 423.333C508.33 470.333 469.997 508.667 422.997 517.333' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M315.667 484.333L66.6665 733.333' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M733.333 66.6666L484.333 315.667' stroke='%23292D32' stroke-width='50' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width: 20px;height: 20px;position: absolute;}
/* Select Box */
.reg-selectdiv{position: relative;width: 100%;height: 45px;}
.reg-selectdiv select {width: 100%;height: 100%;padding: 0 15px 0 35px;font-size: 14px;font-weight: 600;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #F5F5F5;border-radius: var(--border-radius-sm);color: var(--color-font-text);transition: var(--div-transition);border: 2px solid transparent;scrollbar-width: thin;scrollbar-color: var(--color-font-text);}
.reg-selectdiv:after{position: absolute;left: 13px;top: 14px;width: 17px;height: 17px;content: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.61508 4.54112L5.9907 8.1655C5.93973 8.21641 5.87064 8.245 5.79861 8.245C5.72657 8.245 5.65748 8.21641 5.60651 8.1655L1.98214 4.54112C1.93412 4.48959 1.90798 4.42144 1.90922 4.35102C1.91046 4.2806 1.93899 4.21341 1.9888 4.1636C2.0386 4.1138 2.10579 4.08527 2.17621 4.08403C2.24663 4.08278 2.31479 4.10892 2.36632 4.15694L5.79861 7.58877L9.23089 4.15694C9.28242 4.10892 9.35058 4.08278 9.421 4.08403C9.49142 4.08527 9.55861 4.1138 9.60842 4.1636C9.65822 4.21341 9.68675 4.2806 9.68799 4.35102C9.68923 4.42144 9.66309 4.48959 9.61508 4.54112Z' fill='%23445e7e'/%3E%3C/svg%3E%0A");}
.reg-selectdiv select:focus {border-color: #bcc2d5;}
/* Check Box */
input[type="checkbox"] {position: absolute;opacity: 0;}
.times-content{padding-right: 25px;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;font-size: 13px;font-weight: 600;color: var(--color-font-text);}
.times-item input[type="checkbox"]:checked + .times-content{transition: ease-in 0.2s;}
input[type="checkbox"] + .times-content:after{content: '';position: absolute;height: 15px;width: 15px;background: #fff;right: 0;top: 1px; color: #fff;font-size: 12px;font-weight: 400;display: flex;justify-content: center;align-items: center;border-radius: 4px;border: 2px solid #445e7eaa;}
input[type="checkbox"]:checked + .times-content:after{content: '✔';border-color: var(--color-brand1);background-color: var(--color-brand1);}
/* Terms and Conditions */
.reg-termsandconditions{position: relative;width: 100%;font-size: 13px;font-weight: 600;color: var(--color-font-text);padding-right: 0;}
.reg-termsandconditions::after{position: absolute;right: 0;top: 3px;width: 15px;height: 15px;}
.reg-termsandconditions a{padding: 0 5px;color: var(--color-brand2);}
.reg-termsandconditions a:hover{text-decoration: underline;}

/* Upload Image */
.drop-zone{width: 100%;height: auto;background-color: #F5F5F5;padding: var(--div-padding);border: 2px solid var(--color-border);border-radius: var(--border-radius-sm);display: flex;flex-direction: column;gap: 15px;align-items: center;}
.drop-zone svg{width: 60px;height: 60px;}
.drop-zone__prompt,.drop-zone__button{-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
.drop-zone__prompt h3{width: 100%;text-align: center;font-size: 16px;font-weight: 800;color: var(--color-brand1);}
.drop-zone__prompt p{width: 100%;text-align: center;font-size: 12px;font-weight: 600;color: var(--color-brand1);}
.drop-zone__button{width: 130px;height: 45px;border-radius: var(--border-radius-sm);border: 2px solid var(--color-brand1);overflow: hidden;display: flex;justify-content: center;align-items: center;gap: 10px;font-size: 14px;font-weight: 800;color: var(--color-brand1);position: relative;}
.drop-zone__button::before{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_50_21)'%3E%3Cpath d='M23.25 12C23.25 5.7868 18.2132 0.75 12 0.75C5.7868 0.75 0.75 5.7868 0.75 12C0.75 18.2132 5.7868 23.25 12 23.25C18.2132 23.25 23.25 18.2132 23.25 12Z' stroke='%23445E7E' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7C12.278 7 12.5034 7.20664 12.5034 7.46154V17.5385C12.5034 17.7934 12.278 18 12 18C11.722 18 11.4967 17.7934 11.4967 17.5385V7.46154C11.4967 7.20664 11.722 7 12 7Z' fill='%23445E7E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8526 10.0771C14.656 10.2573 14.3373 10.2574 14.1407 10.0771L12 8.11425L9.85927 10.0771C9.6627 10.2574 9.344 10.2573 9.14743 10.0771C8.95086 9.89686 8.95086 9.60463 9.14743 9.42439L11.644 7.13518C11.8406 6.95494 12.1593 6.95494 12.3559 7.13518L14.8526 9.42439C15.0491 9.60463 15.0491 9.89686 14.8526 10.0771Z' fill='%23445E7E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_50_21'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");position: relative;width: 20px;height: 20px;}
.drop-zone--over{border-color: var(--color-brand1);}
.drop-zone__input {display: none;}
.drop-zone__thumb {width: 100%;height: 45px;border-radius: var(--border-radius-sm);overflow: hidden;position: relative;}
.drop-zone__thumb::after{content: attr(data-label);position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;color: #fff;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.75);font-size: 13px;font-weight: 600;text-align: center;}

/*Switch btn */
.reg-switch-container{width: 100%;display: flex;justify-content: space-between;align-items: center;}
label.reg-txt-switch{-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;font-size: 14px;font-weight: 600;color: var(--color-font-text);width: calc(100% - 50px);cursor: pointer;}
input.reg-switch{display: block;opacity: 0;}
label.reg-label-switch{position: relative;width: 50px;height: 25px;display: inline-block;background: #666;border-radius: 25px;cursor: pointer;transition: var(--div-transition);white-space: nowrap;}
label.reg-label-switch:after{content: "";position: absolute;width: 19px;height: 19px;left: 3px;top: 3px;background: #FFF;border-radius: 50%;box-shadow: var(--div-boxshadow);}
input.reg-switch:checked + label.reg-label-switch{background: var(--color-brand2);}
input.reg-switch:checked + label.reg-label-switch:after{right: 3px;left: auto;}

/* --------------------Footer-------------------- */

footer{position: relative;width: 100%;background-color: var(--color-brand1);margin-top: 50px;}
.myfootercontainer{padding: var(--container-padding);}
.top-section{width: 100%;display: flex;justify-content: space-between;overflow: hidden;}
.footer-intro{width: 45%;}
.footer-logo{display: flex;align-items: center;}
.footer-logo > a{height: 50px;display: flex;align-items: center;}
.footer-logo > a > img{height: 60%;width: auto;}
.footer-intro > .txt{display: flex;flex-direction: column;gap: 20px;}
.footer-intro > .txt p{color: #fff;font-weight: 600;font-size: 13px;}
.et-footer-headline{font-size: 16px;font-weight: 800;color: #fff;margin: 20px 0;}
.footer-menu{width: 40%;display: flex;justify-content: space-between;gap: 25px;}
.et-footer-submenu > ul{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
.et-footer-submenu > ul > li{list-style: disc;color: #fff;margin-right: 15px;}
.et-footer-submenu > ul > li > a{color: #fff;font-size: 13px;font-weight: 600;cursor: pointer;transition: var(--div-transition);}
.bott-section{display: flex;justify-content: center;width: 100%;background-color: var(--color-brand1-hover);}
.footer-copyright{width: 100%;min-height: 50px;display: flex;justify-content: space-between;align-items: center;padding: var(--footer-padding);}
.footer-copyright > span{height: 100%;display: flex;justify-content: center;align-items: center;gap: 5px;font-size: 14px;font-weight: 600;color: #fff;text-align: center;position: relative;}
.footer-copyright > span::before{content: "©";font-size: 16px;transform: translateY(1px);}
.social-div{display: flex;align-items: center;flex-wrap: wrap;gap: 5px;direction: ltr;}
.social-div > a{padding: 5px;border-radius: var(--border-radius-sm);transition: var(--div-transition);display: flex;justify-content: center;align-items: center;}
.social-div > a:hover{background-color: #00000011;}
.social-div svg{width: 28px;height: 28px;}


/* --------------------MediaQuery-------------------- */

@media screen and (max-width: 1300px)
{
  :root{
    --header-padding: 0 50px;
    --footer-padding: 0 50px;
    --container-padding: 25px 50px;
    --div-padding: 25px;
  }
  .ms-hero-section-img p{width: 80%;}
  .ms-hero-section-img-searchbox{width: calc(100% - 100px);}
  .footer-copyright{padding: 15px 50px;}
}
@media screen and (max-width: 1200px)
{
  nav,.navbaritems-left{display: none;}
  .navbarlogo{justify-content: flex-start;}
  .burger{display: flex;}
  /* Main */
  .right-zone-div.after-from-top::after{width: 40px}
  .right-zone-div.after-from-bot::after{width: 40px}
  /* Footer */
  .top-section{flex-direction: column;gap: 25px;}
  .footer-intro{width: 100%;display: flex;justify-content: center;}
  .footer-logo{justify-content: center;}
  .footer-intro > .txt{width: 500px;max-width: 100%;}
  .footer-intro > .txt p{text-align: center;}
  .et-footer-headline{width: 100%;text-align: center;}
  .footer-menu{width: 100%;flex-direction: column;justify-content: center;align-items: center;}
  .footer-menu > ul{flex-wrap: wrap;justify-content: center;}
  .social-div{width: 100%;justify-content: center;}
  .footer-copyright{flex-direction: column-reverse;gap: 15px;}
}
@media screen and (max-width: 1024px)
{
  :root{
    --header-padding: 0 25px;
    --footer-padding: 0 25px;
    --container-padding: 25px;
    --div-padding: 15px;
  }
  .ms-hero-section-img-searchbox{width: calc(100% - 50px);}
  /* Main */
  .headline > .para{width: 100%;}
  .right-zone-div.after-from-top::after{width: 50px;left: -50px}
  .right-zone-div.after-from-bot::after{display: none}
  .ms-roadmap-div{grid-template-columns: 1fr}
  .ms-roadmap-div > .right-zone{grid-template-columns: repeat(2,1fr)}
  .ms-feauters-div{grid-template-columns: 1fr;gap: 50px;}
  .ms-half-colored-bg::after{display: none;}
  .ms-video-motion-container{display: flex;flex-direction: column;align-items: center;gap: 25px;}
  .ms-banner-container{grid-template-columns: 1fr;}
  .ms-banner-container img{width: 100%;height: 250px;}
  .ms-properties-container{grid-template-columns: repeat(3,1fr);gap: 15px;}
  .footer-copyright{padding: 15px 25px;}
}
@media screen and (max-width: 768px)
{
  .ms-hero-section-img-searchbox{bottom: -50px;height: 250px}
  .ms-panel-form{flex-direction: column}
  .ms-hero-section{margin-bottom: 75px}
  .right-zone-div.after-from-top::after{width: 40px;left: -40px;}
  .ms-properties-container{grid-template-columns: repeat(2,1fr);gap: 15px;}
  /* Form */
  .reg-form-grid{grid-template-columns: 1fr;grid-gap: 40px;}
  .offer-form-grid{grid-template-columns: 2fr;grid-gap: 40px;}
}
@media screen and (max-width: 480px)
{
  :root{
    --header-padding: 0 15px;
    --footer-padding: 25px 15px;
    --container-padding: 15px;
    --div-padding: 15px;
  }
  .ms-hero-section-img p{width: calc(100% - 30px);}
  .ms-hero-section-img-searchbox{width: calc(100% - 30px);}
  /* Main */
  .right-zone-div.after-from-top::after{display: none;}
  .ms-roadmap-div{grid-template-columns: 1fr;}
  .ms-roadmap-div > .right-zone{grid-template-columns: 1fr;}
  .ms-video-wrapper{position:relative;width: auto;height: auto;aspect-ratio: 2/1;}
  .video{width: auto;height: auto;aspect-ratio: 2/1;}
  .ms-properties-container{display: block;padding: 10px;width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
  .ms-properties-container::-webkit-scrollbar{display: none;}
  .skills-btn{visibility: hidden;}
  .ms-properties-div{width: 300px;height: auto;display: inline-block;margin: 0 5px;}
  .ms-properties-div > .bot{margin-top: 50px;}
  /* Footer */
  .footer-logo > a{height: 40px;}
  .cd-txt{height: 40px;padding: 0;gap: 10px;}
  .cd-txt > .txt h3{font-size: 12px;}
  .cd-txt > .txt span{font-size: 18px;}
  .footer-copyright{padding: 15px;}
  .footer-copyright > span{font-size: 12px;}
  .footer-copyright > span::before{font-size: 14px;transform: translateY(2px);}
}
@media screen and (max-width: 370px) {
  .ms-sidebar{width: 100%;}
}
.hidden{display: none!important;}.show{display: flex;}


.add-row-button {color: var(--color-brand1);background-color: white;border: solid 2px var(--color-brand1);padding: 7px 15px;cursor: pointer;border-radius: 5px;font-weight: 600}
.add-row-button:hover {background-color: var(--color-brand1);color: white;transition: 0.5s;}

.part-container {border: 2px solid #ddd;padding: 15px 10px;margin-bottom: 15px;border-radius: 8px;}
.part-row {width:100%;}
.remove-part-row {width:100%;padding: 0 10px;}
.remove-part-row button {width:100%;margin:10px auto 0;border: solid 2px var(--color-brand2);color:var(--color-brand2);background-color: white;padding: 7px 10px 5px;cursor: pointer;border-radius: 7px;font-weight: 600;}
.remove-part-row button:hover {background-color: var(--color-brand2);color: white;transition: 0.5s;}

.part-input-group {display: flex;flex-wrap: wrap;gap: 10px;width: 100%;}
.part-input-group .reg-input {flex: 1 1 calc(25% - 20px);min-width: 200px;font-size: 13px;}
.part-input-group .reg-input::placeholder{font-size: 13px;}


/* ---------parts rule-accord-----------*/
.rule-accordion {cursor: pointer;width: 100%;outline: none;transition: 0.5s;}
.according-svg {transition: transform 0.3s;transform-origin: center center;}
.according-svg.rotated {transform: rotate(-90deg);}
.rule-card {padding: 0 18px;max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;}
.rule-card ul {padding: 10px;}
.rule-card ul>li {padding: 10px;}