*{
    font-weight: 100;
}
body {
    color: #333;
    font-family: montserrat;
}
.color {
    background: #f5f5f5;
}
header span {
    font-weight: 100;
}
header h1 {
    font-size: 2.3em;
}
header p {
    font-size: 1.3em;
}
header a {
    padding: 1em 2em;
    
}

.courses {
    padding: .8em;
}
.courses .box {
    height: 80px;
    width: 100%;
    border: 2px solid #eee;
    margin-bottom: 1em;
    justify-content: space-evenly;
    cursor: pointer;
    line-height: 25px;
    font-weight: 100;
    font-size: .8em;
}
.courses .box:hover {
    background-color: rgb(13, 66, 223);
    color: #fff;
    border: none;
    box-shadow: 5px 5px 10px #eee;
}
.courses .box:hover i {
    color: #fff;
}
.courses .box i {
    color: rgb(13, 66, 223);
    font-size: 2em;
    
}
.course-showcase:first-child {
    height: 200px;
    width: 90%;
    padding: 5%;
    background: linear-gradient(lightblue, teal);
    background: url(/4.png);
    
    background-size: cover;
}
.course-showcase{
    height: 200px;
    width: 90%;
    padding: 5%;
    background: linear-gradient(lightblue, teal);
    background: url(/5.png);
    
    background-size: cover;
}
.course-showcase a {
    font-size: .8em;
    padding: 1em 2em;
}


.pricing {
    border: 2px solid #eee;
    padding: .8em;
    height: 350px;
    width: 250px;
    display: inline-block;
    margin: .5em;
    cursor: pointer;
    background: #fff;
}
.pricing h1 {
    color: #232323;
    display: inline-block;
}
.pricing p {
    line-height: 2em;
}
.pricing a {
    color: #fff;
}
footer {
    padding: 1em;
    background-color: aliceblue;
    color: #232323;
}
footer a {
    color: #222;
    padding: .4em;
    display: block;
}






















@media (min-width: 481px) and (max-width: 768px) {
   
    .hide-tab {
   display: none !important;
   }
     .gallery {
   column-count: 2;
   }
   .header-2 {
    height: auto !important;
    text-align: center;
   }
   .header-2 div {
       margin: 1em;
   }
     
   }
   @media (min-width: 769px) /*and (max-width: 1280px) */{
   
    .hide-desk-lp {
    display: none;
    }
        .show-desk-lp {
            display: block !important;
        }
        .flex-desk-lp {
            display: flex !important;
        }
        .container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            padding: 1em;
            gap: 25px;
        }
        
        
    .gallery {
    column-count: 3;
    }
    .header-2 {
      display: flex;
    
    }
    .header-2 div {
      width: 100%;
    }
    .center-desk {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
      
    }
    @media (min-width: 1281px) {
      
    .hide-desk {
    display: none !important;
    }
    .gallery {
    column-count: 3 !important;
    }
      .header-2 {
        display: flex;
    
      }
      .header-2 div {
        width: 100%;
      }
      }
      @media (min-width: 320px) and (max-width: 480px) {
  
        .hide-ph {
        display: none !important;
        }
        .gallery {
        column-count: 1;
        }
          .header-2 {
            display: block !important;
            height: auto !important;
            text-align: center;

          }
          .header-2 div {
            margin: 1em;
        }
          /*
            height: 100vh !important;
          }
          .header-2 div {
              height: 50%;
          }*/
        }   




header {
    background: #f5f5f5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1126%26quot%3b)' fill='none'%3e%3ccircle r='90.27883588698114' cx='1116.9' cy='417.39' fill='%23e73635'%3e%3c/circle%3e%3cpath d='M1248.98 400.79L1257.55 391.27 1268.72 397.55 1277.29 388.04 1288.45 394.31 1297.02 384.8 1308.19 391.07M1250.28 408.68L1258.85 399.17 1270.01 405.44 1278.58 395.93 1289.75 402.2 1298.32 392.69 1309.48 398.97M1251.57 416.58L1260.14 407.06 1271.31 413.34 1279.88 403.82 1291.04 410.1 1299.62 400.58 1310.78 406.86' stroke='%23e73635' stroke-width='1.3'%3e%3c/path%3e%3crect width='285.6' height='285.6' clip-path='url(%26quot%3b%23SvgjsClipPath1127%26quot%3b)' x='1288.83' y='1.61' fill='url(%23SvgjsPattern1128)' transform='rotate(285.47%2c 1431.63%2c 144.41)'%3e%3c/rect%3e%3crect width='200' height='200' clip-path='url(%26quot%3b%23SvgjsClipPath1129%26quot%3b)' x='837.41' y='79.21' fill='url(%23SvgjsPattern1130)' transform='rotate(168.15%2c 937.41%2c 179.21)'%3e%3c/rect%3e%3crect width='319.2' height='319.2' clip-path='url(%26quot%3b%23SvgjsClipPath1131%26quot%3b)' x='1031.82' y='68.63' fill='url(%23SvgjsPattern1132)' transform='rotate(279.56%2c 1191.42%2c 228.23)'%3e%3c/rect%3e%3crect width='348.48' height='348.48' clip-path='url(%26quot%3b%23SvgjsClipPath1133%26quot%3b)' x='112.69' y='136.98' fill='url(%23SvgjsPattern1134)' transform='rotate(270.7%2c 286.93%2c 311.22)'%3e%3c/rect%3e%3ccircle r='80.5262138436701' cx='362.16' cy='119.01' stroke='%23e73635' stroke-width='1' stroke-dasharray='4%2c 4'%3e%3c/circle%3e%3cpath d='M586.24 287.59a5.6 5.6 0 1 0 10.39 4.19 5.6 5.6 0 1 0-10.39-4.19zM601.08 293.58a5.6 5.6 0 1 0 10.38 4.19 5.6 5.6 0 1 0-10.38-4.19zM615.92 299.56a5.6 5.6 0 1 0 10.38 4.19 5.6 5.6 0 1 0-10.38-4.19zM630.75 305.55a5.6 5.6 0 1 0 10.39 4.19 5.6 5.6 0 1 0-10.39-4.19zM550.58 290.46a5.6 5.6 0 1 0 10.38 4.19 5.6 5.6 0 1 0-10.38-4.19zM565.42 296.45a5.6 5.6 0 1 0 10.38 4.19 5.6 5.6 0 1 0-10.38-4.19zM580.25 302.43a5.6 5.6 0 1 0 10.39 4.19 5.6 5.6 0 1 0-10.39-4.19zM595.09 308.42a5.6 5.6 0 1 0 10.39 4.19 5.6 5.6 0 1 0-10.39-4.19z' fill='%23d3b714'%3e%3c/path%3e%3crect width='174.72' height='174.72' clip-path='url(%26quot%3b%23SvgjsClipPath1135%26quot%3b)' x='701.12' y='386.31' fill='url(%23SvgjsPattern1136)' transform='rotate(275.84%2c 788.48%2c 473.67)'%3e%3c/rect%3e%3ccircle r='46.666666666666664' cx='1315.86' cy='316.87' fill='%23d3b714'%3e%3c/circle%3e%3crect width='136.8' height='136.8' clip-path='url(%26quot%3b%23SvgjsClipPath1137%26quot%3b)' x='25.19' y='286.01' fill='url(%23SvgjsPattern1138)' transform='rotate(57.22%2c 93.59%2c 354.41)'%3e%3c/rect%3e%3cpath d='M488.69 445.29a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM475.73 435.91a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM462.78 426.52a5.6 5.6 0 1 0-9.08-6.57 5.6 5.6 0 1 0 9.08 6.57zM449.82 417.14a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM524 451.1a5.6 5.6 0 1 0-9.08-6.57 5.6 5.6 0 1 0 9.08 6.57zM511.04 441.72a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM498.08 432.33a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM485.12 422.95a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM559.3 456.91a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM546.34 447.53a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM533.38 438.14a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57zM520.42 428.76a5.6 5.6 0 1 0-9.07-6.57 5.6 5.6 0 1 0 9.07 6.57z' stroke='%23e73635' stroke-width='2.08' stroke-dasharray='3%2c 2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1126'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpattern x='0' y='0' width='285.6' height='11.9' patternUnits='userSpaceOnUse' id='SvgjsPattern1128'%3e%3crect width='285.6' height='5.95' x='0' y='0' fill='%23037b0b'%3e%3c/rect%3e%3crect width='285.6' height='5.95' x='0' y='5.95' fill='rgba(0%2c 0%2c 0%2c 0)'%3e%3c/rect%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1127'%3e%3ccircle r='71.4' cx='1431.63' cy='144.41'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='10' height='10' patternUnits='userSpaceOnUse' id='SvgjsPattern1130'%3e%3cpath d='M5 1L5 9M1 5L9 5' stroke='%23e73635' fill='none' stroke-width='1'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1129'%3e%3ccircle r='50' cx='937.41' cy='179.21'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='319.2' height='8.4' patternUnits='userSpaceOnUse' id='SvgjsPattern1132'%3e%3crect width='319.2' height='4.2' x='0' y='0' fill='%23e73635'%3e%3c/rect%3e%3crect width='319.2' height='4.2' x='0' y='4.2' fill='rgba(0%2c 0%2c 0%2c 0)'%3e%3c/rect%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1131'%3e%3ccircle r='79.8' cx='1191.42' cy='228.23'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='7.92' height='7.92' patternUnits='userSpaceOnUse' id='SvgjsPattern1134'%3e%3cpath d='M0 7.92L3.96 0L7.92 7.92' stroke='%23d3b714' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1133'%3e%3ccircle r='87.12' cx='286.93' cy='311.22'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='6.24' height='6.24' patternUnits='userSpaceOnUse' id='SvgjsPattern1136'%3e%3cpath d='M0 6.24L3.12 0L6.24 6.24' stroke='%23e73635' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1135'%3e%3ccircle r='43.68' cx='788.48' cy='473.67'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='13.68' height='13.68' patternUnits='userSpaceOnUse' id='SvgjsPattern1138'%3e%3cpath d='M0 13.68L6.84 0L13.68 13.68' stroke='rgba(157%2c 255%2c 226%2c 1)' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1137'%3e%3ccircle r='34.2' cx='93.59' cy='354.41'%3e%3c/circle%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}