.t-heading
{
text-align: center;
font: normal normal 800 38px/45px Raleway;
letter-spacing: -0.76px;
color: #0077C8;
}

.t-top-paragraph
{
text-align: center;
font: normal normal bold 14px/25px Raleway;
letter-spacing: 0px;
color: #595C5F;
opacity: 0.99;
padding-bottom: 82px;
}

.t-paragraph
{
text-align: center;
font: normal normal bold 14px/25px Raleway;
letter-spacing: 0px;
color: #595C5F;
opacity: 0.99;
padding-bottom: 10px;
}

.t-left-paragraph
{
text-align: left;
font: normal normal medium 14px/25px Raleway;
letter-spacing: 0px;
color: #595C5F;
}

.t-right-paragraph
{
text-align: left;
font: normal normal bold 14px/25px Raleway;
letter-spacing: 0px;
color: #595C5F;
opacity: 1;
padding-left: 48px;
}

.t-terms-left
{
text-align: left;
font-family: Raleway;
font-size: 12px;
line-height: 25px;
letter-spacing: 0px;
color: #2E2E2E;
width: 60%;
}


.bottom-text
{
font-family: Raleway;
font-size: 12px;
line-height: 25px;
letter-spacing: 0px;
color: #2E2E2E;
text-align: center;

}

.t-topic-left
{
text-align: left;
font: normal normal bold 16px/25px Raleway;
letter-spacing: 0px;
color: #0077C8;

}


.circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 16px;
  font-family:Raleway;
  color: #fff;
  text-align: center;
  background: #0077C8
}



.top-container
{
width: 1152px;
}

.container-size
{
padding:3px;
width: 1152px;
height: 727px;
}

.content
{
width: 1152px;
height: 700px;
overflow:auto;
}

@media (min-width: 1200px)
{

    .top-container
    {
        width: 1152px;
    }

    .container-size
    {
        width: 1152px;
    }

    .content
    {
        width: 1152px;
    }
}



@media (min-width: 1100px)
{
  .top-container
    {
        width: 1052px;
    }
  .container-size
    {
        width: 1052px;
    }

    .content
    {
        width: 1052px;
    }
}



@media (min-width: 850px) and (max-width: 991px)
{

 .top-container
    {
        width: 800px;
    }

   .container-size
    {
        width: 800px;
    }

    .content
    {
        width: 750px;
    }
    .bottom-text{font-size: 12px;}
}

@media (min-width: 768px) and (max-width: 850px)
{

    .t-left-paragraph {
        text-align: center;
    }
    .t-right-paragraph {
        text-align: center;
         padding-left: 0px;
    }

    .t-heading
{

    font: normal normal 800 28px/45px Raleway;

}

    .t-terms-left{
        width: 100%;
    }

.top-container
    {
        width: 800px;
    }
   .container-size
    {
        width: 750px;
    }

    .content
    {
        width: 700px;
    }
        .bottom-text{font-size: 10px;}

}

@media (min-width: 550px) and (max-width: 767px)
{


    .t-left-paragraph {
        text-align: center;
    }
    .t-right-paragraph {
        text-align: center;
         padding-left: 0px;
    }

        .t-heading {
            font: normal normal 800 28px/45px Raleway;
        }

     .t-terms-left{
        width: 100%;
    }

.top-container
    {
        width: 500px;
    }
   .container-size
    {
        width: 500px;
    }

    .content
    {
        width: 450px;
    }

     .bottom-text{font-size: 10px;}

}

@media (min-width: 482px) and (max-width: 599px)
{


    .t-left-paragraph {
        text-align: center;
    }
    .t-right-paragraph {
        text-align: center;
         padding-left: 0px;
    }

        .t-heading
{

    font: normal normal 800 28px/45px Raleway;

}

     .t-terms-left{
        width: 100%;
    }

.top-container
    {
        width: 450px;
    }
  .container-size
    {
        width: 450px;
    }

    .content
    {
        width: 400px;
    }
            .bottom-text{font-size: 10px;}

}


@media (max-width: 482px)
{


    .t-left-paragraph {
        text-align: center;
    }
    .t-right-paragraph {
        text-align: center;
        padding-left: 0px;
    }

 .t-heading {font: normal normal 800 28px/45px Raleway;}
   .top-container
    {
        width: 300px;
    }

    .t-terms-left{
        width: 100%;
    }
  .container-size
    {
        width: 300px;
    }

    .content
    {
        width: 250px;
    }
      .bottom-text{font-size: 10px;}

}


::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0077C8 !important;
  }

  ::-webkit-scrollbar {
  width: 6px;
  background-color: #fff; }



body { overflow-x : hidden !important; }