/* Font */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html, body{
  overflow-x: hidden;
}

body {
  background:#fff !important;
  font-family: 'Roboto';
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4 {
  color: #2f0802;
}
*:focus {
  outline: none;
}
button:focus {
  outline: none;
}
button {
  border: 0;
}
ul li {
  list-style: none;
  color: inherit;
}
img {
  max-width: 100%;
}
a:hover {
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

a:focus{
  outline: none !important;
}

.container {
  width: 1320px;
  margin: auto;
}

body.active, html.active{
  overflow:hidden;
}
/* Topbar Css */


/* Navigation Css Start */

header{
  position: relative;
  z-index:99999;
  float:left;
  width:100%;
}
.navigation {
  z-index:9999;
  top:0;
  padding:30px 0px 30px;
  transition: all 0.6s ease 0s;
}

.main{
  transition: all 0.6s ease 0s;
}

.navigation.fixed  {
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  transition: all 0.6s ease 0s;
  box-shadow: 0px 3px 3px rgb(88 88 88 / 20%);
  padding:20px 0px 20px;
  animation: smoothScroll 1s forwards;
  top:0px;
}

.menu_left img{
  width:100%;
  max-width:280px;
}

.shrink {
  padding: 20px 0;
}

.navigation.fixed, .navigation.fixed  .navbar {
  transition: all 0.6s;

}

.inner .navigation nav ul li a, .inner .navigation nav ul li a.drop_arw:not(:only-child):after,
.inner .navigation nav ul li a.drop_arw:visited:not(:only-child):after{
  color:#002738;
  opacity:0.9;
}

.main.fixed .navigation nav ul li a, .main.fixed .navigation nav ul li a.drop_arw:not(:only-child):after,
.main.fixed .navigation nav ul li a.drop_arw:visited:not(:only-child):after{
  color:#002738;
}

.navigation.fixed .navbar-dropdown li a {
    color: #515151 !important;
}

.navbar-dropdown li a.active:before{
  content:none;
}


.navbar-dropdown .submenu_inr  ul li a.active:before{
  content:none;
}

.navigation .logo{
  display:block;
}

.nav-container {
  max-width: 1000px;
  margin: 0 auto;
}

.navbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  position: relative;
  width: 100%;
  margin: 0 auto;
  /*column-gap:70px;*/
}

.menu_right{
  display:flex;
  column-gap:50px;
}

.topbar_right_icon a, .topbar_right_icon{
  cursor:pointer;
}

.navbar .nav-list{
  display: inline-flex;
  align-items: center;
  column-gap:40px;
}

.navbar .nav-list li{
  position: relative;
  transition:all 0.2s;
}

.navbar .nav-list li a{
  display:flex;
  align-items:center;
}

.navbar .nav-list li span{
  color: #3D4159;
  margin-left:10px;
  display:inline-block;
  transition:all 0.5s;
}

.navbar .nav-list li a{
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  transition:all 0.5s;
}

.navbar .nav-list li:last-child:before{
  content:'';
  width: 147px;
  height: 55px;
  background: #ed1c24;
  position: absolute;
  top: -77px;
}

.navbar .nav-list li a:hover, .navbar .nav-list li a:hover span,
.navbar .nav-list li a.active, .navbar .nav-list li a.active span{
  color:#ED1C24;
}

.navbar .nav-list li:hover .submenu{
  opacity:1;
  visibility:visible;
  backface-visibility: visible;
  display: none;
}

.submenu{
  position:absolute;
  top:25px;
  width:160px;
  opacity:0;
  visibility:hidden;
  backface-visibility: hidden;
  box-shadow: 0px 3px 20px rgba(0,0,0,0.2);
  border-radius:5px;
  z-index:9999;
  background: #fff;
}

.submenu li a{
  color: #3D4159;
  padding:10px 15px;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  transition:all 0.5s;
}

.submenu li a:hover{
  color:#708F89;
}


.mob_dropdown.active .drop_arw{
  color: #4665aa !important;
}

.mob_dropdown.active:after {
    transform: rotate(90deg);
    color: #ffffff;
}

.mob_dropdown:after {
  content: '\f125';
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 20px;
  top: 24px;
  color: #fff;
  cursor: pointer;
  transition: all 0.8s;
}

.navbar-dropdown li:hover .submenu{
  color: #e2c53b !important;
}

.navbar-dropdown li .submenu_main:hover a{
  color: #e2c53b !important;
}

.navbar-dropdown .submenu_inr li a:hover{
  text-decoration:underline;
}

.nav-list .dropdwon:hover .navbar-dropdown{
  opacity:1;
   transition: all 0.6s ease 0s;
}


.hamburger_icon {
  position: absolute;
  width: 29px;
  right:0px;
  top:30px;
}
.hamburger_icon button{
  border:0;
}

.hamburger_nav span {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  height: 1px;
  background: #2f0802;
}

.hamburger_nav span::before {
  top: -8px;
}

.hamburger_nav span::after {
  bottom: -8px;
}

.hamburger_nav span::after, .hamburger_nav span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2f0802;
  content: "";
}

.navbar-dropdown li{
  margin:0;
}
.navbar-dropdown li a{
  display:flex;
  align-items:center;
  width: 100%;
}

.navbar-dropdown li a:hover:before{
  height: 0;
}

.dropdwon .navbar-dropdown {
  position: absolute;
  opacity:0;
  z-index: 9999;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(201,201,201,0.5);
  width:250px;
  top: 38px;
  top:100%;
  left:50%;  
  padding: 8px 0;
  transform: translateX(-50%);
  margin-top:12px;
}

.site-header {
  background-color: #fff;
  padding: 20px 60px 20px 20px;
  border-bottom: 1px solid #ccc;
  position: absolute;
  margin:0 auto;
  width: 100%;
  transition:all 2s;
  animation:fadeOutUp;
  animation-duration:2.5s;
  max-width:1200px;
}

.site-header-search.active{
  opacity:1;
  visibility:visible;
  margin:25px auto 0;
  left: 0;
  right:0;
  z-index:99;  
  animation:fadeInDown;
  width:100%;
  animation-duration:2.5s;
  display:block;
  transition:all 0.5s;
}

.site-brand {
  display: inline-block;
}


/* Mobile navigation */

.mo_menu {
  position: fixed;
  right:-100%;
  width:100%;
  height: 100vh;
  transition:all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 1200ms ease;
  z-index:9999;  
  visibility: visible;
  padding: 80px 0;
  float: left;
  width: 100%;
}

.mobile_nav{
  padding:0 200px;
}

.sideMenu_top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
  margin-bottom:45px;
}

.sidemenu_lft span{
  color:#ed1c24;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.sidemenu_rgt ul{
  display:flex;
  column-gap:30px;
}

.sidemenu_rgt ul li img{
  display:block;
}

.mo_menu.active {
  right:0;
  transition:all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  -ms-transition: all 1100ms ease;
  -moz-transition: all 1100ms ease;
  -webkit-transition: all 1100ms ease;
  padding:80px 0px 0;
  background:#f1f1f1;
  position: fixed;
  overflow-y: scroll;
  opacity:1;
  display:block;
  z-index:9999999;
}

.sidemenu_btm_lft ul li a{
  color:rgba(0,0,0,0.8);
  font-size: 54px;
  font-weight: 300;
  line-height: 94px;
  letter-spacing: 1px;
  transition:all 0.6s;
}

.sidemenu_btm_lft ul li a:hover{
  color:#ed1c24;
}

.sidemenu_btm{
  display:flex;
  justify-content:space-between;
}

.sidemenu_book_now{
  text-align:right;
}

.sidemenu_book_now a{
  color: #c6995b;
  font-size: 40px;
  font-weight: 700;
  text-align: right;
  letter-spacing: 1px;
  border-bottom:1px solid #3d4159;
  display:inline-block;
  padding-bottom:5px;
  transition:all 0.6s;
}

.sidemenu_book_now a:hover{
  color:#3d4159;
}

.sidemenu_info{
  margin-top:30px;
}
.sidemenu_info ul li{
  margin-bottom:30px
}

.sidemenu_info ul li h4{
  color:#ed1c24;
  font-size: 26px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  text-align:right;
  margin-bottom:15px;
}

.sidemenu_info ul li a{
  color:rgba(0,0,0,0.8);
  font-size: 26px;
  font-weight: 300;
  line-height: 40px;
  text-align: right;
  letter-spacing: 1px;
  transition:all 0.6s;
  display:block;
  text-align:right;
}

.sidemenu_info ul li p{
  color: #000;
  font-size: 26px;
  font-weight: 300;
  line-height: 40px;
  text-align: right;
  letter-spacing: 1px;
  transition:all 0.6s;
  display:block;
  margin-left:auto;
  max-width:460px;
}

.sidemenu_info ul li p span{
  font-weight:600;
}

.sidemenu_info ul li a:hover{
  color:#ed1c24;
}

.sidemenu_info ul li a.direction_link{
  color:#000000;
  transition:all 0.6s;
  font-weight:500;
}

.sidemenu_info ul li a.direction_link:hover{
  text-decoration:underline;
}

/*.main.active{
  transform: translate(-80%, 0);
  opacity: 0.2;
  filter: blur(1px);
}
*/
.mo_menu .sidemenu_close{
  display:none;
}

.mo_menu.active .sidemenu_close{
  display:block;
}

.mo_menu.active .sidemenu_close span{
  background-color:transparent;
}

.mo_menu.active .sidemenu_close span:before, .mo_menu.active .sidemenu_close span:after{
  background-color:transparent;
}

.sideMenu ul li .navbar-dropdown {
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background-color:transparent;
  box-shadow:none;
  top:0;
  opacity:1;
}

.sideMenu .navbar-dropdown li a{
  background-color:transparent;
  display:flex;
  border-bottom:0;
}

.sideMenu .navbar-dropdown .dropdown_icon{
  width:38px;
  height:38px;
}

.sideMenu  .dropwon_nav h6, .sideMenu  .dropwon_nav p{
  color:#fff;
}

.sideMenu  .dropwon_nav h6{
  font-size:18px;
  margin-bottom:5px;
}

.sideMenu  .dropwon_nav p{
  font-size:14px;
}

/*.sideMenu .mob_dropdown:after{
  content: '\f054';
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right:20px;
  top:24px;
  color:#ffffff;
   font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
}*/

.mob_dropdown.active:after{
  transform: rotate(90deg);
  color:#ffffff;
}

.sideMenu ul li {
  display: block;
  border-top: 1px solid #ddd;
  position: relative;
  padding: 20px 20px;
}

.sideMenu ul li .navbar-dropdown li{
  padding:20px 20px;
}

.sideMenu ul li:first-child {
  border: 0;
}

.sideMenu ul li a {
  display: block;
  text-decoration: none;
  color:#fff;
  cursor: pointer;
  font-size:18px;
}

.sideMenu ul li a.active{
  color: #fff;
}

.mobile_call{
  display: inline-block;
  margin-right: 10px;
}

.menuIcon {
  display: inline-block;
  cursor: pointer;
  z-index: 99999;
  line-height: 20px;
  height: 26px;
}
.menuIcon span {
  display: inline-block;
  width:30px;
  height:2px;
  background:#ED1C24;
  position: relative;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}
.menuIcon span:before {
  position: absolute;
  content: "";
  left: 0;
  top: -10px;
  width:30px;
  height: 2px;
  background: #ED1C24;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}
.menuIcon span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  width:30px;
  height: 2px;
  background: #ED1C24;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.navigation.fixed .menuIcon span:after, .navigation.fixed .menuIcon span:before,
.navigation.fixed .menuIcon span { 
     background:#002738;
}

.menuIcon.active span {
  background:transparent;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}
.menuIcon.active span:before {
  transform: rotate(45deg);
  top: 0px;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}
.menuIcon.active span:after {
  transform: rotate(-45deg);
  bottom: 0px;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.mo_menu.active .menuIcon.sidemenu_close{
  position: absolute;
  top: 0;
  right: -100px;
}

.mo_menu.active .menuIcon.sidemenu_close{
  background-color:transparent;
}

.mo_menu.active .menuIcon.sidemenu_close i{
  font-size:26px;
  color:#000000;
}

.services_navigation {
  float: left;
  width: 100%;
  padding:40px 0 40px;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  background:#ffffff;
  height: 100%;
  overflow-y:auto;
}
.nav-inner {

  display:flex;
  align-items:center;
  justify-content:space-between;
  width: 100%;
  position: relative;
}

.serv-menu{
  margin-top:40px;
}

.back-page {
  width: auto;
  -webkit-transition: all .3s cubic-bezier(.77,0,.18,1) 0s;
  -moz-transition: all .3s cubic-bezier(.77,0,.18,1) 0s;
  transition: all .3s cubic-bezier(.77,0,.18,1) 0s;
  -ms-transition: all .3s cubic-bezier(.77,0,.18,1) 0s;
  opacity: 0.8;
}

.back-page a {
  display:flex;
  align-items:center;
}

.back-page a i{
  color:#ed1c24;
  font-size:30px;
  font-weight:700;
  line-height: 26px;
}

.back-page a p{
  color:#ed1c24;
  font-size: 26px;
  font-weight:700;
  margin-left:15px;
}

.close a i{
  color: #3d4159;
  font-size:28px;
  font-weight: 400;
  text-align: right;
}

.serv-menu ul{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  column-gap:20px;
  grid-row-gap:20px;
}

.serv-icon{
  text-align:center;
}

.serv-icon i {
  font-size:42px;
}

.serv-menu ul li a {
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height:210px;
  box-sizing: border-box;
  border:1px solid rgb(0 0 0);
  box-sizing: border-box;
  transition: all 0.6s;
  -ms-transition: all 0.25s cubic-bezier(.77,0,.18,1) 0s;
  transform: translateY(0);
  position: relative;
  background: linear-gradient(to right, #ed1c24, #ed1c24), linear-gradient(to right, #ed1c24, #ed1c24),
  linear-gradient(to bottom, #ed1c24, #ed1c24), linear-gradient(to bottom, #ed1c24, #ed1c24);
  background-position: 0% 0%, 100% 100%, 0% 0%, 100% 100%;
  background-size: 0% 1px, 0% 1px, 1px 0%, 1px 0%;
  background-repeat: no-repeat;

}

.serv-menu ul li a:hover{
  transform: translateY(-10px);
  /*box-shadow: 0px 5px 6px rgba(0,0,0,0.4);*/
  /*background: #b7dbd0;*/
  border:1px solid transparent;
  background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
}

.serv-child p{
  color:#000;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-top:26px;
  min-height: 45px;
}

.serv-icon img{
  height:50px;
}


/* Banner css start */

.banner_main{
  float:left;
  width:100%;
  position:relative;
  padding-bottom:54px;
  border-bottom: 1px solid #808080;
}

.banner_main:before{
  content:'';
  position:absolute;
  top:0;
  right:-20px;
  background-image:url(../img/banner_bg_shape.png);
  /*background-size: contain;*/
  width:50%;
  height:563px;

}

.banner_inr{
  display:flex;
  justify-content:space-between;
  align-items:center;
  column-gap:45px;
}

.banner_lft{
  width:649px;
}

.banner_rgt{
  width:634px;
  text-align:center;
}

.banner_lft h1{
  font-family: "Open Sans";
  font-size: 96px;
  font-weight:600;
  line-height: 96px;
  color:#000;
  margin-bottom:50px;
}

.banner_lft h1 span{
  font-weight:300;
  color:#ED1C24;
}

.banner_lft p{
  color:#000000;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.banner_lft a{
  color:#000000;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  display:inline-block;
  padding:15px;
  width:250px;
  border: 1px solid #ed1c24;
  margin-top:40px;
  transition:all 0.5s;
  text-align:center;
}

.banner_lft a:hover{
  background:#ed1c24;
  color:#ffffff;
}
/* Banner css end */

/* Welcome section css start */

.welcome_main{
  float:left;
  width:100%;
  padding:77px 0 84px;
  position: relative;
}

.welcome_main:before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:67px;
  height:100%;
  background: #ed1c24;
}

.welcome_main h2{
  color:#000000;
  font-family: Roboto;
  font-size: 48px;
  font-weight: 100;
}

.welcome_main h2 span{
  color:#ED1C24;
}

.welcome_inr{
  display:flex;
  justify-content:space-between;
  margin-top:55px;
  column-gap: 80px;
}

.welcome_lft {
  width:534px;
}

.welcome_rgt {
  width:709px;
  padding-right:100px;
}

.welcome_lft h3{
  color:#000000;
  font-family: Roboto;
  font-size: 36px;
  font-weight: 500;
  line-height: 55px;
}

.welcome_rgt p{
  color:#000000;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 20px;
}

.welcome_rgt  a{
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  display:inline-block;
  padding:15px 64px;
  border: 1px solid #ed1c24;
  transition:all 0.5s;
  margin-top:30px;
}

.welcome_rgt a:hover{
  background:#ed1c24;
  color:#ffffff;
}
/* welcome section css end */

/* What Offer section css start */

.what_offer_main{
  float:left;
  width:100%;
  padding:80px 0 150px; 
  position: relative; 
}

.what_offer_inr{
  display:flex;
  justify-content:space-between;
  column-gap: 80px;
}

.what_offer_inr:before{
  content:'';
  position:absolute;
  width:914px;
  height:2px;
  background:#808080;
  top:0;
}

.what_offer_lft{
  width:620px;
}

.what_offer_rgt{
  width:620px;
}

.what_offer_rgt h2{
  color:rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 48px;
  font-weight:300;
  margin-bottom:54px;
}

.what_offer_rgt h2 span{
  color:#ED1C24;
}

.graphics_itm{
  border: 1px solid #808080;
  width:100%;
  position: relative;
}

.what_offer_lft .graphics_itm{
  margin-bottom:30px;
  text-align:right;
}

.what_offer_lft .graphics_itm img{
  width:84%;
  display:block;
  margin-left:auto;
}

.what_offer_rgt .website_itm{
  margin-bottom:30px;
}

.what_offer_lft .grph_title{
  width: 16%;
  float: left;
  position: absolute;
  bottom: 20px;
  left:10px;
  height: 100%;
}

.what_offer_lft .grph_title h3{
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  height: 100%;
  display:flex;
}

.graphics_itm h3, .website_itm h3, .domain_title h3{
  color: #757575;
  font-family: Impact;
  font-size: 62px;
  font-stretch: condensed;
  font-weight: 400;
}

.website_title{
  padding:20px 22px;
  text-align:right;
}

.website_itm{
  border: 1px solid #808080;
}

.website_itm img{
  display:block;
}

.domain_itm{
  border: 1px solid #808080;
  width: 100%;
  position: relative;
}

.domain_itm img{
  width:84%;
  display: block;
}

.domain_title {
  width: 16%;
  float: right;
  position: absolute;
  top: 20px;
  right: -10px;
  height: 100%;
}

.domain_title h3{
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}

.what_offer_cnt {
  padding-right:80px;
  margin-top:60px;
}

.what_offer_cnt h3{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 36px;
  font-weight: 500;
  line-height: 55px;
}

.what_offer_cnt a {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  padding: 15px 64px;
  border: 1px solid #ed1c24;
  transition: all 0.5s;
  margin-top: 30px;
}

.what_offer_cnt a:hover {
  background: #ed1c24;
  color: #ffffff;
}
/* What Offer section css end */


/* Our Project Section css Start */

.our_project_main{
  float:left;
  width:100%;
  
}

.our_project_slider{
  padding-bottom:80px;
  border-bottom: 3px solid #808080;
  margin-bottom:0 !important;
}

.our_project_title {
  margin-bottom:80px;
}

.our_project_title h2{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 48px;
  font-weight: 100;
  text-align:center;
}

.our_project_title h2 span{
  color:#ED1C24;
}

.our_project_itm_top{
  position: relative;
}

.our_project_cnt {
  background:#ffffff;
  padding:30px 32px 40px;
  box-shadow: 0px 2px 4px rgba(100,100,100,0.5);
  width: 448px;
  border-bottom: 32px solid #2D2D2D;
  position:absolute;
  bottom:-138px;
  left:60px;
}

.our_project_cnt h2{
  color: #757575;
  font-family: Roboto;
  font-size: 32px;
  font-weight: 100;
  margin-bottom:22px;
}

.our_project_cnt p{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.our_project_cnt a {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  padding: 15px 64px;
  border: 1px solid #ed1c24;
  transition: all 0.5s;
  margin-top: 30px;
}

.our_project_cnt a:hover {
  background: #ed1c24;
  color: #ffffff;
}

.our_project_itm_bottom{
  width:957px;
  margin:193px auto 0;
}

.our_project_itm_bottom h3{
   color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 36px;
  font-weight: 500;
  line-height: 55px;
}

.our_project_slider_main{
  position: relative;
}

.slider_arw{
  position: absolute;
  right: 15px;
  bottom:350px;
  z-index: 99999;
  display:flex;
  column-gap:30px;
}

.slider_arw button{
  background:transparent;
  cursor: pointer;
}
/* Our Project Section css End */


/* Worked People Section css Start */

.worked_people_main{
  float:left;
  width:100%;
  margin:80px 0 0;
}

.worked_people_main h2{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 48px;
  font-weight: 100;
  text-align: center;
  max-width:700px;
  margin:0 auto;
}

.worked_people_main h2 span{
  color:#ED1C24;
} 

.worked_pepl_inr{
  margin-top:75px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  column-gap:15px;
  grid-row-gap:15px;
  flex-wrap:wrap;
}

.wrkd_ppl_itm a{
/*  width:250px;
  min-height:250px;
  */
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0.5;
  transition:all 0.5s;
}

.worked_pepl_inr .wrkd_ppl_itm:last-child a{
  border: 1px solid #808080;
  height:100%;
}

.wrkd_ppl_itm a:hover{
  opacity:1;
}

.wrkd_ppl_itm a {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
}
/* Worked People Section css End */

/* Dream Section Start */

.dream_main{
  float:left;
  width:100%;
  margin:125px 0;
}

.dream_inr {
  padding:96px 0px;
  border-left:22px solid #ed1c24;
  border-right:156px solid #ed1c24;
}

.dream_inr h3{
 color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 48px;
  font-weight: 100;
  text-align: center;
  padding-left:100px;
}

.dream_inr h3 a{
  color:#ED1C24;
  text-decoration:underline;
}
/* Dream Section Css End */

/* Map Section Css Start  */

.map_sec_main{
  float:left;
  width:100%;
  position: relative;
  padding:22px 0px;
}

.map_sec_info {
  padding:30px 30px;
  border-right:22px solid #ed1c24;
  width: 386px;
  background: #fff;
  margin-left: auto;
  position: relative;
  /*margin-top: 20px;*/
}

.map_adrs{
  width:230px;
  margin:26px 0 30px;
}

.map_adrs a{
   color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.map_cnt_dtl a{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  display:block;
}

.map_contact_btn{
  margin-top:20px;
}

.map_contact_btn a{
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  padding:13px 24px;
  border: 1px solid #ed1c24;
  display:inline-block;
}

.map_contact_btn a:hover {
  background: #ed1c24;
  color: #ffffff;
}

.map_sec_img{
  position: absolute;
  top: 0px;
  width:100%;
  height:100%;
}

.map_sec_img img{
  width:100%;
  height: 100%;
  object-fit: cover;
}
/* Map Section Css End  */

/* Footer Css Start */

footer{
  float:left;
  width:100%;
}

.ftr_inr{
  padding:58px 0px;
  display:flex;
  /*justify-content:space-between;*/
  column-gap:57px;
  border-bottom:1px solid #bdbdbd;
}

.ftr_logo{
  width:200px;
}

.ftr_contact{
  width:257px;
}

.ftr_menu{
  width:133px;
}

.ftr_services{
  width:190px;
}

.ftr_newsletter{
  width:355px;
}

.ftr_inr h3{
  color:#ED1C24;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.ftr_contact  a{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  transition:all 0.5s;
}

.ftr_contact  a:hover{
  color:#ED1C24;
}

.ftr_contact_dtl{
  margin-top:30px;
}

.ftr_menu ul li a {
   color: #000000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
   transition:all 0.5s;
}

.ftr_menu ul li a:hover{
  color:#ED1C24;
}

.ftr_newsletter form{
  margin-top:15px;
}

.ftr_newsletter .ftr_newsletter_frm input{
  width:100%;
  border:0;
  border-bottom:1px solid #000000;
  padding:10px;
  color:#000000;
  font-family: Roboto;
  font-size: 16px;
  font-weight:400;
}

.ftr_newsletter .ftr_newsletter_frm input::placeholder{
  color:#000000;
}

.ftr_newsletter_btn{
  margin-top:30px;
}

.ftr_newsletter_btn input{
  padding:13px 29px;
  background:transparent;
  border: 1px solid #ed1c24;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  display:inline-block;
  cursor:pointer;
  transition:all 0.5s;
}

.ftr_newsletter_btn input:hover{
  background: #ed1c24;
  color: #ffffff;
}

.copyright {
  padding:20px 0px;
  display:flex;
  justify-content:space-between;
}

.copyright p{
  color: #686868;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  text-align: right;
}
/* Footer Css End */

/* Contact Page Css Start  */

.inner_sec_title_main{
  float:left;
  width:100%;
  padding:50px 0;
}

.inner_sec_title_inr h1{
  font-family: "Open Sans";
  font-size:35px;
  font-weight:600;
  line-height:50px;
  color: #000;
}

.inner_sec_title_inr h2{
  color: #ED1C24;
  font-family: Roboto;
  font-size:28px;
  font-weight:400;
  margin-bottom:10px;
}

.contact_dtl_main {
  float:left;
  width:100%;
  margin-bottom:50px;
}

.contact_dtl_inr{
  display:flex;
  justify-content:space-between;
}

.contact_dtl_lft{
  width:48%;
}

.contact_dtl_rgt{
  width:48%;
}

.contact_dtl_lft ul li{
  margin-bottom:30px;
}

.contact_dtl_lft ul li h3 {
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 22px;
  font-weight:500;
  margin-bottom:20px;
}

.contact_dtl_lft ul li a {
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 18px;
  font-weight:400;
  line-height: 30px;
  display:inline-block;
  transition:all 0.5s;
}

.contact_dtl_lft ul li a:hover{
  color: #ED1C24;
}

.contact_dtl_lft ul li p {
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 18px;
  font-weight:400;
  line-height: 30px;
  display: block;
}

.contact_dtl_lft ul li a.dir_link{
  color: #ED1C24;
  margin-top:5px;
}

.contact_frm_grp, .ftr_newsletter_frm{
  position: relative;
  height: 3rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-grays);
}

.form-label {
  position: absolute;
  font-size: 0.93rem;
  font-weight: 400;
  /*line-height: 1.5;*/
  top: 0.5rem;
  width: 100%;
  color:rgba(0,0,0,0.8);
  transition: all 0.2s ease;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.contact_frm_grp .form-label {
  font-size: 0.93rem;
  font-weight: 400;
  width: 100%;
  color:rgba(0,0,0,0.8);
  transition: all 0.2s ease;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.form-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 1rem 1rem 1rem 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  resize: none;
  border: none;
  border-bottom: 1px solid #222;
  outline: none;
  color:rgba(0,0,0,0.8);
  background: transparent;
  transition: all 0.2s ease;
}

.contact_frm_grp textarea{
  height:70px !important;
}

.form-input::-moz-placeholder {
  opacity: 0;
  visibility: hidden;
  color: transparent;
}

.form-input:-ms-input-placeholder {
  opacity: 0;
  visibility: hidden;
  color: transparent;
}

.form-input::placeholder {
  opacity: 0;
  visibility: hidden;
  color: transparent;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.form-input:not(:-moz-placeholder-shown).form-input:not(:focus) ~ .form-label {
  top: -0.75rem;
  left: 0;
  font-size: 0.875rem;
  z-index: 9;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.form-input:not(:-ms-input-placeholder).form-input:not(:focus) ~ .form-label {
  top: -0.75rem;
  left: 0;
  font-size:14px;
  z-index: 9;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.form-input:focus ~ .form-label, .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {
  top: -0.75rem;
  left: 0;
  font-size:14px;
  z-index: 9;
  transition: all 0.2s ease;
}

.form-input:focus ~ .form-label{
  top: -0.75rem;
  left: 0;
  font-size:14px;
  z-index: 9;
  transition: all 0.2s ease;
}

.contact_frm_grp input[type=number]::-webkit-inner-spin-button, 
.contact_frm_grp input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; 
}


.contact_frm_grp .nice-select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 1rem 1rem 1rem 0;
   font-size: 18px;
  font-weight: 400;
  line-height:20px;
  border-radius:0;
  border: none;
  border-bottom: 1px solid #222;
  outline: none;
  color:rgba(0,0,0,0.8);
  background: transparent;
  transition: all 0.2s ease;
}


.nice-select:after {
  border-bottom:2px solid #1b214e !important;
  border-right:2px solid #1b214e !important;
  content: '';
  display: block;
  height:8px !important; 
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  width:8px !important;
}

.nice-select.wide .list {
  padding:20px;
  margin-top:20px !important;
  
}

.nice-select {
  z-index:9999 !important;
}

.nice-select .option {
  color: #909090 !important;
  padding:0 !important;
  font-size:18px !important;
  transition:all 0.5s;
}

.nice-select .option:hover{
  color:rgba(0,0,0,0.8) !important;
}

.nice-select .option.focus{
  color:rgba(0,0,0,0.8) !important;
}

.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover{
  background-color:transparent !important;
}

.contact_frm_btn{
  text-align:right;
  margin-top:30px;
  float:left;
  width:100%;
}

.contact_frm_btn input{
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 24px;
  border: 1px solid #ed1c24;
  display: inline-block;
  background-color:transparent;
  transition:all 0.6s;
  cursor:pointer;
}

.contact_frm_btn input:hover {
  background: #ed1c24;
  color: #ffffff;
}
/* Contact Page Css End  */

/* Our Story Page Css Start */

.inner_banner_main{
  float:left;
  width:100%;
}

.inner_banner_img img{
  width:100%;
}

.our_story_main{
  float:left;
  width:100%;
  margin:50px 0px;
}

.our_story_main h2{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:32px;
  line-height:45px;
  font-weight:500;
  text-align: left;
  max-width:760px;
  margin-bottom:30px;
}

.our_story_inr{
  display:flex;
  column-gap:100px;
  justify-content:space-between;
}

.our_story_lft{
  width:60%;
}

.our_story_rgt{
  width:30%;
}

.our_story_lft p{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:22px;
  font-weight:400;
  line-height: 30px;
  margin-bottom:30px;
}

.our_story_rgt li{
  color:#909090;
  font-family: Roboto;
  font-size:22px;
  font-weight:500;
  line-height: 30px;
  margin-bottom:20px;
}

.our_story_rgt li a{
  color: rgba(0,0,0,0.8);
  transition:all 0.5s;
}

.our_story_rgt li a:hover{
  color: #ED1C24;
}

.what_do_main{
  float:left;
  width:100%;
  padding:50px 0px;
  background: #f9fafb;
}

.what_do_inner{
  display:flex;
  justify-content:space-between;
}

.what_do_lft{
  width:20%;
}

.what_do_rgt{
  width:70%;
}

.what_do_lft h3{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:26px;
  line-height: 45px;
  font-weight:400;
  text-align: left;
}

.what_do_rgt h2{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 32px;
  line-height: 45px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 30px;
}

.what_do_rgt p{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:18px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 30px;
}

.why_us_main{
  float:left;
  width:100%;
}

.why_us_inner{
  display:flex;
  padding:50px 0;
  justify-content:space-between;
}

.why_us_lft{
  width:20%;
}

.why_us_rgt{
  width:70%;
}

.why_us_rgt h2{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 32px;
  line-height: 45px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 30px;
}

.why_us_lft h3{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:24px;
  line-height: 45px;
  font-weight:400;
  text-align: left;
}

.why_us_rgt p{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:18px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 30px;
}

.why_us_rgt ul{
  margin-top:50px;
}

.why_us_rgt ul li{
  margin-bottom:30px;
}

.why_us_rgt ul li h4{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:22px;
  line-height:32px;
  font-weight: 500;
  text-align: left;
  margin-bottom:15px;
}
/* Our Story Page Css End */

/* Project Page Css Start */

.project_main{
  float:left;
  width:100%;
  margin-bottom:50px;
}

.project_inr{
  display:flex;
  flex-wrap:wrap;
}

.project_itm{
  position: relative;
  width:50%;
  overflow: hidden;
}

.project_itm_dtl_inr h3{
  color:#fff;
  font-family: Roboto;
  font-size: 24px;
  line-height: 45px;
  font-weight: 500;
  text-align: left;
  margin-bottom:15px;
}

.project_itm_dtl_inr ul{
  display:flex;
  column-gap:15px;
    flex-wrap:wrap;
}

.project_itm_dtl_inr ul li {
  color:#fff;
  font-family: Roboto;
  font-size:16px;
  font-weight:300;
  text-align: left;
}

.project_itm_img img{
  width: 100%;
  display:block;
  line-height: 0;
  -webkit-transition: .3s cubic-bezier(.77, 0, .18, 1);
  -moz-transition: .03s cubic-bezier(.77, 0, .18, 1);
  transition: .3s cubic-bezier(.77, 0, .18, 1);
  -ms-transition: .3s cubic-bezier(.77, 0, .18, 1);
}

.project_itm_dtl{
  width: 100%;
  height: 100%;
  position: absolute;
  background: #22242b;
  opacity: 0;
  top: 0;
  -webkit-transition: .5s cubic-bezier(.77, 0, .18, 1);
  -moz-transition: .05s cubic-bezier(.77, 0, .18, 1);
  transition: .5s cubic-bezier(.77, 0, .18, 1);
  -ms-transition: .5s cubic-bezier(.77, 0, .18, 1);
  z-index: 11;
  left: 0;
}

.project_itm_dtl_inr {
  bottom: -75px;
  width: auto;
  float: left;
  position: absolute;
  left: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  -ms-transition: .3s;
  padding:0 50px;
}

.project_itm a:hover img {
  transform: scale(1.1);
}

.project_itm a:hover .project_itm_dtl{
  opacity: .8;
}

.project_itm a:hover .project_itm_dtl_inr {
  bottom: 75px;
}


.project_tag{
  float:left;
  width:100%;
  margin-bottom:50px;
}

.project_tag_inr ul{
  display:flex;
  column-gap:40px;
  flex-wrap:wrap;
}

.project_tag_inr ul li {
  color:#000;
  font-family: Roboto;
  font-size:16px;
  font-weight:400;
  text-align: left;
}

.gallery_main{
  float:left;
  width:100%;
  margin-bottom:50px;
}

#grid-container{
  margin:0 -1%;
}

.grid article {
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin:1%;
  width: 48%;
}

.grid .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}


.why_us_rgt ul{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:40px;
  grid-row-gap:40px;
}

.why_us_rgt ul li {
  margin-bottom:0;
}

.why_us_rgt ul li p:last-child{
  margin-bottom:0;
}

.why_us_rgt ul li p{
  font-size:16px;
}
/* Project Page Css End */

.contact_social{
  display:flex !important;
  column-gap:20px;
  justify-content:inherit !important;
}
.error-border {
    border-bottom: 1px solid red !important;
}
.inactive{
  opacity: 0.5;
  pointer-events: none;
}

/* 22-11-2023 */

.cms_main{
  float:left;
  width:100%;
  padding:50px 0px;
}

.cms_inner_main{
  max-width:960px;
  margin:0 auto;
}

.cms_innr{
  margin-top:50px;
}

.cms_innr h3{
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size:24px;
  font-weight: 500;
  line-height:34px;
  margin-bottom:20px;
}

.cms_innr p{
  color: #000000;
  font-family: Roboto;
  font-size:16px;
  font-weight: 400;
  line-height:28px;
  margin-bottom: 20px;
}

.cms_innr ul{
  padding-left:20px;
}

.cms_innr ul li{
  color: #000000;
  font-family: Roboto;
  font-size:16px;
  font-weight: 400;
  line-height:28px;
  margin-bottom: 20px;
  list-style:disc;
  list-style-position:outside;
}

.cms_innr ol{
  padding-left:20px;
}

.cms_innr ol li{
  color: #000000;
  font-family: Roboto;
  font-size:16px;
  font-weight: 400;
  line-height:28px;
  margin-bottom: 20px;
}

/* 404 css */
.error_main{
  float:left;
  width:100%;
  margin:50px 0px;
}

.error_inner{
  text-align:center;
  margin:0 auto;
}

.error_inner h1{
  font-family: Roboto;
  font-size: 48px;
  font-weight: 100;
  line-height: 68px;
}

.error_inner h2{
  color: #ed1c24;
  font-family: 'Roboto';
  font-size: 45px;
  font-weight: 400;
  text-align:center;
  max-width:830px;
  margin:20px auto 0;
}

.error_btn{
  text-align:center;
}

.error_btn a{
  color: #000000;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  padding: 15px 26px;
  border: 1px solid #ed1c24;
  margin-top: 40px;
  transition: all 0.5s;
  text-align: center;
}

.error_btn a:hover{
    background: #ed1c24;
    color: #ffffff;
}

/* Thank You Css */

.thanks_main{
  float:left;
  width:100%;
  margin:50px 0px;
}

.thanks_inner h1{
  font-family: Roboto;
  font-size: 65px;
  font-weight: 700;
  line-height: 78px;
  color:#000000;
}

.thanks_inner h2{
  color:#000000;
  font-family: Roboto;
  font-size: 65px;
  font-weight:200;
  line-height: 78px;
  margin-bottom:34px;
}

.thanks_inner p {
  color: rgba(0,0,0,0.8);
  font-family: Roboto;
  font-size: 36px;
  font-weight: 500;
  line-height: 55px;
  max-width:1078px;
}
.our_story_lft ul{
  margin-bottom: 30px; 
}
.our_story_lft ul li {
    list-style: disc;
    line-height: 35px;
}