/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Cooper Hewitt Thin';
    font-style: normal;
    font-weight: normal;
    src:  url('fonts/CooperHewitt-Thin.woff') format('woff');
    }

    @font-face {
        font-family: 'Cooper Hewitt book';
        font-style: normal;
        font-weight: normal;
        src:  url('fonts/CooperHewitt-book.woff') format('woff');
        }

    @font-face {
    font-family: 'Cooper Hewitt Light';
    font-style: normal;
    font-weight: normal;
    src:  url('fonts/CooperHewitt-Light.woff') format('woff');
    }

    @font-face {
    font-family: 'Cooper Hewitt Medium';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/CooperHewitt-Medium.woff') format('woff');
    }

    @font-face {
    font-family: 'Cooper Hewitt Semibold';
    font-style: normal;
    font-weight: normal;
    src:  url('fonts/CooperHewitt-Semibold.woff') format('woff');
    }

    @font-face {
    font-family: 'Cooper Hewitt Bold';
    font-style: normal;
    font-weight: normal;
    src:  url('fonts/CooperHewitt-Bold.woff') format('woff');
    }

    @font-face {
    font-family: 'Cooper Hewitt Heavy';
    font-style: normal;
    font-weight: normal;
    src:  url('fonts/CooperHewitt-Heavy.woff') format('woff');
    }

     @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap'); 

    body{
        font-family:'Cooper Hewitt book', sans-serif !important;
        font-size:16px;
    }
    @media (min-width: 1200px){.container {
        max-width: 1500px;
    }}
    html {
        scroll-behavior: smooth;
      }
    .row_1{background: url(./images/Banner.jpg) center top no-repeat; background-size: cover;min-height:1100px;}
    .top_sec{padding-top: 30px;}
    .clr_txt{color: #8e54a2;font-size: 25px;padding-bottom: 10px;}
    .row_2{
        text-align: center;
        padding: 100px 0;
    }
    .row3_inr{background-color: #ffe42c;padding-bottom: 70px;}
    .row3_inr h1{
        font-family: 'Barlow Condensed', sans-serif;
    font-size: 45px;
    color: #8e54a2;
    }
    .row3_inr p{font-size: 18px;padding-top: 10px;}
    .row_3{position: relative;height: 865px;}
    .pos_img{
        position: absolute;
    width: 100%;
    padding-top: 44px;
    }
    .row_4{
        text-align: center;
        padding: 100px 0;
    }
    .card_1{
        background: #b9e5fb;
    padding: 10px 40px;
    border-radius: 25px;
    height: 350px;
    }
    .card_2{
        background: #e4bad2;
    padding: 10px 40px;
    border-radius: 25px;
    height: 350px;
    }
    .card_3{
        background: #e8f1b9;
    padding: 10px 40px;
    border-radius: 25px;
    height: 350px;
    }
    .card_4{
        background: #e5d7e9;
    padding: 10px 40px;
    border-radius: 25px;
    height: 350px;
    }
    .card_5{
        background: #fee6bb;
    padding: 10px 40px;
    border-radius: 25px;
    height: 350px;
    }
    .card_6{
        background: #f9d1bd;
    padding: 10px 40px;
    border-radius: 25px;
    height: 350px;
    }
    .cardfst_row{
        padding:50px 0;
    }
    .row_4 h1{
        font-family: 'Barlow Condensed', sans-serif;
    font-size: 45px;
    color: #8e54a2;
    }
    .row_5{
        background: url(./images/background_2.jpg) center top no-repeat; 
        background-size: cover;
        height: 950px;
        /* min-height:724px; */
    }
    .nav-link{
        background: #fff; 
        background-size: cover;
        margin-right: 15px;
    color: #000;
    }
    .nav-link:focus, .nav-link:hover{
        background: #bdd631; 
        background-size: cover;
        margin-right: 15px;
    color: #fff;
    }
    .navbar{padding-top: 20px;}
    /* .sticky {
        position: fixed;
        top: 0;
        width: 100%;
      } */
    .alin_itmc{
        align-items: center;
    }
    .row_6{
        background-color: #feefd2;
        padding: 100px 0;
    }
    .row_6 h1{
        color: #8d53a1;
        font-family: 'Barlow Condensed', sans-serif;
        padding-bottom: 30px;
    }
    .row_6 h4{
        color: #8d53a1;}
    .flx_cnt{
        display: flex;
        padding-top: 20px;
    }
    .row_7{
        background-color: #8e53a1;
        color: #fff;
    }
    .space_btw{padding-right: 15px;}
    .out_circle{
        border: 2px solid #fff;
    padding: 5px;
    /*border-radius: 25px;*/
    height: 31px;
    width: 30px;
    margin-right: 15px;
    }
    .row_7 h1{
        font-family: 'Barlow Condensed', sans-serif;
    color: #fbad1c;
    }
    .row_7 h2{
        font-family: 'Barlow Condensed', sans-serif;
    color: #fbad1c;
    padding: 25px 0;
    }
    .rights{
        font-size: 14px;
    padding-top: 54px;
    }
    /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    background-color: #f3f3f3;
    width: 100%; /* Full width */
    padding: 10px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
   
    margin-bottom: 10px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
    
  }

  /* Style inputs with type="text", select elements and textareas */
input[type=number], select, textarea {
    background-color: #f3f3f3;
    width: 100%; /* Full width */
    padding: 10px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    
    margin-bottom: 10px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
   
  }
  
  /* Style the submit button with a specific background color etc */
  input[type=submit] {
    background-color: #fbad1c;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  /* When moving the mouse over the submit button, add a darker green color */
  input[type=submit]:hover {
    background-color: #fbad1c;
  }
  label{color: #000;}
  .form_bg h4{
    color: #8e53a1;
  }
  .form_bg p{
    color: #8e53a1;
  }
  .form_bg{
    background-color: #fff;
    padding: 30px;
  }
  .pd_rw{
    padding: 100px 0;
  }
    @media only screen and (min-width: 0px) and (max-width: 359px) {
        .row_5 img{width: 100%;}.row_5{height: 700px;}.row_7 iframe{width: 100%;}.card_1{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_2{margin-bottom: 20px;padding: 10px 15px;height: 300px;}
        .card_3{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_4{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_5{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_6{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.row_1 img{width: 100%;}
        .nav_comp{display: none;}.mobile_ham{display: block !important;}.top_sec{padding: 0 !important;}.row_1{min-height: auto !important;height:400px !important;background-position: -55px 0 !important;}
        .res_play{
            width: 65% !important;
    margin: 0px auto;
    display: flex;
    margin-top: 70%;
        }
        .clr_txt{font-size: 18px;}.row_3{height: auto !important;}.pos_img {
            position: unset !important;
            width: 100%;
            padding-top: 0 !important;
        }
        .row3_inr p{font-size: 16px;}
    }
    @media only screen and (min-width: 360px) and (max-width: 767px) {
        .row_5 img{width: 100%;}.row_5{height: 700px;}.row_7 iframe{width: 100%;}.card_1{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_2{margin-bottom: 20px;padding: 10px 15px;height: 300px;}
        .card_3{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_4{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_5{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.card_6{margin-bottom: 20px;padding: 10px 15px;height: 300px;}.row_1 img{width: 100%;}
        .nav_comp{display: none;}.mobile_ham{display: block !important;}.top_sec{padding: 0 !important;}.row_1{min-height: auto !important;height:400px !important;background-position: -50px 0 !important;}
        .res_play{
            width: 55% !important;
    margin: 0px auto;
    display: flex;
    margin-top: 55%;
        }
        .clr_txt{font-size: 18px;}.row_3{height: auto !important;}.pos_img {
            position: unset !important;
            width: 100%;
            padding-top: 0 !important;
        }
        .row3_inr p{font-size: 16px;}
    }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        
    }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        
    }
    .fa-1x {
        font-size: 1.5rem;
      }
      .navbar-toggler.toggler-example {
        cursor: pointer;
      }
      .line-br{
        background: #fff;
    width: 25px;
    height: 4px;
    margin-bottom: 5px;
      }
      .mobile_ham{display: none;}
      .navbar-toggler {
        padding: 10px !important;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #000 !important;
        border: 0;
        border-radius: 25px !important;
    }
    .navbar-toggler:not(:disabled):not(.disabled){float: right;}
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        background: #fff;
    }
    ::-webkit-scrollbar-thumb {
        background: #5ccaf4;
    }



    #menu{
        position: fixed;
        right: 2rem;
        top: 2rem;
        width: 30px;
        height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: .5s;
        z-index: 999;
      }
      
      .menu-line1{
        width: 100%;
        height: 2px;
        background: #fff;
        transition: .6s;
      }
      
      .menu-line2{
        width: 80%;
        height: 2px;
        margin-top: .7rem;
        background: #fff;
        transition: .6s;
      }
      
      .rotate{
        transform: rotateZ(180deg)
      }
      .rotate1{
        background: #212121;
        transform: rotateZ(45deg);
      }
      .rotate2{
        background: #212121;
        width: 100%;
        transform:  translate(0,-0.8rem) rotateZ(-45deg);
      }
      .nav-page1{
        position: fixed ;
        top:0 ;
        left: 0;
        background: #3ea4f4;
        width: 100%;
        height: 70vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #212121;
        transform: translate(0,-100%);
        transition: .5s;
        z-index: 55;
      }
      .nav-page1 span{
        padding: 1rem;
      }
      .nav-page2{
        position: fixed;
        top:0 ;
        left: 60%;
        background: whitesmoke;
        width: 40%;
        height: 70vh;
        transition: .8s;
        transform: translate(0,-100%);
      }
      
      .transform{
        transform: translate(0,0);
      }
      .inrcl_23{color: #fff;}