@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700&display=swap");@keyframes page{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{border-radius:5px;background:#444655}::-webkit-scrollbar-thumb:window-inactive{background:#9B59F4}.page{animation-name:page;animation-duration:0.6s;animation-timing-function:ease-in-out}.pageTopMargin{padding-top:4rem !important}.section{padding:0 1rem}@media (min-width: 350px){.section{padding:0 1.5rem}}@media (min-width: 568px){.section{padding:0 3.052rem}}@media (min-width: 768px){.section{padding:0 3.052rem}}@media (min-width: 1024px){.section{padding:0 4.768rem}}@media (min-width: 1280px){.section{padding:0 5.96rem}}@media (min-width: 1800px){.section{padding:0 7.451rem}}.sectionMargin{margin:0 1rem}@media (min-width: 350px){.sectionMargin{margin:0 1.5rem}}@media (min-width: 568px){.sectionMargin{margin:0 3.052rem}}@media (min-width: 768px){.sectionMargin{padding:0 3.052rem}}@media (min-width: 1024px){.sectionMargin{margin:0 4.768rem}}@media (min-width: 1280px){.sectionMargin{margin:0 5.96rem}}@media (min-width: 1800px){.sectionMargin{margin:0 7.451rem}}.sectionSpace{padding-bottom:3.052rem;padding-top:3.052rem}@media (min-width: 1024px){.sectionSpace{padding-top:4.768rem;padding-bottom:4.768rem}}@media (min-width: 1280px){.sectionSpace{padding-top:5.96rem;padding-bottom:5.96rem}}@media (min-width: 1800px){.sectionSpace{padding-top:7.451rem;padding-bottom:7.451rem}}.sectionSpaceB{padding-bottom:3.052rem}@media (min-width: 1024px){.sectionSpaceB{padding-bottom:4.768rem}}@media (min-width: 1280px){.sectionSpaceB{padding-bottom:5.96rem}}@media (min-width: 1800px){.sectionSpaceB{padding-bottom:7.451rem}}.sectionSpaceT{padding-top:3.052rem}@media (min-width: 1024px){.sectionSpaceT{padding-top:4.768rem}}@media (min-width: 1280px){.sectionSpaceT{padding-top:5.96rem}}@media (min-width: 1800px){.sectionSpaceT{padding-top:7.451rem}}.innerSection{margin:0 auto;width:100%;max-width:1440px;display:flex}.heading{display:block;color:#060606;font-weight:500;margin:0;margin-bottom:1rem;transition:0.3s}.subHeading{color:#444655;font-weight:400;margin-bottom:1rem}.bText{font-weight:500}.lText{font-weight:300}.buttonSection{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.buttonSection img{width:30px}.btn{display:inline-flex;justify-content:center;align-items:center;font-family:inherit;font-weight:600;letter-spacing:.25px;margin-top:1rem;border-radius:0.3rem;-webkit-writing-mode:horizontal-tb !important;text-rendering:auto;transition:all 0.3s ease-in-out;cursor:pointer}.btn1{color:#fff;background-color:#101011}.btn1:hover{background-color:#f33;color:#fff}.btn2{color:#f33;background-color:#fff}.btn2:hover{background-color:#f33;color:#fff}.smBtn{font-size:.64rem;padding:0.2rem 0.5rem}.mdBtn{font-size:.8rem;padding:0.5rem 1.5rem}.lgBtn{font-size:1rem;padding:.75rem 2rem}.contactButton{background-color:white !important;color:#ff3333 !important}.slideDropDiv{width:100%;position:absolute;left:0;bottom:0;z-index:100;padding:2rem 1rem;display:flex;justify-content:center;align-items:center}.slideDropDiv .activeDrop{background-color:#f33 !important}.slideDropDiv .slideDrop{width:7px;height:7px;margin:0 0.3rem;border-radius:12px;background-color:#ebedf3;display:flex;cursor:pointer;transition:all 0.3s}.slideDropDiv .slideDrop:hover{background-color:#f33}#mainContainer{width:100%;max-width:1800px;margin:0 auto;background-color:#101011}#mainContainer #headerSection{width:100%;background-color:#f33;position:fixed;left:0;top:0;z-index:990}#mainContainer #headerSection .innerSection{align-items:center;padding-top:1rem;padding-bottom:1rem}#mainContainer #headerSection .logoHeader{display:inline-block;width:10rem;cursor:pointer;z-index:101;color:#fff;font-weight:500;font-size:1.25rem}@media (min-width: 1024px){#mainContainer #headerSection .logoHeader{width:9rem}}#mainContainer #headerSection .logoHeader img{cursor:pointer}#mainContainer #headerSection .menuContainerIntro{transform:none !important;opacity:1 !important;border-radius:0 !important}#mainContainer #headerSection #menuContainer{position:fixed;top:0;left:0;z-index:100;width:100%;height:100vh;display:flex;background-color:#f33;overflow:auto;border-radius:20rem 20rem 0 0;transform:translateY(100%);opacity:0;transition:all .5s ease-in}@media (min-width: 768px){#mainContainer #headerSection #menuContainer{position:relative;top:unset;left:unset;width:auto;height:auto;margin-left:auto;background-color:transparent;border-radius:0;transform:none;opacity:1}}#mainContainer #headerSection #menuContainer #menuDiv{margin:auto;width:100%;padding-top:5rem}@media (min-width: 768px){#mainContainer #headerSection #menuContainer #menuDiv{display:flex;padding:0}}#mainContainer #headerSection #menuContainer #menuDiv .menuList{color:#fff;font-size:1.563rem;font-weight:500;text-align:center;padding:.5rem;cursor:pointer;transition:all .5s ease-in;letter-spacing:1.25px}@media (min-width: 768px){#mainContainer #headerSection #menuContainer #menuDiv .menuList{font-size:1rem;font-weight:400}}#mainContainer #headerSection #menuContainer #menuDiv .menuClass{letter-spacing:.7px}#mainContainer #headerSection .btn{margin:0;margin-left:auto}#mainContainer #headerSection .mob{white-space:nowrap;letter-spacing:.7px}#mainContainer #headerSection #menuIcon{width:35px;margin-left:1rem;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;transition:all .3s ease-in;z-index:102}@media (min-width: 568px){#mainContainer #headerSection #menuIcon{width:45px}}@media (min-width: 768px){#mainContainer #headerSection #menuIcon{display:none}}#mainContainer #headerSection #menuIcon .menuIconBar{border-radius:20px;width:100%;height:2px;margin:4px 0;border-radius:1rem;background-color:#fff;animation-timing-function:ease-in-out;transition:all .5s}#mainContainer #headerSection #menuIcon .menuBarOne{transform:none;width:80%}#mainContainer #headerSection #menuIcon .menuBarOneIntro{transform:rotate(45deg) translate(0px, 4px);margin:0 !important;width:80%}@media (min-width: 568px){#mainContainer #headerSection #menuIcon .menuBarOneIntro{transform:rotate(45deg) translate(0px, 5px)}}#mainContainer #headerSection #menuIcon .menuBarCenter{opacity:1;transform:none;transition:transform .1s opacity .2s !important}#mainContainer #headerSection #menuIcon .menuBarCenterIntro{opacity:0 !important;transform:translateX(10px)}#mainContainer #headerSection #menuIcon .menuBarTwo{transform:none}#mainContainer #headerSection #menuIcon .menuBarTwoIntro{transform:rotate(-45deg) translate(-2px, -2px);margin:0 !important;width:80%}@media (min-width: 568px){#mainContainer #headerSection #menuIcon .menuBarTwoIntro{transform:rotate(-45deg) translate(-3px, -2px)}}#mainContainer #chatDivOnScroll{display:flex;position:fixed;bottom:2rem;right:2.5%;width:3.5rem;height:3.5rem;z-index:999;border-radius:100%;box-shadow:0px 12px 24px 1px rgba(0,0,0,0.25);transition:all .3s;transform:translate(none);animation-name:chatDiv;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}#mainContainer #chatDivOnScroll #chatScroll{width:100%;margin:auto}@keyframes chatDiv{0%{transform:none}50%{transform:scale(1.2)}100%{transform:none}}#mainContainer #footerSection{background-color:#f33;padding-bottom:1rem}#mainContainer #footerSection #footerMain{padding-top:4rem !important}#mainContainer #footerSection #footerMain .innerSection{flex-wrap:wrap}#mainContainer #footerSection #footerMain .innerSection .content{width:100%;text-align:center;margin-bottom:2rem;color:#f33}@media (min-width: 1024px){#mainContainer #footerSection #footerMain .innerSection .content{width:30%;margin:0;text-align:left}}#mainContainer #footerSection #footerMain .innerSection .content p{color:#fff;font-size:.9rem;font-weight:400}#mainContainer #footerSection #footerMain .innerSection .content .logo{display:block;width:13rem;margin:0 auto;color:#fff;font-weight:500;font-size:1.25rem}@media (min-width: 1024px){#mainContainer #footerSection #footerMain .innerSection .content .logo{margin:0}}#mainContainer #footerSection #footerMain .innerSection .listDiv{width:50%;padding-right:1rem;margin-bottom:1rem}@media (min-width: 1024px){#mainContainer #footerSection #footerMain .innerSection .listDiv{width:23%;margin:0}}#mainContainer #footerSection #footerMain .innerSection .listDiv .listTitle{color:#fff;font-weight:500;margin-bottom:.5rem}#mainContainer #footerSection #footerMain .innerSection .listDiv li{color:#fff;font-size:1rem;font-weight:400;margin-bottom:.25rem;transition:all .3s ease-in}#mainContainer #footerSection #footerMain .innerSection .listDiv li a{transition:all .3s ease-in;cursor:pointer}#mainContainer #footerSection #footerMain .innerSection .listDiv li a:hover{opacity:.5}#mainContainer #footerSection #footerBottom{border-top:1px solid #fff;margin-top:1rem}#mainContainer #footerSection #footerBottom .innerSection{padding:1rem 0;flex-direction:column;justify-content:center}@media (min-width: 1024px){#mainContainer #footerSection #footerBottom .innerSection{flex-direction:row;justify-content:space-between}}#mainContainer #footerSection #footerBottom .innerSection p{margin:0;color:#fff;font-size:.9rem;font-weight:300;text-align:center}.dropBoxMainDiv{display:flex;flex-direction:column;width:100%;overflow:hidden;margin-top:2rem}.dropBoxMainDiv .dropBoxTitle{color:#f33;font-weight:600;margin-bottom:3rem;text-align:center}.dropBoxMainDiv .dropBoxDiv{text-align:left;padding:0 !important;overflow:hidden;border-bottom:1px solid #ebedf3}.dropBoxMainDiv .dropBoxDiv .dropBox{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding-top:2rem !important;padding-bottom:2rem !important;color:#060606;font-size:1rem;font-weight:300;background-color:#fff;transition:all 0.3s;cursor:pointer}@media (min-width: 568px){.dropBoxMainDiv .dropBoxDiv .dropBox{font-size:1.25rem}}.dropBoxMainDiv .dropBoxDiv .dropBox:hover{color:#f33}.dropBoxMainDiv .dropBoxDiv .dropBoxRemoveIcon{display:none}.dropBoxMainDiv .dropBoxDiv .dropDownIcon{width:1rem;margin-left:1rem}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDivIntro{height:auto !important;overflow:auto !important}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv{display:none;width:100%;padding:2rem 0;border-top:1px solid #444655 !important}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxText{font-weight:300}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv p{margin:0;font-size:1.25rem;line-height:160%;margin-bottom:1rem}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .sublistDiv{display:flex;flex-direction:column;padding-left:1rem;margin-top:2rem}@media (min-width: 768px){.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .sublistDiv{padding-left:1.5rem}}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .sublistDiv .sublistTitle{font-weight:500}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .sublistDiv li{font-size:1.25rem;font-weight:300;line-height:160%;margin-bottom:1rem}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .sublistDiv li::before{content:"";position:absolute;left:-1rem;top:1rem;width:0.5rem;height:0.5rem;background-color:#444655;border-radius:2rem}@media (min-width: 768px){.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .sublistDiv li::before{left:-1.5rem}}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListButtonDiv{display:flex;align-items:center;margin-top:3rem}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListButtonDiv .planButton{background-color:#444655 !important;margin-right:2rem !important}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListButtonDiv .button{margin:0}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv{padding-left:1rem;width:100%;display:flex;flex-direction:column;margin-top:2rem}@media (min-width: 768px){.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv{padding-left:1.5rem}}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxListTitle{font-weight:500;margin-bottom:1rem}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv li{font-size:1.25rem;font-weight:300;line-height:160%;margin-bottom:1rem}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv li::before{content:"";position:absolute;left:-1rem;top:0.65rem;width:0.5rem;height:0.5rem;background-color:#444655;border-radius:2rem}@media (min-width: 768px){.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv li::before{left:-1.5rem}}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxListTitle{font-weight:500;margin:1rem 0}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxCheckBox{display:block;padding-left:1.5rem;margin-bottom:1rem;cursor:pointer;user-select:none}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxCheckBox:hover input ~ .checkmark{background-color:#fff}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxCheckBox input{position:absolute;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxCheckBox input:checked ~ .checkmark{background-color:#444655}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxCheckBox input:checked ~ .checkmark:after{display:block}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxCheckBox .checkmark{position:absolute;top:0.2rem;left:0;display:flex;height:1rem;width:1rem;background-color:#ebedf3;border-radius:100%}.dropBoxMainDiv .dropBoxDiv .dropBoxContentDiv .dropBoxListDiv .dropBoxCheckBox .checkmark:after{content:"";display:none;width:0.5rem;height:0.5rem;margin:auto;border-radius:100%;background-color:#fff}.dropDownInputDiv{width:min-content}.dropDownInputDiv .dropDownInput{width:max-content;color:#fff;display:flex;align-items:center;cursor:pointer}.dropDownInputDiv .dropDownInput .dropInput{width:100%;border:none;color:#fff;font-family:inherit;font-size:.9rem;background-color:transparent;font-weight:400;padding:0.5rem;cursor:pointer}.dropDownInputDiv .dropDownInput .dropArrow{width:13px;cursor:pointer;margin-right:1rem}.dropDownInputDiv .dropDownBoxIntro{height:auto !important;border:1px solid #ebedf3 !important;box-shadow:0px 5px 15px -1px rgba(105,172,68,0.1)}.dropDownInputDiv .dropDownBox{width:100%;min-width:max-content;height:0;overflow:hidden;position:absolute;top:2.7rem;left:0;z-index:101;border:none;display:flex;flex-direction:column}.dropDownInputDiv .dropDownBox .dropDownList{width:100%;display:block;font-family:inherit;font-size:.64rem;font-weight:400;text-align:left;padding:0.5rem 1rem;color:#060606;background-color:#fff;cursor:pointer;transition:all 0.1s}.dropDownInputDiv .dropDownBox .dropDownList:hover{color:#fff;background-color:#f33}
/*# sourceMappingURL=main.css.map */