$primary-color: #FBAD1B
$red-color: #ED2130
$gray-color: #EBEBEB
$block-padding: 80px 0px
//break point
$res_320 : "only screen and (min-width: 320px) and (max-width: 374px)"
$res_375 : "only screen and (min-width: 375px) and (max-width: 424px)"
$res_425 : "only screen and (min-width: 425px) and (max-width: 767px)"
$res_768 : "only screen and (min-width: 768px) and (max-width: 991px)"
$res_992 : "only screen and (min-width: 992px) and (max-width: 1023px)"
$res_1024 : "only screen and (min-width: 1024px) and (max-width: 1199px)"
$res_1200 : "only screen and (min-width: 1200px) and (max-width: 1399px)"
$res_1400 : "only screen and (min-width: 1400px) and (max-width: 1499px)"

$res_mobile : "only screen and (max-width: 767px)"
$res_tablet : "only screen and (max-width: 991px)"
$res_min_1200 : "only screen and (min-width: 1200px)"
$res_max_1200 : "only screen and (max-width: 1199px)"


.ease-animated
  -webkit-transition: all 0.4s ease
  -moz-transition: all 0.4s ease
  -ms-transition: all 0.4s ease
  -o-transition: all 0.4s ease
  transition: all 0.4s ease

.heading-h2
  font-weight: bold
  font-size: 56px

.heading-h3
  font-weight: bold
  font-size: 37px

.f-bold
  font-weight: bold

.f-20
  font-size: 20px

.f-20-bold
  font-weight: bold
  font-size: 20px

.f-30
  font-size: 30px

.f-30-bold
  font-weight: bold
  font-size: 30px

.f-80
  font-size: 80px

.f-80-bold
  font-weight: bold
  font-size: 80px
.regular
  font-family: "Roboto",sans-serif
  color: rgb(0, 0, 0)
  color: black
.flex-center
  display: flex
  justify-content: center
  align-items: center

.text-italic
  font-style: italic

//@function

@mixin responsive_320()
  @media #{$res_320}
    @content


@mixin responsive_375()
  @media #{$res_375}
    @content


@mixin responsive_425()
  @media #{$res_425}
    @content


@mixin responsive_768()
  @media #{$res_768}
    @content


@mixin responsive_992()
  @media #{$res_992}
    @content


@mixin responsive_1024()
  @media #{$res_1024}
    @content


@mixin responsive_1200()
  @media #{$res_1200}
    @content

@mixin responsive_1400()
  @media #{$res_1400}
    @content

@mixin responsive_mobile()
  @media #{$res_mobile}
    @content

@mixin responsive_tablet()
  @media #{$res_tablet}
    @content


@mixin responsive_min_1200()
  @media #{$res_min_1200}
    @content

@mixin responsive_max_1200()
  @media #{$res_max_1200}
    @content