
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=MuseoModerno:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

   html {
      scroll-behavior: smooth;
    }


/* Language specific */
body.ar-lang {
    direction: rtl;
    text-align: right;
}
body.en-lang {
    direction: ltr;
    text-align: left;
}
body.ar-lang .banner .bottom-content strong {
    border-right: 2px solid #bff747;border-left:0px;
        padding: 0px 7px 0px 7px;
}
body.ar-lang .banner .bottom-content strong {
    border-right: 2px solid #bff747;
    border-left: 0px;
    padding-left: 6px;
}
body.ar-lang .beyond-wrapper .image-ection
{
    width:40%;
}
.beyond-wrapper .image-ection img.ar-text
{
    display: none;
}

/* padding*/ 
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }
.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }
.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }
.m-5 {  margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }
.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }
.m-10 {  margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }
.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }
.m-15 {  margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }
.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }
.m-20 {  margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }
.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }
.m-25 {  margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }
.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }
.m-30 {  margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }
.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }
.m-35 {  margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }
.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }
.m-40 {  margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }
.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }
.m-45 {  margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }
.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }

.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }
.m-50 {  margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }
.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }

.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }
.m-55 {  margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }
.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }

.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }
.m-60 {  margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }
.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }

.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }
.m-65 {  margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }
.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }

.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }
.m-70 {  margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }
.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }

.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }
.m-75 {  margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }
.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }

.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }
.m-80 {  margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }
.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }

.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }
.m-85 {  margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }
.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }

.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }
.m-90 {  margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }
.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }

.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }
.m-95 {  margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }
.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }

.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }
.m-100 {  margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }
.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }

.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }
.m-105 {  margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }
.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }

.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }
.m-110 {  margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }
.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }

.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }
.m-115 {  margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }
.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }

.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }
.m-120 {  margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }
.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }

.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }
.m-125 {  margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }
.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }

.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }
.m-130 {  margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }
.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }
.m-135 {  margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }
.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }
.m-140 {  margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }
.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }
.m-145 {  margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }
.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }
.m-150 {  margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }
.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }


.container { max-width: 1270px; width: 100%; margin: auto; padding: 0 20px; }


*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html { font-size: 16px; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    
    font-style: normal; font-weight: 400; text-decoration: none; color: #1e4589; font-size: 16px; line-height: 28px; font-weight:400; padding: 0; margin: 0;}

p {  font-style: normal; font-weight: 400; text-decoration: none; margin:0 0 15px; letter-spacing: -0.015em;}
a { font-weight: normal; text-decoration: none; font-style: normal; color: #0C7FF2;display:inline-block;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
/*a:hover, a:focus { font-weight: normal; text-decoration: none;  font-style: normal;  color: #0C7FF2; }*/
/*a:active { font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal; color: #0C7FF2; }*/
img { border:0; vertical-align: top; height:auto; max-width:100%; }
ul, ol { list-style:none;padding:0px;margin:0px; }
ul li { font-weight:700;margin:0px;margin:0px; }


.big-body { font-size:18px; letter-spacing: -0.015em; line-height:34px; }
.w100 { width:100%; display:inline-block; vertical-align:top; }
.dis-flex{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.align-center{ align-items: center; }
.row-reverse{ flex-direction: row-reverse; }
.col-reverse{ flex-direction: column-reverse; }
.justify-center { justify-content: center; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.login-btn a { background-color: transparent; border: 1px solid #0C7FF2; border-radius: 6px; color: #fff; display: inline-block; font-size: 15px; font-style: normal; font-weight: 500; min-width: 130px; padding: 9px 17px; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: -0.015em; line-height: 18px; font-family: 'Montserrat', sans-serif; }
.login-btn a:hover { background: #0C7FF2; }
.trial-btn a { background-color: #0C7FF2; border: 1px solid #0C7FF2; border-radius: 6px; color: #fff; display: inline-block; font-size: 15px; font-style: normal; font-weight: 500; min-width: 130px; padding: 9px 17px; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: -0.015em; line-height: 18px; font-family: 'Montserrat', sans-serif; }
.trial-btn a:hover { background: transparent; }
 

/* Base Color Palette (No Variables) */

/* Headings */
h1, .h1 {
    font-weight: 800;
    text-decoration: none;
   
    font-style: normal;
    color: #15438b; /* Font-color: Dark Gray for professional appearance */
    font-size: 40px;
    text-transform: none;
    line-height: 1.4;
    margin: 0 0 15px;
    letter-spacing: -0.015em;
}

h2, .h2 {
    font-weight: 700;
    text-decoration: none;
   
    font-style: normal;
    color: #15438b; /* Font-color: Dark Gray for professional appearance */
    font-size: 35px;
    text-transform: none;
    line-height: 1.35;
    margin: 0 0 15px;
    letter-spacing: -0.015em;
}

h3, .h3 {
    font-weight: 700;
    text-decoration: none;
    font-style: normal;
    color: #1e4589; /* Font-color: Dark Gray for professional appearance */
    font-size: 39px;
    text-transform: none;
    line-height: 1.43;
    margin: 0 0 15px;
    letter-spacing: -0.015em;
}

h4, .h4 {
    font-weight: 700;
    text-decoration: none;
    
    font-style: normal;
    color: #15438b; /* Font-color: Dark Gray for professional appearance */
    font-size: 28px;
    text-transform: none;
    line-height: 1.35;
    margin: 0 0 15px;
    letter-spacing: -0.015em;
}

h5, .h5 {
    font-weight: 700;
    text-decoration: none;
   
    font-style: normal;
    color: #15438b; /* Font-color: Black for sharper contrast */
    font-size: 25px;
    text-transform: none;
    line-height: 26px;
    margin: 0 0 15px;
    letter-spacing: -0.015em;
}

h6, .h6 {
    font-weight: 700;
    text-decoration: none;
   
    font-style: normal;
    color: #15438b; /* Font-color: Dark Gray for professional appearance */
    font-size: 22px;
    text-transform: none;
    line-height: 22px;
    margin: 0 0 15px;
    letter-spacing: -0.015em;
}

/* -- Button1 -- */
.btn1 a {
    border: 2px solid #0C7FF2; /* Bright Blue */
    padding-top: 9px;
    padding-right: 17px;
    padding-bottom: 9px;
    padding-left: 17px;
    font-family: 'Inter', sans-serif; /* Font-family: Sans-serif for consistent typography */
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    background-color: #0C7FF2; /* Font-color: Bright Blue for vibrant look */
    border-radius: 6px;
    color: #FFFFFF; /* Font-color: White for high contrast */
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 163px;
    text-align: center;
    line-height: 27px;
}

.btn1 a:hover {
    background-color: #FFFFFF; /* White */
    color: #1F2232; /* Font-color: Dark Gray for hover state */
    border-color: #0C7FF2; /* Bright Blue */
}

/* -- Button2 -- */
.btn2 a {
    border: 2px solid #29C296; /* Teal Green */
    padding-top: 9px;
    padding-right: 17px;
    padding-bottom: 9px;
    padding-left: 17px;
    font-family: 'Inter', sans-serif; /* Font-family: Sans-serif for consistent typography */
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    background-color: #29C296; /* Font-color: Teal Green for soothing tone */
    border-radius: 6px;
    color: #FFFFFF; /* Font-color: White for high contrast */
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 163px;
    text-align: center;
    line-height: 27px;
}

.btn2 a:hover {
    background-color: #FFFFFF; /* White */
    color: #1F2232; /* Font-color: Dark Gray for hover state */
    border-color: #29C296; /* Teal Green */
}

/* -- Button3 -- */
.btn3 a {
    border: 2px solid #29C296; /* Teal Green */
    padding-top: 9px;
    padding-right: 17px;
    padding-bottom: 9px;
    padding-left: 17px;
    font-family: 'Inter', sans-serif; 
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    background-color: #43d257; /* Font-color: Teal Green for soothing tone */
    border-radius: 6px;
    color: #FFFFFF; /* Font-color: White for high contrast */
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 163px;
    text-align: center;
    line-height: 27px;
}

.btn3 a:hover {
    background-color: #FFFFFF; /* White */
    color: #1F2232; /* Font-color: Dark Gray for hover state */
    border-color: #29C296; /* Teal Green */
}




.content-wrap {
    color: #ffffff;
}

.content-wrap h1 {
   
    color: #bff747;
    font-size: 87px;
    letter-spacing: 5px;
      font-family: "Montserrat", sans-serif;
}
.language-toggle {cursor:pointer;margin-left:15px;font-weight:bold;}
.arabic {direction:rtl;text-align:right;}
.header-wrap.dis-flex {display:flex;justify-content:space-between;align-items:center;}
.nav a {margin:0 15px;text-decoration:none;color:#000;}

.bottom-content {
    color: #ffffff;display: flex;justify-content: center;
}
span.language-toggle {color: #ffffff;}
.content-wrap p {
    font-size: 30px;
    letter-spacing: 4px;
}

.header {
    position: absolute;
    z-index: 999;top: 20px;width: 100%;
}
.header-wrap .nav
{
    text-align: right;
}
.header .header-wrap .logo {
    width: 20%;
}

.header .header-wrap .logo img
{
    max-width: 100px;
}

.banner .bottom-content strong {
    border-left: 2px solid #bff747;
    padding: 0px 2px 0px 7px;
}
.beyond-wrapper.dis-flex .right-side-text {
    width: 50%;    padding-right: 20px;
}

.beyond-wrapper.dis-flex .lef-side-hang {
    width: 50%;
}

.beyond-wrapper {
    position: relative;
    align-items: center;
}

.beyond-wrapper .image-ection {
    position: absolute;
    width: 50%;
    top: 0;
}
.beyond-wrapper .box-blue {
    background: #1e4589;
    height: 100vh;
    width: 200px;
    
    }
    .beyond-wrapper .image-ection {
    position: absolute;
    width: 46%;
    top: 0;
}
.make-stand-web .our-solution h4 {
    font-size: 39px;padding: 22px 0px;border-left: 4px solid #bff747;padding-left: 10px;
}
.make-stand-web ..bottom-content
{
    color: blue;
}


.make-stand-web .bottom-content {
    color: #15438b;
    
   
    border-left: 4px solid #bff747;
    padding: 10px;display: block;
}
.services-section .services-wrap .image-section {
    text-align: center;
}

.services-section .services-wrap .image-section img {
    max-width: 800px;
    margin: 0 auto;
}
.services-section .services-wrap .content-section {
    font-weight: 400;margin: 50px 0px;
}

/*footer code here*/
.footer .footer-wrap .content .title h3 {
    color: #ffffff;
}
.footer .footer-wrap .content {
    color: #ffffff;
}


.footer-wrap .footer-left .contact-section .contact-box.dis-flex {
    color: #ffffff;
}

.footer-wrap .footer-left .contact-section .contact-box.dis-flex .text-section a {
    color: #ffffff;
}

.footer-wrap .footer-left .contact-section .contact-box.dis-flex .text-section {
    margin-left: 20px;
    font-weight: 400;
}
.footer-right .social-links.dis-flex .social-wrap {
    margin-left: 10px;
}

.footer-right .social-links.dis-flex .social-wrap a {
    color: #ffffff;
}
.followes-wrap.dis-flex {
    color: #ffffff;
    justify-content: flex-end;position: absolute;bottom: 70px;right: 100px;
}

.beyond-wrapper.dis-flex .right-side-text .title {
    position: relative;
}

.beyond-wrapper.dis-flex .right-side-text .title:before {
    position: absolute;
    width: 66px;
    height: 5px;
    background: #bff747;
    content: "";top:-20px;
}

.footer .footer-wrap .content .title {}

.footer .footer-wrap .content .title h3 {
    position: relative;
}

.footer .footer-wrap .content .title h3:before {
    position: absolute;
    top: -17px;
    width: 30px;
    height: 5px;
    background: #bff747;
    content: "";
}


.contact-box.dis-flex .icone-section {
    align-items: center;
    width: 30px;
    height: 30px;
    background: #bff747;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.contact-box.dis-flex .icone-section i
{
    color: #1e4589;
}
section.make-stand-web {
    padding: 50px 0px;
}
.header-wrap .nav a {
    color: #ffffff;
    margin-left: 14px;
}
.header-wrap.dis-flex {
    align-items: center;
}
.footer-wrap .footer-left .contact-section .contact-box.dis-flex .text-section a.ar-text
{
margin-right: 20px;
}
.footer-wrap .footer-left .contact-section .contact-box.dis-flex .text-section span.ar-text
{
margin-right: 20px;

}
.followes-wrap.dis-flex .social-wrap.ar-text
{
padding-right: 46px;padding-left: 20px;
}
.make-stand-web .our-solution h4.ar-text
{
text-align: left;display:none;
}
@media(max-width:767px)
{
    .beyond-wrapper.dis-flex .right-side-text
    {
            width: 64%;
    background: #1e4589;
    z-index: 999;
    opacity: 0.8;
    padding: 20px;
    }


.footer-left
{
    margin: 0 auto;
}
.services-section .services-wrap .image-section img {
    max-width: 100%;
}

.beyond-wrapper .box-blue {
    width: 100px;
}

.beyond-wrapper .image-ection {
    width: 84%;
}

.beyond-wrapper.dis-flex .lef-side-hang {
    width: 30%;
}

.beyond-wrapper.dis-flex .right-side-text .title h3 {
    font-size: 26px;
    color: #ffffff;
}

.beyond-wrapper.dis-flex .right-side-text .content {
    font-size: 13px;
    color: #ffffff;
}
.beyond-wrapper.dis-flex .right-side-text .title:before {
top: -9px;height: 3px;
}
.content-wrap h1 {
    font-size: 50px;
}
.content-wrap p {
    font-size: 20px;
}

.make-stand-web .our-solution h4 {
    font-size: 30px;
    padding: 10px;
    margin-left: 10px;
}
.make-stand-web .bottom-content
{
      margin-left: 10px;
      max-width: 100%;
}
.footer .footer-wrap .content .title h3
{
    font-size: 22px;
}
.followes-wrap.dis-flex {
    left: 0;
    right: 0;
    margin: 0 auto;
    justify-content: center;
}
.footer-wrap .footer-left .contact-section .contact-box.dis-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-wrap .footer-left .contact-section .contact-box.dis-flex .text-section
{
    text-align:center;
}

.nav a {
    margin: 0 4px;
}
}