:root {
 
  --primary: #0DB2B2;
  --secondary: #51B0E4;
  --white: #fff;
  --bg-white: #fff;
  --bg-light-dark:#314256;
  --white-8:rgba(255, 255, 255, 0.08);
  --shape-secondary: #E9F7FF;
  --border-primary: 1px solid #0DAFAF;
  --stroke-primary: 1px solid #51B0E4;
  --stroke-grey: 1px solid #EFEFEF;
  --light-green: #E8FFFF;
  --dark-green: #076060;
  --font-colour: #151A33;
  --font-secondary: #7886AF;
  --text-stroke: #F0FFFF;
  --gradiant1: linear-gradient(to bottom, #0DB2B2, #fff);
  --gradiant2: linear-gradient(to bottom, #fff, #51B0E4);
  --gradiant-green: linear-gradient(to bottom, #fff, #0DB2B2);
  --green-gradiant: linear-gradient(to bottom, #fff, #00AB52);
  --gradiant-button:linear-gradient(to right, #13BBC2, #A1D5F1);
  --gradiant-bg:linear-gradient(to right, #0DAFAF, #51B0E4);
  --gradiant-box: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(81, 177, 228, 0.20));
  --gradiant7: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(13, 175, 175, 0.1));
  --gradiant4: linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 255, 255), rgba(81, 177, 228, 1));
  --font-600: 600;
  --font-900: 900;
  --font-size-22: 22px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-36: 36px;
  --font-size-48: 48px;
  --font-size-42: 42px;
  --pad-20:20px;
  --border-radius:20px;
  --border-radius30:50px;
  --gap-20:20px;
  --light-shape: url('../images/light-green.png');
  --green-shape: url('../images/dark-green.png');
  --white-shape: url('../images/white-shape.png');
  --video-mask: url('../images/video-mask.png');
  --bg-white-90: rgba(255, 255, 255, 0.96);
  --bg-white-50: rgba(255, 255, 255, 0.50);
  --bg-white-70: rgba(255, 255, 255, 0.70);
  --bg-light-90: rgba(81, 177, 228, 0.96);
  --bg-light: #EFEFEF;
  --light-blue:#39C2CF;
  --light-f4fb: #F4FBFF;
  --primary-opacity-11: rgba(13, 175, 175, 0.11);
  --subscribed-ico: url('../images/icons/bag-check.svg');
  --subscribe-ico: url('../images/icons/bag-add.svg');
  --live-ico: url('../images/icons/live-ico.svg');
  --book-ico: url('../images/icons/book.svg');
  --quiz-ico: url('../images/icons/quiz.svg');
  --clock-ico: url('../images/icons/clock-circle.svg');
  --lock-ico: url('../images/icons/lock.svg');
  --download-ico: url('../images/icons/download.svg');
  --download-ico-blue: url('../images/icons/download-blue.svg');
  --bg-light-blue:#E3F4F8;
  --video-ico: url('../images/icons/camera-video.svg');
  --checkBox-ico: url('../images/icons/check-box.svg');
  --tag-ico: url('../images/icons/tag.svg');
  --gradiant-img: url('../images/Gradiant.png');
  --check-mark: url('../images/icons/check-mark-circle.svg');
  --check-mark-blue: url('../images/icons/checkmark-blue.svg');
  --bg-white-10: rgba(255, 255, 255, 0.1);
  --brd-white: #fff;
  --bg:#fff;
  --gradiant-border:linear-gradient(-60deg, #fff, #51B0E4, #0DAFAF, #fff);
  --btn-not-active: #ABB2C7;
  --white-50: rgba(255, 255, 255, 0.5);
  --red:#D53951;
  --grey-20:rgba(205, 205, 205, 0.2);
  --blue2:#00ACD4;
  --gradiant-rose: linear-gradient(to bottom, #FFFFFF, #FB0E66);
  --gradiant-violet: linear-gradient(to bottom, #FFFFFF, #4F46E5);
  --video-banner: url('../images/videos/qatar-banner.mp4');
  --qatar-banner: url('../images/qatar-banner-bg.png');

}



@media (max-width: 480px) {
  :root{
     --font-size-48: 30px;
     --font-size-20: 16px;
     --font-size-24: 20px;
     --font-size-28: 20px;
     --font-size-18: 15px;
     --pad-20:12px;
     --border-radius:10px;
     --gap-20:12px;
     --font-size-30: 22px;
     --border-radius30:30px;
  }
}

.english{
  --gradiant-box: linear-gradient(45deg, rgba(81, 177, 228, 0.20) , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  --gradiant-bg:linear-gradient(to left, #0DAFAF, #51B0E4);
  --gradiant7: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(13, 175, 175, 0.1));
  --gradiant4: linear-gradient(45deg, rgba(81, 177, 228, 1), rgb(255, 255, 255), rgb(255, 255, 255) );
  --font-size-30: 26px;
  --font-size-28: 24px;
  --font-size-24: 20px;
  --font-size-20: 16px;
  
}


@media (max-width: 480px) {
  .english{
     --font-size-48: 28px;
     --font-size-20: 16px;
     --font-size-24: 18px;
     --font-size-28: 18px;
     --font-size-18: 15px;
     --pad-20:12px;
     --border-radius:10px;
     --gap-20:12px;
     --font-size-30: 22px;
     --border-radius30:30px;
  }
}


.darktheme{
  --black: #fff;
  --bg:#0E1116;
  --bg-white: #141920;
  
}


 /*  Regular */

@font-face {
  font-family: 'Lina-Round';
  src: url('../fonts/Linaround-Regular.woff') format('woff'),
       url('../fonts/Linaround-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;

}

 /*  Medium */

@font-face {
  font-family: 'Lina-Round';
  src: url('../fonts/Linaround-Medium.woff') format('woff'),
       url('../fonts/Linaround-Medium.otf') format('opentype');
  font-weight: 600;
  font-style: normal;

}

 /*  bold */

@font-face {
  font-family: 'Lina-Round';
  src: url('../fonts/Linaround-Bold.woff') format('woff'),
       url('../fonts/Linaround-Bold.otf') format('opentype');
  font-weight: 900;
  font-style: normal;

}

 /*  Light */

@font-face {
  font-family: 'Lina-Round';
  src: url('../fonts/Linaround-Light.woff') format('woff'),
       url('../fonts/Linaround-Light.otf') format('opentype');
  font-weight: 100;
  font-style: normal;

}