@font-face {
  font-family: segoe;
  src: url("font/SegoeUI.woff2") format("woff2"),
    url("font/SegoeUI.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-size: 14px;
  color: #333333;
  font-family: segoe;
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
div[id="root"],
html {
  height: 100%;
  scroll-behavior: smooth;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: #333333;
}
a:hover,
a:focus {
  text-decoration: none;
}

li {
  list-style-type: none;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.d-flex {
  display: flex;
}

.btn {
  width: 119px;
  height: 43px;
  background: #4688f1;
  box-shadow: 0px 20px 30px rgba(70, 136, 241, 0.3);
  color: #fff;
  font-family: Merriweather;
  border: 0;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}

.container {
  width: 100%;
  padding: 10px;
}
.overlay {
  background: rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
/* Header */
.mainHeader {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 9;
  box-shadow: 0 0px 6px -1px #000;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px;
}
.navigation {
  font-family: Merriweather;
  font-weight: 400;
  font-size: 13px;
}

.navigation li.active a,
.navigation li:hover a {
  color: #4688f1;
  font-weight: 900;
}

.productTitle {
  font-family: Merriweather;
  font-weight: 900;
  color: #4688f1;
  position: relative;
  font-size: 24px;
}

.productTitle::before {
  content: "";
  width: 30px;
  height: 3px;
  background: #4688f1;
  display: inline-block;
  position: absolute;
  top: -5px;
}

.productDesc {
  text-align: justify;
  font-family: segoe;
  font-size: 14px;
  line-height: normal;
  color: #98a2b2;
  padding-top: 14px;
}
.translationBlock .productTitle {
  color: #9e7cff;
  display: inline-block;
}
.translationBlock .productTitle::before {
  background: #9e7cff;
  left: 0;
}

.SubtitlingBlock .productTitle {
  color: #e8453c;
}
.SubtitlingBlock .productTitle::before {
  background: #e8453c;
}
/* Price Slide */

.priceSlideshow .priceSlide {
  background: #4688f1;
  color: #fff;
  padding: 10px 10px 40px;
  margin: 0 -10px 65px;
  position: relative;
}
.priceSlideshow .priceSlide .slideTitle {
  font-family: Merriweather;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}
.priceSlideshow .priceSlide .slideDesc {
  font-family: segoe;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  color: #bfd5f8;
  margin-top: 13px;
}
.priceTag {
  position: absolute;
  width: 195px;
  height: 45px;
  background: #185bc7;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  font-family: Merriweather;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  bottom: -20px;
  left: 0;
  right: 0;
  justify-content: center;
  margin: 0 auto;
}

/* Why Megdap */
.whyMegdap {
  padding: 0;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
}
.title {
  font-family: Merriweather;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #141276;
  margin-bottom: 15px;
}
.whyMegdap p {
  font-family: segoe;
  font-size: 13px;
  line-height: normal;
  text-align: center;
  color: #98a2b3;
}

/* Domains */
.domainsWrap {
  border-bottom: 1px solid #e9e9e9;
}
.domainsWrap .title {
  margin-bottom: 20px;
}
.domainsWrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.domainsWrap ul .domainItem {
  width: 220px;
}
.domainsWrap ul .domainItem h3 {
  padding: 20px 0 17px;
  font-family: Merriweather;
  font-size: 16px;
  text-align: center;
  color: #333333;
}
.domainsWrap ul .domainItem p {
  font-family: segoe;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  color: #98a2b3;
}
.requestCall {
  text-align: center;
  padding: 20px 0;
}
.requestCall p {
  font-family: segoe;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #98a2b3;
}
.requestCall button {
  margin-top: 35px;
}

.blackBorderBtn {
  border: 1px solid #666666;
  height: 50px;
  line-height: 50px;
  padding: 0 27px;
  font-family: Merriweather;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: #333333;
  background: #e5e5e5;
  cursor: pointer;
}
.blackBorderBtn:hover {
  background: #4688f1;
  box-shadow: 0px 20px 30px rgb(70 136 241 / 30%);
  color: #fff;
  border: 0;
}

/* Footer */
footer {
  background: #4688f1;
  padding: 20px 0;
  color: #fff;
  font-family: segoe;
  font-size: 13px;
  line-height: 32px;
}

.copyrightText {
  margin-right: 30px;
}
footer a {
  color: #fff;
}
.footerLinks li:not(:last-child) a {
  border-right: 1px solid #fff;
  padding-right: 10px;
  margin-right: 10px;
}
.socialLinks {
  align-items: center;
}
.socialLinks li:not(:last-child) {
  margin-right: 30px;
}
@media only screen and (max-width: 1023px) {
  .desktopOnly {
    display: none;
  }

  .mainHeader .logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
  }
  .logo img {
    width: 100%;
  }
  .navigation {
    position: fixed;
    left: -255px;
    top: 55px;
    display: flex;
    background: #fff;
    width: 250px;
    height: calc(100vh - 45px);
    z-index: 2;
    transition: left 1s;
    flex-direction: column;
    box-shadow: 2px 1px 5px 0px #8c8c8c;
  }
  .navigation.open {
    left: 0;
  }
  .navigation li {
    line-height: 20px;
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
  .headerInner {
    justify-content: space-between;
  }
  .btn {
    width: 75px;
    height: 30px;
    font-size: 11px;
  }
  .MainContent {
    margin-top: 55px;
  }
  .productAvtaar img {
    width: 325px;
  }
}

@media only screen and (max-width: 767px) {
  .mobileOnly {
    display: flex;
  }

  .productAvtaar img {
    display: none;
  }

  .MainContent .productBlock {
    flex-direction: column;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
  }
  footer .container,
  .footerWrap {
    flex-direction: column;
    align-items: center;
  }
  .socialLinks {
    margin-top: 20px;
  }
  .whyMegdap {
    padding-bottom: 20px;
  }
  .domainsWrap {
    padding: 20px 0;
  }
  .domainsWrap ul .domainItem {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1366px) {
  .headerInner {
    width: 100%;
    margin: 0 auto;
    padding: 0 98px;
  }
  .container {
    width: 100%;
    padding: 54px 98px;
    margin: 0 auto;
  }
  .domainsWrap ul .domainItem:not(:last-child) {
    margin-right: 61px;
  }
}

@media only screen and (min-width: 768px) {
  .MainContent {
    margin-top: 76px;
  }

  .MainContent .productBlock {
    align-items: center;
  }
  .productTitle {
    font-size: 50px;
    line-height: 63px;
  }
  .productTitle::before {
    width: 55px;
    height: 5px;
    top: -10px;
  }
  .productDesc {
    font-size: 16px;
    line-height: 28px;
	text-align: justify;
  }
  .productContent {
    max-width: 501px;
    margin-right: 62px;
  }
  .translationBlock {
    justify-content: flex-end;
    margin: 100px 0 0 0;
  }
  .translationBlock .productContent {
    margin-left: 84px;
    margin-right: 0;
    max-width: 546px;
    text-align: justify;
  }
  .SubtitlingBlock {
    margin: 90px 0 0 0;
  }
  .SubtitlingBlock .productContent {
    margin-right: 72px;
  }
  .whyMegdap {
    padding: 0 45px 100px;
  }
  .title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 27px;
  }
  .whyMegdap p {
    font-size: 16px;
    line-height: 28px;
  }
  /* Domains */
  .domainsWrap {
    padding: 100px 20px;
    border-bottom: 1px solid #e9e9e9;
  }
  .domainsWrap .title {
    margin-bottom: 41px;
  }
  .domainsWrap ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .domainsWrap ul .domainItem {
    margin-right: 20px;
  }
  .domainsWrap ul .domainItem h3 {
    padding: 20px 0 17px;
  }
  .requestCall {
    padding: 100px 46px;
  }
  .requestCall p {
    font-size: 16px;
    line-height: 32px;
  }

  footer .container {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  .container {
    width: 100%;
    margin: 0 auto;
    padding: 54px 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .desktopOnly {
    display: flex;
  }
  .mobileOnly {
    display: none;
  }

  .mainHeader .headerInner {
    justify-content: space-between;
    align-items: center;
  }
  .mainNav {
    align-items: center;
  }
  .navigation {
    margin-right: 75px;
  }
  .navigation li:not(:last-child) {
    margin-right: 15px;
  }

  .priceSlideshow {
    margin: 100px 0 155px 0;
  }
  .priceSlideshow .priceSlide {
    padding: 64px 175px 80px;
  }
  .priceSlideshow .priceSlide .slideTitle {
    font-size: 40px;
    line-height: 50px;
  }
  .priceSlideshow .priceSlide .slideDesc {
    font-size: 14px;
    line-height: 19px;
  }
  .priceTag {
    width: 248px;
    height: 64px;
    font-size: 20px;
  }
  .domainsWrap ul .domainItem {
    flex: 1;
  }

  footer .container {
    justify-content: space-between;
    padding: 0 98px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* .domainsWrap ul li.domainItem {
    justify-content: space-around;
    margin: 0;
  }
  .domainsWrap ul li:nth-child(2) {
    margin-bottom: 20px;
  } */
}

/***************Blog CSS****************/
.top-bg{
	background:#fff;
	border-bottom: 1px solid #e9e9e9;
}
.wrap{
	width: 60%;
	margin: 0 auto;
}
/*---start-media-queries---*/
@media only screen and (max-width: 1440px){
	.wrap{
		width:67%;
	}
	
}
@media only screen and (max-width: 1366px){
	.wrap{
		width:71%;
	}
}
@media only screen and (max-width: 1280px){
	.wrap{
		width: 75%;
	}
}
@media only screen and (max-width: 1024px){
	.wrap{
		width: 95%;
	}
}
@media only screen and (max-width: 640px){
	.wrap{
		width:95%;
	}
}

/*.top-cont {
	padding: 4% 0 10%;
}*/

.top-cont h2{
	font-size: 1.7em;
	color: #747474;
	text-shadow: 0 1px rgba(0, 0, 0, 0.41);
	text-align: left;
}

.top-cont p{
	font-size: 0.9555em;
	color: #747474;
	text-align: left;
	padding-top: 1em;
	line-height: 1.9em;
}

.top-cont ul{
	font-size: 0.8755em;
	color: #747474;
	text-align: left;
	padding-left: 1em;
	line-height: 1.5em;
}

.f_nav1{
	margin-top: 2%;
}

.f_nav1 li{
	display: inline-block;
}

.f_nav1 li p{
	display:block;
	color:#333;
	font-size: 1em;
	text-transform:capitalize;
	margin-right: 30PX;
}

.f_nav1 li p > i{
	width: 19px;
	height: 19px;
	display:inline-block;
	/*background: url(../images/clock.png) no-repeat;*/
	vertical-align: middle;
	transition: none;
	margin: 0 auto;
	color: #333;
	padding-left:4px;
	margin-bottom: 4px;
}

.f_nav1 li p > i.icon1{
	background-position:0px -21px;
}

.f_nav1 li a > i.icon2{
	background-position: -44px -20px;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}