@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,700&display=swap');


/*================================================== */
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6rem;
	color: #272834;
	background: #fff;
	height: 100%;
	position: relative;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
}

p {
	margin-bottom: 15px;
	font-weight: 400;

}

a {
	color: #ff7200;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #333;
}

input,
textarea {
	border-radius: 0;
	-webkit-appearance: none;
}

img {
	max-width: 100%;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.container.no-gutters {
	padding-right: 0px;
	padding-left: 0px;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 1.5rem 0;
	font-family: 'Poppins', sans-serif;

}

h1 {
	color: #182b31;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
	font-weight: bold;


}

h1 span {
	color: #039bd3;
	font-weight: 500;
	display: block;
	font-size: 18px;
	text-transform: capitalize;
}


h2 {
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	color: #171c35;


}

h2 span {
	color: #039bd3;
	font-size: 18px;
	text-transform: capitalize;
	display: block;

}

h3 {
	font-size: 20px;
	font-weight: 600;
	color: #22344b;
	font-family: 'Poppins', sans-serif;

}

h4 {
	font-size: 18px;
	font-weight: 600;
	color: #22344b;

}

h5 {
	font-size: 16px;
	font-weight: 600;
	color: #22344b;

}


h6 {
	font-size: 15px;
	font-weight: 600;
	color: #22344b;

}

.w-50 {
	width: 50% !important;
}

.blue-btn {
	background: rgb(21, 47, 206);
	background: linear-gradient(0deg, rgba(21, 47, 206, 1) 1%, rgba(31, 194, 255, 1) 70%);
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	padding: 0px 34px;
	line-height: 40px;
	font-weight: 700;
	font-family: 'Asap', sans-serif;
	margin-top: 10px;
	text-transform: uppercase;
}

.blue-btn:hover {
	background: rgb(31, 194, 255);
	color: #fff;
}

.org-btn {
	background: rgb(250, 75, 13);
	background: linear-gradient(0deg, rgba(250, 75, 13, 1) 0%, rgba(255, 149, 12, 1) 73%);
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 20px;
	padding: 0px 34px;
	line-height: 40px;
	font-weight: 600;
	font-family: 'Asap', sans-serif;
	margin-top: 10px;
}

.org-btn:hover {
	background: rgb(255, 149, 12);
	color: #fff;
}

.org-small-btn {
	background: rgb(250, 75, 13);
	background: linear-gradient(0deg, rgba(250, 75, 13, 1) 0%, rgba(255, 149, 12, 1) 73%);
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 15px;
	padding: 5px 15px;
	line-height: 20px;
	font-weight: 600;
	font-family: 'Asap', sans-serif;
	margin-top: 10px;
}

.org-btn:hover,
.org-small-btn:hover {
	background: rgb(255, 149, 12);
	color: #fff;
}

/* ==================================================
 Header Section
================================================== */
header {
	/* background-color: #090b20; */
	position: relative;

}


.logo {
	padding: 10px 0px;
	text-align: left;
}

.topbar {

	text-align: right;
}

.call {
	font-size: 20px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	line-height: 28px;
	text-align: right;
	padding: 9px 19px;
	display: inline-block;

}

.call i {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #07a7d1;
	margin-top: 10px;
	margin-right: 8px;
}

.socialmedia {
	padding: 10px;
	display: inline-block;
	text-align: right;
}

.socialmedia i {
	font-size: 16px;
	border-radius: 50px;
	background: #07a7d1;
	color: #fff;
	width: 26px;
	height: 26px;
	margin: 0 3px;
	line-height: 26px;
	text-align: center;
}



/* ==================================================
Top Navigation Section
================================================== */
.menubar {}

.nav-link {
	display: block;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Asap', sans-serif;
	color: #1e7eb1;
	text-transform: uppercase;

}

.navbar {
	padding: 0px;
	position: relative;
}

.navbar-dark .navbar-nav .nav-link {
	color: #1e7eb1 !important;
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: #fff !important;
	background: #1c98f1;
}

.navbar-nav .nav-link:hover {
	color: #fff !important;
	transition: 0.5s;
	background: #1c98f1;
	border-radius: 20px;


}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
	color: #fff !important;
	background: #1c98f1;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: 0.4rem 1.2rem;
	color: #1e7eb1;
	margin: 5px 0px;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #fff !important;
	background: #1c98f1;
}

.dropdown-menu {
	margin: 0rem 0 0;
	border-radius: .6rem;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border: 0;
}

.dropdown-menu > li > a {
	display: block;
	padding: 8px 20px !important;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	white-space: nowrap;
	text-align: left;
	font-size: 13px;
	color: #333 !important;
}

.dropdown-item {
	font-weight: 400;
	color: #ffffff;
	font-size: 14px;
}

.dropdown:hover > .dropdown-menu {
	display: block;
}

.navbar-toggler:focus,
.navbar-toggler:active {
	outline: 0;
	border: 2px solid #fff;

}

.navbar-toggler {
	border: 1px solid #156fb3 !important;
	background: #0c61a0;
	width: 50px;
	height: 50px;
	margin-top: -48px;
	margin-bottom: 22px;
}

.navbar-toggler span {
	display: block;
	background-color: #fff;
	height: 3px;
	width: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	position: relative;
	left: 0px;
	opacity: 1;
}


.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
	position: absolute;
	left: 11px;
	top: 9px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
	height: 12px;
	visibility: hidden;
	background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
	position: absolute;
	left: 11px;
	top: 9px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	opacity: 0.9;
}



/* ==================================================
Banner Section
================================================== */

.bannermainbg {
	position: relative;
	padding-top: 0px;


}


#carouselExampleCaptions .carousel {
	background: #444;
}

/*
Forces image to be 100% width and not max width of 100%
*/
#carouselExampleCaptions .carousel-item .img-fluid {
	width: 100%;
	height: auto;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
#carouselExampleCaptions .carousel-item a {
	display: block;
	width: 100%;
}

#carouselExampleCaptions .carousel-item .col-md-6 img {
	transition: .4s;


}

.pad-top {
	padding-top: 70px;
}

.pad-bot {
	padding-bottom: 100px;
}

.padd-high {
	padding-top: 200px;
}

.padd-low {
	padding-top: 150px;
}

#carouselExampleCaptions .carousel-item .txt-right {
	transition: .6s;

}

#carouselExampleCaptions .carousel-item .txt-left {
	transition: .6s;

}

#carouselExampleCaptions .carousel-item .col-md-6 .txt-left ul li {
	transition: .4s;
}

#carouselExampleCaptions .carousel-item .col-md-6 .txt-left ul li:hover {
	transition: .4s;
	transform: scale(1.1);
}

#carouselExampleCaptions .org-btn {
	font-size: 24px;
}

#carouselExampleCaptions .carousel-item h1 {
	font-size: 60px;
	color: #4199ff;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	letter-spacing: 4px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 40px;


}

#carouselExampleCaptions h1 span {
	font-size: 38px;
	text-transform: capitalize;
	display: block;
	color: #385b99;
}

#carouselExampleCaptions h2 {
	font-size: 36px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;


}

#carouselExampleCaptions h2 span {
	font-size: 18px;
	color: #d6ddec;
	margin-top: 10px;
	display: block;
	text-transform: capitalize;
	font-weight: 500;

}

#carouselExampleCaptions .videobtn {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px;
	background: transparent;
	border: 0;
	margin-top: 10px;
}

.videobtn .bi {

	padding-left: 10px;
}

.blue-txt {
	color: #31c7ee;
	line-height: 25px;
	font-size: 18px;
}

.w-70 {
	width: 70% !important;
}

.w-60 {
	width: 60% !important;
}


.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 50%;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3%;
	height: 4%;
	background: #121010;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	border: 0;
	opacity: .6;
	transition: opacity .15s ease;
}

/* ==================================================
Cyber Defence Section
================================================== */
.CyberDefence {
	background: rgb(255, 255, 255);
	position: relative;
	box-shadow: inset 0 0px 45px rgb(0 52 112 / 20%);
	padding: 50px 20px;
}

/* ==================================================
our services  Section
================================================== */
.ourservices {
	padding: 50px 0;
	background: #f2f5f9;
	/* background: url(../images/rhym_services.jpg) center top no-repeat; */
	background-size: cover;
	position: relative;
}

.ourservices h1 {
	font-size: 40px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin: 20px 0;
	/* color: #fff; */
	text-align: center;
}

.ourservices p {
	/* font-size: 40px;
	font-weight: 700; */
	font-family: 'Poppins', sans-serif;
	margin: 20px 0;
	/* color: #fff; */
	text-align: center;
}

.ourservices h1 span {
	display: block;
	text-align: center;
	margin: 7px 0 0;
	color: #039bd3;
	font-size: 20px;
	text-transform: capitalize;
}

.feature {
	margin: 20px 0 40px;
	padding: 20px 15px;
	background: rgba(8, 12, 45, 0.84);
	color: #fff;
	text-align: center;
	border-radius: 20px;
	position: relative;
	min-height: 250px
}



.feature h4 {
	color: #3cc8fd;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	min-height: 50px;
	margin-bottom: 15px;
}

.feature p {
	line-height: 19px;
	font-size: 14px;
}

.feature-icon {
	background: #00aeef;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: -46px auto 0;
	line-height: 50px;
	border-radius: 50px;
}

.feature-icon i {
	font-size: 30px;
	color: #fff;
}

.small-btn {
	padding: 2px 5px;
	color: #d3e7ef;
	border: 2px solid #d3e7ef;
	font-size: 13px;
	background: transparent;
}

/* ==================================================
welcome Section
================================================== */
.welcome-bg {

	margin: 90px 0;
	position: relative;


}

.welcome-bg h2 {
	color: #272834;
	font-size: 30px;
	text-transform: capitalize;
	line-height: 40px;
}

.welcome-bg h2 span {
	color: #191b85;
	display: block;
	font-size: 20px;
}

.welcome-bg ul {
	list-style: none;
	padding: 0;
}

.welcome-bg .profilepic {
	position: relative;
	padding: 30px;

}

.welcome-bg .profilepic img {
	border-radius: 20px;
	margin-left: 66px;

}

.profilepic .icon {
	position: absolute;
	border-radius: 20px;
	background: #3f93e9;
	padding: 24px;
	left: 45px;
	bottom: 126px;
	width: 100px;
	height: 100px;
	color: #fff;
	text-align: center;
}

.profilepic .icon i {
	font-size: 45px;
}

/* ==================================================
Testimonial Section banner
================================================== */
.testimonial-bg {
	padding: 50px 0;
	background: url(../images/rhym_testimonial-bg.jpg) left top;
	background-size: cover;
}


.testimonial-slider {}


.testimonial-slider .carousel .carousel-item {
	color: #999;
	overflow: unset;
	min-height: 120px;
	font-size: 13px;
	padding-top: 50px;
}

.testimonial-slider .carousel .media {
	position: absolute;
	padding: 0 0 0 20px;
	left: 8%;
	z-index: 20;
	top: 0;
	width: 230px;
}

.testimonial-slider .carousel .media img {

	margin-top: 38px;
	display: block;
	background: #fff;
	border-radius: 20px;
}

.testimonial-slider .carousel .media .icon {
	position: absolute;
	z-index: 30;
	background: #00aeef;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 35px;
	right: -17px;
	top: 81px;
	line-height: 49px;
	text-align: center;
}


.testimonial-slider .carousel .testimonial-wrapper {
	padding: 20px 37px;
	background: #180e2d;
	margin: 10px 5px;
	border-radius: 20px;
	float: right;
	width: 66%;
	position: relative;
	right: 12%;
	padding-left: 120px;
	color: #fff;
	text-align: center;
}

.testimonial-slider .carousel .testimonial {
	color: #fff;
	position: relative;
	padding: 25px 18px 10px;
	background: none;
	border: 0px solid #efefef;
	border-radius: 0px;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

.testimonial-slider .carousel .testimonial-wrapper h3 {
	color: #039bd3;
	font-size: 18px;
}


.testimonial-slider .carousel .testimonial-wrapper .smalltext {
	color: #039bd3;
	font-weight: normal;
}


.testimonial-slider .carousel .overview {
	padding: 55px 0 0 15px;
	text-align: center;
}

.testimonial-slider .carousel .overview .details {
	padding: 5px 0 8px;
}

.testimonial-slider .carousel .overview b {
	color: #f88803;
	font-size: 20px;
}

.testimonial-slider .carousel .carousel-indicators {
	bottom: -70px;
}

.testimonial-slider .carousel .carousel-indicators li,
.testimonial-slider .carousel .carousel-indicators li.active {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 1px 2px;
	box-sizing: border-box;
}

.testimonial-slider .carousel .carousel-indicators li {
	background: #e2e2e2;
	border: 4px solid #fff;
}

.testimonial-slider .carousel .carousel-indicators li.active {
	color: #000;
	background: #ff9540;
	border: 5px double;
}

.testimonial-slider .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: -66px;
}

.testimonial-slider .carousel-inner {
	position: relative;
	width: 100%;

}

.testimonial-slider .carousel-control-prev-icon,
.testimonial-slider .carousel-control-next-icon {
	background: #0f3b61;
	border-radius: 50%;
	color: #fff;
	padding-top: 5px;
}

.testimonial-slider .carousel-control-prev {
	left: -98px;
	background: transparent;
}

.testimonial-slider .carousel-control-next {
	right: -98px;
	background: transparent;
}

.testimonial-slider .carousel-control-next,
.testimonial-slider .carousel-control-prev {
	opacity: 1;
}

.testimonial-slider .carousel .carousel-item {
	color: #999;
	overflow: unset;
	min-height: 120px;
	font-size: 13px;


}





/* ==================================================
Our blog  Section
================================================== */
.ourblog {
	padding: 50px 0 100px;
}

.ourblog .image-grid-cover {
	position: relative;
	overflow: hidden;
	min-height: 347px;
	margin: 50px 0 10px;
}

.ourblog .image-grid-cover img {
	border-radius: 20px;
	width: 100%;
}

.ourblog .image-grid-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 220px;
	z-index: 20;
	background-color: rgba(0, 0, 0, .05);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, .5) 75%);
	padding: 10px;
	border-radius: 0 0 20px 20px;
}

.ourblog .image-grid-overlay h4 {
	color: #fff;
	font-size: 18px;
}

.ourblog .image-grid-overlay h4 span {
	color: #06a3e8;
	display: block;
	font-size: 14px;
}

.ourblog .image-grid-overlay p {
	color: #fff;
	font-size: 14px;
}

.ourblog .blue-btn {
	position: relative;
	z-index: 30;
	font-size: 14px;
	padding: 0 13px;
	line-height: 31px;
	border-radius: 16px;
	margin-top: -50px;
	border: 0;
	margin-left: 10px;
}

/* ==================================================
Speak to expert  Section
================================================== */
.speak-expertbg {
	background: url(../images/rhym_speak-expert.jpg) center top /cover;
	padding: 20px 0;
}

.speak-expertbg h1 {
	font-size: 30px;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	text-transform: capitalize;
	padding: 20px 35px 20px 20px;
	line-height: 40px;
}

.speak-expertbg p {
	/* font-size: 30px;
	font-weight: bold; */
	font-family: 'Poppins', sans-serif;
	color: #fff;
	/* text-transform: capitalize; */
	padding: 20px 35px 20px 20px;
	line-height: 40px;
}

.speak-expertbg h5 {
	font-size: 20px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	color: #cce6ee;
	text-transform: capitalize;
	padding-left: 20px;
}

.speak-expertbg .big-btn {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	background: #27abff;
	padding: 20px 30px;
	border: 0;
	border-radius: 15px;
	text-align: center;
	margin: 0 auto;
}




/* ==================================================
Internal pages banner
================================================== */
.innerbanner {
	background: url(../images/rhym_innerbg.jpg) left -50px /cover;
	min-height: 300px;
	padding-top: 132px;
	color: #333;
}

.innerbanner h1 {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #fff;
}

.main-content {

	padding: 15px 0px;
	margin: 50px 0px 70px;
	min-height: 600px;
	font-weight: 500;
}

.main-content h1 {
	font-size: 34px;
	margin-bottom: 20px;

}

.main-content h2 {
	font-size: 30px;
	padding: 10px 0;
	font-weight: 600;

}

.main-content h2 span {
	font-size: 16px;
	padding: 10px 0;
	display: block;
	font-weight: normal;
}

.main-content h3 {
	font-size: 24px;
	padding: 10px 0;
	font-weight: 600;
}

.main-content h3 span {
	font-size: 16px;
	padding: 10px 0;
	display: block;
	font-weight: normal;
}

.main-content ul {
	list-style: none;
	padding: 0;
	margin: 0;

}

.main-content li {
	padding: 5px 10px 10px;
}

.main-content li i {
	padding-right: 10px;
	color: #309cf8;
	font-size: 20px;
	margin-top: 3px;
}

.text-blue {
	color: #0a50ab;
}

/* ==================================================
Breadcrumb
================================================== */
.breadcrumb {
	margin-bottom: 0rem;
	border-radius: 15px;
	padding: 9px 20px;
	margin-top: 23px;
	/* box-shadow: 0 0 5px rgb(0 0 0 / 30%); */
	background: #091d3b;
	float: right;
}

.breadcrumb-item a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	text-transform: capitalize;
}

.breadcrumb-item.active {
	color: #f3a902;
	font-size: 13px;
}

.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: 0.5rem;
	color: #e1e7ed;
	content: var(--bs-breadcrumb-divider, "/");
}

/* ==================================================
Contact page  Section
================================================== */

.map {
	position: relative;
	margin-top: 30px;
}

iframe {
	position: absolute;
	left: 0;
	z-index: -1;

}

.contactpage-form {
	position: relative;
	background: #ffffff;
	position: relative;
	/* box-shadow: inset 0 0px 45px rgb(0 52 112 / 20%); */
	padding: 10px 20px 50px;
	position: relative;
	margin-top: 53px;
}

.lg-blue {
	background: #2960a7;
	margin: 0px 5px;
	padding: 20px;
	color: #fff;
	border-radius: 0;
	height: 300px;
}

.lg-blue h4 {
	color: #fff;
	margin-bottom: 15px;
}

.lg-blue i {
	font-size: 25px !important;
	color: #fff;
}

.listing {
	margin-top: 15px;
}

.listing ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.listing li {
	display: block;
	padding: 8px;
}

.listing li i {
	font-size: 20px;
	color: #1178bc;
	padding-right: 10px;
	float: left;
	margin-top: 1px;
}

/* ==================================================
Footer  Section
================================================== */


footer {
	background: url(../images/rhym_footerbg.jpg) center top /cover;
	padding: 1.5rem 0 0;
	font-size: 14px;
	color: #b1cddf;
	font-weight: 300;
	position: relative;
}

footer h3 {
	font-size: 22px;
	color: #b1cddf;
	line-height: 1rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
}

footer h3 span {
	font-size: 14px;
	color: #b1cddf;
	text-transform: none;
	font-weight: normal;
	display: block;
	margin-top: 8px;
}

footer h4 {
	color: #fff;
	font-size: 18px;
	font-weight: bold
}

footer p {
	padding: .2rem 0;
	margin: .9rem 0;
	line-height: 1.4rem;
	font-weight: 400;
	color: #b1cddf;
}

footer .pl-3 {
	padding-left: 30px;
}



footer i {
	font-size: 20px;
	padding: 10px;
	color: #07a7d1;
}


footer ul {
	list-style: none;
	padding: 0;
}

footer li {
	display: block;
	padding: 2px 10px 2px 0px;

}

footer li a {
	color: #f5f5f5;
	font-weight: 500;
	text-decoration: none;
}

footer li a:hover {
	color: #ff7200;
}

footer li a i {
	font-size: 10px;
	color: #70b5ef;
}

.footer-bot {
	padding: 10px 0;
	font-size: 0.8rem;
	margin: 0;
	border-top: 1px dashed #070b21;
	font-weight: 600;
	background: #070b21;

}

footer a {
	color: #f5f5f5;

}

footer a:hover {
	color: #ff7200;
}

/* ==================================================
Media Queries
================================================== */

@media (max-width:1280px) {}

@media (max-width:1024px) {



	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0.8rem 0.75rem;
		margin: 0 0px;
	}

	.pro li {
		display: inline-block;
		padding: 20px;
		margin: 10px 0px;
	}

	.padd-high {
		padding-top: 50px;
	}

}

@media (max-width: 992px) {
	.padd-high {
		padding-top: 50px;
	}

	.logo {
		position: relative;
		width: 80%;
		text-align: left;
	}

	.logo img {
		padding: 0;

	}

	.topbar {
		text-align: left;
	}

	.call {

		padding-right: 0px;
	}

	.carousel-caption {
		position: absolute;
		right: 0;
		top: 21px;
	}


	.carousel-caption h1 {
		font-size: 53px;
		line-height: 60px;
		margin-bottom: 0;
	}

	.carousel-caption h1 span {
		font-size: 25px;
	}

	.nav-link {
		display: block;
		font-size: 17px;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.navbar-toggler {
		border: 1px solid #319ad1 !important;
		background: #319ad1;
		width: 50px;
		height: auto;
		/* margin-top: 71px; */
		/* margin-bottom: 22px; */
		position: absolute;
		right: -19px;
		top: -42px;
		margin: 0 0;
	}

	.navbar-collapse {
		position: absolute;
		top: 30px;
		z-index: 9999;
		background: #319ad1f7;
		width: 100%;
		padding: 10px;
		left: 0;

	}

	.testimonial-slider .carousel-control-prev {

		display: none;
	}

	.testimonial-slider .carousel-control-next {

		display: none;
	}


}

@media (max-width: 820px) {
	.innerbanner {
		background: url(../images/rhym_innerbg.jpg) left top /cover;
		min-height: 300px;
		padding-top: 100px;
		color: #333;
	}

	.breadcrumb {
		margin-bottom: 0rem;
		border-radius: 15px;
		padding: 9px 20px;
		margin-top: 23px;
		/* box-shadow: 0 0 5px rgb(0 0 0 / 30%); */
		background: #091d3b;
		float: none;
	}

	iframe {
		position: relative;
		left: 0;
		z-index: -1;
	}
}

@media (max-width: 768px) {

	.logo img {
		padding: 0;
		width: 80%;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}



	.pad-top {
		padding-top: 20px;
	}




	.innerbanner {
		min-height: 150px;
		padding-top: 61px;
		color: #333;
	}

	.innerbanner h1 {
		font-size: 30px;
		margin-bottom: 20px;
		font-weight: bold;
	}



	.welcome-bg .profilepic img {
		border-radius: 20px;
		margin-left: 6px;
	}
}

@media (max-width: 576px) {
	.topbar {
		text-align: left;
	}

	.logo {
		position: relative;
		padding-top: 6px;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}

	.logo img {
		padding: 0;
		width: 80%;
	}

	.socialmedia {
		padding: 10px;
		display: inline-block;
		text-align: left;
	}

	.socialmedia i {
		font-size: 14px;
		border-radius: 50px;
		background: #07a7d1;
		color: #fff;
		width: 22px;
		height: 22px;
		margin: 0 0px;
		line-height: 22px;
		text-align: center;
	}



	.call i {
		font-size: 14px;
	}

	.navbar-toggler {

		right: 8px;

	}

	.carousel-caption p {
		text-align: center;
		margin: 0 auto;
		width: 83%;
		font-size: 13px;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		margin-bottom: 0;
		line-height: 12px;
	}

	.blue-btn,
	.org-btn {

		font-size: 15px;
		padding: 0px 15px;
		line-height: 28px;
		margin-top: 18px;
	}

	.main-header {
		position: relative;
		z-index: 999;
		width: 100%;
		background: linear-gradient(to top, rgba(226, 228, 230, 0.5), rgba(255, 255, 255, 0.5));
	}




	.carousel-caption {
		position: absolute;
		right: 0;
		top: -12px;
	}

	.carousel-caption h1 {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 0;
		margin-top: 13px;
	}

	.carousel-caption h1 span {
		font-size: 18px;
	}

	.services-block-img-r {
		padding: 30px;
		text-align: left;
	}

	.services-block-img::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 60px;
		width: 400px;
		height: 440px;
		background-color: #eaeff0;
		z-index: -1;
		box-shadow: 0 5px 10px rgb(0 52 112 / 20%);
	}

	.services-block-icon {
		position: absolute;
		background: #003470;
		border-radius: 20px;
		border: 4px solid #fff;
		z-index: 10;
		bottom: 81px;
		right: 29px;
	}

	.testimonial-slider .carousel .testimonial-wrapper {
		margin: 45px 0;
		border-radius: 20px;
		width: 100%;
		float: none;
		right: 0;
		padding: 98px 20px 20px;
	}

	.testimonial-slider .carousel .media {
		position: absolute;
		padding: 20px;
		left: 8%;
		z-index: 20;
		top: -68px;
		width: 230px;
		margin-top: 20px;
	}

	footer p {
		padding: .2rem 0;
		margin: .9rem 0;
	}
}

@media (max-width: 414px) {

	.call {
		padding-right: 0px;
		font-size: 15px;
	}

	.pro li {
		display: inline-block;
		padding: 15px;
		margin: 10px 9px;
	}



	.ourservices h2 {
		font-size: 21px;

	}

	.whyus-content h1 {
		color: #40c0fc;
		font-size: 30px;
	}

	.whyus-content ul {
		list-style: none;
		margin: 15px 0 20px;
		padding: 0;
	}

	.whyus-content li {
		font-size: 17px;
		font-weight: 600;
	}

	.whyus-content li i {
		color: #f1bb00;
		font-size: 20px;
		margin-right: 10px;

	}


}

@media (max-width: 393px) {

	.services-block-img::before,
	.services-block-img-r::before {
		top: 10px;
		left: 64px;
		width: 308px;
		height: 356px;

	}

	.navbar-toggler {

		right: 8px;

	}

}

@media (max-width: 360px) {

	.services-block-img::before,
	.services-block-img-r::before {
		top: 10px;
		left: 57px;
		width: 81%;
		height: 93%;
	}


}

/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

 .section-padding {
 	padding: 60px 20px;
 }

 .form-label {
 	/* font-weight: bold; */
	font-size: 16px;
	font-weight: 400;
 	/* Makes the labels bold */
 	color: navy;
 	/* Sets the text color to navy blue */
 }

 .custom-textarea {
 	width: 100%;
 	height: 150px;
 	resize: none;
 	overflow-y: auto;
 	overflow-x: hidden;
 }