h2 {
font-family: 'Poppins', sans-serif;
}

h4 {
font-family: 'Roboto Mono', monospace;
}

p {
font-family: 'IM Fell English SC', serif;
}

.padtop {
padding-top: 2%;
}

.padtop {
padding-top: 2%;
}

.padtop {
padding-top: 2%;
}

.martop {
margin-top: 3%;
}

.d-flex {
display: flex;
}

.mleft {
margin-left: 2%;
}

.card {
background: #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.padboth {
padding: 30px;
}

button {
background: brown;
padding: 10px;
border: none;
color: #fff;
}

.navcolor {
background: #17a2b8;
}

.ml-auto {
margin-left: auto;
}

a {
color: brown;
text-decoration: none;
}

img {
width: 100%;
}

#footersect {
background: #333;
color: #fff;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

.navcolor {
background: #17a2b8;
}

.ml-auto {
margin-left: auto;
}

a {
color: brown;
text-decoration: none;
}

img {
width: 100%;
}

.bannerhere{
background-image: url("contact-us.jpg");
background-size: cover;
width: 100%;
height: 100%;
}

.banneroverlay{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
}

.padboth{
padding: 60px 0 60px 0;
}

#footersect {
background: #333;
color: #fff;
}

form{
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

input{
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid grey;
outline: none;
margin-bottom: 5%;
}

textarea{
width: 100%;
height: 120px;
padding: 10px;
border-radius: 5px;
outline: none;
margin-bottom: 5%;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

.navcolor {
background: #17a2b8;
}

.ml-auto {
margin-left: auto;
}

a {
color: brown;
text-decoration: none;
}

.linkshere {
list-style: none;
line-height: 45px;
}

.linkshere li a {
font-size: 20px;
}

#footersect {
background: #333;
color: #fff;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

.navcolor {
background: #17a2b8;
}

.ml-auto {
margin-left: auto;
}

a {
color: brown;
text-decoration: none;
}

.cardtop {
background: #2d2d2d;
}

.bggreen {
background: #ef4b4b;
}

.border-dark {
border: 1px solid #2d2d2d !important;
background: #2d2d2d !important;
}

.cardtop, .cardnocolor, .bgnocolor, .bggreen {
padding: 25px;
}

button {
padding: 8px;
}

#footersect {
background: #333;
color: #fff;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

.moneyprice{
font-size: 20px;
}

.aboutuslist{
line-height: 38px;
}

.navcolor {
background: #333;
}

.ml-auto {
margin-left: auto;
}

a {
color: brown;
text-decoration: none;
}

.whitebox {
background: #Fff;
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .3);
}

#clientsect i {
color: #2d2d2d;
font-size: 18px;
}

#footersect {
background: #333;
color: #fff;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

/* Hey! I am a comment and you can ignore this */

.navcolor {
background: #333;
}

.ml-auto {
margin-left: auto;
}

a {
color: brown;
text-decoration: none;
}

#clientsect{
background: #e4e4e4;
}

#footersect {
background: #333;
color: #fff;
}
.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

.navcolor {
background: #17a2b8;
}

.ml-auto {
margin-left: auto;
}

a {
color: brown;
text-decoration: none;
}

img {
width: 100%;
}

.bannerhere{
background-image: url("contact-us.jpg");
background-size: cover;
width: 100%;
height: 100%;
}

.banneroverlay{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
}

.padboth{
padding: 60px 0 60px 0;
}

#footersect {
background: #333;
color: #fff;
}

form{
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

input{
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid grey;
outline: none;
margin-bottom: 5%;
}

textarea{
width: 100%;
height: 120px;
padding: 10px;
border-radius: 5px;
outline: none;
margin-bottom: 5%;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

img {
width: 90%;
}

button {
background: brown;
border: none;
padding: 8px;
color: #fff;
}

button {
background: brown;
border: none;
padding: 8px;
color: #fff;
}

.borderbox{
width: 400px;
height: 300px;
border: 1px solid brown;
background: brown;
}

.padboth{
padding: 12px;
}
h2{
color :#fff;
}

.mtop{
margin-top: 12%;
}

a{
text-decoration: none;
color: #fff;
font-size: 15px;
}

p{
color: #fff;
}

#footersect {
background: #222;
color: #fff;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

img {
width: 100%;
height: 300px;
border: 1px solid #000;
}

.pl-0 {
padding-left: 0;
}

.pr-0 {
padding-right: 0;
}

.ml-0 {
margin-left: 0;
}

.mr-0 {
margin-right: 0;
}

.hoverimg {
overflow: hidden;
}

.hoverimg img:hover {
transform: scale(1.2);
transition: 0.98s;
}

.card{
width: 100%;
}

img {
width: 100%;
height: 350px;
}

.aboutushead {
color: #007bff;
font-size: 40px;
font-weight: 900;
}

.aboutusnexthead {
color: #000;
font-family: open sans, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
font-weight: 400;
line-height: 1.2;
font-size: 1.75rem;
}

.aboutustext {
line-height: 1.7;
color: gray;
font-weight: 400;
font-size: 1rem;
}

.aboutuslist {
line-height: 1.9;
color: gray;
font-weight: 400;
font-size: 1rem;
list-style-image: url(../images/tick.png);
}

.circle-bg:after {
width: 300px;
height: 300px;
content: "";
z-index: -1;
border-radius: 50%;
position: absolute;
bottom: -90px;
right: -90px;
background: #f8f9fa;
}

.btns {
display: flex;
justify-content: center;
margin-top: -355px;
padding-bottom: 150px;
}

.customNextBtn, .customPreviousBtn {
background: #007bff;
color: #fff;
padding: 18px;
cursor: pointer;
z-index: 5;
font-size: 20px;
}

For internal pages sections img {
width: 100%;
}

.linedown {
position: relative;
}

.downlineee::after {
position: absolute;
bottom: -10px;
content: ' ';
width: 10%;
display: block;
border: 2px solid #db4436;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.navcolor {
background: #17a2b8;
}

.ml-auto {
margin-left: auto;
}

img {
width: 100%;
}

#footersect {
background: #333;
color: #fff;
}

.footerlinks{
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

#mobsect{
background: brown;
}

i{
font-size: 18px;
}

#navbarhere{
position: fixed;
left: 0;
right: 0;
}

.navcolor {
background: transparent;
}

.ml-auto {
margin-left: auto;
}

.bannerhere{
background-image: url("banner.jpg");
background-size: cover;
width: 100%;
height: 100%;
}

.banneroverlay{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}

.text-white{
color: #fff;
}

.padboth{
padding-top: 150px;
padding-bottom: 150px;
}

.mtop{
margin-top: 5%;
}

#righttoleft{
font-size: 16px;
font-weight: 400;
}

.origmarginleft{
margin-left: 1000px;
}

html{
scroll-behavior: smooth;
}

.mtop {
margin-top: 5%;
}

img {
width: 100%;
height: 100%;
}

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

.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}

.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-card-front {
background-color: #bbb;
color: black;
}

.flip-card-back {
background-color: brown;
color: white;
transform: rotateY(180deg);
}

a{
color: black;
}

.mtop {
margin-top: 5%;
}

.ml-auto {
margin-left: auto;
}

.navbar a {
color: #fff !important;
}

img {
width: 100%;
height: 400px;
}

.bannerhere {
background-image: url("banner.jpg");
background-size: cover;
width: 100%;
height: 100%;
}

.banneroverlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}

.padboth {
padding-top: 80px;
padding-bottom: 80px;
}

#footersect {
background: #333;
color: #fff;
}

.footerlinks {
list-style: none;
line-height: 35px;
}

.pl-2 {
padding-left: 10px;
}

.smtext {
font-size: 13px;
}

#pricingsect {
background: #f8f9fa;
}

.cardhere {
background: #fff;
padding: 30px;
}

.browncardhere {
background: brown;
padding: 30px;
}

.moneyprice {
color: #007bff;
font-size: 3rem;
}

.btnprice a {
text-decoration: none;
}
.btnprice a button, .btnprice button {
color: #2d2d2d;
background-color: transparent;
border: 1px solid #666;
font-size: 16px;
padding: 10px 30px;
width: 50%;
margin: auto;
}

.cardtop {
background: #2d2d2d;
}

.scalecardhere:hover {
transform: scale(1.05);
transition: 0.96s;
}

.mtop {
margin-top: 5%;
}

.padtop {
margin-top: 4%;
}

.padtop {
margin-top: 4%;
}

form {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

input {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid grey;
outline: none;
margin-bottom: 5%;
}

textarea {
width: 100%;
height: 120px;
padding: 10px;
border-radius: 5px;
outline: none;
margin-bottom: 5%;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */

input[type=number] {
-moz-appearance: textfield;
}

body{
overflow-x: hidden;
margin: 0;
padding:0;
font-family: Raleway;
}

img{
width: 100%;
}

@font-face {
font-family: 'Poppins';
src: url(../font/poppins.woff);
font-style : normal !important;
}

@font-face {
font-family: 'Mukta';
src: url(../font/mukta.woff);
}

.muktafont{
font-family: 'Mukta';
font-weight: 700;
font-size: 23px;
}

.muktafonthead{
font-family: 'Mukta';
font-weight: 600;
font-size: 40px;
}

.smmuktafont{
font-family: 'Mukta';
font-weight: 700;
}

.smallgreytext{
font-size:12px;
color: #83888a;
font-family: 'Poppins';
}

Topnav

#topnavsect a{
color: #181819;
}

.bg-light{
background : #fff !important;
}

#topnavsect .logohere{
text-align: center;
margin: auto;
}

NAvsect

#navsect a{
color: #fff;
font-family: 'Poppins';
font-size: 12px;
font-weight: 500;
margin: 20px 24px 19px 24px;
}
.dropdown-menu:li {
text-align: left;
}

.dropdown-menu{
background:#181819;
border-radius: 0;
padding:10px;
width: 200px;
}

#navsect .menu2pos{
position :relative;
}

#navsect .menu2pos #popid:hover .dropdown-menu{
display: block;
margin-top: 0;
}

.menu2{
width : 100% !important;
padding:25px;
}

#menu2 .listunderpopular{
list-style: none;
text-align: center;
}

hr.bgwhite{
background : #fff;
width: 100%;
}

.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top:0;
left: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #f1f1f1;
}

.sidenav .closebtn{
position: absolute;
top: 0;
right: 25px;
font-size: 36px !important;
margin-left: 50px;
color: #181819 !important;
}

#navsect .bglink{
color: #181819;
font-size: 30px;
font-weight: 600;
margin-bottom: 5%;
}

#navsect #popid #imgsect2, #navsect #popid #imgsect3, #navsect #popid #imgsect4, #navsect #popid #imgsect5{
display:none;
}

Banner

#bannersect .bannerhere1{
background-image: url(../images/homepage/B1.jpg);
background-size: cover;
width: 100%;
/* height: 80vh; */
position: relative;
}

#bannersect .banneroverlay1{
background: rgba(255,255,255,0.1);
width: 100%;
height: 80vh;
}

#bannersect .bannerhere2{
background-image: url(../images/homepage/B2.jpg);
background-size: cover;
width: 100%;
height: 80vh;
position: relative;
}

#bannersect .banneroverlay2{
background: rgba(0,0,0,0.1);
width: 100%;
height: 80vh;
}

#bannersect .bannerhere3{
background-image: url(../images/homepage/B3.jpg);
background-size: cover;
width: 100%;
height: 80vh;
position: relative;
}

#bannersect .banneroverlay3{
background: rgba(0,0,0,0.1);
width: 100%;
height: 80vh;
}

#bannersect .posimg{
position : absolute;
bottom: 8%;
left: 38%;
}

Nichesect

#nichesect{
background: #f6f6f6;
}
.nichepadding, .featurepadding, .twosect, .footerpadding, .travelsect{
padding: 89px 0 85px 0;
}

#nichesect .btnhere a button{
background: #181819;
color : #fff;
border:none;
font-size: 12px;
padding:20px;
}

#nichesect h2.dancetext{
font-family: 'Dancing Script', cursive;
font-size: 40px;
}

2 secthere

.travelsect{
position : relative;
}

#twosectid{
background : #fff;
}

#twosectid .iconmid{
display: flex;
flex-direction: row;
}

#twosectid .iconmid:before, #twosectid .iconmid:after {
content: "";
flex: 1 1;
border-bottom: 2px solid #000;
margin: auto;
}

.contentside2sect{
position: relative;
}

.linedown:after{
position: absolute;
top:30%;
left: 0;
content: "";
width: 30px;
height: 2px;
background-color: #181819;
}

.imghere2sect img:hover{
overflow-x :hidden;
transform: scale(1.2);
transition-duration: 1s;
}

.imghere2sect{
position: relative;
width: 100%;
margin-bottom: 0%;
overflow: hidden;
}

#twosectid .bg2sectimg{
background-image: url(../images/homepage/travel.jpg);
background-size: cover;
width: 100%;
height: 60vh;
position : relative;
}

.bg2sectimgoverlay{
background: rgba(0,0,0,0.6);
width: 100%;
height: 60vh;
}

.posbg{
position : absolute;
bottom: 8%;
left:40%;
}

smallsidesection

.smallbodysect .slidingimg #slidedemo .carousel-control-prev{
top:110%;
left:35%
}

.smallbodysect .slidingimg #slidedemo .carousel-control-next{
top: 110%;
right:35%;
}

.smallbodysect .slidingimg #slidedemo .fas.fa-arrow-left, .smallbodysect .slidingimg #slidedemo .fas.fa-arrow-right{
color : #181819;
}

#formid input{
background : #fff;
box-shadow: 1px 1px 5px rgba(0,0,0,.11);
border:0;
padding:10px;
}

#formid button{
background : #fff;
border:0;
padding:5px;
margin-left: -18%;
}

#formid button i{
color:#181819;
}

.bggrey{
background: #f6f6f6;
padding:25px;
}

.aboutmesect, .emailsect, .handpicked{
position :relative;
}

footer

#footersect{
background: #f6f6f6;
}

.bgsubscribe{
background-image: url(../images/homepage/2nd-last.jpg);
background-size: cover;
width: 100%;
height: 50vh;
}

.bgsubscribeoverlay{
background: rgba(0,0,0,0.2);
width: 100%;
height: 50vh;
}

.footerlink {
line-height: 40px;
list-style-type: none;
}

.footerlink li{
font-size: 20px;
}

.sociallink {
font-size:13px;
}

.linecenterdown:after{
position: absolute;
top:11%;
left: 45%;
content: "";
width: 30px;
height: 2px;
background-color: #181819;
}

.scrollup {
background-color: #181819;
border-color: #181819;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 48px;
position: fixed;
bottom: 30px;
right: 30px;
display: none;
color: #fff;
z-index: 888;
-webkit-transition: .3s;
transition: .3s;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}

Copyright sect

#copyrightsect{
background: #181819;
}

.copyrightpadding{
padding: 42px 0;
}

contactusid

#contacttwosectid #formcontactid input{
width : 100%;
padding : 15px;
background: #f6f6f6;
border: none;
}

#contacttwosectid #formcontactid textarea{
width : 100%;
height : 120px;
padding : 15px;
background: #f6f6f6;
border: none;
}

#contacttwosectid #formcontactid .btnhere input[type=submit]{
background: #181819;
color : #fff;
border:none;
font-size: 12px;
padding:20px;
}

Travel

.linecentertravel:after{
position: absolute;
top: 95%;
left: 49%;
content: "";
width: 30px;
height: 2px;
background-color: #181819;
}

form {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

input {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid grey;
outline: none;
margin-bottom: 5%;
}

textarea {
width: 100%;
height: 120px;
padding: 10px;
border-radius: 5px;
outline: none;
margin-bottom: 5%;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */

input[type=number] {
-moz-appearance: textfield;
}