@charset "utf-8";
html,body{
  scroll-behavior: smooth;
}
body{
  font-family: 'KoHo', sans-serif;
}

p,ul,ol{
  font-size:1.025rem;
  color:#000;
  line-height:30px;
}
b, strong{
  color:#4a4a4a;
}
p a{
  font-weight:500;
  color: #0056b2;
}
.btn-info {
  color: #fff;
  background-color: #00788c;
  border-color: #17a2b8;
}
.btn-outline-success {
  color: #2e5000;
  border-color: #8cc63f;
}
/* newly added css */
.InfoMail svg {
  max-width: 170px;
  display: inline-block;
  position: relative;
  margin-top: 3px;
}
.InfoMailIcon{
  width: 35px;
  padding-right: 10px;
  display: inline-block;
}
/* end of newly added css */
.CustomChild{
  margin-left: 15px;
}
.HeaderBannerBg{
  /* background:-webkit-linear-gradient(45deg, #000d2a, #591267);
  background:-moz-linear-gradient(45deg, #000d2a, #591267);
  background:-o-linear-gradient(45deg, #000d2a, #591267);
  background:linear-gradient(45deg, #000d2a, #591267); */
  background:#280e4a url("../images/Srcreatifree-static-website-package.jpgonSlider") no-repeat scroll border-box center/cover;
  /* background-image: linear-gradient(45deg, #11011e, #580868); */
  height: 750px;
  /* animation: BannerAnimation 10s linear infinite;
  -webkit-transition: background-color 1000ms linear;
 -moz-transition: background-color 1000ms linear;
 -o-transition: background-color 1000ms linear;
 -ms-transition: background-color 1000ms linear;
 transition: background-color 1000ms linear; */
}

/* @-webkit-keyframes BannerAnimation{
  0%{background-color:#250132}
  25%{background-color: #310a50}
  75%{background-color: #3a0358}
  100%{background-color: #15002a}
}
@keyframes BannerAnimation{
  0%{background-color:#250132}
  25%{background-color: #310a50}
  75%{background-color: #3a0358}
  100%{background-color: #15002a}
} */
.navbar-brand img{
  max-width: 250px;
  height: auto;
}
nav.navbar.TransparentNav{
  background-color: transparent !important;
}
.TransparentNav #WhiteLogo{
  display: block;
}
.TransparentNav #BrandLogo{
  display: none;
}
nav.navbar.WhiteNav{
  background-color: #fff !important;
  position: fixed;
  width: 100%;
  z-index: 999;
  transition: 0.6s;
  padding: 0.115rem 1rem;
  box-shadow:0 0 2px #ccc;
}
.WhiteNav #WhiteLogo{
  display: none;
}
.WhiteNav #BrandLogo{
  display: block;
}
.WhiteNav .CustomTextColor {
  color: #000 !important;
}
.navbar-light .navbar-nav .nav-link {
  color: #bfbfbf;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color:#A2D700;
}
.navbar-light .navbar-nav .active>.CustomTextColor, .navbar-light .navbar-nav .CustomTextColor.active, .navbar-light .navbar-nav .CustomTextColor.show, .navbar-light .navbar-nav .show>.CustomTextColor {
  color:#7ea700 !important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color:#A2D700;
}
.dropdown-item {
  padding: 0.5rem 0.5rem;
  text-transform: uppercase;
  font-size: 0.785rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #006de4;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #487d00;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff !important;
  background-color: #ff0000;
  font-weight: 700;
}
.DropdownArea{
  position: static !important;
}
.DropdownListWrap{
  width: 100% !important;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.DropdownList{
  max-width: 1140px;
  margin: 0 auto;
  padding: 40px 25px;
  background-color: #fff;
  box-shadow:0 1px 2px #ccc;
}
.DropdownList ul{
  margin: 0;
  padding-left: 25px;
  list-style: none;
  font-size: 0.875rem;
  color:#5d5d5d;
  line-height: 35px;
}
.DropdownList ul li::before{
  content:'';
  position: absolute;
  left: 25px;
  width: 12px;
  height: 38px;
  z-index: 1;
  background:url(../images/icons/right-arrow-angle.png) no-repeat center/7px;
}
.DropdownList ul a{
  color: #000;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.DropdownList ul a:hover{
  color: #006de4;
}
/* .DropdownList button{
  display: none;
} */
.ScrollDown{
  display: none;
}
.carousel-inner img{
  max-width: 450px;
  height: auto;
  margin-top: 3%;
  margin-left: 10%;
  position: relative;
  z-index: 99;
}
.carousel-caption{
  top: 35%;
}
.carousel-control-prev-icon {
  background-image:url("../images/icons/left-arrow-white.png");
}
.carousel-control-next-icon {
  background-image:url("../images/icons/right-arrow-white.png");
}
.carousel-caption h5{
  font-size: 2.5rem;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.carousel-caption p{
  font-size: 1.125rem;
  font-weight: 200;
  letter-spacing: 1.25px;
  color: #fff;
}
.carousel-indicators li {
  width:10px;
  height: 10px;
  border-radius: 50%;
}
.BannerBtn{
  text-align: center;
}
.BannerBtn a{
  padding: 12px 40px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(45deg, #630a74, transparent);
  background: -moz-linear-gradient(45deg, #630a74, transparent);
  background: linear-gradient(45deg, #630a74, transparent);
  border-color: #a98cbd;
  border-radius: 25px;
  color:#fff;
}
.BannerBtn a:hover{
  border-color: #a98cbd;
}
.ContactBox{
  padding:15px;
}
.ContactBoxContent{
  border: 1px solid #8cc63f;
  border-radius: 15px;
  height: 48px;
}
.CBCicon{
  text-align: center;
  position: relative;
  top: -40px;
  background-color: #fff;
  width: 65px;
  height: 65px;
  padding: 15px;
  border-radius: 50%;
  margin: auto;
}
.CBCicon img{
  max-width: 100%;
  height: auto;
}
.ContactBoxContent p{
  text-align: center;
  font-weight: 500;
  color: #000000;
  font-size: 1rem;
  letter-spacing: 1px;
  position: relative;
  top: -55px;
  z-index: 99;
  opacity: 0.95;
}
.ContactBoxContent p a{
  color:#000;
}
.ContactBoxContent p a:hover{
  text-decoration: none;
}
.ContactBoxContent p.Email svg{
  max-width: 184px;
  height: auto;
  opacity: 0.9;
}
.actionBtn{
  text-align: center;
  margin-bottom: 15px;
}
.ThreeDotsForm{
  /* width: 350px;
  position: absolute;
  right: 13%;
  top: 15%;
  z-index: 9999;
  animation: BanFormAnimate 1s ease-in-out;
  background-color: #250332;
  padding: 35px;
  border-radius: 25px;
  display: none; */
  max-width: 350px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  animation: BanFormAnimate 1s ease-in-out;
  background-color: #250332;
  padding: 45px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /* transform: translateX(-3px); */
  display: none;
}
.ThreeDotsForm .close {
  position: absolute;
  right: 15px;
  top: 0;
  border: 0;
  opacity: 1;
  text-shadow: none;
  color: #c04ff9;
  font-size: 2.5rem;
  font-weight: 400;
}
@keyframes BanFormAnimate{
 from{opacity: 0; transform: translateX(-370px);}
 to{opacity: 1;}
}
.ThreeDotsForm .form-control{
  /* background-color: #561266; */
  background: -webkit-linear-gradient(45deg, #3c1053, #49115c);
  background: -moz-linear-gradient(45deg, #3c1053, #49115c);
  background: -o-linear-gradient(45deg, #3c1053, #49115c);
  background: linear-gradient(45deg, #3c1053, #49115c);
  border-color:#9e6cb1;
  padding: 1.5rem 0.75rem;
  color: #fff;
}
.ThreeDotsForm button.btn{
 padding: 0.875rem 0.75rem;
 background: -webkit-linear-gradient(45deg, #630a74, transparent);
 background: -moz-linear-gradient(45deg, #630a74, transparent);
 background: -o-linear-gradient(45deg, #630a74, transparent);
 background: linear-gradient(45deg, #630a74, transparent);
 border-color:#9e6cb1;
 font-size: 0.875rem;
 letter-spacing: 1px;
 text-transform: uppercase;
}
.intro{
  padding: 25px 0;
  background-color: #fff;
}
.intro h1{
  font-size: 2rem;
  text-align: center;
}
.intro p{
  line-height: 30px;
  color:#000;
  text-align: center;
}
.MoreBtn{
  margin: 35px 0;
  text-align: center;
}
.MoreBtn a{
  padding: 8px 50px;
  letter-spacing: 1px;
}
.HomeServices{
  background:url("../images/it-services-background.jpg") no-repeat fixed border-box center/cover;
}
.HomeServicesOverlay{
  padding: 150px 0;
  background: -webkit-linear-gradient(45deg, rgb(34 0 105 / 85%), rgb(146 0 0 / 90%));
  background: linear-gradient(45deg, rgb(34 0 105 / 85%), rgb(146 0 0 / 90%));
}
.ItServicesImg{
  margin-top: 20px;
}
.ItServicesImg Img{
  max-width: 100%;
  height: auto;
}
.HomeServices h2{
  color:#fff;
}
.HomeServices ul{
  line-height: 50px;
  color: #fff;
}
.HomeServices ul a{
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.HomeServices ul a:hover{
  color:#8cc63f;
  text-decoration: none;
}
.WhyChooseUs{
  padding: 100px 0;
  background-color:#fff;
}
.WhyChooseUs h2{
  text-align: center;
}
.WhyChooseUs p{
  line-height: 30px;
  color:#000;
  text-align: center;
}
.WhyChooseUs ul{
  line-height: 35px;
}
.WhyChooseListWrap{
  text-align: center;
  margin: 30px 0;
}
/* .WhyChooseListWrap a{
  display: block;
  color: inherit;
}
.WhyChooseListWrap a:hover{
  text-decoration: none;
} */
.WhyChooseListIcon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-color: #ffd5d5;
  border-radius: 50%;
  text-align: center;
}
.WhyChooseListIcon img{
  margin-top: 10px;
}
.WhyChooseListTitle{
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 15px;
}
.BestOffers{
  background: url("../images/offers/super-saver-offer-bg.jpg") no-repeat fixed border-box top/cover;
}
.BestOffersOverlay{
  padding:80px 0 100px 0;
/*  background: linear-gradient(45deg, #46686d, #4e006d 80%, #46686d);*/
  /* background: linear-gradient(45deg, rgb(70 104 109 / 95%), rgb(78 0 109 / 90%) 80%, rgb(70 104 109 / 95%)); */
  background: linear-gradient(45deg, rgb(70 104 109 / 80%), rgb(78 0 109 / 90%) 70%, rgb(70 104 109 / 80%));
}
.OfferTitleIcon{
}
.OfferTitleIcon img{
  position: relative;
  left: 468px;
  top: 18px;
  z-index: 1;
  max-width: 150px;
  animation: OfferTitleIcon 4s alternate infinite;
  transform: translateX(0);
}
@-webkit-keyframes OfferTitleIcon{
  from{-webkit-transform: translateX(30px); transform: translateX(30px)}
}
@keyframes OfferTitleIcon{
  from{-webkit-transform: translateX(30px); transform: translateX(30px)}
}
.BestOffers h2{
  text-align: center;
  color: #7ea700;
  font-size: 2.5rem;
  font-weight: 500;
}
p.OfferTitle{
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
  font-size: 1.125rem;
  letter-spacing: 0.5px;
}
.OffersWrap{
  text-align: center;
  color: #fff;
  border: 10px solid rgb(255 255 255 / 80%);
  border-radius: 10px;
  overflow: hidden;
  box-shadow:-10px 10px 10px #502a56;
}
.OffersWrap img{
  width: 100%;
  height: auto;
}
.OfferPricing{
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffc107;
}
.OfferPricing span{
  font-size: 1.25rem;
  font-weight: 400;
  opacity: 0.5;
  text-decoration: line-through;
}
.OffersWrap h3{
  color: #7ea700;
  font-size: 1.75rem;
}
.OffersWrap hr{
  border-color:#716879;
}
.OfferDiscount{
  position: absolute;
  width: 75px;
  height: 75px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 75px;
  top: 0;
  right: 15px;
  background-color: #d00000;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 600;
  padding: 12px 0 0 7px;
  letter-spacing: 0.5px;
  line-height: 20px;
}
.OfferDiscount span{
  font-size: 0.875rem;
  color:#fff700;
}
.DescWrap{
  padding: 15px;
}
.DescWrap p{
  color:#fff;
  padding: 0 0 0 20px;
  text-align: left;
}
.DescWrap p::before{
  content: '';
  background-image: url(../images/icons/tick-white.png);
  background-repeat: no-repeat;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 1;
  padding-right: 15px;
  margin-right: 5px;
  bottom: -3px;
}
.OffersMoreBtn button{
  padding:0;
  color:#fff;
  animation:GoDown 2s alternate infinite;
}
@-webkit-keyframes GoDown{
  from{-webkit-transform: translateY(-10px); transform: translateY(-10px)}
}
@keyframes GoDown{
  from{-webkit-transform: translateY(-10px); transform: translateY(-10px)}
}
.OffersMoreBtn{
}
.OffersMoreBtn img{
  width:30px;
  height:30px;

}
.OffersMoreBtn .btn.focus, .OffersMoreBtn .btn:focus {
  outline: 0;
  box-shadow: none;
}
.others{
  text-align: left;
  color: #ffc107;
  padding: 0 0 15px 15px;
  font-size: 1.25rem;
  font-weight: 600;
}
.MorePackDetails{
  background:-webkit-linear-gradient(45deg, #937126, #5e0070);
  background:-moz-linear-gradient(45deg, #937126, #5e0070);
  background:-o-linear-gradient(45deg, #937126, #5e0070);
  background:-ms-linear-gradient(45deg, #937126, #5e0070);
  background:linear-gradient(45deg, #937126, #5e0070);
  border-color:#a98cbd;
}
.MorePackDetails:hover {
  border-color: #ffc107;
}
.MorePackDetails:active, .GetItNow:focus {
  border-color: #ffc107 !important;
  box-shadow: 0 0 0 0.2rem rgb(255 193 7 / 50%) !important;
}
footer{
  padding: 100px 0 50px 0;
  background-color: #efefef;
  /* background:linear-gradient(45deg, rgb(255 223 202), rgb(251 193 143 / 50%)), url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover; */
}
footer h2{
  color: #4c4c4c;
  font-size: 1.5rem;
}
footer address{
  margin-top: 22px;
  font-size: 1rem;
}
footer ul{
  color: #6d6d6d;
  padding-left: 23px;
  line-height: 37px;
  font-size:1rem;
}
footer ul a{
  color: #313131;
  font-size:1rem;
}
.OrgInfoIcon img{
  max-width:25px;
  height: auto;
  opacity: 0.8;
}
.OrgInfoIcon.clock img{
  opacity: 0.7;
}
.OrgInfo h3{
  font-size:1rem;
}
.OrgInfo p{
  line-height:initial;
  font-size:0.875rem;
}
.OrgInfo p.FtrPhoneCall a{
  display: inline-block;
  color:inherit;
}
footer .form-control{
  border: 1px solid #17a2b8;
}
p.FtrEmail svg{
  max-width: 150px;
  height: auto;
  opacity: 0.8;
}
footer hr{
  margin-top:0.5rem;
  margin-bottom: 0.5rem;
}
.ThreeDots{
  background-color:transparent;
  width: 60px;
  height: auto;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  position: fixed;
  bottom: 25px;
  text-align: left;
  border-left: 0;
  z-index: 999;
}
.ThreeDots:hover{
  cursor: pointer;
}
.ThreeDots svg{
  width: 50px;
  height: 40px;
  background-color: red;
  padding: 3px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-top: 10px;
  border-left: 0;
}
.ThreeDots svg .st0{
  fill:#FFFFFF;
  animation: WhiteDots 5s ease-in-out infinite;
}
.ThreeDots svg .st1{
  fill:#D9E021;
  animation: YellowDots 5s ease-in-out infinite;
}
.ThreeDots svg .st2{
  fill:#8CC63F;
  animation: GreenDots 5s ease-in-out infinite;
}
@keyframes WhiteDots{
  0%{opacity: 0; transform:translateX(-25px);}
  25%{opacity: 0; transform:translateX(-25px);}
  50%{opacity: 0; transform:translateX(-25px);}
  75%{opacity: 1; transform:translateX(0);}
  100%{opacity: 1; transform:translateX(120px);}
}
@keyframes YellowDots{
  0%{opacity: 0; transform:translateX(-50px);}
  25%{opacity: 0; transform:translateX(-25px);}
  50%{opacity: 1; transform:translateX(0);}
  75%{opacity: 1; transform:translateX(0);}
  100%{opacity: 1; transform:translateX(120px);}
}
@keyframes GreenDots{
  0%{opacity: 0; transform:translateX(-25px);}
  25%{opacity: 1; transform:translateX(0);}
  50%{opacity: 1; transform:translateX(0);}
  75%{opacity: 1; transform:translateX(0);}
  100%{opacity: 1; transform:translateX(120px);}
}
.ChatOnWhatsapp{
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 99;
}
.ChatOnWhatsapp a{
  display: block;
}
.ChatOnWhatsapp img{
  width: 100px;
  height: 100px;
  /* box-shadow: 0 0 5px #091e0c; */
  border-radius: 50%;
  animation: WhatsAppAnimate 5s alternate infinite;
}
.apply-on-whatsapp{
  margin: 35px 0 0 0;
  padding: 0 0 35px 0;

}
.apply-on-whatsapp a{
  color: #fff;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: 700;
  background-color: green;
  padding: 12px 25px;
  border-radius: 30px;
}
.apply-on-whatsapp a span{
  position: relative;
  top: -3px;
  left: 25px;
}
@keyframes WhatsAppAnimate{
  from{transform: scale(0.5);}
}
.FtrEndLine{
  position: relative;
  bottom: 30px;
}
p.NLstatement{
  font-size: 1rem;
}
.Copy{
  margin-bottom: 0;
  font-size: 0.9125rem;
  line-height: initial;
  font-weight: 500;
}
.Rights{
  font-size:0.9125rem;
  color:#000;
}
.SocialMedia ul{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.SocialMedia ul li{
  display: inline;
  margin: 0 1.5px;
}
.SocialMedia ul li a img{
  max-width: 35px;
  height: auto;
}
.SocialMedia h3{
  font-size: 1rem;
  margin: 0;
  letter-spacing: 1px;
}
.PageHeader nav.navbar.TransparentNav{
  background-color: #efefef !important;
}
.PageHeader nav.navbar.WhiteNav{
  background-color: #ffffff !important;
}
.PageHeader #WhiteLogo{
  display: none;
}
.PageHeader #BrandLogo{
  display: block;
}
.PageHeader .navbar-light .navbar-brand span {
  color: #000;
}
.PageHeader .navbar-light .navbar-nav .nav-link {
  color: #000;
}
.PageHeader .navbar-light .navbar-nav .active>.nav-link, .PageHeader .navbar-light .navbar-nav .nav-link.active, .PageHeader .navbar-light .navbar-nav .nav-link.show, .PageHeader .navbar-light .navbar-nav .show>.nav-link {
  color: #ff0000;
}
.Pages{
  padding: 50px 0;
  background-color: #fff;
}
.Pages h1{
  font-size:2rem;
}
.Pages h2{
  font-size:1.75rem;
}
.Pages h3{
  font-size:1.375rem;
}
.Pages p{
  text-align: justify;
}
.Pages ul,.Pages ol{
  line-height: 45px;
  text-align: left;
}
.Pages .DefaltLH{
  line-height: 35px;
}
.Pages .DefaltLH strong{
  color: #212529;
}
.ThankYou{
  text-align: center;
}
.ThankYou img{
  max-width: 100%;
  height: auto;
}
.ThankYou h1{
  margin-top: 17%;
  color: #525252;
  font-size: 2.25rem;
}
.ThankYou h2{
  color: #28a745;
  font-weight: 300;
}
.ThankYou p{
  text-align: center;
  font-size: 1.5rem;
  color: #636363;
}
/* newly added css */
#PrivacyPolicy h1, #PrivacyPolicy h2, #Terms h1, #Terms h2{
  text-align: left;
}
.LastUpdated,.Effective{
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.9;
}
#EmailToDots{
  background: url(../images/email-background.jpg) no-repeat fixed border-box center/cover;
  padding: 0;
}
.EmailToDotsOverlay{
  padding: 100px 0;
  background:rgb(255 255 255 / 95%);
}
.EmailTo:hover{
  cursor: not-allowed;
}
.EmailTo img{
  max-width: 145px;
  height: auto;
  opacity: 0.7;
  -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}

.top-fold{
  background-color: #fff;
  position: relative;
  height: 650px;
}
.AboutUs{
  padding-bottom: 0;
}
.AboutTitle{
  padding: 15px;
  /* background: -webkit-linear-gradient(45deg, #ff0000, #ffb100);
  background: -moz-linear-gradient(45deg, #ff0000, #ffb100);
  background: linear-gradient(45deg, #ff0000, #ffb100); */
  border-width: 3px 0 3px 0;
  border-color: #fbbc00;
  border-style: double;
}
.AboutTitle h1{
  font-weight: 600;
  color: #383838;
}
.AboutTitle h2{
  font-size: 1rem;
  letter-spacing: 1px;
  color: #505050;
  font-weight: 600;
}
.AboutTitle small{
  color:#579900;
  font-weight: 500;
}
.AboutIntro{
  max-width: 430px;
}
.AboutImgBox{
  /* max-width: 800px;
  height: 800px;
  position: absolute;
  top: -360px;
  right: -220px;
  z-index: 99; */
}
.AboutImgBox a{
  display: block;
}
.AboutImgBox img{
  position: absolute;
  top: -15px;
  left: -200px;
  width: 800px;
  height: auto;
}
.AboutImgBox svg{
  max-width: 100%;
  height: 100%;
}
.AboutContent{
  padding: 100px 0;
  /* background-color:#fcc46c; */
  background: -webkit-linear-gradient(45deg, #ff8585, #f5a839);
  background: -moz-linear-gradient(45deg, #ff8585, #f5a839);
  background: linear-gradient(45deg, #ff8585, #f5a839);
}
.AboutContent img{
 max-width: 600px;
 float: right;
}
.AboutContent p{
 font-weight: 500;
 padding: 0 250px 0 50px;
}
.AboutContent p:first-of-type{
 margin-top: 40px;
}
.AboutContent p strong{
 font-weight: 600;
 color:#000;
}
.AboutServices{
  padding: 100px 0;
}
.AboutServiceImg{
  width: 100%;
  margin-bottom: 50px;
}
.AboutServices h2{
  font-weight: 600;
  color: #e44e31;
}
.AboutServices ul{
  font-weight: 600;
  color: #51525a;
}
.WhyDots{
  background:url(../images/why-tripledots-software.jpg) no-repeat fixed border-box center/cover;
  padding: 100px 0;
}
.WhyDots h2{
  font-weight: 600;
  color:#543a29;
}
.WhyDots p, .WhyDots ul{
  margin-right:350px;
}
.WebsiteOfferPg{
  padding: 80px 0;
}
.OfferImgSec{
  margin-bottom: 15px;
}
.OfferImgSec a{
  display: block;
}
.OfferImgSec a img{
  width: 100%;
  height: auto;
}
.GetWebOffer,.GetItNowPg{
  padding: 100px 0;
  background: -webkit-linear-gradient(45deg, #f17f7f, #ffe19c);
  background: -moz-linear-gradient(45deg, #f17f7f, #ffe19c);
  background: -o-linear-gradient(45deg, #f17f7f, #ffe19c);
  background: linear-gradient(45deg, #f17f7f, #ffe19c);
}
.GetWebOffer h2,.GetItNowPg h1{
  font-weight: 600;
  font-size: 2rem;
  color: #323232;
  text-align: center;
  padding: 0 0 50px 0;
}
.GetWebOffer input,.GetWebOffer select,.GetWebOffer button,.GetItNowPg input,.GetItNowPg select,.GetItNowPg button{
  height: 50px;
  border-radius: 25px;
}
.GetWebOffer select option:first-of-type,.GetItNowPg select option:first-of-type{
  color:#495057;
}
.GetWebOffer textarea, .GetItNowPg textarea{
  height: 130px;
  border-radius: 25px;
}
.GetWebOffer .form-control, .GetItNowPg .form-control{
  background-color:rgb(255 255 255 / 60%);
  padding: 0.375rem 1.5rem;
  margin: 15px 0;
  color: #000;
}
.GetWebOffer button, .GetItNowPg button{
  background-color: #588f09;
  margin: 15px 0;
}
.MeetingBtn{
  background:linear-gradient(45deg, #ff0000, #eb8317);
  max-width: 300px;
  padding: 10px;
  border-radius: 25px;
  display: block;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.WebPackHeading{
  text-align: center;
  padding: 0 0 80px 0;
  font-weight: 600;
  color: #ff0018;
  font-size: 2.5rem;
}
.StaticWebPackSec{
  padding:100px 0 50px 0;
  background:-webkit-linear-gradient(90deg, rgb(255 223 202), rgb(251 193 143 / 50%)) /*, url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover*/;
  background:-moz-linear-gradient(90deg, rgb(255 223 202), rgb(251 193 143 / 50%));
  background:-o-linear-gradient(90deg, rgb(255 223 202), rgb(251 193 143 / 50%));
  background:-ms-linear-gradient(90deg, rgb(255 223 202), rgb(251 193 143 / 50%));
  background:linear-gradient(90deg, rgb(255 223 202), rgb(251 193 143 / 50%));
}
.DynamicWebPackSec{
  padding:50px 0 50px 0;
  background:-webkit-linear-gradient(0deg, rgb(252 167 136 / 85%), rgb(253 224 199)), url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover;
  background:-moz-linear-gradient(0deg, rgb(252 167 136 / 85%), rgb(253 224 199)), url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover;
  background:-o-linear-gradient(0deg, rgb(252 167 136 / 85%), rgb(253 224 199)), url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover;
  background:-ms-linear-gradient(0deg, rgb(252 167 136 / 85%), rgb(253 224 199)), url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover;
  background:linear-gradient(0deg, rgb(252 167 136 / 85%), rgb(253 224 199)), url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover;
}
.EcomWebPackSec{
  padding:50px 0 100px 0;
  background:-webkit-linear-gradient(180deg, rgb(253 182 156), rgb(253 184 156)) /*, url(../images/offers/web-bg.svg) no-repeat scroll border-box center/cover*/;
  background:-moz-linear-gradient(180deg, rgb(253 182 156), rgb(253 184 156));
  background:-o-linear-gradient(180deg, rgb(253 182 156), rgb(253 184 156));
  background:-ms-linear-gradient(180deg, rgb(253 182 156), rgb(253 184 156));
  background:linear-gradient(180deg, rgb(253 182 156), rgb(253 184 156));
}
.StaticWebPackSec p, .DynamicWebPackSec p, .EcomWebPackSec p {
  font-size: 1.25rem;
  font-weight: 500;
  color: #260600;
}
.PackTitleImg{
  margin-bottom: 25px;
}
.PackTitleImg img{
  max-width: 100%;
  /* border: 5px solid;
  border-color: rgb(255 255 255 / 70%);
  border-radius: 15px; */
  background-color: rgb(255 255 255 / 25%);
}
.PackTitle{
  font-weight: 600;
  color: #000;
}
.Feature li{
  color: #000;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 50px;
}
.PackPrice{
  max-width: 300px;
  padding: 5px;
  border-radius: 25px;
  text-align: center;
  background-color: #588f09;
  border: 1px solid #c4e19d;
  color: #fff;
  cursor: pointer;
  margin: 15px 0;
  font-size: 1.5rem;
  font-weight: 600;
}
.PackPrice span {
  font-size: 1.25rem;
  font-weight: 400;
  opacity: 0.7;
  text-decoration: line-through;
}
.PackList{
  margin-bottom: 50px;
}
.Feature ul{
  list-style-image:url(../images/icons/globe.svg);
  padding-left: 30px;
}
ul.ChildList{
  list-style-image:url(../images/icons/right-arrow-dark.svg);
}
.ModuleHeading{
  margin: 15px 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: #000;
}
.CareerPg .card{
  margin-bottom: 80px;
}
.JobOpenHeader{
  background-color:#dfe5d7;
}
.JobOpenBody{
  background-color:#fffff7;
}
.JobOpenFooter{
  background-color:#dfe5d7;
}
.JobClosedHeader{
  background-color:#ffcece;
}
.JobClosedBody{
  background-color:#ffefef;
}
.JobClosedFooter{
  background-color:#ffcece;
}
.CareerPg .card-header h2{
  margin: 0;
  /* padding: 0.5rem 0; */
  font-size: 1.25rem;
  font-weight: 600;
  color:#444;
}
.CareerPg .card-body p{
  font-size: 0.9375rem;
  text-align: left;
  margin: 0;
  color: #444;
  font-weight: 600;
}
.CareerPg .card-body ul{
  font-size: 0.9375rem;
  text-align: left;
  margin: 0 0 35px 0;
  color: #444;
  font-weight: 500;
}
.CareerPg .card-body p span{
  font-weight: 500;
}
.CareerPg .card-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3a3a3a;
}
.CareerPg .card-footer a{
  font-weight: 600;
}
.CareerForm{
  position: sticky;
  position:webkit-sticky;
  top:100px;
  z-index: 9;
}
.CareerForm select{
  height: 50px;
}
.CareerForm h2{
  font-size: 1.5rem;
  font-weight: 600;
  color: #444;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
  background-color: #dfe5d7;
  border-radius: 3px;
}
.CareerForm .btn{
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  padding: 0.5rem 0.75rem;
}
.CareerForm .btn-success{
  background-color: #8cc63f;
  border-color: #7fb538;
}
.CareerForm .btn-success:hover{
  background-color: #9ca728;
  border-color: #7fb538;
}
.SendCV{
  margin-top: 35px;
}
.SendCV h3{
  font-size: 1.125rem;
  color: #3c541c;
  font-weight: 600;
}
.SendCV svg{
  max-width: 200px;
  fill: #6f7211;
}
/* end of new added css */
.DownloadProfile{
  margin: 35px 0;
  width: 250px;

}
.DownloadProfile a{
  /* position: absolute;
  top: 0;
  right: 15px;
  z-index: 1; */
  display: block;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 2px;
  border-radius: 25px;
  padding: 0.75rem 0.75rem;
}
.php,.java,.dotnet,.python{
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  padding: 50px;
  border-radius: 60px;
  margin: 50px 0;
}
.ContactUsPg{
  padding: 80px 0;
}
.ContactUsPg .LeftAddSec{
  padding-left: 5px;
}
.ContactIntroImg img{
  max-width: 100%;
}
.ContactUsPg .LeftAddSec h2{
  font-size: 1.75rem;
  background:-webkit-linear-gradient(45deg, #ff0000 16%, transparent 90%);
  background:-moz-linear-gradient(45deg, #ff0000 16%, transparent 90%);
  background:-o-linear-gradient(45deg, #ff0000 16%, transparent 90%);
  background:linear-gradient(45deg, #ff0000 16%, transparent 90%);
  color: #fff;
  padding: 10px 25px;
  border-radius: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  min-width: 350px;
  position: absolute;
  top: 260px;
}
.ContactPgAddress,.ContactNum,.ContactEmail{
  /* border-bottom: 1px solid yellowgreen; */
  padding: 12px 0;
  background-color: white;
  margin: 20px 0;
  border-radius: 60px;
  box-shadow: 0 0 15px #dcdcdc;
}
.ContactPgAddress p,.ContactNum p,.ContactEmail p{
  margin: 0;
  font-size: 1rem;
  text-align: left;
  line-height: normal;
}
.ContactPgAddress p a,.ContactNum p a,.ContactEmail p a{
  color:#000;
}
.ContactPgAddress{
  margin-top: 30px;
}
.ContactPgAddress h2{
  font-size: 1.25rem;
}
.ContactPgAddress p span:first-of-type,.ContactNum p span:first-of-type,.ContactEmail p span:first-of-type{
  width: 50px;
  height: 50px;
  /* background-color: #d9e021; */
  background-color: #fff;
  padding: 15px;
  border: 2px solid #8cc63f;
  border-radius: 50%;
}
.ContactPgAddress p span:first-of-type:hover,.ContactNum p span:first-of-type:hover,.ContactEmail p span:first-of-type:hover{
  background-color: #d9e021;
  transition: 0.6s;
  cursor: pointer;
}
.ContactPgAddress p span:last-of-type,.ContactNum p span:last-of-type,.ContactEmail p span:last-of-type{
  font-weight: 500;
}
.ContactPgAddress p span img,.ContactNum p span img,.ContactEmail p span img{
  width: 20px;
  height: 20px;
  margin-top: -2px;
  opacity: 0.7;
}
.ContactNum p a{
  font-size: 0.875rem;
}
.ContactEmail p a svg{
  width: 160px;
  height: auto;
  padding-left: 4px;
  opacity: 0.8;
}
.ContactUsPg .FollowUs{
  padding: 10px 15px;
  background-color: #ffffff;
}
.ContactUsPg .FollowUs h2{
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* background-color: #ff0000; */
  background-color: #6caf14;
  /* background-color: #28a745; */
  color: #fff;
  border-radius: 25px;
  max-width: 275px;
  padding: 10px 10px;
  margin-bottom: 18px;
  text-align: center;
}
.ContactUsPg .FollowUs a{
  display: inline-block;
  min-width: 195px;
  line-height: 30px;
  /* background: linear-gradient(
45deg
, #007bff, transparent); */
  /* color: #fff; */
  margin: 10px 2px;
  padding: 5px 10px;
  /* border: 1px solid #ccc; */
  border-radius: 22px;
  box-shadow: 0 0 15px #dcdcdc;
}
.ContactUsPg .FollowUs img{
  width: 20px;
  height: auto;
  vertical-align: text-top;
}
.ContactUsPg .FollowUs a span{
  margin: 0 1px;
}
.ContactBoxArea{
  padding:62px 50px;
  box-shadow: 0 0 15px #dcdcdc;
  border-radius: 50px;
}
.ContactBoxArea form input{
  border-radius: 25px;
  margin: 30px 0;
  padding: 1rem 1.5rem;
  height: 50px;
  }
.ContactBoxArea form textarea{
  border-radius: 50px;
  margin: 30px 0;
  padding: 1.75rem 1.5rem;
  }
.ContactBoxArea button{
  border-radius: 25px;
  padding: 0.675rem 1rem;
}
.ContactBoxArea h1{
  text-align: center;
}
.ContactBoxArea h2{
  text-align: center;
  font-size: 1.5rem;
  font-weight: 300;
}
.ContactBoxArea hr{
  border-color:#8cc63f;
  width: 25%;
}
.ContactBoxArea p{
  text-align: center;
}
.ContactMap iframe{
  width: 100%;
  height: 400px;
  margin-top: 50px;
}

@media(max-width:1680px){
.carousel-inner img {
  max-width: 400px;
  margin-left: 7%;
}
}
@media(max-width:1440px){
.HeaderBannerBg {
  height: 600px;
}
.carousel-inner img {
  max-width: 350px;
  margin-left: 5%;
}
.AboutImgBox img {
  top: 0;
  left: -175px;
  width: 725px;
}
.AboutContent p:first-of-type {
  margin-top: 0;
}
.AboutContent p {
  padding: 0 100px 0 30px;
}
}
@media(max-width:1439px){
.carousel-inner img {
  max-width: 300px;
  margin-top: 5%;
  margin-left: 0;
}
.carousel-inner img.WebDesignBanImg{
  max-width: 320px;
}
.carousel-inner img.WebDevBanImg{
  max-width: 320px;
}
.carousel-inner img.AndroidBanImg{
  max-width: 360px;
}
.HeaderBannerBg {
  height: 625px;
}
}
@media(max-width:1200px){
.ThreeDotsForm .form-control {
  padding: 0.75rem 0.75rem;
}
/* .ThreeDotsForm {
  width: 250px;
  top: 15%;
} */
.carousel-inner img {
  max-width: 275px;
  margin-top: 5%;
  margin-left: 0;
}
.carousel-inner img.WebDesignBanImg{
  max-width: 275px;
}
.carousel-inner img.WebDevBanImg{
  max-width: 275px;
}
.carousel-inner img.AndroidBanImg{
  max-width: 275px;
}
.carousel-caption h5 {
  font-size: 2rem;
}
.carousel-caption p {
  font-size: 1rem;
}

.OfferTitleIcon img {
  left: 377px;
}
.SocialMedia ul li a img {
  max-width: 28px;
}
footer ul{
  margin: 0;
}
footer ul a {
  font-size: 0.875rem;
}
.OrgInfoIcon img {
  max-width: 20px;
}
.OrgInfo p {
  font-size: 0.75rem;
}
p.NLstatement {
  font-size: 0.875rem;
}
p.FtrEmail svg {
  max-width: 122px;
}
.Copy {
  font-size: 0.75rem;
}
.Rights {
  font-size: 0.75rem;
}
.ChatOnWhatsapp img{
  width: 80px;
  height: 80px;
}
.PackTitle {
  font-size: 1.875rem;
}
.ThankYou h1 {
  margin-top: 11%;
  font-size: 2rem;
}
.ThankYou h2 {
  font-size: 1.875rem;
}
.ContactPgAddress p, .ContactNum p, .ContactEmail p {
  font-size: 0.8rem;
}
.ContactEmail p a svg {
  width: 150px;
}
.ContactPgAddress p span img, .ContactNum p span img, .ContactEmail p span img {
  width: 16px;
  height: 16px;
}
.SendCV h3 {
  font-size: 1rem;
}
.AboutTitle h1 {
  font-size: 1.875rem;
}
.AboutTitle h2 {
  letter-spacing: 0.5px;
}
.AboutImgBox img {
  top: 100px;
  left: -90px;
  width: 490px;
}
.AboutContent img {
  max-width: 100%;
  height: auto;
}
.AboutContent p {
  padding: 0;
}
}
@media(max-width:992px){
.navbar-nav .dropdown-menu {
  float: left;
}
.navbar-light .navbar-toggler {
  border: 1px dashed #927f9c;
  outline: 0 transparent;
}
nav.navbar.WhiteNav .navbar-toggler {
  border: 1px dashed #8cc63f;
  outline:0 transparent;
}
.navbar-light .navbar-toggler-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
nav.navbar.WhiteNav .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-collapse {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 100px;
  background: -webkit-linear-gradient(180deg, #301250, #06163e);
  background: linear-gradient(180deg, #301250, #06163e);
  z-index: 9999;
}
nav.WhiteNav .navbar-collapse {
  top: 85px;
}
.DropdownList {
  max-width: 960px;
  height: 445px;
  padding:15px 25px;
  margin-right: 15px;
  overflow-y: scroll;
}
.dropdown-item {
  font-size: 0.7rem;
}
.DropdownList ul a {
  font-size: 0.7rem;
}
.WhiteNav .CustomTextColor {
  color: #bfbfbf !important;
}
.PageHeader .navbar-light .navbar-nav .nav-link {
  color: #bfbfbf;
}
.PageHeader .navbar-light .navbar-toggler-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28140, 140, 140, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.HeaderBannerBg {
  height: 500px;
}
.carousel-inner img {
  max-width: 200px;
  margin-left: -1%;
}
.carousel-inner img.WebDesignBanImg{
  max-width: 200px;
}
.carousel-inner img.WebDevBanImg{
  max-width: 200px;
}
.carousel-inner img.SoftDevBanImg{
  max-width: 200px;
}
.carousel-inner img.AndroidBanImg{
  max-width: 200px;
}
.carousel-caption h5 {
  font-size: 1.875rem;
}
.carousel-caption p {
  font-size: 0.875rem;
}
.carousel-indicators {
  bottom: -50px;
}
.carousel-indicators li {
  width: 7px;
  height: 7px;
}
.carousel-control-next, .carousel-control-prev {
  top: 68px;
  width: 5%;
  z-index: 99;
}
/* .BannerBtn a {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 1px;
} */
.HomeServices h2 {
  font-size: 1.75rem;
}
.HomeServices ul a{
  font-size: 1rem;
}
.ContactBoxContent p.Email svg {
  max-width: 135px;
}
.ContactBoxContent p {
  font-size: 0.75rem;
  opacity: 1;
}
.BestOffers h2 {
  font-size: 2rem;
}
.OffersWrap h3 {
  font-size: 1.5rem;
}
p.OfferTitle {
  font-size: 1rem;
}
.OfferPricing {
  font-size: 1.5rem;
}
.DescWrap p {
  font-size: 0.9375rem;
}
.OfferTitleIcon img {
  left: 255px;
  top:12px;
}
footer {
  padding: 70px 0 15px 0;
}
footer h2 {
  font-size: 1.115rem;
}
footer ul a {
  font-size: 0.655rem;
}
footer ul {
  line-height: 32px;
}
.OrgInfoIcon img {
  max-width: 12px;
  margin-top: -13px;
}
p.NLstatement {
  font-size: 0.655rem;
}
.OrgInfo p {
  font-size:0.6rem;
}
.OrgInfo h3 {
  font-size: 0.775rem;
}
.Copy {
  line-height: 14px;
  font-size: 0.56rem;
}
.Rights {
  font-size: 0.56rem;
}
.SocialMedia ul li a img {
  max-width: 18px;
}
.WebsiteOfferPg h1 {
  font-size: 1.6rem !important;
  font-weight: 600;
}
.WebsiteOfferPg h2 {
  font-size: 1.375rem;
  font-weight: 600;
}
.StaticWebPackSec {
  padding: 50px 0 50px 0;
}
.WebPackHeading {
  padding: 0 0 50px 0;
  font-size: 2rem;
}
.PackTitle {
  font-size: 1.675rem;
}
.StaticWebPackSec p, .DynamicWebPackSec p, .EcomWebPackSec p {
  font-size: 1.125rem;
}
.Feature li {
  font-size: 1.125rem;
}
.ModuleHeading {
  font-size: 1.5rem;
}
.ThankYou h1 {
  margin-top: 3%;
  font-size: 1.9375rem;
}
.ThankYou h2 {
  font-size: 1.5rem;
}
.ThankYou p {
  font-size: 1.125rem;
}
.ContactPgAddress p, .ContactNum p, .ContactEmail p {
  font-size: 1rem;
}
.ContactEmail p a svg {
  width: 160px;
}
.ContactPgAddress p span img, .ContactNum p span img, .ContactEmail p span img {
  width: 20px;
  height: 20px;
}
.ContactUsPg .FollowUs a {
  margin: 10px 10px;
}
.DownloadProfile a{
  top: -27px;
}
.top-fold {
  height: auto;
  padding-bottom: 80px;
}
/* .AboutUs h1{
  margin-top: 25px;
} */
.AboutIntro {
  max-width: 100%;
}
.AboutImgBox {
  text-align: center;
}
.AboutImgBox img {
  position: relative;
  top: initial;
  left: initial;
  max-width: 100%;
}
.AboutServices h2 {
  font-size: 1.5rem;
}
.AboutServiceImg {
  width: 100%;
  height: auto;
}
.WhyDots p, .WhyDots ul {
  margin-right: 250px;
}
}
@media(max-width:768px){
  /* .ThreeDotsForm {
    width: 180px;
    right: 1%;
    top: 8%;
  } */
  /* .ThreeDotsForm .close {
    float: left;
  } */
  .DropdownList {
    max-width: 740px;
  }
  .ScrollDown{
    position: absolute;
    top: 450px;
    right: 30px;
    z-index: 9;
    display: block;
  }
  .ScrollDown img{
    width: 30px;
    animation: ScrollDown 2s alternate infinite;
  }
  @-webkit-keyframes ScrollDown{
    from{-webkit-transform: translateY(15px); transform: translateY(15px)}
  }
  @keyframes ScrollDown{
    from{-webkit-transform: translateY(15px); transform: translateY(15px)}
  }
  .SendCV h3 {
    font-size: 0.75rem;
  }
  .SendCV svg {
    max-width: 160px;
}
}
@media(max-width:767px){
  .ThreeDotsForm{
    height: 85vh;
    overflow-y: scroll;
  }
.ThreeDotsForm .form-control {
  padding: 1.5rem 0.75rem;
}
.HeaderBannerBg {
  background: -webkit-linear-gradient(45deg, #0c063e, #371052);
  background: -moz-linear-gradient(45deg, #0c063e, #371052);
  background: -o-linear-gradient(45deg, #0c063e, #371052);
  background: -ms-linear-gradient(45deg, #0c063e, #371052);
  background: linear-gradient(45deg, #0c063e, #371052);
}
.navbar-collapse {
  padding-bottom: 155px;
  top: 85px;
}
nav.WhiteNav .navbar-collapse {
  padding-bottom:20px;
  top: 70px;
}
.navbar-brand img{
  max-width: 200px;
}
.dropdown-item {
  font-size: 0.785rem;
}
.DropdownList {
  max-width: 540px;
  height: 360px;
  padding: 5px 25px;
}
.DropdownList ul a {
  font-size: 0.75rem;
}
.DropdownList ul li::before {
  height: 37px;
}
.carousel-inner img {
  max-width: 200px;
  margin:0 auto;
}
.carousel-inner img.WebDesignBanImg{
  max-width: 200px;
}
.carousel-inner img.WebDevBanImg{
  max-width: 200px;
}
.carousel-inner img.SoftDevBanImg{
  max-width: 200px;
}
.carousel-inner img.AndroidBanImg{
  max-width: 200px;
}
.carousel-caption {
  top: 35%;
  position: relative;
}
.carousel-caption {
  top: 35%;
  left: 0;
  position: relative;
}
.carousel-caption h5 {
  font-size: 1.5rem;
}
.carousel-indicators {
  bottom: -15px;
}
.intro {
  padding:0 0 25px 0;
}
.MoreBtn {
  margin: 15px 0;
}
.MoreBtn a {
  padding: 7px 25px;
  width: 100%;
  font-size:1rem;
  border-radius: 15px;
}
.HomeServicesOverlay {
  padding:100px 0 80px 0;
}
.HomeServices h2 {
  font-size: 1.5rem;
  padding-left: 10px;
  margin-top: 35px;
}
.HomeServices ul a {
  font-size: 1rem;
}
.WhyChooseUs {
  padding: 50px 0;
}
.WhyChooseUs h2{
  font-size:1.5rem;
  text-align: center;
}
.WhyChooseUs p,.WhyChooseUs ul {
  font-size: 1rem;
}
.BestOffers {
  /* background: url(../images/SaraswatiPujaOffer.jpg) no-repeat scroll border-box top/130% 40%; */
}
.BestOffersOverlay {
  padding: 40px 0 25px 0;
}
.OfferTitleIcon img{
  position: relative;
  left: 103px;
  z-index: 1;
 }
.BestOffers h2 {
  font-size: 2rem;
}
p.OfferTitle {
  font-size: 0.875rem;
  letter-spacing: 0.5px;
}
.OffersWrap{
  margin-bottom: 50px;
}
.intro h1 {
  font-size: 1.5rem;
  text-align: center;
}
.intro p{
  text-align: justify;
  font-size:1rem;
}
.CBCicon{
  top: -30px;
  width: 45px;
  height: 45px;
  padding: 10px;
}
.ContactBox {
  padding: 15px 5px 0 5px;
}
.ContactBox .pl-2{
  padding-left:0 !important;
}
.ContactBox .pr-2{
  padding-right:0 !important;
}
.ContactBoxContent {
  margin-bottom: 30px;
  height: 40px;
}
.ContactBoxContent .PhoneNo {
  font-size: 0.8rem;
}
.ContactBoxContent p{
  margin-top:15px;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
}
.ContactBoxContent p.Email svg {
  max-width: 150px;
}
footer {
  padding: 60px 0;
}
footer h2 {
  color: #4c4c4c;
  font-size:1.5rem;
}
.OrgInfo h3 {
  font-size: 1rem;
}
.footer p,footer ul{
  font-size:1rem;
  line-height: 40px;
}
footer ul{
  margin-bottom: 20px;
}
footer ul a {
  font-size: 1rem;
}
p.NLstatement {
  font-size: 1rem;
}
.OrgInfoIcon img {
  max-width: 20px;
  opacity: 0.75;
  margin: initial;
}
.OrgInfo p {
  font-size: 0.875rem;
}
.OrgInfo p.FtrPhoneCall a{
  font-size: 0.75rem;
}
p.FtrEmail svg {
  max-width: 150px;
}
.Rights {
  font-size: 0.875rem;
  margin: 0;
  text-align: center;
  line-height: 24px;
}
.Copy {
  line-height: 24px;
  font-size: 0.875rem;
  text-align: center;
}
.SocialMedia ul {
  text-align: center;
}
.SocialMedia ul li {
  margin: 0 4.5px;
}
.SocialMedia ul li a img {
  max-width: 35px;
}
.FtrEndLine {
  display: none;
}
.ChatOnWhatsapp img{
  width: 70px;
  height: 70px;
}
.WebPackHeading {
  padding: 0 0 25px 0;
  text-align: left;
}
.WebsiteOfferPg h1 {
  text-align: left !important;
}
.WebsiteOfferPg h2{
  text-align: left !important;
}
.MeetingBtn {
  max-width: 100%;
  margin: 25px 0 0 0;
  font-size: 0.938rem;
}
.OfferImgSec a img {
  margin: 25px 0;
}
.PackTitleImg img {
  margin: 20px 0 0 0;
}
.PackPrice {
  margin: 25px 0 15px 0;
  max-width: 100%;
}
.DynamicWebPackSec{
  padding: 0;
}
.GetWebOffer,.GetItNowPg{
  padding: 50px 0;
}
.GetWebOffer h2, .GetItNowPg h1 {
  font-size: 1.875rem;
  padding: 0 0 25px 0;
}
.GetWebOffer textarea, .GetItNowPg textarea {
  height: 100px;
}
.ThankYou h1 {
  margin-top: 5%;
  font-size: 1.75rem;
}
.ContactUsPg .LeftAddSec {
  padding-left: 0;
  margin-top: -30px;
}
.ContactIntroImg img{
  margin-top: -55px;
}
.ContactUsPg .LeftAddSec h2 {
  font-size: 1.35rem;
  padding: 2px 25px;
  min-width: 100%;
  position: relative;
  top: 0;
  text-align: center;
  background: -webkit-linear-gradient(45deg, #ff0000 100%, transparent 100%);
  background: -moz-linear-gradient(45deg, #ff0000 100%, transparent 100%);
  background: -o-linear-gradient(45deg, #ff0000 100%, transparent 100%);
  background: linear-gradient(45deg, #ff0000 100%, transparent 100%);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.ContactPgAddress p span:first-of-type, .ContactNum p span:first-of-type, .ContactEmail p span:first-of-type {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 6px;
  display: block;
}
.ContactNum p span:first-of-type{
  top: 145px;
}
.ContactEmail p span:first-of-type {
  top: 255px;
}
.ContactPgAddress p, .ContactNum p, .ContactEmail p {
  font-size: 0.9375rem;
  text-align: center;
  line-height: 30px;
  padding: 0 15px;
}
.ContactPgAddress, .ContactNum, .ContactEmail {
  margin: 50px 0 25px 0;
  padding: 12px 0;
}
.ContactUsPg .FollowUs h2 {
  max-width: 100%;
  padding: 2px 0;
  border-radius: 25px;
  font-size: 1.35rem;
  font-weight: 500;
  text-transform: none;
}
.ContactUsPg .FollowUs a {
  min-width: 100%;
  margin: 10px 0;
  text-align: center;
}
.ContactBoxArea {
  padding: 40px 20px;
  margin-top: 20px;
}
.ContactBoxArea h1 {
  font-size: 1.5rem;
}
.ContactBoxArea form input {
  border-radius: 25px;
  margin: 25px 0;
  padding: 1rem 1.5rem;
  height: 45px;
}
.ContactBoxArea form textarea {
  padding: 1.125rem 1.5rem;
}
.ContactBoxArea button {
  padding: 0.575rem 1rem;
}
.Pages{
  padding: 20px 0;
}
.Pages h1,.Pages h2{
  font-size: 1.75rem;
  text-align: center;
  line-height: 40px;
}
.Pages h3{
  font-size: 1.375rem;
}
.AboutUs h2:nth-of-type(3),.AboutUs h2:nth-of-type(4),.AboutUs h2:nth-of-type(5){
  text-align: left;
}
.DownloadProfile a{
  position: relative;
  top: 0;
  right: initial;
  width: 100%;
}
.AboutUs h1 {
  margin-top: 0;
  margin-bottom: 16px;
}
.WhyDots h2 {
text-align: left;
}
.php, .java, .dotnet, .python {
  padding: 25px;
}
.CareerForm h2 {
  font-size: 1.5rem;
  line-height: initial;
  text-align: left;
}
.CareerPg .card-header h2 {
  line-height: initial;
  text-align: left;
}
.SendCV h3 {
  font-size: 1rem;
}
.SendCV svg {
  max-width: 185px;
}
.CareerPg .card-footer a {
  max-width: 180px;
}
.CareerPg .card {
  margin-bottom: 50px;
}
.AboutTitle h1 {
  font-size: 1.5rem;
}
.AboutTitle h2{
  font-size: 1rem;
}
.DownloadProfile {
  width: 100%;
}
.WhyDots p, .WhyDots ul {
  margin-right: 0;
}
.AboutImgBox {
  margin-bottom: 50px;
}
.AboutUs {
  padding-bottom: 0;
}
.top-fold {
  padding-bottom: 35px;
}
.AboutContent {
  padding: 50px 0;
}
.AboutServices {
  padding: 60px 0;
}
.WhyDots {
  padding: 75px 0;
}
.ThankYou {
  padding: 25px 0 60px 0;
}
.ThankYou img {
  max-width: 275px;
}
}
@media (max-width:576px){
.carousel-caption p {
  height: 60px;
}
.carousel-control-next, .carousel-control-prev {
  top: 42px;
  width: 15%;
}
.carousel-control-prev {
  left: -15px;
}
.carousel-control-next{
  right: -15px;
}
.PackTitle {
  font-size: 1.5rem;
}
}
@media(max-width:375px){
.OfferTitleIcon img {
  left: 80px;
}
.ThankYou img {
  max-width: 260px;
}
}
@media(max-width:320px){
.MoreBtn a {
  padding: 7px 10px;
  font-size: 0.95rem;
}
.OfferTitleIcon img {
  left: 50px;
}
.ContactNum p span:first-of-type{
  top: 180px;
}
.ContactEmail p span:first-of-type {
  top: 315px;
}
.ContactUsPg .LeftAddSec {
  margin-top: -45px;
}
.AboutUs h1 {
  font-size: 1.59rem;
}
}