@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
.top--nav .text-left li a,
.top--nav .text-right li a {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	font-family: Roboto, sans-serif
}

.banner-section,
.banner-section .span-a,
.navbar-default .navbar-nav>li>a,
.top--nav .text-left li a,
.top--nav .text-right li a {
	font-family: Roboto, sans-serif
}

body {
	overflow-x: hidden
}

.top--nav {
	padding: 5px 0;
	background: #0b6291;
	color: #fff
}

.top--nav ul {
	padding: 0 0 5px;
	margin: 0
}

.top--nav .text-left li {
	padding-top: 10px
}

.top--nav .text-right li a {
	margin: 0 10px
}

.top--nav .text-right li a i {
	font-size: 18px;
	padding-right: 10px;
	margin-top: 10px
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0;
	border: 1px solid transparent
}

.navbar-default {
	background-color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 4px solid #0b6291;
}

.navbar-default .navbar-brand {
	color: #777;
	padding: 6px 0 6px 10px;
	height: auto;
	display: inline-flex;
	align-items: center;
}

.navbar-default .navbar-brand img {
	max-height: 58px;
	height: 58px;
	width: auto;
	object-fit: contain;
	display: block;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
	color: #5e5e5e;
	background-color: transparent
}

.navbar-default .navbar-text {
	color: #777
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	border-radius: 0;
	font-size: 16px
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #333;
	background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #01818a;
	font-weight: 700;
	background: 0 0
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
	color: #ccc;
	background-color: transparent
}

.navbar-default .navbar-toggle {
	border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #555;
	background-color: #e7e7e7
}
.cipd-mid-ul{
 margin-bottom :5px;   
}

.cipd-mid-ul li a{
    color: #01818a;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.cipd-mid-ul li a i {
    font-size: 18px;
    padding-right: 10px;
    margin-top: 8px;
        color: #0b6291;
}

@media (max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #777
	}
	.content-bg {
		height: 155px!important
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #333;
		background-color: transparent
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #555;
		background-color: #e7e7e7
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color: #ccc;
		background-color: transparent
	}
}

.navbar-default .navbar-link {
	color: #777
}

.navbar-default .navbar-link:hover {
	color: #333
}

.navbar-default .btn-link {
	color: #777
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
	color: #333
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
	color: #ccc
}

.navbar-nav>li>a {
	line-height: 5px;
	border-radius: 5px;
}

.nav-margin {
	margin-top: 10px;
}
.nav>li>a{
    padding: 10px;
}

.affix {
	top: 0;
	width: 100%;
	z-index: 9999!important;
	position: fixed;
	transition: all .5s ease
}

.affix+.container-fluid {
	padding-top: 70px
}

.banner-section {
	padding-top: 30px;
	padding-bottom: 50px;
	background: url(../images/bg-1.png) #0b6291;
	background-size: cover
}

.banner-section strong {
	font-size: 45px;
	font-weight: 500;
	color: #8db63f;
	text-align: center
}

.banner-section .span-a {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	line-height: 36px
}

.banner-section .span-b {
	display: inline-block;
	width: 100%;
	text-align: left;
	color: #fff;
	font-size: 40px;
	line-height: 36px
}

.banner-section p {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	margin-top: 8px
}

.banner-section .list-bullets {
	color: #fff
}

.list-bullets li:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 20px;
	display: inline-block;
	width: 1.3em
}

.banner-section .btn-get-papper {
	background-color: #078b0e;
	border-color: #0b6291;
	color: #fff;
	border-radius: 3px;
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 400;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	transition: .3s all ease-in;
	margin-right: 10px
}

.banner-section .btn-get-papper:focus,
.banner-section .btn-get-papper:hover {
	background-color: transparent;
	border-color: #01818a;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	transition: .3s all ease-in
}

.cipd-country-banner .para,
.slick-child-country .country-name {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	display: block
}

.cipd-country-banner {
	padding: 14px 0 !important;
	background-color: #f8fafc !important;
    overflow: hidden !important;
    min-height: 80px !important;
}

.cipd-country-banner .para {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #0b6291 !important;
	padding-top: 0 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.slick-country {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: hidden !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 75px !important;
}

.slick-country:not(.slick-initialized) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    height: 75px !important;
    max-height: 75px !important;
    width: 100% !important;
}

.slick-country:not(.slick-initialized) .slick-child-country {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 10% !important;
    min-width: 55px !important;
    max-width: 10% !important;
    height: 75px !important;
    padding: 0 2px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.slick-country.slick-initialized {
    display: block !important;
    height: auto !important;
    max-height: none !important;
}

.slick-country.slick-initialized .slick-child-country {
    display: block !important;
    flex: none !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 2px !important;
}

.slick-child-country {
	padding: 0 2px !important;
    margin: 0 !important;
    text-align: center !important;
    outline: none !important;
    display: inline-block !important;
}

.slick-child-country img {
    border-radius: 50% !important;
    border: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.12)) !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    margin: 0 auto !important;
    display: block !important;
}

.slick-child-country a {
    display: inline-block !important;
    text-decoration: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.slick-child-country:hover img {
    transform: scale(1.1) translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(11,98,145,0.25) !important;
    border-color: #0b6291 !important;
}

.slick-child-country .country-name {
	font-size: 12px !important;
	color: #334155 !important;
	text-align: center !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
    transition: color 0.3s ease !important;
    white-space: nowrap !important;
}

.slick-child-country:hover .country-name {
    color: #0b6291 !important;
}

.form-banner-bg .form-heading,
.form-banner-bg .form-subheading {
	display: inline-block;
	font-weight: 400;
	font-family: Roboto, sans-serif
}

.form-banner-bg {
	box-shadow: 0 1px 0 0 #fff, 0 1px 8px 0 #fff;
	background-color: #0b6291;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0;
	margin-bottom: 5%;
	border: 3px solid #fff;
	border-radius: 5px
}

.form-banner-bg .form-heading {
	color: #fff;
	font-size: 27px
}

.form-banner-bg .form-subheading {
	width: 100%;
	color: #fff;
	font-size: 20px
}

.form-banner-bg .btn-pricing {
	background-color: #078b0e;
	border-radius: 5px;
	color: #fff;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 10px;
	transition: .3s all ease-in
}

.form-banner-bg .btn-pricing:active,
.form-banner-bg .btn-pricing:focus,
.form-banner-bg .btn-pricing:hover {
	background-color: #fff;
	color: #08405e;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 10px;
	transition: .3s all ease-in
}

.form-banner-bg .form-control {
	border-radius: 10px;
	box-shadow: none;
	height: 40px;
	background: #fff;
	border-color: #8db63f
}

.form-banner-bg .form-control::-webkit-input-placeholder {
	color: #555
}

.form-banner-bg .form-control::-moz-placeholder {
	color: #555
}

.form-banner-bg .form-control:-ms-input-placeholder {
	color: #555
}

.form-banner-bg .form-control:-moz-placeholder {
	color: #555
}

.inner-addon {
	position: relative
}

.inner-addon .fa {
	position: absolute;
	padding: 10px;
	pointer-events: none
}

.left-addon .fa {
	left: 0;
	font-size: 20px
}

.right-addon .fa {
	right: 0
}

.left-addon input {
	padding-left: 30px
}

.right-addon input {
	padding-right: 30px
}

.form-banner-bg input[type=text],
.form-banner-bg input[type=email],
.form-banner-bg input[type=date],
.form-banner-bg select {
	border-radius: 4px!important;
	padding-left: 36px!important
}

.form-banner-bg input#quote_file:after,
.form-banner-bg input.file_attact:after,
.form-banner-bg input.quote_file:after {
	content: 'Choose File';
	position: absolute;
	padding: 1px 8px;
	color: #fff;
	z-index: 0;
}

.form-banner-bg input[type=file] {
	border-radius: 4px!important;
}
/* price calculator */
.cost{
	font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #38435e;
    margin-bottom: 20px;
    display: block;
}
.cost .zero{
	color: #5a328f;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding-left: 10px;
}
/* price calculator */
/* radio button controls new */
.radio-new{
	position: relative;
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
}
.radio-new .form-check-inline {
    display: inline;
    margin: 5px 10px;
    /* padding: 5px 38px; */
}
.radio-new .custom-radio{
	/* display: block; */
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radio-new .custom-radio label{
	cursor: pointer;
}
.radio-new .custom-radio input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.radio-new .custom-radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	/* height: 25px;
	width: 25px; */
	height: 20px;
	width: 20px;
	
	background-color: #fff;
	border-radius: 50%;
}
.radio-new .custom-radio:hover input ~ .checkmark,
.radio-new .custom-radio:focus input ~ .checkmark  {
	background-color: #ccc;
}
.radio-new .custom-radio input:checked ~ .checkmark {
	background-color: #0b6291;
}
.radio-new .custom-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.radio-new .custom-radio input:checked ~ .checkmark:after {
	display: block;
}
.radio-new .custom-radio .checkmark:after {
	/* top: 9px;
   left: 9px; */
   top: 6px;
   left: 6px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
}
/* radio button controls new */

/* radio button controls */
div.radio{
	border: 1px solid #01818a;
	border-radius: 8px;
	position: relative;
	margin: 0;
	min-height: 39px;
	overflow: hidden;
}
div.radio input[type=radio]{
	display: none;
}
div.radio label{
	padding: 9px 5px;
	background: #01818a;
	color: #fff;
	float: left;
	text-align: center;
}
/* div.radio label:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
div.radio label:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
} */
div.radio label:hover,
div.radio label:focus,
div.radio label.active{
	background: #0b6291;
	color: #fff;
	transition: all 0.5s ease;
}


/* two items */
div.radio label:first-child:nth-last-child(2),
div.radio label:first-child:nth-last-child(2) ~ label {
	width: 50%;
}

/* three items */
div.radio label:first-child:nth-last-child(3),
div.radio label:first-child:nth-last-child(3) ~ label {
	width: 33.3333%;
}

/* four items */
div.radio label:first-child:nth-last-child(4),
div.radio label:first-child:nth-last-child(4) ~ label {
	width: 25%;
}
	

.form-banner-bg input#quote_file:after {
	background-color: #01818a;
	left: 14px
}

.form-banner-bg input.file_attact:after {
	background-color: #8db63f;
	left: 14px
}

.form-banner-bg input.quote_file:after {
	background-color: #08405e;
	left: 29px
}

.order-heading {
	color: #000!important
}

.input-style {
	height: 39px!important
}

h1.droped {
	font-size: 32px;
	font-family: Roboto, sans-serif;
	color: #fff;
	line-height: 1.35;
    font-weight: 800;
}

.span-dropcap {
	display: inline-block;
	background: #d32f2f;
	background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
	color: #ffffff;
	padding: 8px 36px;
	border-radius: 50px;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 16px;
	box-shadow: 0 4px 15px rgba(198, 40, 40, 0.45);
	line-height: 1.3;
}

.get-can-help {
	height: 100px!important;
	background-color: #fff;
	border: 1px solid #595959;
	color: #141414;
	font-size: 20px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300;
	border-radius: 0!important
}

.cipd-banner-1 .btn-1,
.cipd-banner-1 p,
.cipd-banner-1 span,
.cipd-banner-1 h1,
.cipd-banner-1 h2 {
	font-family: Roboto, sans-serif
}

.cipd-banner-1 {
	padding: 70px 0;
	background: url(../images/bg-25.png) no-repeat center right / cover;
	color: #ffffff;
    position: relative;
    overflow: hidden;
}

.cipd-banner-1 span,
.cipd-banner-1 h1,
.cipd-banner-1 h2 {
	font-weight: 800;
	font-size: 32px;
	color: #ffffff;
    line-height: 1.35;
    margin-bottom: 15px;
}

.cipd-banner-1 p {
	font-weight: 400;
	font-size: 15.5px;
	color: rgba(255, 255, 255, 0.95);
	line-height: 1.7;
	margin-bottom: 15px;
}

.cipd-banner-1 .btn-1,
.cipd-banner-1 .btn-2 {
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	padding: 11px 28px;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: transform 0.2s, box-shadow 0.2s;
}

.cipd-banner-1 .btn-1:hover,
.cipd-banner-1 .btn-2:hover {
    transform: translateY(-2px);
    color: #ffffff;
}

.cipd-banner-1 .btn-1 {
	background: #0f8217;
}

.cipd-banner-1 .btn-2 {
	background: #0b6291;
    border: 2px solid rgba(255, 255, 255, 0.6);
}

/* Animated Student Image (Right-to-Left Slide) */
.student-banner-wrap {
    position: relative;
    display: inline-block;
    max-width: 440px;
    width: 100%;
    margin: 10px auto 0 auto;
}

.student-image-frame {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
    border: 3px solid rgba(255, 255, 255, 0.35);
    background: #ffffff;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.student-image-frame:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.45);
}

.student-banner-img {
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: cover;
    object-position: top center;
    display: block;
}

.student-float-badge {
    position: absolute;
    bottom: 18px;
    left: 18px;
    right: 18px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.8);
    text-align: left;
}

.cipd-our-process .heading-1,
.cipd-our-process .heading-2 {
	font-weight: 400;
	color: #078b0e;
	text-align: center;
	font-family: Roboto, sans-serif;
	display: block
}

.cipd-our-process {
	padding: 50px 0;
	background: url(../images/bg-2.png) #0dab54
}

.cipd-our-process .box {
	padding: 10px 0;
	background: #fff;
	width: 30%;
	border: 2px solid #fff
}

.cipd-our-process .heading-1 {
	font-size: 32px;
	padding: 0 0 50px
}

.cipd-our-process .heading-2 {
	font-size: 20px;
	padding: 20px 0 5px
}

.cipd-our-process p {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #626262;
	text-align: center;
	padding: 0 20px
}

.cipd-choose-us .heading-1,
.cipd-choose-us .heading-2,
.cipd-choose-us p {
	font-family: Roboto, sans-serif;
	color: #fff;
	text-align: center
}

.cipd-our-process .box:focus,
.cipd-our-process .box:hover {
	background-color: transparent;
	border: 2px solid #01818a;
	transition: .3s all ease-in-out
}

.cipd-choose-us img:focus,
.cipd-choose-us img:hover,
.cipd-our-process .box:focus img,
.cipd-our-process .box:hover img {
	transition: .6s all ease-in-out;
	transform: rotate(360deg)
}

.cipd-choose-us {
	padding: 50px 0;
	background: url(../images/bg-3.png) #08405e
}

.cipd-choose-us .heading-1 {
	font-weight: 400;
	font-size: 32px;
	display: block;
	padding: 0 0 50px
}

.cipd-choose-us .heading-2 {
	font-weight: 400;
	font-size: 18px;
	display: block;
	padding: 20px 0 5px
}

.cipd-choose-us p {
	font-weight: 300;
	font-size: 14px;
	padding: 0 20px
}

.cipd-banner-2 .heading-1,
.cipd-banner-2 .heading-2 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	display: block
}

.cipd-banner-2 {
	padding: 85px 0 0;
	background: url(../images/bg-4.png) top no-repeat
}

.cipd-banner-2 .heading-1 {
	font-size: 26px;
	color: #0b6291;
	line-height: 30px;
	padding: 10px 0
}

.cipd-banner-2 .heading-2 {
	font-size: 20px;
	color: #078b0e;
	padding: 5px 0;
	text-align: left
}

.cipd-banner-2 .btn-1,
.cipd-banner-2 .btn-2 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	padding: 10px 30px
}

.cipd-banner-2 .btn-1 {
	background-color: #078b0e;
}

.cipd-banner-2 .btn-2 {
	background-color: #0b6291;
	margin: 0 10px
}

.cipd-gurantee-banner .heading-1,
.cipd-gurantee-banner .heading-2 {
	font-weight: 400;
	color: #0b6291;
	display: block;
	font-family: Roboto, sans-serif;
	text-align: center
}

.cipd-gurantee-banner {
	padding: 50px 0;
	background: url(../images/bg-6.png) top no-repeat
}

.cipd-gurantee-banner .heading-1 {
	font-size: 30px;
	padding: 0 0 50px
}

.cipd-gurantee-banner .box {
	background-color: #078b0e;
	padding: 10px 0;
	width: 30%;
	border-radius: 5px;
	border: 2px solid #0b6291;
}

.cipd-gurantee-banner .box:hover {
	background-color: #0b6291;
	transition: .3s all ease-in-out;
	border: 2px solid #0b6291;
}

.cipd-gurantee-banner .box:focus img,
.cipd-gurantee-banner .box:hover img {
	transform: rotate(360deg);
	transition: .6s all ease-in-out
}

.cipd-gurantee-banner .heading-2 {
	font-size: 20px;
	padding: 20px 0 5px
}

.cipd-gurantee-banner p {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #626262;
	text-align: center
}

.cipd-exiting-banner {
	padding: 50px 0;
	background: url(../images/bg-5.png) top no-repeat
}

.cipd-exiting-banner .heading-1 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 28px;
	display: block;
	color: #fff;
	text-align: center
}

.cipd-exiting-banner .heading-2 {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 38px;
	color: #fff;
	display: inline
}

.check-out .child-check .para,
.check-out .heading-1,
.cipd-exiting-banner .btn-1 {
	font-family: Roboto, sans-serif;
	font-weight: 400
}

.cipd-exiting-banner .btn-1 {
	font-size: 18px;
	color: #fff;
	padding: 10px 30px;
	background: #06520a;
	margin-top: 40px
}

.check-out {
	background-color: #fff;
	padding: 50px 0
}

.child-check {
	padding: 24px 22px 18px 22px;
	background: #ffffff;
	border-radius: 16px 16px 0 0;
	margin-left: 0;
	height: auto;
	min-height: 0;
	margin-right: 0;
	position: relative;
}

.check-out .heading-1 {
	font-size: 30px;
	color: #0b6291;
	display: block;
	text-align: center;
	padding-bottom: 30px;
}

.check-out .child-check .para {
	font-size: 14.5px;
	color: #1e293b;
	line-height: 1.65;
}

.check-out .child-check ul {
	padding: 0;
	margin-top: 12px;
	position: static;
	bottom: auto;
	display: flex;
	gap: 4px;
}

.check-out .child-check ul li {
	list-style: none;
	display: inline-block;
}

.check-out .cipd-client-name .heading-3,
.check-out .cipd-client-name .heading-4 {
	font-weight: 600;
	display: block;
	font-family: Roboto, sans-serif;
}

.check-out .child-check ul li i {
	color: #f59e0b;
	font-size: 16px;
}

.check-out .cipd-client-name {
	background: linear-gradient(135deg, #0b6291 0%, #064064 100%);
	padding: 14px 18px;
	margin: 0;
	border-radius: 0 0 16px 16px;
	color: #fff;
}

.check-out .cipd-client-name .heading-3 {
	font-size: 16px;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 4px;
}

.check-out .cipd-client-name .heading-4 {
   font-size: 12.5px;
   color: #e2e8f0;
}

.check-out .btn-1 {
	padding: 12px 100px;
	background-color: #078b0e;
	color: #fff;
	border-radius: 2px;
	margin-top: 70px
}

.check-out .carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #0b6291;
	border: #0b6291;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #0b6291;
	border-radius: 10px
}

.footer2 {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f3f2f2;
	font-family: Roboto, sans-serif
}

.footer2 .span-footer-heading {
	font-family: Roboto, sans-serif;
	font-size: 22px;
	display: inline-block;
	font-weight: 700;
	width: 100%;
	color: #0b6291;
}

.footer2 .list-footer2-pages {
	list-style: circle;
	color: #fff;
	font-size: 14px;
	padding: 0
}

.footer2 .list-footer2-pages li {
	padding-bottom: 10px;
	list-style: none;
	display: inline-flex
}

.footer-bottom .span-h5,
.footer2 .span-h5 {
	font-weight: 500;
	width: 100%;
	display: inline-block
}

.footer2 .list-footer2-pages li a {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	color: #4f4f4f;
	font-size: 15px;
	transition: .3s all ease-in;
	text-decoration: none
}

.footer2 .list-footer2-pages li a:focus,
.footer2 .list-footer2-pages li a:hover {
	color: #01818a;
	font-size: 15px;
	text-decoration: none
}

.footer2 .list-footer2-pages li i {
	color: #01818a;
	font-size: 20px;
	padding-right: 10px
}

.footer2 .footer-dotted-box {
	border: 2px solid #01818a;
	padding: 8px 10px;
	border-radius: 5px
}

.footer2 .span-h5 {
	color: #4f4f4f;
	font-size: 15px
}

.footer2 .list-contact {
	color: #4f4f4f;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0
}

.footer2 .list-contact li a {
	color: #4f4f4f;
	text-decoration: none
}

.footer2 .list-contact li a i {
	font-size: 20px;
	padding-right: 10px;
	color: #01818a
}

/* ==========================================================================
   ATTRACTIVE MODERN FOOTER SYSTEM
   ========================================================================== */
.footer-modern {
    background: linear-gradient(180deg, #072538 0%, #03141f 100%) !important;
    color: #e2e8f0 !important;
    font-family: Roboto, sans-serif !important;
    position: relative;
    border-top: 3px solid #0b6291;
}

.footer-main-wrap {
    padding: 65px 0 40px 0;
}

.footer-col {
    margin-bottom: 30px;
}

.footer-logo {
    display: inline-block;
    background: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.footer-logo:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

.footer-logo img {
    display: block !important;
    max-height: 48px !important;
    width: auto !important;
    image-rendering: -webkit-optimize-contrast !important;
}

.footer-modern p,
.footer-about-text,
p.footer-about-text {
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #ffffff !important;
    opacity: 0.95 !important;
    margin-bottom: 22px !important;
}

.footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.footer-contact-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #f1f5f9 !important;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

.footer-contact-item:hover {
    color: #84b81b !important;
    transform: translateX(4px);
}

.footer-contact-item.footer-wa-item:hover {
    color: #25d366 !important;
}

.contact-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(11, 98, 145, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #38bdf8;
    font-size: 14px;
    flex-shrink: 0;
}

.contact-icon.wa-icon {
    background: rgba(37, 211, 102, 0.2);
    color: #25d366;
    border-color: rgba(37, 211, 102, 0.4);
}

.footer-social-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.social-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.social-btn.facebook:hover { background: #1877f2; border-color: #1877f2; }
.social-btn.twitter:hover { background: #1da1f2; border-color: #1da1f2; }
.social-btn.instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); border-color: #d6249f; }
.social-btn.whatsapp:hover { background: #25d366; border-color: #25d366; }

.footer-heading {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-top: 0;
    margin-bottom: 22px;
    position: relative;
    padding-bottom: 12px;
}

.footer-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 3px;
    background: #84b81b;
    border-radius: 2px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 11px;
}

.footer-links li a {
    color: #cbd5e1 !important;
    font-size: 14.5px;
    font-weight: 400;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}

.footer-links li a i {
    color: #84b81b;
    font-size: 13px;
    transition: transform 0.2s ease;
}

.footer-links li a:hover {
    color: #38bdf8 !important;
    transform: translateX(5px);
}

.footer-links li a:hover i {
    color: #38bdf8;
    transform: translateX(2px);
}

/* Payments Box */
.footer-payment-section {
    margin-top: 25px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 16px 18px;
}

.payment-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin-bottom: 12px;
}

.payment-cards-modern {
    margin: 0 0 10px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.payment-cards-modern li {
    padding: 0;
}

.payment-cards-modern img {
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    transition: transform 0.2s ease;
    background: #ffffff;
    padding: 2px;
}

.payment-cards-modern img:hover {
    transform: scale(1.08);
}

.ssl-badge {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Locations Strip */
.footer-locations-bar {
    margin-top: 30px;
    padding: 20px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.locations-label {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
}

.locations-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.locations-tags a {
    color: #94a3b8 !important;
    font-size: 13.5px;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.locations-tags a:hover {
    color: #38bdf8 !important;
    text-decoration: underline !important;
}

/* Bottom Bar */
.footer-bottom-bar {
    background: #020b12;
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 13.5px;
    color: #94a3b8;
}

.copyright-text {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.6;
}

.copyright-text strong {
    color: #ffffff;
}

.disclaimer-text {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.6;
    color: #64748b;
}

@media (max-width: 991px) {
    .footer-disclaimer-col {
        text-align: left !important;
        margin-top: 10px;
    }
}

.cipd-head-banner-1 {
	padding: 70px 0;
	background: url(../images/bg-8.png) top no-repeat
}

.cipd-head-banner-1 span,
.cipd-head-banner-1 h1 {
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	display: block;
	text-align: center
}

.cipd-testimonials {
	padding: 50px 0
}

.cipd-testimonials .box {
   height: 225px;
   padding: 20px 20px 3px;
   background: url(../images/bg-7.png) center no-repeat;
   border-radius: 0;
   margin-left: 0;
   margin-right: 0;
}

.cipd-testimonials .box .para {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #fff
}

.cipd-testimonials .box ul {
	padding: 0;
	margin-top: 60px
}

.cipd-testimonials .box ul li {
	list-style: none;
	display: inline
}

.cipd-testimonials .box ul li i {
	color: #fac917;
	font-size: 20px
}

.cipd-testimonials .cipd-client-name {
	background-color: #06520a;
	padding: 10px;
	margin: 0 .9px 0 1px;
	color: #fff
}

.cipd-testimonials .cipd-client-name .heading-3 {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin-bottom: 5px
}

.cipd-testimonials .cipd-client-name .heading-4 {
   font-family: Roboto, sans-serif;
   font-size: 13px;
   font-weight: 400;
   display: block;
}

.cipd-faqs {
	padding: 50px 0
}
.cipd-faqs .h3{
    margin: 20px 0px;
    display: block;
}
.cipd-faqs ul{
    padding: 0px;
}
.cipd-faqs li{
      padding: 14px 0px;
}
.panel-title {
	margin: 10px 0
}

.panel-default>.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #0b6291;
	border-color: #078b0e;
}

.cipd-contact-section .cipd-control,
.cipd-msg-control {
	border-bottom: 2px solid #01818a;
	border-right: 2px solid #01818a;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-radius: 0;
	outline: 0
}

.panel-default>.panel-heading a {
	font-size: 16px;
	background: url(../images/question.png) center left no-repeat;
	padding: 9px 0 8px 48px
}

.panel-default>.panel-heading,
.panel-default>.panel-heading a {
	color: #fff;
	font-family: Poppins, sans-serif;
	text-decoration: none
}

.cipd-about-banner-1 .heading-1,
.cipd-about-banner-1 .para-1,
.cipd-contact-section .btn-1 {
	font-family: Roboto, sans-serif
}
.cipd-about-banner-1 .box{
    padding: 20px 20px;
    -webkit-box-shadow: 0px 1px 5px 0.2px rgb(0 0 0 / 16%);
    box-shadow: 0px 1px 5px 0.2px rgb(0 0 0 / 16%);
    border-radius: 5px;
    margin-top:20px;
}
.scipd-about-banner-1 .box .btn-ordernow.active {
    background: #ff007a;
    border: 1px solid #ff007a;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.cipd-about-banner-1 .h2{
    font-weight: 900;
    font-family: "Raleway", sans-serif;
    font-size: 23px;
    color: #078b0e;
}
.samples .h2{
    font-weight: 800;
    font-size: 16px;
}
.cipd-about-banner-1 .box .btn-ordernow{
   background: #078b0e;
   color:white;
   border-radius: 25px;
   margin: 10px 0px;
}
.cipd-about-banner-1 .box p {
    color: #5a5a5a;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
}
.scipd-about-banner-1 .box .btn-ordernow {
    background: transparent;
    border: 1px solid #ffffff;
    padding: 6px 15px;
    border-radius: 25 px;
    color: #ffffff;
    font-family: "Roboto Slab", serif;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 10px;
    font-size: 14px;
}
.scipd-about-banner-1 .box .h2 {
    font-weight: 900;
    font-family: "Raleway", sans-serif;
    font-size: 23px;
    color: #3b1d82 !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	background-color: #078b0e;
	color: #fff;
	padding: 15px
}

.cipd-contact-section {
	padding: 80px 0;
	background: url(../images/bg-9.png) center no-repeat
}

.cipd-contact-section .btn-1 {
	background-color: #01818a;
	color: #fff;
	padding: 8px 50px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 400
}

.cipd-contact-section .cipd-control {
	height: 40px
}

.cipd-contact-section .cipd-control::-webkit-input-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section .cipd-control::-moz-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section .cipd-control:-ms-input-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section .cipd-control:-moz-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section .cipd-msg-control::-webkit-input-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section .cipd-msg-control::-moz-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section .cipd-msg-control:-ms-input-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section .cipd-msg-control:-moz-placeholder {
	color: #4f4f4f;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.cipd-contact-section ul {
	padding: 0 0 50px 70px
}

.cipd-contact-section ul li {
	list-style: none;
	display: inline;
	margin: 0 30px
}

.cipd-contact-section ul li img {
	padding-right: 10px
}

.cipd-about-banner-1 {
	padding: 50px 0
}

.cipd-about-banner-1 .heading-1 {
	font-size: 24px;
	font-weight: 400;
	color: #0b6291;
	display: block;
	padding: 10px 0
}

.cipd-about-banner-1 .para-1 {
	font-size: 16px;
	font-weight: 300;
	color: #636363
}

.cipd-about-banner-1 .cipd-get-in-touch-1 {
	padding: 15px 0 50px;
	background: url(../images/bg-10.png) top no-repeat
}

.cipd-about-banner-1 .cipd-get-in-touch-1 .heading-2,
.cipd-about-banner-1 .cipd-get-in-touch-1 .heading-3 {
	color: #fff;
	padding: 0 0 0 10px;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	display: block
}

.cipd-about-banner-1 .cipd-get-in-touch-1 .heading-2 {
	font-size: 21px
}

.cipd-about-banner-1 .cipd-get-in-touch-1 .heading-3 {
	font-size: 18px
}

.cipd-about-banner-1 .cipd-get-in-touch-1 ul {
	padding: 45px 0 0
}

.cipd-about-banner-1 .cipd-get-in-touch-1 ul li {
	list-style: none;
	padding: 7px 10px;
	background-color: #0b6291;
	color: #ffff;
	margin: 15px 0
}

.cipd-about-banner-1 .cipd-get-in-touch-1 .btn-1 {
	background-color: #0b6291;
	padding: 2px 40px;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 15px
}

.cipd-about-banner-1 .give-us {
	padding: 0
}

.cipd-about-banner-1 .give-us li {
	list-style: none;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	color: #0b6291;
	margin: 10px 0
}

.cipd-about-banner-1 .give-us li i {
	padding-right: 10px;
	color: #0b6291;
	font-size: 25px
}

.cipd-special {
	padding: 20px;
	height: 460px;
	background: url(../images/bg-11.png) top no-repeat;
	background-size: cover;
	margin-top: 40px
}

.cipd-special .heading-1 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 28px;
	color: #fff;
	margin-top: 220px
}

.heading-2 {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 30px;
	color: #fff;
	display: block;
	text-align: center
}

.cipd-country-form .head .heading-1,
.cipd-special .btn-1,
.country-main-head {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	color: #fff
}

.cipd-special .btn-1 {
	background-color: #0b6291;
	padding: 3px 25px;
	font-size: 18px;
	margin-top: 20px
}

.bahrain-header,
.malaysia-header,
.ireland-header,
.jordan-header,
.singapor-header,
.lebanon-header,
.ksa-header,
.kuwait-header,
.oman-header,
.qatar-header,
.uae-header,
.uk-header,
.usa-header,
.payment-header
{
	padding: 32px 0 0px;
	background-color: #0b6291;
}

.ireland-header {
	/*background: url(../images/bg-12.png) top no-repeat;*/
	background-size: cover;
}

.bahrain-header {
	/*background: url(../images/bg-15.png) top no-repeat;*/
	background-size: cover;
}

.jordan-header {
	/*background: url(../images/bg-16.png) top no-repeat;*/
	background-size: cover;
}

.ksa-header {
	/*background: url(../images/bg-17.png) top no-repeat;*/
	background-size: cover;
}

.kuwait-header {
	/*background: url(../images/bg-18.png) top no-repeat;*/
	background-size: cover;
}

.lebanon-header {
	padding: 130px 0;
	/*background: url(../images/bg-19.png) top no-repeat;*/
	background-size: cover;
}

.oman-header {
	/*background: url(../images/bg-20.png) top no-repeat;*/
	background-size: cover;
}

.qatar-header {
	/*background: url(../images/bg-21.png) top no-repeat;*/
	background-size: cover;
}

.uae-header {
	/*background: url(../images/assignment-help-uae.png) top no-repeat;*/
	background-size: cover;
}

.uk-header {
	/*background: url(../images/bg-23.png) top no-repeat;*/
	background-size: cover;
}

.usa-header {
	/*background: url(../images/bg-24.png) top no-repeat;*/
	background-size: cover;
}

.malaysia-header {
	/*background: url(../images/malaysia-banner.jpg) top no-repeat;*/
	background-size: cover;
}

.singapor-header {
	/*background: url(../images/singapore-banner.jpg) top no-repeat;*/
	background-size: cover;
}

.payment-header {
    background: url(../images/Payment-Banners.jpg) top no-repeat;
    background-size: cover;
}

.country-main-head {
	padding: 10px 10px;
    font-size: 28px;
    display: block;
    text-align: center;
    /*background: #01818a;*/
    /*border: 1px solid;*/
    border-radius: 0px 10px 0 px 10px;
}

.service-main-head {
	padding: 10px 0;
    font-size: 28px;
    display: block;
    text-align: left;
    color: #ffffff;
    border-radius: 0px 10px 0 px 10px;
}

.expert {
    display: block;
    font-size: 20px;
    font-weight: 500;
}

.text-white {
    color: #ffffff !important;
}

.p-t-40 {
    padding-top: 40px;
}

.cipd-country-form .head {
	padding: 0;
	background-color: #01818a
}

.cipd-country-form .head .heading-1 {
	
    font-size: 17px;
    padding: 10px 0px;
	display: block;
	text-align: center
}

.cipd-country-form .head::after {
	content: "";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 19px solid #01818a;
margin: 0 345px 0 0;
float: right;
}

.cipd-country-form .body {
	/*background: url(../images/bg-13.png) top no-repeat;*/
	padding: 20px 20px;
	/*background-size: cover*/
	background: #ffffff;
}

.btn-header {
    background-color: #0b6291;
    padding: 2px 40px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 15px;
    border: 2px solid #ffffff;
    padding-left: 40px !important;
    padding-right: 40px !important;
    font-weight: 900 !important;
    border: 1px solid #ffffff !important;
}

.btn:hover {
    color: #fff;
    text-decoration: none;
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.cipd-country-form .body input[type=text],
.cipd-country-form .body input[type=email],
.cipd-country-form .body input[type=date],
.cipd-country-form .body select {
	border-radius: 4px!important;
	padding-left: 36px!important;
	margin: 10px 0
}

.cipd-country-form .body .form-control {
	font-size: 11px !important;
	color: #9e9e9e;
	border-radius: 5px!important;
	box-shadow: none;
	height: 35px;
	background: #fff;
	border-color: #8db63f
}
.txt-msg{
    margin-bottom: 10px;
}
.cipd-country-form .body .form-control::-webkit-input-placeholder { /* Edge */
  font-size: 11px !important;
}

.cipd-country-form .body .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 11px !important;
}

.cipd-country-form .body .form-control::placeholder {
  font-size: 11px !important;
}

.cipd-country-form .body .inner-addon {
	position: relative
}

.cipd-country-form .body .form-group {
	margin-bottom: 0px;
	margin-top: 0px;
}
.txt-add{
    margin: 15px 0px 10px !important;
}

/*order-pagecss*/
.x1-content {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #0b6291;
}
.x1-content p {
    font-size: 16px;
    line-height: 1.8;
    font-family: 'Roboto', sans-serif;
}
.form-box {
    border: 1px solid #fff;
    background: #ededed;
    border-radius: 10px;
    padding: 10px;
}
.x1-content h2 {
    font-family: 'Roboto', sans-serif;
    color: #8db63f;
    font-size: 24px;
}
.inner-addon {
    position: relative;
}
.left-addon .fa {
    left: 0px;
    font-size: 15px;
    top: 0px;
}

.inner-addon .fa {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}
.form-about .form-control {
    border: none;
    border-radius: 0px;
    border: 1px solid #cccccc;
}
input[type="text"], input[type="email"], input[type="date"], select {
    border-radius: 4px ! important;
    padding-left: 6px ! important;
}
.input-style {
    height: 39px ! important;
}

.x1-content .btn-pricing {
    background-color: #01818a;
    border-radius: 5px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    transition: .3s all ease-in;
}

.banner-sidebar .header-sidebar {
    background: #01818a ! important;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.banner-sidebar .header-sidebar p {
    margin-bottom: 0;
}

.x1-content p {
    font-size: 16px;
    line-height: 1.8;
    font-family: 'Roboto', sans-serif;
}
.banner-sidebar .body {
    padding: 5px;
    background: #0b6291;
}
.banner-sidebar .body .inner-banner {
    padding: 5px;
    background: #fff;
    border: 10px solid #0b6291;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.banner-sidebar .body ul {
    margin: 0px;
    color: #000;
}
.banner-sidebar .body ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}
.banner-order-2 {
    content: url(../images/group-3.png);
}
/*order-pagecss*/


/*
sitemap page css
*/
.sitemap{
    position: relative;
    width: 100%;
}
.sitemap h3{
    font-size: 24px;
    font-weight: 400;
    color: #0b6291;
    display: block;
    padding: 10px 0;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    
}
.sitemap .list-sitemap{
    font-size: 16px;
    color: #000;
    font-family: Roboto, sans-serif;
}
.sitemap .list-sitemap li a{
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
}
.sitemap .list-sitemap li a i{
    padding-right: 5px;
}
.sitemap .list-sitemap li a:hover,
.sitemap .list-sitemap li a:focus{
    color: ##0b6291;
}
.sitemap .list-sitemap li a:hover i,
.sitemap .list-sitemap li a:focus i{
    color: #0b6291;
    padding-right: 10px;
}

label.label-total {
    font-family: Roboto, sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 10px;
}
.label-total span#page-cost, .label-total span#cost {
    font-family: Roboto, sans-serif;
    font-size: 36px;
    font-weight: 800;
}
.label-total span.__currency {
    font-size: 26px;
}
.form-banner-bg form {
    margin-top: 20px;
}

@media only screen and (max-width:768px) {
	.top--nav ul {
		text-align: left!important
	}
	.top--nav .text-right li a {
		font-size: 9px;
		margin: 0 5px
	}
	.cipd-testimonials .box {
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover
	}
	.cipd-contact-section ul {
		padding: 0 0 43px
	}
	.cipd-testimonials .cipd-client-name .heading-4 {
		font-size: 11px
	}
	.cipd-contact-section ul li {
		margin: 0 5px
	}
	.check-out .cipd-client-name {
    margin: 0px 25.9px 20px 27px;
	}
}

@media only screen and (max-width:480px) {
	body {
		overflow-x: hidden
	}
	.cipd-banner-2 {
		background: #fff
	}
	.cipd-country-banner .para {
		padding-bottom: 20px
	}
	.cipd-banner-1 .btn-1 {
		display: block;
		margin: 5px 0
	}
	.cipd-banner-1 .btn-2 {
		display: block;
		margin: 5px 0 10px
	}
	.cipd-our-process .heading-1 {
		padding: 0
	}
	.cipd-our-process .box {
		margin-top: 40px
	}
	.cipd-our-process .heading-2 {
		padding: 5px 0
	}
	.cipd-choose-us p {
		padding: 0 20px 25px
	}
	.cipd-banner-2 .btn-1 {
		display: block;
		margin: 5px 0 10px
	}
	.cipd-banner-2 .btn-2 {
		display: block;
		margin: 5px 0 15px
	}
	.cipd-gurantee-banner .heading-2 {
		padding: 5px 0 0
	}
	.cipd-gurantee-banner p {
		padding-bottom: 20px
	}
	.cipd-exiting-banner {
		background-size: cover;
		background-position: right
	}
	.check-out .cipd-client-name {
		margin: 0 .9px 20px 2px
	}
	.check-out .child-check ul {
		padding: 0 20px
	}
	.check-out .child-check .para {
		padding: 0 20px;
		display: block
	}
	.check-out .carousel-control.right {
		right: 0!important
	}
	.cipd-contact-section ul li img {
		padding-top: 20px
	}
	.cipd-about-banner-1 .cipd-get-in-touch-1 .heading-3 {
		text-align: center
	}
	.cipd-about-banner-1 .cipd-get-in-touch-1 ul li {
		margin: 15px 60px
	}
	.cipd-special {
		background-position: center
	}
	.cipd-special .heading-1 {
		display: block;
		text-align: center
	}
	.cipd-testimonials .cipd-client-name {
		margin: 0 -.1px 0 0
	}
	.cipd-testimonials .box {
		margin-top: 20px
	}
	.panel-default>.panel-heading a {
		font-size: 9px;
		background-image: none;
		padding: 11px 0 7px
	}
}

/* 
*
* Pricing page css
*
*/
article.pricing {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	/* height:1000px; */
	position:relative;
	margin-bottom: 30px;
	font-family: Roboto, sans-serif;
  }
  article.pricing ul {
	display:flex;
	top:0px;
	z-index:10;
	padding-bottom:14px;
	margin-bottom: 0;
    padding-left: 0;
  }
  article.pricing ul li {
	list-style:none;
	flex:1;
  }
  article.pricing ul li:last-child {
	border-right:1px solid #DDD;
  }
  article.pricing ul li button {
	width:100%;
	border: 1px solid #DDD;
	border-right:0;
	border-top:0;
	padding: 10px;
	background:#FFF;
	font-size:14px;
	font-weight:bold;
	height:60px;
	color:#999
  }
  article.pricing ul li.active button {
	background:#F5F5F5;
	color:#000;
  }
  article.pricing table { border-collapse:collapse; table-layout:fixed; width:100%; }
  article.pricing table th { background:#F5F5F5; display:none; }
  article.pricing table td, th {
	height:53px
  }
  article.pricing table td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
  article.pricing table td,th {
	text-align:center;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	
  }
  article.pricing table td+td,
  article.pricing table th+th {
	text-align:center;
	display:none;
	font-style: italic;
  }
  article.pricing table td.default {
	display:table-cell;
  }
  article.pricing .bg-purple {
	border-top:3px solid #A32362;
  }
  article.pricing .bg-blue {
	border-top:3px solid #0097CF;
  }
  article.pricing .sep {
	background:#F5F5F5;
	font-weight:bold;
  }
  article.pricing .txt-l { font-size:28px; font-weight:bold; }
  article.pricing .txt-top { position:relative; top:-9px; left:-2px; }
  article.pricing .tick { font-size:18px; color:#2CA01C; }
  article.pricing .hide {
	/* border:0; */
	background:none;
  }
  
@media (min-width: 640px) {
	article.pricing ul {
		display:none;
	}
	article.pricing table td, article.pricing table th {
		display:table-cell !important;
	}
	article.pricing table td, article.pricing table th {
		/* width: 330px; */
		min-width: 225px;

	}
	article.pricing table td+td,article.pricing table th+th {
		width: auto;
	}
}

 .link-review {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    margin-right: 0px;
    margin-top: -26px;
}


.link-review .review-stars {
    line-height: normal;
    vertical-align: sub;
    font-size: 16px;
    color: #14152d;
    text-align: center;
    display: block;
}

.link-review .review-stars span {
    display: block;
}
.link-review .review-stars span i{
    font-size: 12px;
    color: #d97b16;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

/*New Order Form CSS*/
.order-form {
    margin-top: 50px;
    padding: 0px 0px 50px;
}
.order-form .h3 {
  font-family: Roboto, sans-serif;
  display: block;
  font-weight: 500;
}
.order-form label {
  font-family: Roboto, sans-serif;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  margin: 10px 0px 0px;
}
.order-form p{
    padding: 10px 0px;;
  }
  
.order-form .order-form-box {
  border: 1px solid #80808073;
  border-radius: 7px;
  padding: 0px 20px 30px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

}
.order-form .file-box {
  border: 1px dashed #c9c9c9;
  padding: 20px;
}


/*.order-form .radio-box1 :hover{*/
/*  background-color: #682a7d !important;*/
/*  color: white;*/

/*}*/
/*.order-form .radio-box1.active{*/
/*  background-color: #682a7d !important;*/
/*  color: white;*/

/*}*/
/*.order-form .radio-box1 :hover  img{*/
/*  filter:  brightness(0) invert(1);*/
/*}*/
/*.order-form .radio-box1.active  img{*/
/*  filter:  brightness(0) invert(1);*/
/*}*/

.order-form .file-box .label-file {
  background: #fbf9f9 !important;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  padding: 4px 80px 4px 40px;
  margin: 0px 0px;
}
.order-form .file-box .file-text {
  color: #333333;
}
.order-form .radio-box {
  border: 1px solid #80808082;
  min-height: 106px;
  padding: 10px 20px 0px;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  /*background-color: #fbf9f9;*/
}

.order-form .radio-box p {
  font-size: 11px;
  padding: 0 0 !important;
}
.order-form .form-check-input{
  visibility: hidden;
  position: absolute;
}
/*.radio-box.active{*/
/*    background: #682a7d;*/
/*}*/
.order-form .contact-detail-box {
  border: 1px solid #80808082;
  padding: 10px 20px 20px;
  border-radius: 5px;
  position: relative;
  margin-top: 15px;
  background-color: #fefcfc;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.order-form .btn-get-papper {
  border: 1px solid;
  padding: 7px 40px;
  border-radius: 5px;
  background: #0b6291;
  color: white;
  margin: 20px 0px;
  float: right;
}
.order-form .summary-box {
  border: 1px solid #80808082;
  padding: 10px 20px 0px;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.order-form .hr-line {
  margin-top: 7px;
  margin-bottom: 7px;
  border-top: 2px solid #7070705c;
}
.order-form .summary-box ul {
  margin-top: 20px;
}
.order-form .summary-box li {
  padding: 5px 0px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
}
.order-form .summary-box .text1 {
  color: #0b6291;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 500;
}
.order-form .money-box {
  background-color: #0b6291;
  border-radius: 7px;
  text-align: center;
  margin-top: 15px;
  padding: 15px;
}
.order-form .money-box .h4 {
  color: white;
  display: block;
}
.order-form .money-box .h2 {
  font-weight: 500;
  color: white;
  display: block;
  margin: 10px 0px 0px;
  font-size: 30px;
  font-family: Roboto, sans-serif;
}
.order-form .money-box .e-text {
  color: white;
  font-size: 12px;
}
.order-form .money-box .e-text1 {
  color: white;
  font-size: 12px;
  display: block;
  padding: 20px 0px 0px;
}
.order-form .money-box .set1 {
  border-right: 1px solid #ffffff94;
}
.order-form .form-control{
        margin: 10px 0px;
        color: #333333;
}
 .order-form ::-webkit-input-placeholder { /* Edge */
      color: #333333;
}

.order-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #333333;
}

 .order-form ::placeholder {
      color: #333333;
}


/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .order-form .summary-box {
        margin-top: 20px;
    }
    .order-form .radio-box {
        text-align: center;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    .order-form .summary-box{
        margin-top: 20px !important;
    }
    .order-form .radio-box{
        text-align: center !important;
        margin: 10px 0px
    }
}

.g-recaptcha {
    margin-top: 15px;
}

.radio-box1:hover .main-1, .radio-box1:focus .main-1, .radio-box1:active .main-1 {
  background: url(../images/graduate-writer.png);
  background-position: 0% 101% !important;
  transition: all 0.5s ease;
  border-radius: 7px !important;
  transition: all 0.5s ease-in-out;
}
.radio-box1:hover .main-2, .radio-box1:focus .main-2, .radio-box1:active .main-2 {
  background: url(../images/graduate-writer.png);
  background-position: 50% 112% !important;
  transition: all 0.5s ease;
  border-radius: 7px !important;
  transition: all 0.5s ease-in-out;
}
.radio-box1:hover .main-3, .radio-box1:focus .main-3, .radio-box1:active .main-3 {
  background: url(../images/graduate-writer.png);
  background-position: 116% 103% !important;
  transition: all 0.5s ease;
  border-radius: 7px !important;
  transition: all 0.5s ease-in-out;
}
 .radio-box .icon-main{
  background: url(../images/graduate-writer.png);
  height: 50px;
  width: 50px;
  transition: all 0.5s ease;
}
.radio-box .main-1 {
  background: url(../images/graduate-writer.png);
  background-position: 0% 0% !important;
  transition: all 0.5s ease-in-out;
}
.radio-box  .main-2 {
  background: url(../images/graduate-writer.png);
  background-position: 50% 0% !important;
  transition: all 0.5s ease;
}
.radio-box  .main-3 {
  background: url(../images/graduate-writer.png);
  background-position: 116% 0% !important;
  transition: all 0.5s ease;
} 
.order-form .radio-box1 :hover{
  background-color: #0b6291;
  color: white;

}
.pho-num {
    padding-top: 10px;
}
.pho-num a {
    display: block;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.pho-num a i {
    color: #01818a;
}
/* Vertical Left WhatsApp Button */
.whatsapp-vertical {
    position: fixed;
    width: 50px;
    height: 150px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #25d366;
    color: white;
    font-size: 28px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 25px 25px 0;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    z-index: 1000;
    transition: background-color 0.3s, transform 0.3s;
}
.whatsapp-vertical i {
    transform: rotate(90deg); /* Rotate icon to match vertical style */
}
.whatsapp-vertical:hover {
    background-color: #20ba5a;
    transform: translateY(-50%) scale(1.05);
}

/* Global Mobile Responsive Fixes */
@media (max-width: 767px) {
    body {
        overflow-x: hidden !important;
    }
    
    /* Fix the header title which had large hardcoded padding and width issues */
    h1.droped span {
        padding-left: 0 !important;
        display: block !important;
        text-align: center;
    }
    
    .span-dropcap {
        float: none !important;
        display: inline-block !important;
        margin-bottom: 10px;
    }

    /* Make banners text center aligned on mobile */
    .banner-section .span-b,
    .cipd-banner-1 h1,
    .cipd-banner-1 p,
    h1.droped {
        text-align: center !important;
    }

    .cipd-banner-1 {
        padding: 30px 15px !important;
    }
    
    /* Buttons in banners */
    .banner-section .btn-get-papper,
    .cipd-banner-1 .btn-1,
    .cipd-banner-1 .btn-2 {
        display: block;
        margin: 10px auto !important;
        width: 100%;
        max-width: 300px;
    }
    
    /* Form overrides to fit properly */
    .form-banner-bg {
        margin: 20px 0 !important;
        padding: 15px !important;
    }

    .form-heading,
    .form-subheading {
        font-size: 22px !important;
    }
}






/* Safely make body text more visible (darker) without breaking headers/footers */
p, .para, .para-1, .para-2, .child-check span.para {
    color: #000000 !important;
    font-weight: 400;
}


/* Safely make body text more visible (darker) without breaking headers/footers */
p, .para, .para-1, .para-2, .child-check span.para {
    color: #000000 !important;
    font-weight: 400;
}



/* Force ALL hero section text to white */
.banner-section, .banner-section *, 
.cipd-head-banner-1, .cipd-head-banner-1 *,
.qatar-header, .qatar-header * {
    color: #ffffff !important;
}

/* Ensure buttons keep their original styling if they need it, or we can just let them be white text */
.banner-section .btn, .cipd-head-banner-1 .btn, .qatar-header .btn {
    color: #ffffff !important;
}

/* Force ALL hero section text to white */
.banner-section, .banner-section *, 
.cipd-head-banner-1, .cipd-head-banner-1 *,
.qatar-header, .qatar-header * {
    color: #ffffff !important;
}

/* Ensure buttons keep their original styling if they need it, or we can just let them be white text */
.banner-section .btn, .cipd-head-banner-1 .btn, .qatar-header .btn {
    color: #ffffff !important;
}

/* Force ALL hero section text to white for ALL service pages */
.ksa-header, .ksa-header *, 
.uae-header, .uae-header *, 
.om-header, .om-header *, 
.kw-header, .kw-header *, 
.bh-header, .bh-header *, 
.sg-header, .sg-header *, 
.my-header, .my-header *, 
.hk-header, .hk-header *, 
.jo-header, .jo-header *, 
.lb-header, .lb-header *,
.uk-header, .uk-header *,
.ireland-header, .ireland-header * {
    color: #ffffff !important;
}

/* Force ALL hero section text to white for ALL service pages */
.ksa-header, .ksa-header *, 
.uae-header, .uae-header *, 
.om-header, .om-header *, 
.kw-header, .kw-header *, 
.bh-header, .bh-header *, 
.sg-header, .sg-header *, 
.my-header, .my-header *, 
.hk-header, .hk-header *, 
.jo-header, .jo-header *, 
.lb-header, .lb-header *,
.uk-header, .uk-header *,
.ireland-header, .ireland-header * {
    color: #ffffff !important;
}

/* Fix footer colors */
.footer-bottom {
    background-color: #2a2a2a !important;
}
.footer-bottom, .footer-bottom p, .footer-bottom a, .footer-bottom span, .footer-bottom strong, .footer-bottom li, .footer-bottom i, .footer-bottom b {
    color: #ffffff !important;
}

/* Fix footer colors */
.footer-bottom {
    background-color: #2a2a2a !important;
}
.footer-bottom, .footer-bottom p, .footer-bottom a, .footer-bottom span, .footer-bottom strong, .footer-bottom li, .footer-bottom i, .footer-bottom b {
    color: #ffffff !important;
}


/* Fix text color in Choose Us sections with blue backgrounds */
.choose-us p, .choose-us h1, .choose-us h2, .choose-us h3, .choose-us span,
.cipd-choose-us p, .cipd-choose-us h1, .cipd-choose-us h2, .cipd-choose-us h3, .cipd-choose-us span {
    color: #ffffff !important;
}


/* Fix text color in Choose Us sections with blue backgrounds */
.choose-us p, .choose-us h1, .choose-us h2, .choose-us h3, .choose-us span,
.cipd-choose-us p, .cipd-choose-us h1, .cipd-choose-us h2, .cipd-choose-us h3, .cipd-choose-us span {
    color: #ffffff !important;
}


/* Fix text color in FAQ sections */
.panel-group .panel-body, .panel-group .panel-body p, .panel-group .panel-body span, .panel-group .panel-body li, .panel-group .panel-body a {
    color: #ffffff !important;
}


/* Fix text color in FAQ sections */
.panel-group .panel-body, .panel-group .panel-body p, .panel-group .panel-body span, .panel-group .panel-body li, .panel-group .panel-body a {
    color: #ffffff !important;
}


/* Fix missing bottom padding on country headers */
.ksa-header, .kuwait-header, .oman-header, .qatar-header, .uae-header, .uk-header, .usa-header, .payment-header, .ireland-header, .bahrain-header, .hk-header, .jo-header, .lb-header, .my-header, .sg-header {
    padding-bottom: 50px !important;
}


/* Fix missing bottom padding on country headers */
.ksa-header, .kuwait-header, .oman-header, .qatar-header, .uae-header, .uk-header, .usa-header, .payment-header, .ireland-header, .bahrain-header, .hk-header, .jo-header, .lb-header, .my-header, .sg-header {
    padding-bottom: 50px !important;
}


/* GLOBAL MOBILE RESPONSIVENESS FIXES */
@media (max-width: 768px) {
    body, html {
        overflow-x: hidden !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    .container, .container-fluid {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    iframe, video, object, embed {
        max-width: 100% !important;
    }
    h1 { font-size: 28px !important; line-height: 1.2 !important; }
    h2 { font-size: 24px !important; line-height: 1.2 !important; }
    h3 { font-size: 20px !important; line-height: 1.2 !important; }
    .top--nav ul li { display: block; text-align: center; }
    .top--nav .text-right, .top--nav .text-left { text-align: center; float: none !important; }
    .btn-header { display: inline-block !important; margin: 5px auto !important; }
    .banner-section, .ksa-header, .uae-header, .cipd-head-banner-1 { padding: 40px 15px !important; }
    .footer-bottom { padding: 20px 10px !important; }
    .footer-bottom .col-lg-7, .footer-bottom .col-lg-4, .footer-bottom .col-lg-12 { text-align: center !important; }
}


/* GLOBAL MOBILE RESPONSIVENESS FIXES */
@media (max-width: 768px) {
    body, html {
        overflow-x: hidden !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    .container, .container-fluid {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    iframe, video, object, embed {
        max-width: 100% !important;
    }
    h1 { font-size: 28px !important; line-height: 1.2 !important; }
    h2 { font-size: 24px !important; line-height: 1.2 !important; }
    h3 { font-size: 20px !important; line-height: 1.2 !important; }
    .top--nav ul li { display: block; text-align: center; }
    .top--nav .text-right, .top--nav .text-left { text-align: center; float: none !important; }
    .btn-header { display: inline-block !important; margin: 5px auto !important; }
    .banner-section, .ksa-header, .uae-header, .cipd-head-banner-1 { padding: 40px 15px !important; }
    .footer-bottom { padding: 20px 10px !important; }
    .footer-bottom .col-lg-7, .footer-bottom .col-lg-4, .footer-bottom .col-lg-12 { text-align: center !important; }
}




/* Fix review card text color */
.child-check span.para, .child-check p, .child-check {
    color: #ffffff !important;
}


/* Fix review card text color */
.child-check span.para, .child-check p, .child-check {
    color: #ffffff !important;
}


/* --- SUPER RESPONSIVE HEADER FIXES --- */
@media (max-width: 991px) {
    .navbar-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-toggle {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        margin-right: 15px !important;
        float: none !important;
    }
    .navbar-brand {
        height: auto !important;
        padding: 10px 15px !important;
    }
    .navbar-brand img {
        max-width: 150px !important;
        height: auto !important;
    }
    .pho-num {
        text-align: center !important;
        margin: 10px 0 !important;
        width: 100%;
    }
    .top--nav .col-md-6, .top--nav .col-sm-6 {
        width: 100% !important;
        text-align: center !important;
    }
    .top--nav ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        padding: 5px 0 !important;
    }
    .top--nav ul li { display: inline-block !important; padding: 2px 10px !important; }
    .navbar-collapse.in {
        background: #fff;
        padding: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        position: absolute;
        width: 100%;
        z-index: 9999;
    }
    .navbar-nav > li > a {
        padding: 10px 15px !important;
        border-bottom: 1px solid #eee;
    }
}


/* --- SUPER RESPONSIVE HEADER FIXES --- */
@media (max-width: 991px) {
    .navbar-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-toggle {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        margin-right: 15px !important;
        float: none !important;
    }
    .navbar-brand {
        height: auto !important;
        padding: 10px 15px !important;
    }
    .navbar-brand img {
        max-width: 150px !important;
        height: auto !important;
    }
    .pho-num {
        text-align: center !important;
        margin: 10px 0 !important;
        width: 100%;
    }
    .top--nav .col-md-6, .top--nav .col-sm-6 {
        width: 100% !important;
        text-align: center !important;
    }
    .top--nav ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        padding: 5px 0 !important;
    }
    .top--nav ul li { display: inline-block !important; padding: 2px 10px !important; }
    .navbar-collapse.in {
        background: #fff;
        padding: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        position: absolute;
        width: 100%;
        z-index: 9999;
    }
    .navbar-nav > li > a {
        padding: 10px 15px !important;
        border-bottom: 1px solid #eee;
    }
}


/* Fix mobile header layout perfectly */
@media (max-width: 767px) {
    /* Hide redundant contact info in the header since we have floating widgets */
    .navbar-default .col-sm-2, .navbar-default .col-md-2 {
        display: none !important;
    }
    
    /* Center the logo and keep hamburger on the right */
    .navbar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    .navbar-brand {
        display: flex !important;
        justify-content: center !important;
        flex: 1 !important;
        height: auto !important;
        padding: 10px 0 !important;
    }
    .navbar-brand img {
        max-width: 180px !important;
        height: auto !important;
    }
    .navbar-toggle {
        margin: 0 15px 0 0 !important;
        float: none !important;
    }
}


/* Fix mobile header layout perfectly */
@media (max-width: 767px) {
    /* Hide redundant contact info in the header since we have floating widgets */
    .navbar-default .col-sm-2, .navbar-default .col-md-2 {
        display: none !important;
    }
    
    /* Center the logo and keep hamburger on the right */
    .navbar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    .navbar-brand {
        display: flex !important;
        justify-content: center !important;
        flex: 1 !important;
        height: auto !important;
        padding: 10px 0 !important;
    }
    .navbar-brand img {
        max-width: 180px !important;
        height: auto !important;
    }
    .navbar-toggle {
        margin: 0 15px 0 0 !important;
        float: none !important;
    }
}


/* Disable sticky/affix header on scroll */
.navbar.affix, .navigation .affix, #nav-bars.affix {
    position: static !important;
    top: auto !important;
    z-index: 1 !important;
}


/* Disable sticky/affix header on scroll */
.navbar.affix, .navigation .affix, #nav-bars.affix {
    position: static !important;
    top: auto !important;
    z-index: 1 !important;
}


/* Perfect Mobile Header & Submenu */
@media (max-width: 767px) {
    .navbar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    .navbar-brand {
        display: flex !important;
        justify-content: flex-start !important;
        flex: 1 !important;
        padding: 10px 15px !important;
        height: auto !important;
    }
    .navbar-brand img {
        max-width: 150px !important;
        height: auto !important;
        margin: 0 !important;
    }
    .navbar-toggle {
        margin: 0 15px 0 0 !important;
        float: none !important;
    }
    
    /* Submenu (Dropdown) Mobile Responsiveness */
    .navbar-collapse {
        max-height: 400px;
        overflow-y: auto;
    }
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: #f9f9f9 !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 15px !important;
        display: none;
    }
    .navbar-nav .open .dropdown-menu {
        display: block !important;
    }
    .navbar-nav .dropdown-menu > li > a {
        padding: 10px 15px !important;
        color: #333 !important;
    }
}


/* Perfect Mobile Header & Submenu */
@media (max-width: 767px) {
    .navbar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    .navbar-brand {
        display: flex !important;
        justify-content: flex-start !important;
        flex: 1 !important;
        padding: 10px 15px !important;
        height: auto !important;
    }
    .navbar-brand img {
        max-width: 150px !important;
        height: auto !important;
        margin: 0 !important;
    }
    .navbar-toggle {
        margin: 0 15px 0 0 !important;
        float: none !important;
    }
    
    /* Submenu (Dropdown) Mobile Responsiveness */
    .navbar-collapse {
        max-height: 400px;
        overflow-y: auto;
    }
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: #f9f9f9 !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 15px !important;
        display: none;
    }
    .navbar-nav .open .dropdown-menu {
        display: block !important;
    }
    .navbar-nav .dropdown-menu > li > a {
        padding: 10px 15px !important;
        color: #333 !important;
    }
}


/* Force hamburger icon to the right and logo to the left */
@media (max-width: 767px) {
    .navbar-header {
        display: flex !important;
        flex-direction: row-reverse !important; /* Reverses the DOM order so logo is left and button is right */
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
}


/* Force hamburger icon to the right and logo to the left */
@media (max-width: 767px) {
    .navbar-header {
        display: flex !important;
        flex-direction: row-reverse !important; /* Reverses the DOM order so logo is left and button is right */
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
}


/* Final Perfect Header: Logo | Phone | Icon, reduced height */
@media (max-width: 767px) {
    #nav-bars {
        min-height: auto !important;
    }
    #nav-bars .container-fluid {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        padding: 5px 15px !important;
    }
    .navbar-header {
        display: contents !important;
    }
    
    /* Order 1: Logo */
    .navbar-brand {
        order: 1 !important;
        padding: 5px 0 !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
    }
    .navbar-brand img {
        max-width: 130px !important;
    }
    
    /* Order 2: Phone Block */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: block !important;
        order: 2 !important;
        flex: 1 1 auto !important;
        text-align: center;
        width: auto !important;
    }
    .pho-num {
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .pho-num a {
        display: block !important;
        font-size: 11px !important;
        margin: 1px 0 !important;
        font-weight: bold;
    }
    
    /* Order 3: Hamburger */
    .navbar-toggle {
        order: 3 !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        flex: 0 0 auto !important;
    }
    
    /* Hide Email block */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
    
    /* Order 4: Mobile Menu Dropdown */
    #navbar {
        order: 4 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        background: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }
}


/* Final Perfect Header: Logo | Phone | Icon, reduced height */
@media (max-width: 767px) {
    #nav-bars {
        min-height: auto !important;
    }
    #nav-bars .container-fluid {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        padding: 5px 15px !important;
    }
    .navbar-header {
        display: contents !important;
    }
    
    /* Order 1: Logo */
    .navbar-brand {
        order: 1 !important;
        padding: 5px 0 !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
    }
    .navbar-brand img {
        max-width: 130px !important;
    }
    
    /* Order 2: Phone Block */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: block !important;
        order: 2 !important;
        flex: 1 1 auto !important;
        text-align: center;
        width: auto !important;
    }
    .pho-num {
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .pho-num a {
        display: block !important;
        font-size: 11px !important;
        margin: 1px 0 !important;
        font-weight: bold;
    }
    
    /* Order 3: Hamburger */
    .navbar-toggle {
        order: 3 !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        flex: 0 0 auto !important;
    }
    
    /* Hide Email block */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
    
    /* Order 4: Mobile Menu Dropdown */
    #navbar {
        order: 4 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        background: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }
}


/* Make service-main-head black */
.service-main-head {
    color: #000000 !important;
}


/* Make service-main-head black */
.service-main-head {
    color: #000000 !important;
}


/* Fix Trusted dropcap position and color */
.span-dropcap {
    color: #000000 !important;
    margin-top: -25px !important;
    position: relative;
    z-index: 0;
}


/* Fix Trusted dropcap position and color */
.span-dropcap {
    color: #000000 !important;
    margin-top: -25px !important;
    position: relative;
    z-index: 0;
}


/* Mobile Hero Section Full Responsiveness */
@media (max-width: 767px) {
    /* Ensure the wrapper doesn't overflow horizontally */
    .ksa-header, .uae-header, .oman-header, .qatar-header, .uk-header, .usa-header, .ireland-header, .banner-section {
        padding: 30px 15px 40px !important;
        overflow: hidden !important;
        text-align: center !important;
    }
    
    /* Headings should be smaller to prevent word breaking */
    .service-main-head, .banner-section h1, .ksa-header h1 {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }
    
    /* Paragraph text slightly smaller and centered */
    .service-main-head + p, .ksa-header p, .banner-section p {
        font-size: 14px !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    /* The stats icons/blocks under hero text */
    .ksa-header .row > div, .banner-section .row > div {
        margin-bottom: 20px !important;
    }
    
    /* The form container on the right side */
    .ksa-header form, .banner-section form, .right-form-wrapper {
        margin-top: 30px !important;
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Huge watermark fix on mobile */
    .span-dropcap, h1.droped {
        font-size: 35px !important;
        line-height: 1.2 !important;
        margin-top: 0 !important;
        word-break: break-word;
        width: 100% !important;
        text-align: center !important;
        float: none !important;
        display: block !important;
    }
}


/* Mobile Hero Section Full Responsiveness */
@media (max-width: 767px) {
    /* Ensure the wrapper doesn't overflow horizontally */
    .ksa-header, .uae-header, .oman-header, .qatar-header, .uk-header, .usa-header, .ireland-header, .banner-section {
        padding: 30px 15px 40px !important;
        overflow: hidden !important;
        text-align: center !important;
    }
    
    /* Headings should be smaller to prevent word breaking */
    .service-main-head, .banner-section h1, .ksa-header h1 {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }
    
    /* Paragraph text slightly smaller and centered */
    .service-main-head + p, .ksa-header p, .banner-section p {
        font-size: 14px !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    /* The stats icons/blocks under hero text */
    .ksa-header .row > div, .banner-section .row > div {
        margin-bottom: 20px !important;
    }
    
    /* The form container on the right side */
    .ksa-header form, .banner-section form, .right-form-wrapper {
        margin-top: 30px !important;
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Huge watermark fix on mobile */
    .span-dropcap, h1.droped {
        font-size: 35px !important;
        line-height: 1.2 !important;
        margin-top: 0 !important;
        word-break: break-word;
        width: 100% !important;
        text-align: center !important;
        float: none !important;
        display: block !important;
    }
}


/* Fix text color for cipd-banner-1 section */
.cipd-banner-1 p, .cipd-banner-1 span, .cipd-banner-1 h1, .cipd-banner-1 h2, .cipd-banner-1 h3, .cipd-banner-1 {
    color: #ffffff !important;
}


/* Fix text color for cipd-banner-1 section */
.cipd-banner-1 p, .cipd-banner-1 span, .cipd-banner-1 h1, .cipd-banner-1 h2, .cipd-banner-1 h3, .cipd-banner-1 {
    color: #ffffff !important;
}


/* Perfect Mobile Dropdown Menu Formatting */
@media (max-width: 767px) {
    .navbar-collapse.in, .navbar-collapse.collapsing {
        position: static !important;
        width: 100% !important;
        background: #ffffff !important;
        margin-top: 10px !important;
        box-shadow: none !important;
        border-top: 1px solid #eeeeee !important;
        padding: 0 !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 9999 !important;
    }
    .navbar-nav {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .navbar-nav > li {
        width: 100% !important;
        display: block !important;
    }
    .navbar-nav > li > a {
        display: block !important;
        padding: 12px 15px !important;
        border-bottom: 1px solid #f5f5f5 !important;
        color: #333333 !important;
        text-align: left !important;
        font-size: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: #f9f9f9 !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-nav .dropdown-menu > li > a {
        padding: 10px 15px 10px 30px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        display: block !important;
        color: #555555 !important;
        text-align: left !important;
    }
}


/* Perfect Mobile Dropdown Menu Formatting */
@media (max-width: 767px) {
    .navbar-collapse.in, .navbar-collapse.collapsing {
        position: static !important;
        width: 100% !important;
        background: #ffffff !important;
        margin-top: 10px !important;
        box-shadow: none !important;
        border-top: 1px solid #eeeeee !important;
        padding: 0 !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 9999 !important;
    }
    .navbar-nav {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .navbar-nav > li {
        width: 100% !important;
        display: block !important;
    }
    .navbar-nav > li > a {
        display: block !important;
        padding: 12px 15px !important;
        border-bottom: 1px solid #f5f5f5 !important;
        color: #333333 !important;
        text-align: left !important;
        font-size: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: #f9f9f9 !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-nav .dropdown-menu > li > a {
        padding: 10px 15px 10px 30px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        display: block !important;
        color: #555555 !important;
        text-align: left !important;
    }
}


/* Make Sub-Header (top--nav) responsive with icons on right side */
@media (max-width: 767px) {
    .top--nav .container-fluid, .top--nav .container {
        padding: 0 5px !important;
    }
    .top--nav .row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 0 !important;
    }
    .top--nav .col-sm-6, .top--nav .col-md-6, .top--nav .col-xs-12 {
        width: auto !important;
        padding: 0 5px !important;
        margin: 0 !important;
    }
    .top--nav .text-left {
        text-align: left !important;
    }
    .top--nav .text-right {
        text-align: right !important;
    }
    .top--nav ul {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .top--nav ul li {
        display: inline-block !important;
        margin: 0 5px !important;
        padding: 0 !important;
    }
    .top--nav ul li a {
        font-size: 11px !important;
    }
}


/* Make Sub-Header (top--nav) responsive with icons on right side */
@media (max-width: 767px) {
    .top--nav .container-fluid, .top--nav .container {
        padding: 0 5px !important;
    }
    .top--nav .row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 0 !important;
    }
    .top--nav .col-sm-6, .top--nav .col-md-6, .top--nav .col-xs-12 {
        width: auto !important;
        padding: 0 5px !important;
        margin: 0 !important;
    }
    .top--nav .text-left {
        text-align: left !important;
    }
    .top--nav .text-right {
        text-align: right !important;
    }
    .top--nav ul {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .top--nav ul li {
        display: inline-block !important;
        margin: 0 5px !important;
        padding: 0 !important;
    }
    .top--nav ul li a {
        font-size: 11px !important;
    }
}


/* Force Mobile Menu Full Width */
@media (max-width: 767px) {
    #nav-bars {
        position: relative !important;
    }
    #navbar, .navbar-collapse.in, .navbar-collapse.collapsing {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        border-top: 1px solid #eaeaea !important;
    }
    .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-nav > li {
        width: 100% !important;
        float: none !important;
    }
    .navbar-nav > li > a {
        white-space: normal !important;
        word-wrap: break-word !important;
        width: 100% !important;
    }
}


/* Force Mobile Menu Full Width */
@media (max-width: 767px) {
    #nav-bars {
        position: relative !important;
    }
    #navbar, .navbar-collapse.in, .navbar-collapse.collapsing {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        border-top: 1px solid #eaeaea !important;
    }
    .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-nav > li {
        width: 100% !important;
        float: none !important;
    }
    .navbar-nav > li > a {
        white-space: normal !important;
        word-wrap: break-word !important;
        width: 100% !important;
    }
}


/* --- BULLETPROOF MOBILE HEADER LAYOUT --- */
@media (max-width: 767px) {
    /* 1. Reset the navbar to hold everything properly */
    #nav-bars, .navbar-default, .container-fluid {
        height: auto !important;
        min-height: 70px !important;
        display: block !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* 2. Format the top header box */
    .navbar-header {
        display: flex !important;
        flex-direction: row-reverse !important; /* Logo Left, Toggle Right */
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 10px 15px !important;
        height: auto !important;
        min-height: 70px !important;
    }
    
    /* 3. Logo Setup */
    .navbar-brand {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-brand img {
        max-width: 130px !important;
        height: auto !important;
    }
    
    /* 4. Hamburger Setup */
    .navbar-toggle {
        margin: 0 !important;
        padding: 8px 10px !important;
    }
    
    /* 5. Phone block absolute positioned in the center */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: 35px !important;
        transform: translate(-50%, -50%) !important;
        width: auto !important;
        z-index: 10;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 11px !important;
        line-height: 1.2 !important;
        margin: 2px 0 !important;
        color: #0b6291 !important;
        font-weight: bold !important;
    }
    
    /* 6. Hide the extra Email block entirely */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
}


/* --- BULLETPROOF MOBILE HEADER LAYOUT --- */
@media (max-width: 767px) {
    /* 1. Reset the navbar to hold everything properly */
    #nav-bars, .navbar-default, .container-fluid {
        height: auto !important;
        min-height: 70px !important;
        display: block !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* 2. Format the top header box */
    .navbar-header {
        display: flex !important;
        flex-direction: row-reverse !important; /* Logo Left, Toggle Right */
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 10px 15px !important;
        height: auto !important;
        min-height: 70px !important;
    }
    
    /* 3. Logo Setup */
    .navbar-brand {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-brand img {
        max-width: 130px !important;
        height: auto !important;
    }
    
    /* 4. Hamburger Setup */
    .navbar-toggle {
        margin: 0 !important;
        padding: 8px 10px !important;
    }
    
    /* 5. Phone block absolute positioned in the center */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: 35px !important;
        transform: translate(-50%, -50%) !important;
        width: auto !important;
        z-index: 10;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 11px !important;
        line-height: 1.2 !important;
        margin: 2px 0 !important;
        color: #0b6291 !important;
        font-weight: bold !important;
    }
    
    /* 6. Hide the extra Email block entirely */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
}




/* --- MODERN, CLEAN MOBILE HEADER (NO OVERLAPS) --- */
@media (max-width: 767px) {
    /* Make container flexible */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        padding: 10px 15px !important;
        height: auto !important;
    }
    
    /* Header Row (Logo + Hamburger) */
    .navbar-header {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Reorder Logo to Left, Hamburger to Right */
    .navbar-brand {
        order: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }
    .navbar-brand img {
        max-width: 140px !important;
    }
    .navbar-toggle {
        order: 2 !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border-color: #ddd !important;
    }
    
    /* Phone Numbers Row (BELOW the logo) */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: flex !important;
        order: 3 !important;
        width: 100% !important;
        justify-content: center !important;
        /* Reset previous absolute positioning */
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 15px 0 5px 0 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: row !important; /* side by side */
        gap: 20px !important;
    }
    .pho-num a {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #333 !important;
    }
    
    /* Hide redundant email */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
}


/* --- MODERN, CLEAN MOBILE HEADER (NO OVERLAPS) --- */
@media (max-width: 767px) {
    /* Make container flexible */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        padding: 10px 15px !important;
        height: auto !important;
    }
    
    /* Header Row (Logo + Hamburger) */
    .navbar-header {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Reorder Logo to Left, Hamburger to Right */
    .navbar-brand {
        order: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }
    .navbar-brand img {
        max-width: 140px !important;
    }
    .navbar-toggle {
        order: 2 !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border-color: #ddd !important;
    }
    
    /* Phone Numbers Row (BELOW the logo) */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: flex !important;
        order: 3 !important;
        width: 100% !important;
        justify-content: center !important;
        /* Reset previous absolute positioning */
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 15px 0 5px 0 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: row !important; /* side by side */
        gap: 20px !important;
    }
    .pho-num a {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #333 !important;
    }
    
    /* Hide redundant email */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
}


/* --- EXACT MOBILE HEADER LAYOUT (AS REQUESTED) --- */
@media (max-width: 767px) {
    #nav-bars {
        min-height: 75px !important;
    }
    #nav-bars .container-fluid {
        position: relative !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 5px 10px !important;
    }
    .navbar-header {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Logo Left */
    .navbar-brand {
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    .navbar-brand img {
        max-width: 115px !important;
    }
    
    /* Hamburger Right */
    .navbar-toggle {
        margin: 0 !important;
        padding: 6px 10px !important;
    }
    
    /* Center Phone Numbers */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: block !important;
        position: absolute !important;
        left: 55% !important;
        top: 15px !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        z-index: 10 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        margin: 0 !important;
        gap: 2px !important;
    }
    .pho-num a {
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        color: #000000 !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
        width: 12px;
        text-align: center;
    }
    
    /* Center Email Us below Phone */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: block !important;
        position: absolute !important;
        left: 55% !important;
        top: 45px !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        z-index: 10 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .cipd-mid-ul {
        margin: 0 !important;
        padding: 0 !important;
    }
    .info-agrade {
        display: flex !important;
        align-items: center !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #0b6291 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: none !important;
    }
    .info-agrade i {
        font-size: 14px !important;
        margin-right: 3px !important;
    }
}


/* --- EXACT MOBILE HEADER LAYOUT (AS REQUESTED) --- */
@media (max-width: 767px) {
    #nav-bars {
        min-height: 75px !important;
    }
    #nav-bars .container-fluid {
        position: relative !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 5px 10px !important;
    }
    .navbar-header {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Logo Left */
    .navbar-brand {
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    .navbar-brand img {
        max-width: 115px !important;
    }
    
    /* Hamburger Right */
    .navbar-toggle {
        margin: 0 !important;
        padding: 6px 10px !important;
    }
    
    /* Center Phone Numbers */
    #nav-bars .container-fluid > div:nth-child(2) {
        display: block !important;
        position: absolute !important;
        left: 55% !important;
        top: 15px !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        z-index: 10 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        margin: 0 !important;
        gap: 2px !important;
    }
    .pho-num a {
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        color: #000000 !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
        width: 12px;
        text-align: center;
    }
    
    /* Center Email Us below Phone */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: block !important;
        position: absolute !important;
        left: 55% !important;
        top: 45px !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        z-index: 10 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .cipd-mid-ul {
        margin: 0 !important;
        padding: 0 !important;
    }
    .info-agrade {
        display: flex !important;
        align-items: center !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #0b6291 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: none !important;
    }
    .info-agrade i {
        font-size: 14px !important;
        margin-right: 3px !important;
    }
}


/* Ensure all form inputs have black text so they are readable on white backgrounds */
input, select, textarea, .form-control, 
.banner-section input, .banner-section select, .banner-section textarea,
.ksa-header input, .ksa-header select, .ksa-header textarea,
.uae-header input, .uae-header select, .uae-header textarea,
.uk-header input, .uk-header select, .uk-header textarea {
    color: #000000 !important;
}

/* Ensure placeholders are visible too */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #555555 !important;
  opacity: 1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #555555 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #555555 !important;
}


/* Ensure all form inputs have black text so they are readable on white backgrounds */
input, select, textarea, .form-control, 
.banner-section input, .banner-section select, .banner-section textarea,
.ksa-header input, .ksa-header select, .ksa-header textarea,
.uae-header input, .uae-header select, .uae-header textarea,
.uk-header input, .uk-header select, .uk-header textarea {
    color: #000000 !important;
}

/* Ensure placeholders are visible too */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #555555 !important;
  opacity: 1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #555555 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #555555 !important;
}


/* Revert service-main-head back to white */
.service-main-head {
    color: #ffffff !important;
}


/* Revert service-main-head back to white */
.service-main-head {
    color: #ffffff !important;
}


/* Clean up Mobile Header: Hide redundant Top Bar */
@media (max-width: 767px) {
    .top--nav {
        display: none !important; /* Hide the top bar since contacts are in the main header */
    }
    
    /* Ensure the mobile dropdown menu is perfectly visible below the new layout */
    #navbar, .navbar-collapse.in, .navbar-collapse.collapsing {
        position: absolute !important;
        top: 85px !important; /* Push it below the 75px header */
        left: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        z-index: 999999 !important;
        box-shadow: 0 15px 25px rgba(0,0,0,0.15) !important;
        border-top: 1px solid #ddd !important;
    }
}


/* Clean up Mobile Header: Hide redundant Top Bar */
@media (max-width: 767px) {
    .top--nav {
        display: none !important; /* Hide the top bar since contacts are in the main header */
    }
    
    /* Ensure the mobile dropdown menu is perfectly visible below the new layout */
    #navbar, .navbar-collapse.in, .navbar-collapse.collapsing {
        position: absolute !important;
        top: 85px !important; /* Push it below the 75px header */
        left: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        z-index: 999999 !important;
        box-shadow: 0 15px 25px rgba(0,0,0,0.15) !important;
        border-top: 1px solid #ddd !important;
    }
}


/* ====== FINAL MOBILE HEADER FIX - NO OVERLAP ====== */
@media (max-width: 767px) {
    /* Stretch the navbar to allow wrapping */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        padding: 8px 10px !important;
        height: auto !important;
        min-height: 70px !important;
        gap: 5px !important;
    }
    
    /* REMOVE old absolute positioning completely */
    #nav-bars .container-fluid > div:nth-child(2),
    #nav-bars .container-fluid > div:nth-child(3) {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }
    
    /* The navbar-header (logo + hamburger) */
    .navbar-header {
        display: contents !important;
    }
    
    /* Logo - flex item 1 */
    .navbar-brand {
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        order: 1 !important;
    }
    .navbar-brand img {
        max-width: 110px !important;
        height: auto !important;
    }
    
    /* Phone block - flex item 2 (center) */
    #nav-bars .container-fluid > div:nth-child(2) {
        flex: 1 1 auto !important;
        display: block !important;
        order: 2 !important;
        width: auto !important;
        padding: 0 5px !important;
        margin: 0 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        color: #000000 !important;
        white-space: nowrap !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
    }
    
    /* Email block - flex item 3 (still center, below phone) */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
        order: 3 !important;
    }
    
    /* Hamburger - flex item 4 (far right) */
    .navbar-toggle {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        order: 4 !important;
    }
    
    /* Mobile dropdown menu stays below header */
    #navbar, .navbar-collapse.in, .navbar-collapse.collapsing {
        position: absolute !important;
        top: 70px !important;
        left: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        z-index: 999999 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        border-top: 2px solid #0b6291 !important;
    }
}


/* ====== FINAL MOBILE HEADER FIX - NO OVERLAP ====== */
@media (max-width: 767px) {
    /* Stretch the navbar to allow wrapping */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        padding: 8px 10px !important;
        height: auto !important;
        min-height: 70px !important;
        gap: 5px !important;
    }
    
    /* REMOVE old absolute positioning completely */
    #nav-bars .container-fluid > div:nth-child(2),
    #nav-bars .container-fluid > div:nth-child(3) {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }
    
    /* The navbar-header (logo + hamburger) */
    .navbar-header {
        display: contents !important;
    }
    
    /* Logo - flex item 1 */
    .navbar-brand {
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        order: 1 !important;
    }
    .navbar-brand img {
        max-width: 110px !important;
        height: auto !important;
    }
    
    /* Phone block - flex item 2 (center) */
    #nav-bars .container-fluid > div:nth-child(2) {
        flex: 1 1 auto !important;
        display: block !important;
        order: 2 !important;
        width: auto !important;
        padding: 0 5px !important;
        margin: 0 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        color: #000000 !important;
        white-space: nowrap !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
    }
    
    /* Email block - flex item 3 (still center, below phone) */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
        order: 3 !important;
    }
    
    /* Hamburger - flex item 4 (far right) */
    .navbar-toggle {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        order: 4 !important;
    }
    
    /* Mobile dropdown menu stays below header */
    #navbar, .navbar-collapse.in, .navbar-collapse.collapsing {
        position: absolute !important;
        top: 70px !important;
        left: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        z-index: 999999 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        border-top: 2px solid #0b6291 !important;
    }
}


/* ====== MOBILE SUBMENU - FULL WIDTH, RIGHT ALIGNED ====== */
@media (max-width: 767px) {
    /* Force dropdown menu to be full screen width */
    #navbar.collapse.in,
    #navbar.navbar-collapse.in,
    .navbar-collapse.in {
        position: fixed !important;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        background: #ffffff !important;
        z-index: 999999 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
        border-top: 3px solid #0b6291 !important;
        overflow-y: auto !important;
        max-height: calc(100vh - 70px) !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Full width nav list */
    .navbar-collapse .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    
    /* Each menu item full width */
    .navbar-collapse .navbar-nav > li {
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    /* Menu link text: right-aligned, full width, big and tappable */
    .navbar-collapse .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        text-align: right !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #222222 !important;
        white-space: normal !important;
        word-break: break-word !important;
        background: #ffffff !important;
    }
    .navbar-collapse .navbar-nav > li > a:hover {
        background: #f5f9ff !important;
        color: #0b6291 !important;
    }
    
    /* Dropdown submenu - full width, right aligned */
    .navbar-collapse .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        background: #f5f9ff !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-collapse .navbar-nav .dropdown-menu > li > a {
        display: block !important;
        text-align: right !important;
        padding: 12px 30px !important;
        font-size: 13px !important;
        color: #444444 !important;
        border-bottom: 1px solid #e8e8e8 !important;
        white-space: normal !important;
    }
    .navbar-collapse .navbar-nav .dropdown-menu > li > a:hover {
        color: #0b6291 !important;
        background: #eaf3ff !important;
    }
}


/* ====== MOBILE SUBMENU - FULL WIDTH, RIGHT ALIGNED ====== */
@media (max-width: 767px) {
    /* Force dropdown menu to be full screen width */
    #navbar.collapse.in,
    #navbar.navbar-collapse.in,
    .navbar-collapse.in {
        position: fixed !important;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        background: #ffffff !important;
        z-index: 999999 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
        border-top: 3px solid #0b6291 !important;
        overflow-y: auto !important;
        max-height: calc(100vh - 70px) !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Full width nav list */
    .navbar-collapse .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    
    /* Each menu item full width */
    .navbar-collapse .navbar-nav > li {
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    /* Menu link text: right-aligned, full width, big and tappable */
    .navbar-collapse .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        text-align: right !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #222222 !important;
        white-space: normal !important;
        word-break: break-word !important;
        background: #ffffff !important;
    }
    .navbar-collapse .navbar-nav > li > a:hover {
        background: #f5f9ff !important;
        color: #0b6291 !important;
    }
    
    /* Dropdown submenu - full width, right aligned */
    .navbar-collapse .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        background: #f5f9ff !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-collapse .navbar-nav .dropdown-menu > li > a {
        display: block !important;
        text-align: right !important;
        padding: 12px 30px !important;
        font-size: 13px !important;
        color: #444444 !important;
        border-bottom: 1px solid #e8e8e8 !important;
        white-space: normal !important;
    }
    .navbar-collapse .navbar-nav .dropdown-menu > li > a:hover {
        color: #0b6291 !important;
        background: #eaf3ff !important;
    }
}


/* ====== SUBMENU ALIGNMENT FIX - Avoid chat widget overlap ====== */
@media (max-width: 767px) {
    /* Add right padding so text is not hidden behind the chat widget */
    .navbar-collapse .navbar-nav > li > a {
        padding-right: 70px !important; /* Push text away from chat widget */
        text-align: right !important;
    }
    .navbar-collapse .navbar-nav .dropdown-menu > li > a {
        padding-right: 70px !important;
        text-align: right !important;
    }
    /* Fix misaligned review stars block if inside menu */
    .navbar-collapse .navbar-nav > li .child-check,
    .navbar-collapse .navbar-nav > li .review-block {
        text-align: right !important;
        padding-right: 70px !important;
    }
}


/* ====== SUBMENU ALIGNMENT FIX - Avoid chat widget overlap ====== */
@media (max-width: 767px) {
    /* Add right padding so text is not hidden behind the chat widget */
    .navbar-collapse .navbar-nav > li > a {
        padding-right: 70px !important; /* Push text away from chat widget */
        text-align: right !important;
    }
    .navbar-collapse .navbar-nav .dropdown-menu > li > a {
        padding-right: 70px !important;
        text-align: right !important;
    }
    /* Fix misaligned review stars block if inside menu */
    .navbar-collapse .navbar-nav > li .child-check,
    .navbar-collapse .navbar-nav > li .review-block {
        text-align: right !important;
        padding-right: 70px !important;
    }
}


/* ====== COMPLETE MOBILE SUBMENU OVERHAUL ====== */
@media (max-width: 767px) {

    /* 1. Hide Reviews stars link on mobile (it's for desktop only) */
    .link-review, .d-none {
        display: none !important;
    }

    /* 2. Remove the col-sm-6 wrapper constraint so #navbar expands properly */
    #nav-bars .col-sm-6.no-gutter {
        position: static !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* 3. The dropdown panel itself */
    #navbar.navbar-collapse.in,
    #navbar.navbar-collapse.collapsing {
        position: fixed !important;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100% !important;
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        z-index: 1000000 !important;
        box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
        border-top: 3px solid #0b6291 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 4. The <ul> list of menu items */
    #navbar .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    /* 5. Each menu <li> item */
    #navbar .navbar-nav > li {
        width: 100% !important;
        float: none !important;
        display: block !important;
        border-bottom: 1px solid #eeeeee !important;
        margin: 0 !important;
    }

    /* 6. Each menu <a> link */
    #navbar .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #222222 !important;
        background: #ffffff !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
    #navbar .navbar-nav > li > a:hover,
    #navbar .navbar-nav > li > a:focus {
        background: #f0f7ff !important;
        color: #0b6291 !important;
    }

    /* 7. Green Order Now button on mobile */
    #navbar .navbar-nav > li.active.visible-xs > a {
        background: #0f8217 !important;
        color: #ffffff !important;
        text-align: center !important;
        margin: 10px 15px !important;
        border-radius: 4px !important;
        padding: 12px 20px !important;
        width: calc(100% - 30px) !important;
    }

    /* 8. Services Dropdown submenu */
    #navbar .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: #f5f9ff !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: none;
    }
    #navbar .navbar-nav .open > .dropdown-menu {
        display: block !important;
    }
    #navbar .navbar-nav .dropdown-menu .dropdown-item,
    #navbar .navbar-nav .dropdown-menu a {
        display: block !important;
        padding: 12px 30px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #0b6291 !important;
        border-bottom: 1px solid #e8f0fb !important;
        text-align: left !important;
        background: transparent !important;
    }
    #navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
    #navbar .navbar-nav .dropdown-menu a:hover {
        background: #e0eeff !important;
    }
}


/* ====== COMPLETE MOBILE SUBMENU OVERHAUL ====== */
@media (max-width: 767px) {

    /* 1. Hide Reviews stars link on mobile (it's for desktop only) */
    .link-review, .d-none {
        display: none !important;
    }

    /* 2. Remove the col-sm-6 wrapper constraint so #navbar expands properly */
    #nav-bars .col-sm-6.no-gutter {
        position: static !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* 3. The dropdown panel itself */
    #navbar.navbar-collapse.in,
    #navbar.navbar-collapse.collapsing {
        position: fixed !important;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100% !important;
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        z-index: 1000000 !important;
        box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
        border-top: 3px solid #0b6291 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 4. The <ul> list of menu items */
    #navbar .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    /* 5. Each menu <li> item */
    #navbar .navbar-nav > li {
        width: 100% !important;
        float: none !important;
        display: block !important;
        border-bottom: 1px solid #eeeeee !important;
        margin: 0 !important;
    }

    /* 6. Each menu <a> link */
    #navbar .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #222222 !important;
        background: #ffffff !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
    #navbar .navbar-nav > li > a:hover,
    #navbar .navbar-nav > li > a:focus {
        background: #f0f7ff !important;
        color: #0b6291 !important;
    }

    /* 7. Green Order Now button on mobile */
    #navbar .navbar-nav > li.active.visible-xs > a {
        background: #0f8217 !important;
        color: #ffffff !important;
        text-align: center !important;
        margin: 10px 15px !important;
        border-radius: 4px !important;
        padding: 12px 20px !important;
        width: calc(100% - 30px) !important;
    }

    /* 8. Services Dropdown submenu */
    #navbar .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: #f5f9ff !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: none;
    }
    #navbar .navbar-nav .open > .dropdown-menu {
        display: block !important;
    }
    #navbar .navbar-nav .dropdown-menu .dropdown-item,
    #navbar .navbar-nav .dropdown-menu a {
        display: block !important;
        padding: 12px 30px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #0b6291 !important;
        border-bottom: 1px solid #e8f0fb !important;
        text-align: left !important;
        background: transparent !important;
    }
    #navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
    #navbar .navbar-nav .dropdown-menu a:hover {
        background: #e0eeff !important;
    }
}


/* ====== MOBILE MENU - RIGHT SIDE DRAWER (Tapable to close) ====== */
@media (max-width: 767px) {
    #navbar.navbar-collapse.in,
    #navbar.navbar-collapse.collapsing {
        position: fixed !important;
        top: 70px !important;
        right: 0 !important;
        left: auto !important;  /* NOT full width - drawer from right */
        width: 75% !important;  /* 75% width so left 25% is visible to tap & close */
        max-width: 280px !important;
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        z-index: 1000000 !important;
        box-shadow: -5px 0 20px rgba(0,0,0,0.18) !important;
        border-top: 3px solid #0b6291 !important;
        border-left: 1px solid #e0e0e0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 0 0 8px !important;
    }

    /* All nav items stay left-aligned inside the drawer */
    #navbar .navbar-nav > li > a {
        text-align: left !important;
        padding: 14px 20px !important;
        padding-right: 15px !important; /* no need for large right padding now */
    }
    #navbar .navbar-nav .dropdown-menu .dropdown-item,
    #navbar .navbar-nav .dropdown-menu a {
        text-align: left !important;
        padding: 12px 20px 12px 30px !important;
    }
}


/* ====== MOBILE MENU - RIGHT SIDE DRAWER (Tapable to close) ====== */
@media (max-width: 767px) {
    #navbar.navbar-collapse.in,
    #navbar.navbar-collapse.collapsing {
        position: fixed !important;
        top: 70px !important;
        right: 0 !important;
        left: auto !important;  /* NOT full width - drawer from right */
        width: 75% !important;  /* 75% width so left 25% is visible to tap & close */
        max-width: 280px !important;
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        z-index: 1000000 !important;
        box-shadow: -5px 0 20px rgba(0,0,0,0.18) !important;
        border-top: 3px solid #0b6291 !important;
        border-left: 1px solid #e0e0e0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 0 0 8px !important;
    }

    /* All nav items stay left-aligned inside the drawer */
    #navbar .navbar-nav > li > a {
        text-align: left !important;
        padding: 14px 20px !important;
        padding-right: 15px !important; /* no need for large right padding now */
    }
    #navbar .navbar-nav .dropdown-menu .dropdown-item,
    #navbar .navbar-nav .dropdown-menu a {
        text-align: left !important;
        padding: 12px 20px 12px 30px !important;
    }
}


/* ====== HIDE CHAT WIDGET WHEN MOBILE MENU IS OPEN ====== */
/* When navbar is expanded on mobile, push chat widget behind overlay */
@media (max-width: 767px) {
    /* Hide the Reviews stars item inside mobile menu */
    .link-review {
        display: none !important;
    }
    #navbar .navbar-nav > li > .link-review {
        display: none !important;
    }
    /* Hide the entire li containing Reviews stars */
    #navbar .navbar-nav > li:has(.link-review) {
        display: none !important;
    }
    
    /* When menu is open, push chat widget behind the overlay using z-index */
    /* The overlay is z-index: 999998, menu is 1000000 */
    /* Chat widgets typically have high z-index so we need to override */
    body.menu-open .zsiq_floatmain,
    body.menu-open [id*="chat"],
    body.menu-open [class*="livechat"],
    body.menu-open [id*="fc_frame"],
    body.menu-open [id*="tawk"],
    body.menu-open iframe[id*="chat"],
    body.menu-open iframe[title*="chat"],
    body.menu-open iframe[title*="Chat"] {
        z-index: 1 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}


/* ====== HIDE CHAT WIDGET WHEN MOBILE MENU IS OPEN ====== */
/* When navbar is expanded on mobile, push chat widget behind overlay */
@media (max-width: 767px) {
    /* Hide the Reviews stars item inside mobile menu */
    .link-review {
        display: none !important;
    }
    #navbar .navbar-nav > li > .link-review {
        display: none !important;
    }
    /* Hide the entire li containing Reviews stars */
    #navbar .navbar-nav > li:has(.link-review) {
        display: none !important;
    }
    
    /* When menu is open, push chat widget behind the overlay using z-index */
    /* The overlay is z-index: 999998, menu is 1000000 */
    /* Chat widgets typically have high z-index so we need to override */
    body.menu-open .zsiq_floatmain,
    body.menu-open [id*="chat"],
    body.menu-open [class*="livechat"],
    body.menu-open [id*="fc_frame"],
    body.menu-open [id*="tawk"],
    body.menu-open iframe[id*="chat"],
    body.menu-open iframe[title*="chat"],
    body.menu-open iframe[title*="Chat"] {
        z-index: 1 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}


/* ====== HIDE TAWK.TO CHAT WIDGET WHEN MOBILE MENU IS OPEN ====== */
@media (max-width: 767px) {
    body.menu-open #tawk-widget-container,
    body.menu-open [id^='tawk'],
    body.menu-open iframe[title*='chat' i],
    body.menu-open iframe[src*='tawk'] {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: 1 !important;
    }
}


/* ====== HIDE TAWK.TO CHAT WIDGET WHEN MOBILE MENU IS OPEN ====== */
@media (max-width: 767px) {
    body.menu-open #tawk-widget-container,
    body.menu-open [id^='tawk'],
    body.menu-open iframe[title*='chat' i],
    body.menu-open iframe[src*='tawk'] {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: 1 !important;
    }
}


/* ====== FIX DOUBLE ORDER NOW BUTTON IN MOBILE MENU ====== */
@media (max-width: 767px) {
    /* Hide the desktop-only Order Now button (hidden-xs should already do this but our overrides broke it) */
    #navbar .navbar-nav > li.hidden-xs {
        display: none !important;
    }
    /* Make sure the mobile Order Now button (visible-xs) shows properly */
    #navbar .navbar-nav > li.visible-xs {
        display: block !important;
    }
}
/* On desktop, hide the mobile-only button */
@media (min-width: 768px) {
    #navbar .navbar-nav > li.visible-xs {
        display: none !important;
    }
    #navbar .navbar-nav > li.hidden-xs {
        display: block !important;
    }
}


/* ====== FIX DOUBLE ORDER NOW BUTTON IN MOBILE MENU ====== */
@media (max-width: 767px) {
    /* Hide the desktop-only Order Now button (hidden-xs should already do this but our overrides broke it) */
    #navbar .navbar-nav > li.hidden-xs {
        display: none !important;
    }
    /* Make sure the mobile Order Now button (visible-xs) shows properly */
    #navbar .navbar-nav > li.visible-xs {
        display: block !important;
    }
}
/* On desktop, hide the mobile-only button */
@media (min-width: 768px) {
    #navbar .navbar-nav > li.visible-xs {
        display: none !important;
    }
    #navbar .navbar-nav > li.hidden-xs {
        display: block !important;
    }
}


/* ====== FINAL MOBILE HEADER - LOGO LEFT | NUMBERS CENTER | ICON RIGHT ====== */
@media (max-width: 767px) {

    #nav-bars {
        min-height: 65px !important;
    }

    /* Make the whole nav container a 3-column flex layout */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 12px !important;
        height: auto !important;
        flex-wrap: nowrap !important;
    }

    /* COLUMN 1: Logo - Left (33%) */
    .navbar-header {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        order: 1 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-brand {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        display: block !important;
    }
    .navbar-brand img {
        max-width: 100px !important;
        width: 100px !important;
        height: auto !important;
    }
    /* Move hamburger OUT of the header so it goes to column 3 */
    .navbar-toggle {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        float: none !important;
        display: block !important;
        border: 1px solid #cccccc !important;
        border-radius: 4px !important;
        background: #fff !important;
    }
    .navbar-toggle .icon-bar {
        background-color: #555 !important;
    }

    /* COLUMN 2: Phone Numbers - Center (auto, centered with flex) */
    #nav-bars .container-fluid > div:nth-child(2) {
        order: 2 !important;
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        padding: 0 10px !important;
        margin: 0 !important;
        width: auto !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        color: #222222 !important;
        white-space: nowrap !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
        font-size: 12px !important;
    }

    /* COLUMN 3: Email block - HIDE (redundant) */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
        order: 4 !important;
    }

    /* Dropdown stays below the full header */
    #navbar.navbar-collapse.in,
    #navbar.navbar-collapse.collapsing {
        position: fixed !important;
        top: 65px !important;
        right: 0 !important;
        left: auto !important;
        width: 75% !important;
        max-width: 280px !important;
        max-height: calc(100vh - 65px) !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        z-index: 1000000 !important;
        box-shadow: -4px 4px 20px rgba(0,0,0,0.15) !important;
        border-top: 3px solid #0b6291 !important;
        border-left: 1px solid #e0e0e0 !important;
        border-radius: 0 0 0 8px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}


/* ====== FINAL MOBILE HEADER - LOGO LEFT | NUMBERS CENTER | ICON RIGHT ====== */
@media (max-width: 767px) {

    #nav-bars {
        min-height: 65px !important;
    }

    /* Make the whole nav container a 3-column flex layout */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 12px !important;
        height: auto !important;
        flex-wrap: nowrap !important;
    }

    /* COLUMN 1: Logo - Left (33%) */
    .navbar-header {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        order: 1 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-brand {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        display: block !important;
    }
    .navbar-brand img {
        max-width: 100px !important;
        width: 100px !important;
        height: auto !important;
    }
    /* Move hamburger OUT of the header so it goes to column 3 */
    .navbar-toggle {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        float: none !important;
        display: block !important;
        border: 1px solid #cccccc !important;
        border-radius: 4px !important;
        background: #fff !important;
    }
    .navbar-toggle .icon-bar {
        background-color: #555 !important;
    }

    /* COLUMN 2: Phone Numbers - Center (auto, centered with flex) */
    #nav-bars .container-fluid > div:nth-child(2) {
        order: 2 !important;
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        padding: 0 10px !important;
        margin: 0 !important;
        width: auto !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        color: #222222 !important;
        white-space: nowrap !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
        font-size: 12px !important;
    }

    /* COLUMN 3: Email block - HIDE (redundant) */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
        order: 4 !important;
    }

    /* Dropdown stays below the full header */
    #navbar.navbar-collapse.in,
    #navbar.navbar-collapse.collapsing {
        position: fixed !important;
        top: 65px !important;
        right: 0 !important;
        left: auto !important;
        width: 75% !important;
        max-width: 280px !important;
        max-height: calc(100vh - 65px) !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        z-index: 1000000 !important;
        box-shadow: -4px 4px 20px rgba(0,0,0,0.15) !important;
        border-top: 3px solid #0b6291 !important;
        border-left: 1px solid #e0e0e0 !important;
        border-radius: 0 0 0 8px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}


/* ====== LOCK LOGO TO LEFT SIDE ALWAYS ====== */
@media (max-width: 767px) {
    .navbar-header {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: 110px !important;
        margin-right: auto !important; /* Push everything else to the right */
        order: 1 !important;
    }
    .navbar-brand {
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-brand img {
        max-width: 100px !important;
        width: 100px !important;
        display: block !important;
    }
    /* Phone block stays in middle */
    #nav-bars .container-fluid > div:nth-child(2) {
        flex: 0 0 auto !important;
        order: 2 !important;
        padding: 0 8px !important;
    }
    /* Hamburger locked to right */
    .navbar-toggle {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }
}


/* ====== LOCK LOGO TO LEFT SIDE ALWAYS ====== */
@media (max-width: 767px) {
    .navbar-header {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: 110px !important;
        margin-right: auto !important; /* Push everything else to the right */
        order: 1 !important;
    }
    .navbar-brand {
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-brand img {
        max-width: 100px !important;
        width: 100px !important;
        display: block !important;
    }
    /* Phone block stays in middle */
    #nav-bars .container-fluid > div:nth-child(2) {
        flex: 0 0 auto !important;
        order: 2 !important;
        padding: 0 8px !important;
    }
    /* Hamburger locked to right */
    .navbar-toggle {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }
}


/* ====== MATCH SCREENSHOT LAYOUT EXACTLY ====== */
@media (max-width: 767px) {
    
    /* Full container as flexbox */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 10px !important;
        flex-wrap: nowrap !important;
    }
    
    /* Logo: Far LEFT */
    .navbar-header {
        order: 1 !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-brand {
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }
    .navbar-brand img {
        width: 100px !important;
        max-width: 100px !important;
        height: auto !important;
    }
    
    /* Phone numbers: Push to right side (before hamburger) */
    #nav-bars .container-fluid > div:nth-child(2) {
        order: 2 !important;
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-end !important; /* Align to RIGHT */
        align-items: center !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 10px 0 0 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #222222 !important;
        white-space: nowrap !important;
        line-height: 1.5 !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
        margin-right: 3px !important;
    }
    
    /* Email block: hide */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
    
    /* Hamburger: Far RIGHT */
    .navbar-toggle {
        order: 3 !important;
        flex: 0 0 auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        border: 1px solid #cccccc !important;
        border-radius: 4px !important;
        background: #fff !important;
    }
    .navbar-toggle .icon-bar {
        background-color: #444 !important;
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 1px !important;
        margin: 4px 0 !important;
    }
}


/* ====== MATCH SCREENSHOT LAYOUT EXACTLY ====== */
@media (max-width: 767px) {
    
    /* Full container as flexbox */
    #nav-bars .container-fluid {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 10px !important;
        flex-wrap: nowrap !important;
    }
    
    /* Logo: Far LEFT */
    .navbar-header {
        order: 1 !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-brand {
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }
    .navbar-brand img {
        width: 100px !important;
        max-width: 100px !important;
        height: auto !important;
    }
    
    /* Phone numbers: Push to right side (before hamburger) */
    #nav-bars .container-fluid > div:nth-child(2) {
        order: 2 !important;
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-end !important; /* Align to RIGHT */
        align-items: center !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 10px 0 0 !important;
    }
    .pho-num {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
        margin: 0 !important;
    }
    .pho-num a {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #222222 !important;
        white-space: nowrap !important;
        line-height: 1.5 !important;
    }
    .pho-num a i {
        color: #0b6291 !important;
        margin-right: 3px !important;
    }
    
    /* Email block: hide */
    #nav-bars .container-fluid > div:nth-child(3) {
        display: none !important;
    }
    
    /* Hamburger: Far RIGHT */
    .navbar-toggle {
        order: 3 !important;
        flex: 0 0 auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        border: 1px solid #cccccc !important;
        border-radius: 4px !important;
        background: #fff !important;
    }
    .navbar-toggle .icon-bar {
        background-color: #444 !important;
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 1px !important;
        margin: 4px 0 !important;
    }
}


/* ====== PHONE NUMBERS IN MIDDLE ====== */
@media (max-width: 767px) {
    #nav-bars .container-fluid > div:nth-child(2) {
        justify-content: center !important;
        padding: 0 !important;
    }
}


/* ====== PHONE NUMBERS IN MIDDLE ====== */
@media (max-width: 767px) {
    #nav-bars .container-fluid > div:nth-child(2) {
        justify-content: center !important;
        padding: 0 !important;
    }
}


/* ====== MOBILE HERO SECTION - COMPLETE REDESIGN ====== */
@media (max-width: 767px) {

    /* --- All hero/banner wrappers --- */
    .cipd-banner-1, .ksa-header, .uae-header, .uk-header,
    .qatar-header, .oman-header, .ireland-header, .bahrain-header,
    .usa-header, .banner-section, .cipd-head-banner-1 {
        padding: 30px 15px 40px 15px !important;
        overflow: hidden !important;
    }

    /* Stack columns vertically, full width */
    .cipd-banner-1 .col-sm-6,
    .ksa-header .col-sm-6,
    .ksa-header .col-sm-5,
    .uae-header .col-sm-6,
    .uae-header .col-sm-5,
    .uk-header .col-sm-6,
    .banner-section .col-sm-6,
    .cipd-head-banner-1 .col-sm-6 {
        width: 100% !important;
        float: none !important;
        padding: 0 10px !important;
    }

    /* Heading - responsive size */
    .service-main-head,
    .cipd-banner-1 h1,
    .ksa-header h1,
    .banner-section h1 {
        font-size: 22px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        margin-bottom: 12px !important;
        color: #ffffff !important;
    }

    /* Paragraph text */
    .cipd-banner-1 p,
    .ksa-header p,
    .banner-section p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        color: #ffffff !important;
    }

    /* Stats icons row */
    .ksa-header .row.text-white,
    .p-t-40 {
        margin-top: 15px !important;
        padding-top: 0 !important;
    }
    .ksa-header .col-md-6 {
        width: 50% !important;
        float: left !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        padding: 0 5px !important;
    }
    .ksa-header .col-md-6 span.expert {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }
    .ksa-header .col-md-6 p {
        font-size: 11px !important;
        color: #ffffff !important;
        text-align: center !important;
    }

    /* Live Chat & Order Now buttons - centered, full width on mobile */
    .ksa-header .col-md-12.p-t-40 {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        padding-top: 15px !important;
        display: flex !important;
        gap: 10px !important;
        justify-content: center !important;
    }
    .btn-header {
        flex: 1 !important;
        max-width: 140px !important;
        text-align: center !important;
        padding: 10px 15px !important;
        font-size: 13px !important;
    }

    /* Quote form - full width, below content */
    .cipd-country-form {
        width: 100% !important;
        margin-top: 25px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
    }

    /* Dropcap watermark - smaller on mobile */
    .span-dropcap {
        font-size: 60px !important;
        line-height: 1 !important;
        float: left !important;
        width: auto !important;
        margin-right: 8px !important;
        color: rgba(0,0,0,0.08) !important; /* faded watermark effect */
    }
    h1.droped {
        text-align: left !important;
        font-size: 22px !important;
        line-height: 1.3 !important;
        overflow: hidden !important;
        color: #ffffff !important;
    }
}


/* ====== MOBILE HERO SECTION - COMPLETE REDESIGN ====== */
@media (max-width: 767px) {

    /* --- All hero/banner wrappers --- */
    .cipd-banner-1, .ksa-header, .uae-header, .uk-header,
    .qatar-header, .oman-header, .ireland-header, .bahrain-header,
    .usa-header, .banner-section, .cipd-head-banner-1 {
        padding: 30px 15px 40px 15px !important;
        overflow: hidden !important;
    }

    /* Stack columns vertically, full width */
    .cipd-banner-1 .col-sm-6,
    .ksa-header .col-sm-6,
    .ksa-header .col-sm-5,
    .uae-header .col-sm-6,
    .uae-header .col-sm-5,
    .uk-header .col-sm-6,
    .banner-section .col-sm-6,
    .cipd-head-banner-1 .col-sm-6 {
        width: 100% !important;
        float: none !important;
        padding: 0 10px !important;
    }

    /* Heading - responsive size */
    .service-main-head,
    .cipd-banner-1 h1,
    .ksa-header h1,
    .banner-section h1 {
        font-size: 22px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        margin-bottom: 12px !important;
        color: #ffffff !important;
    }

    /* Paragraph text */
    .cipd-banner-1 p,
    .ksa-header p,
    .banner-section p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        color: #ffffff !important;
    }

    /* Stats icons row */
    .ksa-header .row.text-white,
    .p-t-40 {
        margin-top: 15px !important;
        padding-top: 0 !important;
    }
    .ksa-header .col-md-6 {
        width: 50% !important;
        float: left !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        padding: 0 5px !important;
    }
    .ksa-header .col-md-6 span.expert {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }
    .ksa-header .col-md-6 p {
        font-size: 11px !important;
        color: #ffffff !important;
        text-align: center !important;
    }

    /* Live Chat & Order Now buttons - centered, full width on mobile */
    .ksa-header .col-md-12.p-t-40 {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        padding-top: 15px !important;
        display: flex !important;
        gap: 10px !important;
        justify-content: center !important;
    }
    .btn-header {
        flex: 1 !important;
        max-width: 140px !important;
        text-align: center !important;
        padding: 10px 15px !important;
        font-size: 13px !important;
    }

    /* Quote form - full width, below content */
    .cipd-country-form {
        width: 100% !important;
        margin-top: 25px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
    }

    /* Dropcap watermark - smaller on mobile */
    .span-dropcap {
        font-size: 60px !important;
        line-height: 1 !important;
        float: left !important;
        width: auto !important;
        margin-right: 8px !important;
        color: rgba(0,0,0,0.08) !important; /* faded watermark effect */
    }
    h1.droped {
        text-align: left !important;
        font-size: 22px !important;
        line-height: 1.3 !important;
        overflow: hidden !important;
        color: #ffffff !important;
    }
}


/* ====== HOME PAGE HERO (banner-section) - MOBILE FIX ====== */
@media (max-width: 767px) {

    .banner-section {
        padding: 20px 15px 40px 15px !important;
        overflow: hidden !important;
    }

    /* Remove the 80px top padding spacer */
    .banner-section .clearfix[style] {
        padding-top: 0 !important;
    }

    /* The main h1 heading wrapper */
    h1.droped {
        display: block !important;
        text-align: center !important;
        margin: 0 0 15px 0 !important;
        overflow: visible !important;
    }

    /* Dropcap 'Trusted' - make small watermark */
    .span-dropcap {
        float: none !important;
        display: block !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: rgba(255,255,255,0.4) !important;
        letter-spacing: 4px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    /* The main heading text (CIPD Assignment Help...) */
    h1.droped > span:not(.span-dropcap) {
        display: block !important;
        padding-left: 0 !important;
        text-align: center !important;
        font-size: 22px !important;
        line-height: 1.4 !important;
        color: #ffffff !important;
        width: 100% !important;
    }

    /* HR line */
    .banner-section hr {
        margin: 10px 0 !important;
        border-color: #0b6291 !important;
    }

    /* Paragraph text */
    .banner-section p {
        font-size: 13px !important;
        text-align: center !important;
        color: #ffffff !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
    }

    /* Buttons */
    .banner-section .btn-1,
    .banner-section .btn-2 {
        display: inline-block !important;
        margin: 5px !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* Stack the two columns */
    .banner-section .col-lg-6,
    .banner-section .col-md-6,
    .banner-section .col-sm-12 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
}


/* ====== HOME PAGE HERO (banner-section) - MOBILE FIX ====== */
@media (max-width: 767px) {

    .banner-section {
        padding: 20px 15px 40px 15px !important;
        overflow: hidden !important;
    }

    /* Remove the 80px top padding spacer */
    .banner-section .clearfix[style] {
        padding-top: 0 !important;
    }

    /* The main h1 heading wrapper */
    h1.droped {
        display: block !important;
        text-align: center !important;
        margin: 0 0 15px 0 !important;
        overflow: visible !important;
    }

    /* Dropcap 'Trusted' - make small watermark */
    .span-dropcap {
        float: none !important;
        display: block !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: rgba(255,255,255,0.4) !important;
        letter-spacing: 4px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    /* The main heading text (CIPD Assignment Help...) */
    h1.droped > span:not(.span-dropcap) {
        display: block !important;
        padding-left: 0 !important;
        text-align: center !important;
        font-size: 22px !important;
        line-height: 1.4 !important;
        color: #ffffff !important;
        width: 100% !important;
    }

    /* HR line */
    .banner-section hr {
        margin: 10px 0 !important;
        border-color: #0b6291 !important;
    }

    /* Paragraph text */
    .banner-section p {
        font-size: 13px !important;
        text-align: center !important;
        color: #ffffff !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
    }

    /* Buttons */
    .banner-section .btn-1,
    .banner-section .btn-2 {
        display: inline-block !important;
        margin: 5px !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* Stack the two columns */
    .banner-section .col-lg-6,
    .banner-section .col-md-6,
    .banner-section .col-sm-12 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
}


/* ====== HOME HERO SECTION - FULL MOBILE RESPONSIVE + TRUSTED HIGHLIGHT ====== */
@media (max-width: 767px) {

    /* Hero section container */
    .banner-section {
        padding: 25px 15px 35px 15px !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    /* Remove excessive top spacer */
    .banner-section .clearfix {
        padding-top: 0 !important;
        margin: 0 !important;
    }

    /* Heading wrapper */
    h1.droped {
        display: block !important;
        text-align: center !important;
        margin: 0 0 12px 0 !important;
        overflow: visible !important;
        line-height: 1.4 !important;
    }

    /* TRUSTED - Highlighted badge style */
    .span-dropcap {
        float: none !important;
        display: inline-block !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        background: rgba(255,255,255,0.25) !important;
        border: 2px solid rgba(255,255,255,0.6) !important;
        border-radius: 20px !important;
        padding: 3px 14px !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        margin: 0 auto 10px auto !important;
        width: auto !important;
        line-height: 1.6 !important;
    }

    /* Main heading text after Trusted */
    h1.droped > span:last-child {
        display: block !important;
        padding-left: 0 !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        color: #ffffff !important;
        width: 100% !important;
        word-break: break-word !important;
    }

    /* HR divider */
    .banner-section hr {
        margin: 12px auto !important;
        max-width: 80% !important;
        border-color: rgba(255,255,255,0.4) !important;
    }

    /* Paragraph text */
    .banner-section p {
        font-size: 13px !important;
        text-align: center !important;
        color: #ffffff !important;
        line-height: 1.7 !important;
        margin-bottom: 12px !important;
    }

    /* Stats / icons row */
    .banner-section .row {
        margin: 0 !important;
    }

    /* Full width columns, stacked */
    .banner-section .col-lg-6,
    .banner-section .col-md-6,
    .banner-section .col-sm-12,
    .banner-section .col-xs-12 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    /* Buttons row */
    .banner-section .btn-1,
    .banner-section .btn-2,
    .banner-section a.btn {
        display: inline-block !important;
        margin: 6px 5px !important;
        padding: 11px 22px !important;
        font-size: 14px !important;
        border-radius: 4px !important;
        width: calc(50% - 20px) !important;
        text-align: center !important;
    }

    /* Any form in the hero section */
    .banner-section form,
    .banner-section .cipd-country-form {
        width: 100% !important;
        margin-top: 20px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
    }

    /* Form inputs */
    .banner-section .form-control {
        margin-bottom: 10px !important;
        font-size: 13px !important;
    }

    /* Hide right empty column if it exists */
    .banner-section .col-lg-6:empty,
    .banner-section .col-md-6:empty {
        display: none !important;
    }
}


/* ====== HOME HERO SECTION - FULL MOBILE RESPONSIVE + TRUSTED HIGHLIGHT ====== */
@media (max-width: 767px) {

    /* Hero section container */
    .banner-section {
        padding: 25px 15px 35px 15px !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    /* Remove excessive top spacer */
    .banner-section .clearfix {
        padding-top: 0 !important;
        margin: 0 !important;
    }

    /* Heading wrapper */
    h1.droped {
        display: block !important;
        text-align: center !important;
        margin: 0 0 12px 0 !important;
        overflow: visible !important;
        line-height: 1.4 !important;
    }

    /* TRUSTED - Highlighted badge style */
    .span-dropcap {
        float: none !important;
        display: inline-block !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        background: rgba(255,255,255,0.25) !important;
        border: 2px solid rgba(255,255,255,0.6) !important;
        border-radius: 20px !important;
        padding: 3px 14px !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        margin: 0 auto 10px auto !important;
        width: auto !important;
        line-height: 1.6 !important;
    }

    /* Main heading text after Trusted */
    h1.droped > span:last-child {
        display: block !important;
        padding-left: 0 !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        color: #ffffff !important;
        width: 100% !important;
        word-break: break-word !important;
    }

    /* HR divider */
    .banner-section hr {
        margin: 12px auto !important;
        max-width: 80% !important;
        border-color: rgba(255,255,255,0.4) !important;
    }

    /* Paragraph text */
    .banner-section p {
        font-size: 13px !important;
        text-align: center !important;
        color: #ffffff !important;
        line-height: 1.7 !important;
        margin-bottom: 12px !important;
    }

    /* Stats / icons row */
    .banner-section .row {
        margin: 0 !important;
    }

    /* Full width columns, stacked */
    .banner-section .col-lg-6,
    .banner-section .col-md-6,
    .banner-section .col-sm-12,
    .banner-section .col-xs-12 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    /* Buttons row */
    .banner-section .btn-1,
    .banner-section .btn-2,
    .banner-section a.btn {
        display: inline-block !important;
        margin: 6px 5px !important;
        padding: 11px 22px !important;
        font-size: 14px !important;
        border-radius: 4px !important;
        width: calc(50% - 20px) !important;
        text-align: center !important;
    }

    /* Any form in the hero section */
    .banner-section form,
    .banner-section .cipd-country-form {
        width: 100% !important;
        margin-top: 20px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
    }

    /* Form inputs */
    .banner-section .form-control {
        margin-bottom: 10px !important;
        font-size: 13px !important;
    }

    /* Hide right empty column if it exists */
    .banner-section .col-lg-6:empty,
    .banner-section .col-md-6:empty {
        display: none !important;
    }
}


/* ====================================================
   ATTRACTIVE & RESPONSIVE ENQUIRY FORM DESIGN
   ==================================================== */

/* --- Form Card Wrapper --- */
.cipd-country-form,
.banner-section form,
#form {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
    padding: 25px 20px !important;
    overflow: hidden !important;
}

/* --- Form Heading (HIRE CIPD TUTORS NOW) --- */
.form-heading {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0b6291 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    letter-spacing: 1px !important;
}

/* --- Form Subheading (GUARANTEED GOOD GRADES) --- */
.form-subheading {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #28a745 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 18px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* --- Quote Form Heading --- */
.cipd-country-form .head .heading-1,
.cipd-country-form .heading-1 {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0b6291 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    padding: 10px !important;
    background: #f0f7ff !important;
    border-radius: 8px !important;
    border-left: 4px solid #0b6291 !important;
}

/* --- Input Fields --- */
.form-control,
.cipd-country-form input,
.cipd-country-form select,
.cipd-country-form textarea {
    height: 44px !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 10px 14px 10px 38px !important;
    font-size: 13px !important;
    color: #333 !important;
    background: #fafafa !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.form-control:focus,
.cipd-country-form input:focus,
.cipd-country-form select:focus {
    border-color: #0b6291 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(11,98,145,0.1) !important;
    outline: none !important;
}

/* --- Input icons --- */
.order-icon {
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #0b6291 !important;
    font-size: 14px !important;
    z-index: 2 !important;
}
.inner-addon {
    position: relative !important;
}

/* --- Textarea --- */
.cipd-country-form textarea.form-control,
textarea.form-control {
    height: auto !important;
    min-height: 80px !important;
    resize: vertical !important;
}

/* --- Submit button --- */
.cipd-country-form button[type="submit"],
.cipd-country-form input[type="submit"],
#form button[type="submit"],
#form input[type="submit"],
.btn-submit {
    width: 100% !important;
    background: linear-gradient(135deg, #0b6291, #0d7ab5) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(11,98,145,0.3) !important;
    transition: all 0.3s ease !important;
    margin-top: 8px !important;
}
.cipd-country-form button[type="submit"]:hover,
#form button[type="submit"]:hover {
    background: linear-gradient(135deg, #0d7ab5, #0b6291) !important;
    box-shadow: 0 6px 18px rgba(11,98,145,0.4) !important;
    transform: translateY(-1px) !important;
}

/* --- Price row --- */
.price-row, .price-box {
    display: flex !important;
    justify-content: space-between !important;
    background: #f0f7ff !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    margin: 10px 0 !important;
    font-weight: 700 !important;
    color: #0b6291 !important;
    font-size: 14px !important;
}

/* --- Mobile Responsive Fixes --- */
@media (max-width: 767px) {
    .cipd-country-form,
    .banner-section form {
        margin: 20px 0 0 0 !important;
        padding: 18px 15px !important;
        border-radius: 10px !important;
    }
    /* Stack 2 columns into 1 on mobile */
    .cipd-country-form .col-lg-6,
    .cipd-country-form .col-md-6,
    #form .col-lg-6,
    #form .col-md-6 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .form-heading {
        font-size: 17px !important;
    }
    .form-subheading {
        font-size: 11px !important;
    }
}


/* ====================================================
   ATTRACTIVE & RESPONSIVE ENQUIRY FORM DESIGN
   ==================================================== */

/* --- Form Card Wrapper --- */
.cipd-country-form,
.banner-section form,
#form {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
    padding: 25px 20px !important;
    overflow: hidden !important;
}

/* --- Form Heading (HIRE CIPD TUTORS NOW) --- */
.form-heading {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0b6291 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    letter-spacing: 1px !important;
}

/* --- Form Subheading (GUARANTEED GOOD GRADES) --- */
.form-subheading {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #28a745 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 18px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* --- Quote Form Heading --- */
.cipd-country-form .head .heading-1,
.cipd-country-form .heading-1 {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0b6291 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    padding: 10px !important;
    background: #f0f7ff !important;
    border-radius: 8px !important;
    border-left: 4px solid #0b6291 !important;
}

/* --- Input Fields --- */
.form-control,
.cipd-country-form input,
.cipd-country-form select,
.cipd-country-form textarea {
    height: 44px !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 10px 14px 10px 38px !important;
    font-size: 13px !important;
    color: #333 !important;
    background: #fafafa !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.form-control:focus,
.cipd-country-form input:focus,
.cipd-country-form select:focus {
    border-color: #0b6291 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(11,98,145,0.1) !important;
    outline: none !important;
}

/* --- Input icons --- */
.order-icon {
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #0b6291 !important;
    font-size: 14px !important;
    z-index: 2 !important;
}
.inner-addon {
    position: relative !important;
}

/* --- Textarea --- */
.cipd-country-form textarea.form-control,
textarea.form-control {
    height: auto !important;
    min-height: 80px !important;
    resize: vertical !important;
}

/* --- Submit button --- */
.cipd-country-form button[type="submit"],
.cipd-country-form input[type="submit"],
#form button[type="submit"],
#form input[type="submit"],
.btn-submit {
    width: 100% !important;
    background: linear-gradient(135deg, #0b6291, #0d7ab5) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(11,98,145,0.3) !important;
    transition: all 0.3s ease !important;
    margin-top: 8px !important;
}
.cipd-country-form button[type="submit"]:hover,
#form button[type="submit"]:hover {
    background: linear-gradient(135deg, #0d7ab5, #0b6291) !important;
    box-shadow: 0 6px 18px rgba(11,98,145,0.4) !important;
    transform: translateY(-1px) !important;
}

/* --- Price row --- */
.price-row, .price-box {
    display: flex !important;
    justify-content: space-between !important;
    background: #f0f7ff !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    margin: 10px 0 !important;
    font-weight: 700 !important;
    color: #0b6291 !important;
    font-size: 14px !important;
}

/* --- Mobile Responsive Fixes --- */
@media (max-width: 767px) {
    .cipd-country-form,
    .banner-section form {
        margin: 20px 0 0 0 !important;
        padding: 18px 15px !important;
        border-radius: 10px !important;
    }
    /* Stack 2 columns into 1 on mobile */
    .cipd-country-form .col-lg-6,
    .cipd-country-form .col-md-6,
    #form .col-lg-6,
    #form .col-md-6 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .form-heading {
        font-size: 17px !important;
    }
    .form-subheading {
        font-size: 11px !important;
    }
}


/* ====== FIX FORM TITLE COLORS ON DARK BACKGROUND ====== */

/* HIRE CIPD TUTORS NOW - White on dark bg */
.form-heading {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    letter-spacing: 1px !important;
}

/* GUARANTEED GOOD GRADES - White on dark bg */
.form-subheading {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Fix the form card - ensure it floats above the blue section cleanly */
.cipd-country-form,
.banner-section #form,
.get-can-help form {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.15) !important;
    padding: 25px 20px !important;
    position: relative !important;
    z-index: 10 !important;
    margin-top: 0 !important;
}

/* The heading/title row ABOVE the white form card should be outside it */
.col-lg-12.text-center .form-heading,
.col-md-12.text-center .form-heading,
.col-lg-12.text-center .form-subheading,
.col-md-12.text-center .form-subheading {
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .form-heading {
        font-size: 17px !important;
        color: #ffffff !important;
    }
    .form-subheading {
        font-size: 11px !important;
        color: #ffffff !important;
    }
}


/* ====== FIX FORM TITLE COLORS ON DARK BACKGROUND ====== */

/* HIRE CIPD TUTORS NOW - White on dark bg */
.form-heading {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    letter-spacing: 1px !important;
}

/* GUARANTEED GOOD GRADES - White on dark bg */
.form-subheading {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Fix the form card - ensure it floats above the blue section cleanly */
.cipd-country-form,
.banner-section #form,
.get-can-help form {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.15) !important;
    padding: 25px 20px !important;
    position: relative !important;
    z-index: 10 !important;
    margin-top: 0 !important;
}

/* The heading/title row ABOVE the white form card should be outside it */
.col-lg-12.text-center .form-heading,
.col-md-12.text-center .form-heading,
.col-lg-12.text-center .form-subheading,
.col-md-12.text-center .form-subheading {
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .form-heading {
        font-size: 17px !important;
        color: #ffffff !important;
    }
    .form-subheading {
        font-size: 11px !important;
        color: #ffffff !important;
    }
}


/* ====== FIX FORM ICON OVERLAP ====== */

/* Make the wrapper relative so absolute icon positions correctly */
.inner-addon {
    position: relative !important;
    display: block !important;
}

/* Position icon inside the input on the left */
.inner-addon .order-icon,
.inner-addon .fa {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #0b6291 !important;
    font-size: 14px !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* Give inputs enough left padding so text doesn't go under the icon */
.inner-addon .form-control,
.inner-addon input,
.inner-addon select,
.inner-addon textarea {
    padding-left: 36px !important;
}

/* For select dropdowns, also ensure padding */
.inner-addon select.form-control {
    padding-left: 36px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}


/* ====== FIX FORM ICON OVERLAP ====== */

/* Make the wrapper relative so absolute icon positions correctly */
.inner-addon {
    position: relative !important;
    display: block !important;
}

/* Position icon inside the input on the left */
.inner-addon .order-icon,
.inner-addon .fa {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #0b6291 !important;
    font-size: 14px !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* Give inputs enough left padding so text doesn't go under the icon */
.inner-addon .form-control,
.inner-addon input,
.inner-addon select,
.inner-addon textarea {
    padding-left: 36px !important;
}

/* For select dropdowns, also ensure padding */
.inner-addon select.form-control {
    padding-left: 36px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}


/* ==========================================================================
   PERFECT FORM SPACING, ICON ALIGNMENT & RESPONSIVENESS
   ========================================================================== */

/* Form Heading & Subheading */
.form-heading {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    display: block !important;
    text-align: center !important;
    margin-top: 15px !important;
    margin-bottom: 6px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

.form-subheading {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 24px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    opacity: 0.95 !important;
}

/* Main Form Card Container */
#form,
.cipd-country-form {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18) !important;
    padding: 28px 24px !important;
    margin: 10px 0 25px 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Form Group Vertical Spacing */
.form-group,
#form .form-group,
.cipd-country-form .form-group {
    margin-bottom: 20px !important;
    position: relative !important;
}

/* Inner Addon Relative Wrapper */
.inner-addon {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* Left Icon - Perfectly Aligned & Fixed Width */
.inner-addon .order-icon,
.inner-addon i.fa,
.inner-addon > i {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 16px !important;
    color: #0b6291 !important;
    z-index: 10 !important;
    pointer-events: none !important;
    width: 20px !important;
    text-align: center !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Inputs & Selects - Generous Left Padding to Eliminate ANY Icon Overlap */
.inner-addon .form-control,
.inner-addon input.form-control,
.inner-addon select.form-control,
.inner-addon textarea.form-control,
#form .form-control,
.cipd-country-form .form-control {
    padding-left: 52px !important; /* Icon (16px left + 20px width) + 16px gap */
    padding-right: 16px !important;
    height: 48px !important;
    font-size: 14px !important;
    color: #222222 !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #dbe2ea !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    line-height: normal !important;
    transition: all 0.2s ease-in-out !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.inner-addon select.form-control,
#form select.form-control {
    padding-left: 52px !important;
    padding-right: 32px !important;
}

.inner-addon .form-control:focus,
#form .form-control:focus,
.cipd-country-form .form-control:focus {
    border-color: #0b6291 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(11, 98, 145, 0.15) !important;
    outline: none !important;
}

/* Textarea height & padding */
.inner-addon textarea.form-control,
#form textarea.form-control {
    height: auto !important;
    min-height: 90px !important;
    padding-top: 14px !important;
    padding-left: 52px !important;
}

/* Submit Button */
#form button[type="submit"],
#form input[type="submit"],
.cipd-country-form button[type="submit"],
.cipd-country-form input[type="submit"] {
    width: 100% !important;
    height: 50px !important;
    background: linear-gradient(135deg, #0b6291, #0d7ab5) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(11,98,145,0.3) !important;
    transition: all 0.3s ease !important;
    margin-top: 12px !important;
    display: block !important;
}

#form button[type="submit"]:hover,
#form input[type="submit"]:hover {
    background: linear-gradient(135deg, #0d7ab5, #0b6291) !important;
    box-shadow: 0 6px 18px rgba(11,98,145,0.4) !important;
    transform: translateY(-1px) !important;
}

/* Mobile Specific Adjustments */
@media (max-width: 767px) {
    #form,
    .cipd-country-form {
        padding: 22px 16px !important;
        margin: 15px 0 25px 0 !important;
        border-radius: 10px !important;
    }

    .form-group,
    #form .form-group,
    .cipd-country-form .form-group {
        margin-bottom: 16px !important;
    }

    .inner-addon .form-control,
    .inner-addon input.form-control,
    .inner-addon select.form-control {
        padding-left: 48px !important;
        height: 46px !important;
        font-size: 13.5px !important;
    }

    .inner-addon .order-icon,
    .inner-addon i.fa {
        left: 14px !important;
        font-size: 15px !important;
    }

    .form-heading {
        font-size: 18px !important;
        margin-top: 10px !important;
        margin-bottom: 4px !important;
    }

    .form-subheading {
        font-size: 11px !important;
        margin-bottom: 18px !important;
    }
}


/* ==========================================================================
   PERFECT FORM SPACING, ICON ALIGNMENT & RESPONSIVENESS
   ========================================================================== */

/* Form Heading & Subheading */
.form-heading {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    display: block !important;
    text-align: center !important;
    margin-top: 15px !important;
    margin-bottom: 6px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

.form-subheading {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 24px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    opacity: 0.95 !important;
}

/* Main Form Card Container */
#form,
.cipd-country-form {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18) !important;
    padding: 28px 24px !important;
    margin: 10px 0 25px 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Form Group Vertical Spacing */
.form-group,
#form .form-group,
.cipd-country-form .form-group {
    margin-bottom: 20px !important;
    position: relative !important;
}

/* Inner Addon Relative Wrapper */
.inner-addon {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* Left Icon - Perfectly Aligned & Fixed Width */
.inner-addon .order-icon,
.inner-addon i.fa,
.inner-addon > i {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 16px !important;
    color: #0b6291 !important;
    z-index: 10 !important;
    pointer-events: none !important;
    width: 20px !important;
    text-align: center !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Inputs & Selects - Generous Left Padding to Eliminate ANY Icon Overlap */
.inner-addon .form-control,
.inner-addon input.form-control,
.inner-addon select.form-control,
.inner-addon textarea.form-control,
#form .form-control,
.cipd-country-form .form-control {
    padding-left: 52px !important; /* Icon (16px left + 20px width) + 16px gap */
    padding-right: 16px !important;
    height: 48px !important;
    font-size: 14px !important;
    color: #222222 !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #dbe2ea !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    line-height: normal !important;
    transition: all 0.2s ease-in-out !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.inner-addon select.form-control,
#form select.form-control {
    padding-left: 52px !important;
    padding-right: 32px !important;
}

.inner-addon .form-control:focus,
#form .form-control:focus,
.cipd-country-form .form-control:focus {
    border-color: #0b6291 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(11, 98, 145, 0.15) !important;
    outline: none !important;
}

/* Textarea height & padding */
.inner-addon textarea.form-control,
#form textarea.form-control {
    height: auto !important;
    min-height: 90px !important;
    padding-top: 14px !important;
    padding-left: 52px !important;
}

/* Submit Button */
#form button[type="submit"],
#form input[type="submit"],
.cipd-country-form button[type="submit"],
.cipd-country-form input[type="submit"] {
    width: 100% !important;
    height: 50px !important;
    background: linear-gradient(135deg, #0b6291, #0d7ab5) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(11,98,145,0.3) !important;
    transition: all 0.3s ease !important;
    margin-top: 12px !important;
    display: block !important;
}

#form button[type="submit"]:hover,
#form input[type="submit"]:hover {
    background: linear-gradient(135deg, #0d7ab5, #0b6291) !important;
    box-shadow: 0 6px 18px rgba(11,98,145,0.4) !important;
    transform: translateY(-1px) !important;
}

/* Mobile Specific Adjustments */
@media (max-width: 767px) {
    #form,
    .cipd-country-form {
        padding: 22px 16px !important;
        margin: 15px 0 25px 0 !important;
        border-radius: 10px !important;
    }

    .form-group,
    #form .form-group,
    .cipd-country-form .form-group {
        margin-bottom: 16px !important;
    }

    .inner-addon .form-control,
    .inner-addon input.form-control,
    .inner-addon select.form-control {
        padding-left: 48px !important;
        height: 46px !important;
        font-size: 13.5px !important;
    }

    .inner-addon .order-icon,
    .inner-addon i.fa {
        left: 14px !important;
        font-size: 15px !important;
    }

    .form-heading {
        font-size: 18px !important;
        margin-top: 10px !important;
        margin-bottom: 4px !important;
    }

    .form-subheading {
        font-size: 11px !important;
        margin-bottom: 18px !important;
    }
}


/* ====== PRICE LABELS & TOTAL PRICE TEXT COLOR BLACK ====== */
.label-total,
label.label-total,
#form .label-total,
.cipd-country-form .label-total,
.banner-section .label-total,
#form label,
.cipd-country-form label,
#page-cost,
#cost,
.__currency,
.price-box,
.price-box * {
    color: #111111 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-block !important;
}

#page-cost,
#cost,
.__currency {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0b6291 !important; /* Prominent accent for price numbers */
}

/* Ensure the entire price row has clean presentation */
#form .label-total {
    background: #f1f5f9 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    width: 100% !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 5px !important;
}


/* ====== PRICE LABELS & TOTAL PRICE TEXT COLOR BLACK ====== */
.label-total,
label.label-total,
#form .label-total,
.cipd-country-form .label-total,
.banner-section .label-total,
#form label,
.cipd-country-form label,
#page-cost,
#cost,
.__currency,
.price-box,
.price-box * {
    color: #111111 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-block !important;
}

#page-cost,
#cost,
.__currency {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0b6291 !important; /* Prominent accent for price numbers */
}

/* Ensure the entire price row has clean presentation */
#form .label-total {
    background: #f1f5f9 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    width: 100% !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 5px !important;
}


/* Ensure all price numbers & text are solid black */
.label-total span,
#page-cost,
#cost,
.__currency {
    color: #000000 !important;
}


/* Ensure all price numbers & text are solid black */
.label-total span,
#page-cost,
#cost,
.__currency {
    color: #000000 !important;
}


/* ==========================================================================
   MONEY BACK GUARANTEE BADGE - ATTRACTIVE & CENTERED ON MOBILE
   ========================================================================== */

/* Mobile Layout for Guarantee Badge & Banner Buttons */
@media (max-width: 767px) {

    /* Badge container wrapper */
    .banner-section div[style*="float: right"],
    .banner-section div[style*="float:right"],
    .banner-section .col-lg-6 > div[style*="float"],
    .banner-section .wow.pulse,
    .banner-section img[alt*="money back guarantee"],
    .banner-section img[src*="img-1.png"] {
        float: none !important;
        text-align: center !important;
        margin: 20px auto 10px auto !important;
        display: block !important;
        clear: both !important;
    }

    /* Badge Image itself */
    .banner-section img[alt*="money back guarantee"],
    .banner-section img[src*="img-1.png"],
    img[alt="money back guarantee"] {
        max-width: 145px !important;
        width: 145px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
        filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.25)) !important;
        animation: pulse 2.5s infinite ease-in-out !important;
    }

    /* Banner Buttons (Order Now & Live Chat) */
    .banner-section .btn-get-papper,
    .btn-get-papper {
        display: inline-block !important;
        width: calc(50% - 10px) !important;
        margin: 10px 4px !important;
        padding: 12px 8px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: center !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    }
}


/* ==========================================================================
   MONEY BACK GUARANTEE BADGE - ATTRACTIVE & CENTERED ON MOBILE
   ========================================================================== */

/* Mobile Layout for Guarantee Badge & Banner Buttons */
@media (max-width: 767px) {

    /* Badge container wrapper */
    .banner-section div[style*="float: right"],
    .banner-section div[style*="float:right"],
    .banner-section .col-lg-6 > div[style*="float"],
    .banner-section .wow.pulse,
    .banner-section img[alt*="money back guarantee"],
    .banner-section img[src*="img-1.png"] {
        float: none !important;
        text-align: center !important;
        margin: 20px auto 10px auto !important;
        display: block !important;
        clear: both !important;
    }

    /* Badge Image itself */
    .banner-section img[alt*="money back guarantee"],
    .banner-section img[src*="img-1.png"],
    img[alt="money back guarantee"] {
        max-width: 145px !important;
        width: 145px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
        filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.25)) !important;
        animation: pulse 2.5s infinite ease-in-out !important;
    }

    /* Banner Buttons (Order Now & Live Chat) */
    .banner-section .btn-get-papper,
    .btn-get-papper {
        display: inline-block !important;
        width: calc(50% - 10px) !important;
        margin: 10px 4px !important;
        padding: 12px 8px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: center !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    }
}


/* ==========================================================================
   RED TRUSTED BUTTON & PROPERLY CENTERED HERO CONTENT
   ========================================================================== */

/* Heading container */
h1.droped {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
    width: 100% !important;
}

/* RED TRUSTED BUTTON */
.span-dropcap,
h1.droped .span-dropcap {
    background: linear-gradient(135deg, #e53935, #c62828) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 7px 22px !important;
    border-radius: 30px !important;
    display: inline-block !important;
    margin: 0 auto 14px auto !important;
    box-shadow: 0 4px 15px rgba(229, 57, 53, 0.45) !important;
    border: none !important;
    float: none !important;
    line-height: 1.4 !important;
    width: auto !important;
    text-align: center !important;
}

/* Main Hero Title (Comes directly UNDER the button) */
.hero-main-title,
h1.droped > span:not(.span-dropcap),
h1.droped > span:last-child {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .banner-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    h1.droped {
        margin-bottom: 12px !important;
    }

    .span-dropcap,
    h1.droped .span-dropcap {
        font-size: 13px !important;
        padding: 6px 18px !important;
        margin-bottom: 12px !important;
    }

    .hero-main-title,
    h1.droped > span:not(.span-dropcap),
    h1.droped > span:last-child {
        font-size: 21px !important;
        line-height: 1.35 !important;
    }
}


/* ==========================================================================
   RED TRUSTED BUTTON & PROPERLY CENTERED HERO CONTENT
   ========================================================================== */

/* Heading container */
h1.droped {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
    width: 100% !important;
}

/* RED TRUSTED BUTTON */
.span-dropcap,
h1.droped .span-dropcap {
    background: linear-gradient(135deg, #e53935, #c62828) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 7px 22px !important;
    border-radius: 30px !important;
    display: inline-block !important;
    margin: 0 auto 14px auto !important;
    box-shadow: 0 4px 15px rgba(229, 57, 53, 0.45) !important;
    border: none !important;
    float: none !important;
    line-height: 1.4 !important;
    width: auto !important;
    text-align: center !important;
}

/* Main Hero Title (Comes directly UNDER the button) */
.hero-main-title,
h1.droped > span:not(.span-dropcap),
h1.droped > span:last-child {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .banner-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    h1.droped {
        margin-bottom: 12px !important;
    }

    .span-dropcap,
    h1.droped .span-dropcap {
        font-size: 13px !important;
        padding: 6px 18px !important;
        margin-bottom: 12px !important;
    }

    .hero-main-title,
    h1.droped > span:not(.span-dropcap),
    h1.droped > span:last-child {
        font-size: 21px !important;
        line-height: 1.35 !important;
    }
}


/* ====== MAKE TRUSTED BUTTON BIGGER & MORE PROMINENT ====== */
.span-dropcap,
h1.droped .span-dropcap {
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    padding: 10px 34px !important;
    border-radius: 35px !important;
    margin: 0 auto 16px auto !important;
    box-shadow: 0 6px 22px rgba(229, 57, 53, 0.5) !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}

@media (max-width: 767px) {
    .span-dropcap,
    h1.droped .span-dropcap {
        font-size: 16px !important;
        padding: 8px 28px !important;
        letter-spacing: 2.5px !important;
        margin-bottom: 14px !important;
    }
}


/* ====== MAKE TRUSTED BUTTON BIGGER & MORE PROMINENT ====== */
.span-dropcap,
h1.droped .span-dropcap {
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    padding: 10px 34px !important;
    border-radius: 35px !important;
    margin: 0 auto 16px auto !important;
    box-shadow: 0 6px 22px rgba(229, 57, 53, 0.5) !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}

@media (max-width: 767px) {
    .span-dropcap,
    h1.droped .span-dropcap {
        font-size: 16px !important;
        padding: 8px 28px !important;
        letter-spacing: 2.5px !important;
        margin-bottom: 14px !important;
    }
}


/* ====== ENQUIRY FORM DROPDOWN BOX ALL TEXT MAKE SOLID BLACK ====== */
select,
select.form-control,
.form-control select,
#form select,
.cipd-country-form select,
.banner-section select,
select option,
#form select option,
.cipd-country-form select option,
.banner-section select option,
#quote_pages,
#order_deadline,
#writers_quality,
.inner-addon select {
    color: #000000 !important;
    background-color: #ffffff !important;
    font-weight: 500 !important;
}

/* Options inside select dropdowns */
select option {
    color: #000000 !important;
    background: #ffffff !important;
}

/* Also ensure inputs, textareas and placeholders are clear black */
#form input,
.cipd-country-form input,
#form textarea,
.cipd-country-form textarea {
    color: #000000 !important;
}


/* ====== ENQUIRY FORM DROPDOWN BOX ALL TEXT MAKE SOLID BLACK ====== */
select,
select.form-control,
.form-control select,
#form select,
.cipd-country-form select,
.banner-section select,
select option,
#form select option,
.cipd-country-form select option,
.banner-section select option,
#quote_pages,
#order_deadline,
#writers_quality,
.inner-addon select {
    color: #000000 !important;
    background-color: #ffffff !important;
    font-weight: 500 !important;
}

/* Options inside select dropdowns */
select option {
    color: #000000 !important;
    background: #ffffff !important;
}

/* Also ensure inputs, textareas and placeholders are clear black */
#form input,
.cipd-country-form input,
#form textarea,
.cipd-country-form textarea {
    color: #000000 !important;
}


/* ==========================================================================
   PERFECT VERTICAL & HORIZONTAL CENTERING FOR PRICE BOXES
   ========================================================================== */

/* Flexbox vertical & horizontal centering */
.label-total,
label.label-total,
#form .label-total,
.cipd-country-form .label-total,
.banner-section .label-total {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    min-height: 68px !important;
    padding: 12px 14px !important;
    background: #f1f5f9 !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    margin: 0 auto 10px auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #000000 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Price numbers & currency styling */
.label-total span,
#page-cost,
#cost,
.__currency {
    display: inline-block !important;
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-top: 4px !important;
    text-align: center !important;
}

/* Ensure the parent form-group centers its content */
.form-group:has(.label-total),
#form .form-group:has(.label-total) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

/* Side-by-side 50% width on both desktop and mobile for price boxes */
@media (max-width: 767px) {
    #form div:has(> .form-group > .label-total),
    #form .col-xs-12:has(.label-total),
    #form .col-sm-12:has(.label-total) {
        width: 50% !important;
        float: left !important;
        padding: 0 5px !important;
    }

    .label-total,
    label.label-total {
        min-height: 64px !important;
        padding: 10px 8px !important;
        font-size: 13.5px !important;
    }

    .label-total span,
    #page-cost,
    #cost,
    .__currency {
        font-size: 16px !important;
    }
}


/* ==========================================================================
   PERFECT VERTICAL & HORIZONTAL CENTERING FOR PRICE BOXES
   ========================================================================== */

/* Flexbox vertical & horizontal centering */
.label-total,
label.label-total,
#form .label-total,
.cipd-country-form .label-total,
.banner-section .label-total {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    min-height: 68px !important;
    padding: 12px 14px !important;
    background: #f1f5f9 !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    margin: 0 auto 10px auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #000000 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Price numbers & currency styling */
.label-total span,
#page-cost,
#cost,
.__currency {
    display: inline-block !important;
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-top: 4px !important;
    text-align: center !important;
}

/* Ensure the parent form-group centers its content */
.form-group:has(.label-total),
#form .form-group:has(.label-total) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

/* Side-by-side 50% width on both desktop and mobile for price boxes */
@media (max-width: 767px) {
    #form div:has(> .form-group > .label-total),
    #form .col-xs-12:has(.label-total),
    #form .col-sm-12:has(.label-total) {
        width: 50% !important;
        float: left !important;
        padding: 0 5px !important;
    }

    .label-total,
    label.label-total {
        min-height: 64px !important;
        padding: 10px 8px !important;
        font-size: 13.5px !important;
    }

    .label-total span,
    #page-cost,
    #cost,
    .__currency {
        font-size: 16px !important;
    }
}

/* ==========================================================================
   COUNTRIES CAROUSEL - 4 LOGOS IN INFINITE ROTATING CIRCLE
   ========================================================================== */
.cipd-country-banner {
    padding: 18px 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef2f6 !important;
    overflow: hidden !important;
}

.cipd-country-banner .para.fw-bold {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
    display: inline-block !important;
}

.slick-country {
    display: block !important;
    width: 100% !important;
}

.slick-child-country {
    text-align: center !important;
    padding: 6px 4px !important;
    outline: none !important;
}

.slick-child-country a {
    display: inline-block !important;
    text-decoration: none !important;
}

.slick-child-country img {
    max-width: 60px !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.slick-child-country:hover img {
    transform: scale(1.08) !important;
}

.slick-child-country .country-name {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-top: 5px !important;
    display: block !important;
    text-align: center !important;
}

@media (max-width: 767px) {
    .cipd-country-banner {
        padding: 14px 0 !important;
    }

    .cipd-country-banner .col-sm-2 {
        text-align: center !important;
        margin-bottom: 8px !important;
    }

    .cipd-country-banner .para.fw-bold {
        font-size: 17px !important;
    }

    .slick-child-country {
        padding: 4px 2px !important;
    }

    .slick-child-country img {
        max-width: 48px !important;
        width: 48px !important;
        height: 48px !important;
    }

    .slick-child-country .country-name {
        font-size: 11px !important;
        margin-top: 3px !important;
    }
}

/* Continuous smooth linear marquee track */
.slick-country .slick-track {
    display: flex !important;
    align-items: center !important;
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.slick-country .slick-slide {
    outline: none !important;
    float: none !important;
    display: flex !important;
    justify-content: center !important;
}

/* ==========================================================================
   PREMIUM CUSTOMER REVIEWS BOX & SLIDER DESIGN (SEAMLESS ATTACHED CARDS)
   ========================================================================== */
.check-out {
    padding: 65px 0 100px 0 !important;
    background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Main Section Heading */
.check-out .heading-1 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0b6291 !important;
    text-align: center !important;
    margin-bottom: 45px !important;
    position: relative !important;
    letter-spacing: -0.5px !important;
}

.check-out .heading-1::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 4px !important;
    background: #0b6291 !important;
    border-radius: 2px !important;
    margin: 12px auto 0 auto !important;
}

/* Individual Review Column Wrapper */
.check-out .col-sm-4 {
    padding: 0 12px !important;
    margin-bottom: 30px !important;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.check-out .col-sm-4:hover {
    transform: translateY(-8px) !important;
}

/* Top Review Card Box */
.check-out .child-check {
    background: #ffffff !important;
    border-radius: 18px 18px 0 0 !important;
    padding: 24px 22px 18px 22px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
    border: 1.5px solid #e2e8f0 !important;
    border-bottom: none !important;
    position: relative !important;
    min-height: auto !important;
    display: block !important;
    margin: 0 !important;
}

/* Decorative Watermark Quotation Mark */
.check-out .child-check::before {
    content: '\201C' !important;
    position: absolute !important;
    top: 8px !important;
    right: 18px !important;
    font-size: 55px !important;
    font-family: Georgia, serif !important;
    color: #0b6291 !important;
    opacity: 0.12 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* Review Paragraph Text - Bold, Crisp Black */
.check-out .child-check span.para,
.child-check span.para {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #1e293b !important; /* Solid dark text */
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Golden Star Ratings */
.check-out .child-check ul,
.child-check ul {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.check-out .child-check ul li,
.child-check ul li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.check-out .child-check ul li i.fa-star,
.child-check ul li i.fa-star {
    color: #f59e0b !important;
    font-size: 16px !important;
    text-shadow: 0 1px 3px rgba(245, 158, 11, 0.3) !important;
}

/* Bottom Attached Client Name Box - Premium Brand Gradient with White Text */
.cipd-client-name,
.check-out .cipd-client-name,
.cipd-testimonials .cipd-client-name {
    background: linear-gradient(135deg, #0b6291 0%, #064064 100%) !important;
    border-radius: 0 0 18px 18px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    text-align: center !important;
    box-shadow: 0 10px 25px rgba(11, 98, 145, 0.18) !important;
    border: 1px solid #0b6291 !important;
    border-top: none !important;
    display: block !important;
}

/* Client Name - Pure White */
.cipd-client-name .heading-3,
.check-out .cipd-client-name .heading-3 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    display: block !important;
    margin-bottom: 4px !important;
    letter-spacing: 0.3px !important;
}

/* Client Course / Level - Clean Crisp Light White / Silver */
.cipd-client-name .heading-4,
.check-out .cipd-client-name .heading-4 {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    display: block !important;
    opacity: 0.95 !important;
}

/* Slider Controls & Modern Indicators */
#myCarousel.carousel {
    position: relative !important;
    padding-bottom: 30px !important;
}

#myCarousel .carousel-indicators {
    position: absolute !important;
    bottom: -40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#myCarousel .carousel-indicators li {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    background-color: #cbd5e1 !important;
    border: none !important;
    border-radius: 50% !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
}

#myCarousel .carousel-indicators li.active {
    width: 32px !important;
    border-radius: 10px !important;
    background-color: #0b6291 !important;
    box-shadow: 0 2px 8px rgba(11, 98, 145, 0.35) !important;
}

/* Mobile Responsive Adjustments */
@media (max-width: 767px) {
    .check-out {
        padding: 40px 10px 75px 10px !important;
    }

    .check-out .heading-1 {
        font-size: 23px !important;
        margin-bottom: 30px !important;
        padding: 0 10px !important;
    }

    .check-out .col-sm-4 {
        padding: 0 6px !important;
        margin-bottom: 25px !important;
    }

    .check-out .child-check {
        padding: 22px 18px 18px 18px !important;
        min-height: auto !important;
        border-radius: 14px 14px 0 0 !important;
    }

    .check-out .child-check span.para {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 14px !important;
    }

    .cipd-client-name,
    .check-out .cipd-client-name {
        padding: 13px 15px !important;
        border-radius: 0 0 14px 14px !important;
    }

    .cipd-client-name .heading-3 {
        font-size: 14.5px !important;
    }

    .cipd-client-name .heading-4 {
        font-size: 11.5px !important;
    }

    #myCarousel .carousel-indicators {
        bottom: -30px !important;
    }
}

/* ==========================================================================
   MODERN FAQ SECTION - 5 LEFT + 5 RIGHT WITH + / − BUTTON TOGGLES
   ========================================================================== */
.cipd-faq-section {
    padding: 60px 0 70px 0 !important;
    background: #ffffff !important;
    position: relative !important;
}

.faq-main-heading {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #0b6291 !important;
    text-align: center !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.3px !important;
}

.faq-heading-line {
    width: 60px !important;
    height: 4px !important;
    background: #0b6291 !important;
    border-radius: 2px !important;
    margin: 0 auto 30px auto !important;
}

/* FAQ Accordion Panels */
.faq-accordion .panel.panel-default {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.faq-accordion .panel.panel-default:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 18px rgba(11, 98, 145, 0.08) !important;
}

/* Panel Heading Bar */
.faq-accordion .panel-heading {
    background: #ffffff !important;
    padding: 0 !important;
    border: none !important;
}

.faq-accordion .panel-title {
    margin: 0 !important;
    font-size: 15px !important;
}

/* Accordion Trigger Link */
.faq-accordion .panel-heading a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 18px !important;
    color: #0b6291 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    background: none !important;
    transition: background 0.2s ease !important;
    position: relative !important;
}

.faq-accordion .panel-heading a span {
    flex: 1 1 auto !important;
    padding-right: 14px !important;
    line-height: 1.4 !important;
}

/* Custom + / − Toggle Button */
.faq-accordion .panel-heading a::after {
    content: '−' !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-align: center !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 50% !important;
    background: #0b6291 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 6px rgba(11, 98, 145, 0.3) !important;
}

/* When Collapsed (Closed): Show "+" */
.faq-accordion .panel-heading a.collapsed::after {
    content: '+' !important;
    background: #e0f2fe !important;
    color: #0b6291 !important;
    box-shadow: none !important;
}

.faq-accordion .panel-heading a.collapsed {
    color: #1e293b !important;
}

.faq-accordion .panel-heading a.collapsed:hover {
    color: #0b6291 !important;
    background: #f8fafc !important;
}

/* Panel Body (Answer) */
.faq-accordion .panel-body {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 18px 20px !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.faq-accordion .panel-body p {
    color: #334155 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* Mobile Responsiveness for FAQs */
@media (max-width: 767px) {
    .cipd-faq-section {
        padding: 35px 12px 50px 12px !important;
    }

    .faq-main-heading {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .faq-accordion .panel-heading a {
        padding: 14px 14px !important;
        font-size: 14px !important;
    }

    .faq-accordion .panel-heading a span {
        font-size: 14px !important;
    }

    .faq-accordion .panel-heading a::after {
        width: 26px !important;
        height: 26px !important;
        flex: 0 0 26px !important;
        font-size: 18px !important;
    }

    .faq-accordion .panel-body {
        padding: 14px 16px !important;
        font-size: 13px !important;
    }

    .faq-accordion .panel-body p {
        font-size: 13px !important;
    }
}

/* ==========================================================================
   LATEST BLOGS & ACADEMIC GUIDES SECTION
   ========================================================================== */
.cipd-latest-blogs {
    padding: 70px 0 85px 0 !important;
    background: #ffffff !important;
    position: relative !important;
}

.blog-section-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0b6291 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.4px !important;
}

.blog-heading-line {
    width: 60px !important;
    height: 4px !important;
    background: #0b6291 !important;
    border-radius: 2px !important;
    margin: 0 auto 16px auto !important;
}

.blog-section-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* Blog Card Wrapper */
.blog-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
    margin-bottom: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    height: calc(100% - 25px) !important;
}

.blog-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 36px rgba(11, 98, 145, 0.12) !important;
    border-color: #cbd5e1 !important;
}

/* Blog Card Image */
.blog-card-img {
    position: relative !important;
    overflow: hidden !important;
    height: 200px !important;
    background: #f1f5f9 !important;
}

.blog-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
    display: block !important;
}

.blog-card:hover .blog-card-img img {
    transform: scale(1.06) !important;
}

/* Category Badge */
.blog-badge {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    background: #0b6291 !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Blog Card Body */
.blog-card-body {
    padding: 22px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
}

/* Meta Data */
.blog-meta {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    font-size: 12.5px !important;
    color: #94a3b8 !important;
    margin-bottom: 10px !important;
}

.blog-meta span {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.blog-meta i {
    color: #0b6291 !important;
}

/* Title */
.blog-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 0 10px 0 !important;
}

.blog-title a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.blog-title a:hover {
    color: #0b6291 !important;
}

/* Excerpt */
.blog-excerpt {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
    margin-bottom: 18px !important;
    flex-grow: 1 !important;
}

/* Read More Link */
.blog-read-more {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0b6291 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: gap 0.2s ease, color 0.2s ease !important;
}

.blog-read-more:hover {
    color: #0d7ab5 !important;
    gap: 10px !important;
    text-decoration: none !important;
}

/* View All Button */
.blog-view-all {
    display: inline-block !important;
    padding: 12px 36px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background: #0b6291 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(11, 98, 145, 0.25) !important;
    transition: all 0.3s ease !important;
}

.blog-view-all:hover {
    background: #0d7ab5 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(11, 98, 145, 0.35) !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .cipd-latest-blogs {
        padding: 45px 12px 60px 12px !important;
    }

    .blog-section-title {
        font-size: 23px !important;
    }

    .blog-section-subtitle {
        font-size: 13.5px !important;
    }

    .blog-card-img {
        height: 170px !important;
    }

    .blog-title {
        font-size: 16px !important;
    }

    .blog-card-body {
        padding: 18px 16px !important;
    }
}

/* ==========================================================================
   Hero Request Free Quote Form (Exact Match to Design Mockup)
   ========================================================================== */
.quote-form-container {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12) !important;
    margin-top: 20px !important;
    overflow: visible !important;
    border: 1px solid #e2e8f0 !important;
}
.quote-header-banner {
    background: #007b8f !important;
    color: #ffffff !important;
    padding: 16px 18px !important;
    border-radius: 8px 8px 0 0 !important;
    position: relative !important;
    text-align: center !important;
}
.quote-header-banner::after {
    content: '' !important;
    position: absolute !important;
    left: 20px !important;
    bottom: -10px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 10px solid #007b8f !important;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
}
.quote-header-banner h3 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: -0.2px !important;
    line-height: 1.3 !important;
}
.quote-form-content {
    padding: 24px 20px 22px 20px !important;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px !important;
}
.quote-field-box {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1.5px solid #84b81b !important;
    border-radius: 6px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    padding: 0 10px 0 14px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
    position: relative !important;
}
.quote-field-box:focus-within {
    border-color: #007b8f !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 143, 0.15) !important;
}
.quote-field-icon {
    flex: 0 0 auto !important;
    width: 22px !important;
    min-width: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1e293b !important;
    font-size: 16px !important;
    margin-right: 10px !important;
}
.quote-field-icon i,
.quote-field-icon .fa {
    font-family: 'FontAwesome' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    color: #1e293b !important;
    display: inline-block !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.quote-clean-input {
    flex: 1 1 auto !important;
    width: calc(100% - 32px) !important;
    height: 38px !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 14px !important;
    color: #1e293b !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.quote-clean-select {
    flex: 1 1 auto !important;
    width: calc(100% - 32px) !important;
    height: 38px !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 14px !important;
    color: #1e293b !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
.quote-clean-file {
    flex: 1 1 auto !important;
    width: calc(100% - 32px) !important;
    border: none !important;
    outline: none !important;
    font-size: 13px !important;
    color: #64748b !important;
    cursor: pointer !important;
    background: transparent !important;
}
.quote-field-box-textarea {
    display: flex !important;
    align-items: flex-start !important;
    background: #ffffff !important;
    border: 1.5px solid #84b81b !important;
    border-radius: 6px !important;
    height: 75px !important;
    margin-bottom: 15px !important;
    padding: 10px 10px 10px 14px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
    position: relative !important;
}
.quote-field-box-textarea:focus-within {
    border-color: #007b8f !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 143, 0.15) !important;
}
.quote-clean-textarea {
    flex: 1 1 auto !important;
    width: calc(100% - 32px) !important;
    height: 52px !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 14px !important;
    color: #1e293b !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    resize: none !important;
}
.quote-btn-submit {
    width: 100% !important;
    height: 46px !important;
    background: #0b6291 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(11, 98, 145, 0.3) !important;
    transition: background 0.2s, transform 0.1s !important;
    margin-top: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.quote-btn-submit:hover {
    background: #084d73 !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   Continuous Smooth Country Carousel & Responsiveness Fix
   ========================================================================== */
.cipd-country-banner {
    padding: 14px 0 !important;
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 10 !important;
}
.cipd-country-banner .container-fluid {
    max-width: 100% !important;
    padding: 0 20px !important;
}
.cipd-country-banner .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
}
.cipd-country-banner .col-sm-2 {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 16px 0 0 !important;
    display: flex !important;
    align-items: center !important;
}
.cipd-country-banner .col-sm-10 {
    flex: 1 1 auto !important;
    min-width: 0 !important; /* PREVENTS FLEX WIDTH EXPANSION ON PAGE LOAD/REFRESH */
    width: calc(100% - 130px) !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.cipd-country-banner .para {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0b6291 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    letter-spacing: -0.3px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}
.slick-country {
    margin: 0 !important;
    visibility: visible !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: hidden !important;
    height: 75px !important;
}
.slick-country:not(.slick-initialized) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    height: 75px !important;
    max-height: 75px !important;
    width: 100% !important;
    opacity: 1 !important;
}
.slick-country:not(.slick-initialized) .slick-child-country {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 10% !important;
    min-width: 55px !important;
    max-width: 10% !important;
    height: 75px !important;
    padding: 0 2px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
.slick-country.slick-initialized {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
}
.slick-country.slick-initialized .slick-child-country {
    display: block !important;
    flex: none !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 2px !important;
}
.slick-child-country {
    padding: 0 2px !important;
    margin: 0 !important;
    text-align: center !important;
    outline: none !important;
    display: inline-block !important;
}
.slick-child-country a {
    display: inline-block !important;
    text-decoration: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.slick-child-country img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: cover !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.slick-child-country:hover img {
    transform: translateY(-2px) scale(1.08) !important;
    border-color: #0b6291 !important;
    box-shadow: 0 6px 14px rgba(11, 98, 145, 0.25) !important;
}
.slick-child-country .country-name {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-top: 4px !important;
    display: block !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
    line-height: 1.2 !important;
}
.slick-child-country:hover .country-name {
    color: #0b6291 !important;
}

@media (max-width: 1200px) {
    .slick-country:not(.slick-initialized) .slick-child-country {
        flex: 0 0 11.11% !important;
        max-width: 11.11% !important;
    }
}
@media (max-width: 992px) {
    .slick-country:not(.slick-initialized) .slick-child-country {
        flex: 0 0 14.28% !important;
        max-width: 14.28% !important;
    }
}
@media (max-width: 767px) {
    .cipd-country-banner {
        padding: 10px 0 !important;
        min-height: 70px !important;
    }
    .cipd-country-banner .container-fluid {
        padding: 0 10px !important;
    }
    .cipd-country-banner .para {
        font-size: 13px !important;
    }
    .cipd-country-banner .col-sm-2 {
        padding-right: 10px !important;
    }
    .cipd-country-banner .col-sm-10 {
        width: calc(100% - 85px) !important;
    }
    .slick-country,
    .slick-country:not(.slick-initialized) {
        height: 65px !important;
        max-height: 65px !important;
    }
    .slick-country:not(.slick-initialized) .slick-child-country {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        height: 65px !important;
        min-width: 55px !important;
        padding: 0 2px !important;
    }
    .slick-child-country {
        padding: 0 2px !important;
    }
    .slick-child-country img {
        width: 38px !important;
        height: 38px !important;
    }
    .slick-child-country .country-name {
        font-size: 10px !important;
        margin-top: 3px !important;
    }
}

@media (max-width: 480px) {
    .slick-country:not(.slick-initialized) .slick-child-country {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        min-width: 45px !important;
    }
}

/* ==========================================================================
   MASTER MOBILE RESPONSIVE ENGINE (Tablets, Mobiles, & Small Screens)
   ========================================================================== */

/* 1. Global Viewport & Container Resets */
html, body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100% !important;
}

@media (max-width: 991px) {
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Navigation Bar on Tablet/Mobile */
    #nav-bars {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999999 !important;
    }
    
    /* Banner Section Spacing */
    .banner-section {
        padding: 25px 0 35px 0 !important;
    }
    .banner-section .clearfix {
        padding-top: 0 !important;
        margin-top: 15px !important;
    }
    .banner-section h1.droped {
        font-size: 26px !important;
        line-height: 1.3 !important;
        margin-top: 10px !important;
    }
    .banner-section .span-dropcap {
        font-size: 14px !important;
        padding: 4px 8px !important;
        vertical-align: middle !important;
    }
    .banner-section .hero-main-title {
        font-size: 24px !important;
        display: inline !important;
    }
    .banner-section p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    .btn-get-papper {
        display: inline-block !important;
        padding: 10px 18px !important;
        font-size: 14px !important;
        margin: 5px 6px 5px 0 !important;
    }
    
    /* Quote Form Mobile Container */
    .quote-form-container {
        margin-top: 25px !important;
        width: 100% !important;
    }
    .quote-form-content {
        padding: 18px 14px !important;
    }
    .quote-field-box {
        margin-bottom: 12px !important;
        height: 42px !important;
    }
    .quote-clean-input, .quote-clean-select {
        font-size: 13px !important;
    }
    .quote-btn-submit {
        height: 44px !important;
        font-size: 16px !important;
    }
    
    /* Banner 1 & Banner 2 */
    .cipd-banner-1, .cipd-banner-2 {
        padding: 30px 0 !important;
        text-align: center !important;
    }
    .cipd-banner-1 h1, .cipd-banner-2 h3.heading-1 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    .cipd-banner-1 p, .cipd-banner-2 p {
        font-size: 14px !important;
        text-align: left !important;
    }
    .cipd-banner-2 h4.heading-2 {
        font-size: 16px !important;
        text-align: left !important;
        margin-top: 15px !important;
    }
    .cipd-banner-1 .btn, .cipd-banner-2 .btn {
        margin: 8px 5px !important;
        padding: 10px 20px !important;
    }
    .cipd-banner-2 img {
        margin: 25px auto 0 auto !important;
        max-width: 260px !important;
        display: block !important;
    }
    
    /* 4-Step Process Section */
    .cipd-our-process {
        padding: 35px 0 !important;
    }
    .cipd-our-process h3.heading-1 {
        font-size: 22px !important;
        margin-bottom: 25px !important;
    }
    .cipd-our-process .col-sm-3 {
        width: 50% !important;
        float: left !important;
        margin-bottom: 25px !important;
        padding: 0 10px !important;
    }
    .cipd-our-process .heading-2 {
        font-size: 15px !important;
        margin: 10px 0 5px 0 !important;
    }
    .cipd-our-process p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* 8 Feature Boxes (Choose Us) */
    .cipd-choose-us {
        padding: 35px 0 !important;
    }
    .cipd-choose-us h3.heading-1 {
        font-size: 22px !important;
        margin-bottom: 25px !important;
    }
    .cipd-choose-us .col-sm-3 {
        width: 50% !important;
        float: left !important;
        min-height: 230px !important;
        margin-bottom: 20px !important;
        padding: 0 10px !important;
    }
    .cipd-choose-us .heading-2 {
        font-size: 15px !important;
        margin: 10px 0 5px 0 !important;
    }
    .cipd-choose-us p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    .cipd-choose-us .clearfix {
        padding-top: 0 !important;
    }
    
    /* Guarantee Banner */
    .cipd-gurantee-banner {
        padding: 35px 0 !important;
    }
    .cipd-gurantee-banner h4.heading-1 {
        font-size: 22px !important;
        margin-bottom: 25px !important;
    }
    .cipd-gurantee-banner .col-sm-3 {
        width: 50% !important;
        float: left !important;
        margin-bottom: 20px !important;
        padding: 0 10px !important;
    }
    .cipd-gurantee-banner .heading-2 {
        font-size: 15px !important;
    }
    .cipd-gurantee-banner p {
        font-size: 13px !important;
    }
    
    /* Discount Promo Banner */
    .cipd-exiting-banner {
        padding: 30px 15px !important;
        text-align: center !important;
        background-position: center !important;
    }
    .cipd-exiting-banner .heading-1 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        display: block !important;
        text-align: center !important;
    }
    .cipd-exiting-banner .btn-1 {
        margin: 15px auto 0 auto !important;
        display: inline-block !important;
    }
    
    /* FAQ Section */
    .cipd-faq-section {
        padding: 35px 0 !important;
    }
    .faq-main-heading {
        font-size: 22px !important;
    }
    .faq-accordion .panel-title a {
        font-size: 14px !important;
        padding: 12px 14px !important;
        line-height: 1.4 !important;
    }
    .faq-accordion .panel-body {
        padding: 14px !important;
        font-size: 13px !important;
    }
    
    /* Reviews Carousel Section */
    .check-out {
        padding: 35px 0 50px 0 !important;
    }
    .check-out h4.heading-1 {
        font-size: 22px !important;
        margin-bottom: 25px !important;
    }
    .child-check {
        padding: 18px 15px !important;
        margin-bottom: 15px !important;
        border-radius: 8px !important;
    }
    .child-check .para {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    .cipd-client-name .heading-3 {
        font-size: 14px !important;
    }
    .cipd-client-name .heading-4 {
        font-size: 12px !important;
    }
    .carousel-control {
        display: none !important;
    }
    
    /* Latest Blogs Grid */
    .cipd-latest-blogs {
        padding: 35px 0 !important;
    }
    .blog-section-title {
        font-size: 22px !important;
    }
    .blog-section-subtitle {
        font-size: 13px !important;
    }
    .blog-card {
        margin-bottom: 25px !important;
    }
    
    /* Footer Bottom */
    .footer-bottom {
        padding: 30px 0 15px 0 !important;
        text-align: center !important;
    }
    .footer-bottom p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    .footer-social {
        margin: 15px 0 !important;
    }
    .footer-social li a {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 15px !important;
    }
    .list-footer2-pages {
        padding: 0 !important;
        margin: 15px 0 !important;
    }
    .list-footer2-pages li {
        margin: 4px 6px !important;
    }
    .list-footer2-pages li a {
        font-size: 12px !important;
    }
    .payment-cards li img {
        width: 50px !important;
        height: auto !important;
        margin: 4px !important;
    }
    
    /* Vertical WhatsApp Sidebar Tab Mobile */
    .whatsapp-vertical {
        width: 38px !important;
        height: 100px !important;
        line-height: 100px !important;
        font-size: 20px !important;
        top: 55% !important;
        left: 0 !important;
        bottom: auto !important;
        border-radius: 0 18px 18px 0 !important;
    }
}

/* 2. Extra Small Screen Mobile Optimizations (< 480px) */
@media (max-width: 480px) {
    .banner-section h1.droped {
        font-size: 21px !important;
    }
    .banner-section .hero-main-title {
        font-size: 20px !important;
    }
    .cipd-our-process .col-sm-3,
    .cipd-choose-us .col-sm-3,
    .cipd-gurantee-banner .col-sm-3 {
        width: 100% !important;
        float: none !important;
        min-height: auto !important;
    }
    .quote-header-banner h3 {
        font-size: 16px !important;
    }
    .btn-get-papper {
        width: 100% !important;
        margin: 6px 0 !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   Featured CIPD Assignment Samples Section
   ========================================================================== */
.cipd-samples-section {
    padding: 60px 0;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}
.sample-section-title {
    font-size: 30px;
    font-weight: 800;
    color: #0b6291;
    margin-bottom: 10px;
    text-align: center;
}
.sample-section-subtitle {
    font-size: 15px;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto 35px auto;
    text-align: center;
}
.sample-card-box {
    background: #f8fafc;
    border-radius: 12px;
    padding: 22px;
    margin-bottom: 25px;
    border: 1.5px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    height: calc(100% - 25px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sample-card-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(11,98,145,0.12);
    border-color: #0b6291;
    background: #ffffff;
}
.sample-card-top {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 12px;
}
.sample-pdf-icon {
    width: 44px;
    height: auto;
    flex-shrink: 0;
}
.sample-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #0b6291;
    margin: 0 0 6px 0;
    line-height: 1.35;
}
.sample-card-meta {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 10px;
}
.sample-card-meta span {
    margin-right: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.sample-card-meta span i {
    color: #84b81b;
}
.sample-card-desc {
    font-size: 13px;
    color: #475569;
    line-height: 1.5;
    margin-bottom: 15px;
}
.sample-view-btn {
    background: #0b6291;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 16px;
    border-radius: 6px;
    text-align: center;
    display: block;
    text-decoration: none;
    transition: background 0.2s;
}
.sample-view-btn:hover {
    background: #084d73;
}

/* Left Side Vertical WhatsApp Sidebar Tab (Matched to Screenshot) */
.whatsapp-vertical {
    position: fixed !important;
    top: 50% !important;
    left: 0 !important;
    bottom: auto !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    background-color: #25d366 !important;
    color: #ffffff !important;
    width: 44px !important;
    height: 120px !important;
    border-radius: 0 22px 22px 0 !important;
    text-align: center !important;
    font-size: 26px !important;
    box-shadow: 2px 4px 12px rgba(0,0,0,0.18) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease !important;
}
.whatsapp-vertical i {
    color: #ffffff !important;
    font-size: 26px !important;
    line-height: 1 !important;
    transition: transform 0.25s ease !important;
}
.whatsapp-vertical:hover {
    color: #ffffff !important;
    background-color: #20ba5a !important;
    transform: translateY(-50%) translateX(4px) !important;
    box-shadow: 4px 6px 16px rgba(37, 211, 102, 0.45) !important;
}
.whatsapp-vertical:hover i {
    transform: scale(1.15) !important;
}

@media (max-width: 767px) {
    .whatsapp-vertical {
        width: 38px !important;
        height: 100px !important;
        border-radius: 0 18px 18px 0 !important;
        font-size: 22px !important;
        top: 55% !important;
    }
    .whatsapp-vertical i {
        font-size: 22px !important;
    }
}

/* ==========================================================================
   HIGH-CONTRAST WHITE TEXT ON ALL BLUE & DARK BACKGROUND SECTIONS
   ========================================================================== */
.banner-section,
.banner-section h1,
.banner-section h1 span,
.banner-section .hero-main-title,
.banner-section p,
.banner-section span,
.banner-section strong,
.banner-section .span-a,
.banner-section .span-b,
.banner-section .list-bullets,
.banner-section .list-bullets li,
.cipd-banner-1,
.cipd-banner-1 h1,
.cipd-banner-1 h2,
.cipd-banner-1 h3,
.cipd-banner-1 p,
.cipd-banner-1 span,
.cipd-banner-1 strong,
.cipd-choose-us,
.cipd-choose-us h2,
.cipd-choose-us .heading-1,
.cipd-choose-us .heading-2,
.cipd-choose-us p,
.cipd-choose-us span,
.cipd-gurantee-banner .box,
.cipd-gurantee-banner .box p,
.cipd-gurantee-banner .box span,
.cipd-gurantee-banner .box .heading-2,
.cipd-exiting-banner,
.cipd-exiting-banner h2,
.cipd-exiting-banner p,
.cipd-exiting-banner span,
.writer-apply-box,
.writer-apply-box h3,
.writer-apply-box p,
.blog-hub-hero,
.blog-hub-hero h1,
.blog-hub-hero p,
.blog-hub-hero span {
    color: #ffffff !important;
}

/* Reviews Section Heading & Text: High-Contrast Black/Dark */
.check-out .heading-1 {
    color: #1e293b !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    text-align: center !important;
    padding-bottom: 25px !important;
    display: block !important;
}

.check-out .child-check .para {
    color: #334155 !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
}

/* ==========================================================================
   HERO BANNER & REQUEST FREE QUOTE FORM (Desktop & Mobile)
   ========================================================================== */
.banner-section {
    background: #0b6291 url(../images/bg-1.png) no-repeat center center !important;
    background-size: cover !important;
    padding: 50px 0 60px 0 !important;
    position: relative !important;
    color: #ffffff !important;
}

.banner-section .span-dropcap {
    display: inline-block !important;
    background: #d32f2f !important;
    background: linear-gradient(135deg, #e53935 0%, #c62828 100%) !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    padding: 8px 36px !important;
    border-radius: 50px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 15px rgba(198, 40, 40, 0.45) !important;
    line-height: 1.3 !important;
    clear: both !important;
}

.banner-section h1.hero-main-title,
.banner-section h1.droped,
.banner-section h1 {
    display: block !important;
    clear: both !important;
    color: #ffffff !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.32 !important;
    margin: 0 0 16px 0 !important;
    letter-spacing: -0.3px !important;
    text-align: left !important;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.banner-section p {
    color: #ffffff !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
    opacity: 0.95 !important;
}

.banner-section .btn-get-papper {
    background-color: #0f8217 !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    border-radius: 30px !important;
    display: inline-block !important;
    box-shadow: 0 4px 14px rgba(15, 130, 23, 0.4) !important;
    transition: all 0.25s ease !important;
    margin-right: 12px !important;
    margin-top: 10px !important;
    text-decoration: none !important;
}

.banner-section .btn-get-papper:hover {
    background-color: #0d7014 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(15, 130, 23, 0.55) !important;
    color: #ffffff !important;
}

/* 100% Guarantee Money Back Seal Badge - Extra Large & High Visibility */
.banner-section img[src*="img-1.png"],
.banner-section img[alt*="money back"],
.hero-money-back-badge {
    max-height: 160px !important;
    max-width: 160px !important;
    min-height: 145px !important;
    min-width: 145px !important;
    width: auto !important;
    height: auto !important;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.35)) !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
    display: inline-block !important;
}

.banner-section img[src*="img-1.png"]:hover,
.banner-section img[alt*="money back"]:hover,
.hero-money-back-badge:hover {
    transform: scale(1.06) rotate(3deg) !important;
    filter: drop-shadow(0 14px 28px rgba(11, 98, 145, 0.55)) !important;
}

@media (max-width: 768px) {
    .banner-section img[src*="img-1.png"],
    .banner-section img[alt*="money back"],
    .hero-money-back-badge {
        max-height: 110px !important;
        max-width: 110px !important;
        min-height: 95px !important;
        min-width: 95px !important;
    }
}

/* Quote Form Container Card */
.quote-form-container {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.28) !important;
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
    margin-top: 10px !important;
}

.quote-header-banner {
    background: linear-gradient(135deg, #0b6291 0%, #064064 100%) !important;
    padding: 16px 20px !important;
    text-align: center !important;
    border-bottom: 3px solid #84b81b !important;
}

.quote-header-banner h3 {
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: -0.2px !important;
    line-height: 1.3 !important;
}

.quote-form-content {
    padding: 22px 22px 18px 22px !important;
    background: #ffffff !important;
}

/* Bulletproof Flexbox Input Groups - 100% Zero Icon Overlap */
.quote-field-box {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    margin-bottom: 14px !important;
    height: 46px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.quote-field-box:focus-within {
    border-color: #0b6291 !important;
    box-shadow: 0 0 0 3px rgba(11, 98, 145, 0.15) !important;
}

.quote-field-icon {
    width: 42px !important;
    min-width: 42px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0b6291 !important;
    font-size: 16px !important;
    background: #f8fafc !important;
    border-right: 1.5px solid #e2e8f0 !important;
    pointer-events: none !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.quote-clean-input,
.quote-clean-select {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    background: #ffffff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: block !important;
    line-height: normal !important;
}

.quote-clean-input:focus,
.quote-clean-select:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.quote-clean-file {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    color: #475569 !important;
    background: #ffffff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: block !important;
}

.quote-field-box-textarea {
    display: flex !important;
    align-items: flex-start !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    margin-bottom: 14px !important;
    min-height: 80px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.quote-field-box-textarea:focus-within {
    border-color: #0b6291 !important;
    box-shadow: 0 0 0 3px rgba(11, 98, 145, 0.15) !important;
}

.quote-field-box-textarea .quote-field-icon {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    background: #f8fafc !important;
    border-right: 1.5px solid #e2e8f0 !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    border-radius: 0 0 6px 0 !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    flex-shrink: 0 !important;
}

.quote-clean-textarea {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 78px !important;
    border: none !important;
    outline: none !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    color: #1e293b !important;
    background: #ffffff !important;
    resize: vertical !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: block !important;
}

.quote-clean-textarea:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.quote-btn-submit {
    background: linear-gradient(135deg, #0f8217 0%, #0d6e13 100%) !important;
    color: #ffffff !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    padding: 13px 20px !important;
    border-radius: 30px !important;
    border: none !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(15, 130, 23, 0.4) !important;
    transition: all 0.25s ease !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
}

.quote-btn-submit:hover {
    background: linear-gradient(135deg, #0d7014 0%, #0a580f 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(15, 130, 23, 0.55) !important;
}

@media (max-width: 768px) {
    .banner-section {
        padding: 30px 0 45px 0 !important;
    }
    .banner-section .span-dropcap {
        font-size: 18px !important;
        padding: 6px 24px !important;
    }
    .banner-section h1.hero-main-title,
    .banner-section h1 {
        font-size: 23px !important;
    }
    .banner-section .btn-get-papper {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    .quote-form-container {
        margin-top: 25px !important;
    }
    .quote-header-banner h3 {
        font-size: 16px !important;
    }
    .quote-form-content {
        padding: 16px 16px 14px 16px !important;
    }
}

/* ==========================================================================
   GOOGLE-STANDARD MODERN HEADER DESIGN (Desktop & Mobile Unified)
   ========================================================================== */

/* 1. Desktop Standard Navbar (min-width: 768px) */
@media (min-width: 768px) {
    #nav-bars {
        background-color: #ffffff !important;
        border-bottom: 3px solid #0b6291 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06) !important;
        min-height: 82px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
    }
    #nav-bars .container-fluid {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        padding: 6px 30px 6px 50px !important;
        max-width: 100% !important;
        margin: 0 !important;
        width: 100% !important;
    }
    #nav-bars .navbar-header {
        flex: 0 0 auto !important;
        float: left !important;
        margin: 0 0 0 15px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    #nav-bars .navbar-brand {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }
    #nav-bars .navbar-brand img {
        max-height: 64px !important;
        height: 64px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #nav-bars .col-sm-2:first-of-type {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 12px 0 14px !important;
        margin: 0 !important;
    }
    #nav-bars .pho-num {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
    }
    #nav-bars .pho-num a {
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }
    #nav-bars .pho-num a:hover {
        color: #0b6291 !important;
    }
    #nav-bars .pho-num a i.fa-phone {
        color: #0b6291 !important;
        font-size: 13px !important;
    }
    #nav-bars .pho-num a i.fa-whatsapp {
        color: #25d366 !important;
        font-size: 14px !important;
    }
    #nav-bars .col-sm-2.no-gutter {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 18px 0 10px !important;
        margin: 0 !important;
    }
    #nav-bars .col-sm-2.no-gutter a.info-agrade {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #0b6291 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        margin: 0 !important;
        text-decoration: none !important;
        padding: 7px 14px !important;
        background: #f8fafc !important;
        border-radius: 8px !important;
        border: 1.5px solid #e2e8f0 !important;
        transition: all 0.2s ease !important;
    }
    #nav-bars .col-sm-2.no-gutter a.info-agrade:hover {
        background: #e0f2fe !important;
        border-color: #0b6291 !important;
        transform: translateY(-1px) !important;
    }
    #nav-bars .col-sm-6.no-gutter {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #navbar.navbar-collapse {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
    #navbar .navbar-nav {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
        float: none !important;
        gap: 2px !important;
    }
    #navbar .navbar-nav > li {
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        position: relative !important;
    }
    #navbar .navbar-nav > li.dropdown,
    #navbar .navbar-nav > li.nav-item.dropdown {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    #navbar .navbar-nav > li > a {
        padding: 8px 9px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        border-radius: 6px !important;
        transition: color 0.2s ease, background 0.2s ease !important;
    }
    #navbar .navbar-nav > li > a:hover,
    #navbar .navbar-nav > li > a:focus {
        color: #0b6291 !important;
        background: #f1f5f9 !important;
    }
    
    /* Services Dropdown Menu */
    #navbar .dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: auto !important;
        width: max-content !important;
        min-width: 270px !important;
        max-width: 340px !important;
        box-sizing: border-box !important;
        border-radius: 10px !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
        padding: 8px 0 !important;
        margin-top: 6px !important;
        background-color: #ffffff !important;
        z-index: 999999 !important;
        float: none !important;
    }
    #navbar .dropdown-menu a.dropdown-item {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 8.5px 22px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        white-space: nowrap !important;
        text-align: left !important;
        transition: background 0.2s ease, color 0.2s ease !important;
    }
    #navbar .dropdown-menu a.dropdown-item:hover {
        background: #f0f9ff !important;
        color: #0b6291 !important;
    }

    /* 5-Star Reviews Item */
    #navbar .link-review {
        padding: 4px 6px !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    #navbar .review-stars {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #0b6291 !important;
        line-height: 1.1 !important;
    }
    #navbar .review-stars span i.fa-star {
        color: #f59e0b !important;
        font-size: 10px !important;
        margin-right: 1px !important;
    }
    
    /* Animated Order Now Button */
    #navbar .navbar-nav > li.active.hidden-xs > a {
        background: #0f8217 !important;
        color: #ffffff !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        padding: 9px 20px !important;
        margin-left: 8px !important;
        border-radius: 6px !important;
        box-shadow: 0 3px 10px rgba(15, 130, 23, 0.35) !important;
        display: inline-block !important;
        white-space: nowrap !important;
        animation: orderPulseBtn 2.2s infinite ease-in-out !important;
        transform-origin: center center !important;
    }
    #navbar .navbar-nav > li.active.hidden-xs > a:hover {
        background: #0d7014 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 14px rgba(15, 130, 23, 0.5) !important;
    }
}

@media (min-width: 1200px) {
    #navbar .navbar-nav > li > a {
        padding: 8px 11px !important;
        font-size: 14.5px !important;
    }
    #nav-bars .pho-num a {
        font-size: 13px !important;
    }
    #navbar .navbar-nav > li.active.hidden-xs > a {
        padding: 10px 22px !important;
        font-size: 15px !important;
    }
}

/* 2. Modern App-Grade Mobile Header (max-width: 767px) */
@media (max-width: 767px) {
    .navigation, 
    .navigation .row {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    #nav-bars {
        background-color: #ffffff !important;
        border-bottom: 1.5px solid #edf2f7 !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
        padding: 0 !important;
        margin: 0 !important;
        height: 68px !important;
        display: flex !important;
        align-items: center !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 999999 !important;
        width: 100% !important;
    }
    #nav-bars .container-fluid {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 14px !important;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }
    #nav-bars .navbar-header {
        display: contents !important;
    }
    
    /* Left: Brand Logo Locked to Far Left */
    #nav-bars .navbar-brand {
        order: 1 !important;
        flex: 0 0 auto !important;
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #nav-bars .navbar-brand img {
        margin: 0 !important;
        padding: 0 !important;
        max-height: 48px !important;
        height: 48px !important;
        width: auto !important;
    }
    
    /* Middle Action Hub: Centered In The Middle of the Header */
    #nav-bars .col-sm-2:first-of-type {
        order: 2 !important;
        flex: 1 1 auto !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        float: none !important;
    }
    #nav-bars .col-sm-2.no-gutter {
        display: none !important; /* Hide Email Us from occupying space on mobile */
    }
    #nav-bars .pho-num {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    /* Modern Phone Button Chip */
    #nav-bars .pho-num a[href^="tel"] {
        width: 38px !important;
        height: 38px !important;
        border-radius: 50% !important;
        background: #f0f7fa !important;
        border: 1.5px solid #d0e6f2 !important;
        color: #0b6291 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0px !important;
        box-shadow: 0 2px 6px rgba(11, 98, 145, 0.12) !important;
        text-decoration: none !important;
        transition: transform 0.2s, background 0.2s !important;
    }
    #nav-bars .pho-num a[href^="tel"]:active {
        transform: scale(0.92) !important;
        background: #e0f2fe !important;
    }
    #nav-bars .pho-num a[href^="tel"] i.fa-phone {
        font-size: 15px !important;
        color: #0b6291 !important;
        margin: 0 !important;
    }
    
    /* Modern WhatsApp Action Chip */
    #nav-bars .pho-num a[href*="whatsapp"] {
        width: 38px !important;
        height: 38px !important;
        border-radius: 50% !important;
        background: #25d366 !important;
        border: 1.5px solid #20bd5a !important;
        color: #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0px !important;
        box-shadow: 0 2px 8px rgba(37, 211, 102, 0.35) !important;
        text-decoration: none !important;
        transition: transform 0.2s, background 0.2s !important;
    }
    #nav-bars .pho-num a[href*="whatsapp"]:active {
        transform: scale(0.92) !important;
        background: #1eb956 !important;
    }
    #nav-bars .pho-num a[href*="whatsapp"] i.fa-whatsapp {
        font-size: 18px !important;
        color: #ffffff !important;
        margin: 0 !important;
    }
    
    /* Sleek Modern Hamburger Menu Button: Locked to Far Right */
    #nav-bars .navbar-toggle {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px !important;
        float: none !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
        transition: all 0.2s ease !important;
    }
    #nav-bars .navbar-toggle:active {
        background: #e2e8f0 !important;
        transform: scale(0.94) !important;
    }
    #nav-bars .navbar-toggle .icon-bar {
        background-color: #1e293b !important;
        width: 18px !important;
        height: 2.2px !important;
        border-radius: 2px !important;
        margin: 0 !important;
        transition: all 0.2s ease !important;
    }
    
    /* Collapse Container Wrapper on Mobile: Zero Width in Top Bar Flex */
    #nav-bars .col-sm-6.no-gutter {
        position: static !important;
        order: 4 !important;
        flex: 0 0 0px !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: visible !important;
    }
    
    /* Modern Full-Screen Width Mobile Dropdown Menu Drawer */
    #navbar.navbar-collapse.in,
    #navbar.navbar-collapse.collapsing {
        position: fixed !important;
        top: 64px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        max-height: calc(100vh - 64px) !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22) !important;
        border-top: 3px solid #0b6291 !important;
        border-radius: 0 0 16px 16px !important;
        padding: 14px 20px 25px 20px !important;
        box-sizing: border-box !important;
        z-index: 99999999 !important;
    }
    
    /* Hide Side WhatsApp Ribbon Tab When Mobile Menu is Open */
    body.menu-open .whatsapp-vertical,
    #navbar.in ~ .whatsapp-vertical {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .whatsapp-vertical {
        z-index: 9999 !important;
    }
    
    #navbar .navbar-nav {
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        width: 100% !important;
    }
    #navbar .navbar-nav > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    #navbar .navbar-nav > li > a {
        padding: 13px 14px !important;
        font-size: 15.5px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        border-bottom: 1px solid #f1f5f9 !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        transition: background 0.15s ease !important;
    }
    #navbar .navbar-nav > li > a:hover,
    #navbar .navbar-nav > li > a:focus {
        background: #f8fafc !important;
        color: #0b6291 !important;
    }
    #navbar .navbar-nav > li.dropdown,
    #navbar .navbar-nav > li.nav-item.dropdown {
        display: block !important;
        width: 100% !important;
        position: static !important;
    }
    #navbar .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: none !important;
        padding: 4px 0 !important;
        margin: 6px 0 10px 0 !important;
        background-color: #f8fafc !important;
    }
    #navbar .dropdown-menu a.dropdown-item {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 9px 14px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        color: #0b6291 !important;
        border-bottom: 1px solid #edf2f7 !important;
        white-space: normal !important;
    }
    #navbar .dropdown-menu a.dropdown-item:last-child {
        border-bottom: none !important;
    }
    #navbar .navbar-nav > li.active.visible-xs > a {
        background: #0f8217 !important;
        color: #ffffff !important;
        text-align: center !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        margin-top: 15px !important;
        padding: 14px !important;
        font-size: 16px !important;
        box-shadow: 0 4px 14px rgba(15, 130, 23, 0.35) !important;
        justify-content: center !important;
    }
}



/* ==========================================================================
   PREMIUM LOGO CONTINUOUS ANIMATION & LIGHT SHEEN SWEEP
   ========================================================================== */
.navbar-brand {
    position: relative !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
}

.navbar-brand img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    animation: logoContinuousPulse 3.6s ease-in-out infinite !important;
    transform-origin: center center !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
}

/* Shimmer Light Beam Sweeping Smoothly from Left to Right */
.navbar-brand::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -130% !important;
    width: 65% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.75) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: skewX(-25deg) !important;
    animation: logoShimmerSweep 3.6s infinite ease-in-out !important;
    pointer-events: none !important;
}

/* Hover Interaction: Instant Zoom + Luminous Glow */
.navbar-brand:hover img {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 4px 10px rgba(11, 98, 145, 0.3)) !important;
}
.navbar-brand:hover::after {
    animation: logoShimmerSweepHover 0.6s ease-in-out !important;
}

/* Keyframes: 1. Gentle Continuous Breathing Pulse & Subtle Glow */
@keyframes logoContinuousPulse {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.05));
    }
    50% {
        transform: scale(1.03);
        filter: drop-shadow(0 3px 8px rgba(11, 98, 145, 0.22));
    }
}

/* Keyframes: 2. Smooth Left-to-Right Light Sweep Beam */
@keyframes logoShimmerSweep {
    0%, 55% {
        left: -130%;
    }
    85%, 100% {
        left: 230%;
    }
}

@keyframes logoShimmerSweepHover {
    0% {
        left: -130%;
    }
    100% {
        left: 230%;
    }
}

/* Footer Country Location Links */
.footer-country-links a {
    color: #e2e8f0 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
    padding: 1px 2px !important;
}

.footer-country-links a:hover,
.footer-country-links a:focus {
    color: #84b81b !important;
    text-decoration: underline !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   SUBTLE & ELEGANT WHOLE-PAGE TEXT & HEADING ANIMATIONS
   ========================================================================== */

/* 1. Hero Section Text Entrance Stagger */
.banner-section .span-dropcap {
    animation: heroBadgeEntrance 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both !important;
}

.banner-section h1.hero-main-title,
.banner-section h1 {
    animation: heroTitleEntrance 0.95s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both !important;
}

.banner-section p {
    animation: heroTextFadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both !important;
}

.banner-section .btn-get-papper,
.banner-section .btn-lg {
    animation: heroBtnPop 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.55s both !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
}
.banner-section .btn-get-papper:hover,
.banner-section .btn-lg:hover {
    transform: translateY(-2px) scale(1.02) !important;
}

/* Keyframes for Hero Text Entrance */
@keyframes heroBadgeEntrance {
    0% {
        opacity: 0;
        transform: translateY(-16px) scale(0.92);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes heroTitleEntrance {
    0% {
        opacity: 0;
        transform: translateY(22px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroTextFadeUp {
    0% {
        opacity: 0;
        transform: translateY(18px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroBtnPop {
    0% {
        opacity: 0;
        transform: translateY(14px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* 2. Global Section Headings Gentle Micro-Animation */
.cipd-our-process .heading-1,
.cipd-choose-us .heading-1,
.check-out .heading-1,
.cipd-banner-2 .heading-1,
.cipd-gurantee-banner .heading-1,
.cipd-exiting-banner .heading-1,
.cipd-testimonials .heading-1,
.form-banner-bg .heading-1 {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease !important;
    display: block !important;
}

.cipd-our-process .heading-1:hover,
.cipd-choose-us .heading-1:hover,
.check-out .heading-1:hover,
.cipd-banner-2 .heading-1:hover,
.cipd-gurantee-banner .heading-1:hover {
    transform: translateY(-2px) !important;
}

/* 3. Process & Feature Cards Text & Box Micro-Transitions */
.cipd-our-process .box,
.cipd-gurantee-banner .box,
.child-check {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease !important;
}

.cipd-our-process .box:hover,
.cipd-gurantee-banner .box:hover,
.child-check:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}

/* 4. Smooth Anchor Link Hover Lift for Text Links */
.footer2 .list-footer2-pages li a,
.footer-bottom .list-footer2-pages li a,
#navbar .navbar-nav > li > a {
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 5. Accessible Motion Preference */
@media (prefers-reduced-motion: reduce) {
    *, ::before, ::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================================================
   PREMIUM ATTRACTIVE BLOG SECTION (HOMEPAGE & LANDING PAGES)
   ========================================================================== */
.cipd-latest-blogs {
    background: linear-gradient(180deg, #f8fafc 0%, #edf4f9 100%) !important;
    padding: 70px 0 80px 0 !important;
    position: relative !important;
    width: 100% !important;
}

.cipd-latest-blogs .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: clamp(20px, 4vw, 70px) !important;
    padding-right: clamp(20px, 4vw, 70px) !important;
}

.cipd-latest-blogs .blog-section-title {
    color: #0b6291 !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 12px !important;
}

.cipd-latest-blogs .blog-heading-line {
    width: 60px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #0b6291, #84b81b) !important;
    border-radius: 4px !important;
    margin: 0 auto 16px auto !important;
}

.cipd-latest-blogs .blog-section-subtitle {
    font-size: 15.5px !important;
    color: #64748b !important;
    max-width: 680px !important;
    margin: 0 auto 40px auto !important;
    line-height: 1.6 !important;
}

.cipd-latest-blogs .blog-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    margin-bottom: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    height: calc(100% - 30px) !important;
}

.cipd-latest-blogs .blog-card:hover {
    transform: translateY(-8px) !important;
    border-color: #0b6291 !important;
    box-shadow: 0 20px 40px rgba(11, 98, 145, 0.16) !important;
}

.cipd-latest-blogs .blog-card-img {
    position: relative !important;
    overflow: hidden !important;
    height: 210px !important;
    background: #0b6291 !important;
}

.cipd-latest-blogs .blog-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.cipd-latest-blogs .blog-card:hover .blog-card-img img {
    transform: scale(1.08) !important;
}

.cipd-latest-blogs .blog-badge {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    background: linear-gradient(135deg, #0b6291 0%, #064064 100%) !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.cipd-latest-blogs .blog-card-body {
    padding: 24px 22px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
}

.cipd-latest-blogs .blog-meta {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    font-size: 12.5px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
}

.cipd-latest-blogs .blog-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.cipd-latest-blogs .blog-meta span i {
    color: #0b6291 !important;
    font-size: 13px !important;
}

.cipd-latest-blogs .blog-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    margin: 0 0 12px 0 !important;
    color: #1e293b !important;
}

.cipd-latest-blogs .blog-title a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.cipd-latest-blogs .blog-title a:hover {
    color: #0b6291 !important;
}

.cipd-latest-blogs .blog-excerpt {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
    flex-grow: 1 !important;
}

.cipd-latest-blogs .blog-read-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0b6291 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    align-self: flex-start !important;
    padding: 6px 0 !important;
}

.cipd-latest-blogs .blog-read-more:hover {
    color: #078b0e !important;
    transform: translateX(4px) !important;
}

.cipd-latest-blogs .blog-view-all {
    background: linear-gradient(135deg, #0b6291 0%, #08405e 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 36px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 15px rgba(11, 98, 145, 0.3) !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.cipd-latest-blogs .blog-view-all:hover {
    background: linear-gradient(135deg, #078b0e 0%, #05660a 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(7, 139, 14, 0.4) !important;
}

/* ==========================================================================
   PREMIUM SINGLE BLOG POST ARTICLE STYLING
   ========================================================================== */
.blog-post-header {
    background: linear-gradient(135deg, #062f47 0%, #0b6291 50%, #0d79b2 100%) !important;
    color: #ffffff !important;
    padding: 65px 0 50px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
.blog-post-header .post-badge {
    display: inline-block !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(6px) !important;
    padding: 6px 20px !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
}
.blog-post-header h1 {
    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
    letter-spacing: -0.4px !important;
}
.blog-post-header .post-meta {
    font-size: 14.5px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
}
.blog-post-header .post-meta span {
    margin: 0 8px !important;
}
.blog-post-header .post-meta i {
    color: #ffd700 !important;
    margin-right: 5px !important;
}

.blog-article-wrapper {
    background: #f8fafc !important;
    padding: 55px 0 70px 0 !important;
}
.blog-article-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
    border: 1.5px solid #e2e8f0 !important;
    padding: 45px !important;
    color: #334155 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}
.blog-article-card h2 {
    color: #0b6291 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    margin: 35px 0 16px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}
.blog-article-card h3 {
    color: #1e293b !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 25px 0 12px 0 !important;
}
.blog-article-card p {
    margin-bottom: 20px !important;
    color: #334155 !important;
}
.blog-article-card .callout-box {
    background: #f0f9ff !important;
    border-left: 5px solid #0b6291 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 22px 26px !important;
    margin: 28px 0 !important;
}
.blog-article-card .callout-box h4 {
    color: #0b6291 !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
}
.blog-sidebar-card {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 26px !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 25px !important;
}
.blog-sidebar-card h4 {
    color: #0b6291 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #edf2f7 !important;
}
.blog-sidebar-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.blog-sidebar-links li {
    margin-bottom: 12px !important;
}
.blog-sidebar-links li a {
    color: #475569 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
}
.blog-sidebar-links li a:hover {
    color: #0b6291 !important;
    transform: translateX(4px) !important;
}
.blog-sidebar-links li a i {
    color: #0b6291 !important;
    font-size: 14px !important;
}
.blog-advisor-card {
    background: linear-gradient(135deg, #063955 0%, #0b6291 100%) !important;
    border-radius: 14px !important;
    padding: 28px 24px !important;
    color: #ffffff !important;
    text-align: center !important;
    box-shadow: 0 10px 25px rgba(6, 57, 85, 0.2) !important;
}
.blog-advisor-card h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
}
.blog-advisor-card p {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 20px !important;
}
.blog-advisor-card .wa-btn {
    background: #25d366 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 12px 24px !important;
    border-radius: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.blog-advisor-card .wa-btn:hover {
    background: #1ebe5c !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   COUNTRIES SECTION - 70x70 PROPORTIONAL LOGOS & SLENDER BORDER
   ========================================================================== */
.cipd-country-banner,
.country-strip {
    padding: 14px 0 !important;
    background: #ffffff !important;
    border-top: 1.5px solid #edf2f7 !important;
    border-bottom: 1.5px solid #edf2f7 !important;
    min-height: 112px !important;
}

.cipd-country-banner .para,
.country-strip .country-label {
    font-size: 19px !important;
    font-weight: 900 !important;
    color: #0b6291 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.slick-country {
    margin: 0 !important;
    padding: 0 !important;
    height: 102px !important;
}

.slick-country .slick-list {
    padding: 0 !important;
    margin: 0 !important;
}

.slick-country .slick-track {
    display: flex !important;
    align-items: center !important;
}

.slick-country .slick-slide,
.cipd-country-banner .slick-country .slick-slide,
.country-strip .slick-country .slick-slide {
    padding: 0 4px !important;
    margin: 0 !important;
    float: left !important;
    height: 100% !important;
    min-height: 1px !important;
}

.slick-child-country,
.cipd-country-banner .slick-child-country,
.country-strip .slick-child-country {
    padding: 2px 2px !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.slick-child-country a {
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    outline: none !important;
}

.slick-child-country img,
.slick-child-country a img,
.cipd-country-banner .slick-child-country img,
.country-strip .slick-child-country img {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: none !important;
    margin: 0 auto !important;
    display: block !important;
    box-shadow: none !important;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.12)) !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

.slick-child-country:hover img {
    transform: translateY(-3px) scale(1.08) !important;
    filter: drop-shadow(0 6px 14px rgba(11, 98, 145, 0.35)) !important;
}

.slick-child-country .country-name,
.cipd-country-banner .slick-child-country .country-name,
.country-strip .slick-child-country .country-name {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    display: block !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: center !important;
    transition: color 0.2s ease !important;
}

.slick-child-country:hover .country-name {
    color: #0b6291 !important;
}

@media (max-width: 768px) {
    .cipd-country-banner,
    .country-strip {
        padding: 12px 0 !important;
        min-height: 85px !important;
    }
    .slick-country {
        height: 80px !important;
    }
    .slick-country .slick-slide {
        padding: 0 2px !important;
    }
    .slick-child-country img,
    .slick-child-country a img,
    .cipd-country-banner .slick-child-country img,
    .country-strip .slick-child-country img {
        width: 46px !important;
        height: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        border: 1px solid #ffffff !important;
    }
    .slick-child-country .country-name {
        font-size: 11px !important;
        margin-top: 3px !important;
    }
}

/* ==========================================================================
   Responsive Sample Download Modal (Mobile & Desktop)
   ========================================================================== */
.modal.fade#downloadSampleModal,
.modal.fade#globalSampleModal {
    z-index: 105500 !important;
}

#downloadSampleModal .modal-dialog,
#globalSampleModal .modal-dialog {
    max-width: 480px;
    width: 92%;
    margin: 45px auto;
    transition: all 0.3s ease-out;
}

#downloadSampleModal .modal-content,
#globalSampleModal .modal-content {
    border-radius: 14px;
    overflow: hidden;
    border: none;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.35);
    background: #ffffff;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
}

#downloadSampleModal .modal-header,
#globalSampleModal .modal-header {
    background: linear-gradient(135deg, #0b6291 0%, #084364 100%);
    color: #ffffff;
    padding: 18px 22px;
    border-bottom: none;
    position: relative;
    flex-shrink: 0;
}

#downloadSampleModal .modal-title,
#globalSampleModal .modal-title {
    font-weight: 700;
    font-size: 19px;
    margin: 0;
    color: #ffffff;
}

#downloadSampleModal .modal-subtitle,
#globalSampleModal .modal-subtitle,
#modalSampleTitleDisplay,
#globalModalSampleSubtitle {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #e0f2fe;
    line-height: 1.4;
}

#downloadSampleModal .modal-body,
#globalSampleModal .modal-body {
    padding: 22px 24px;
    background: #ffffff;
    overflow-y: auto;
}

#downloadSampleModal .form-group,
#globalSampleModal .form-group {
    margin-bottom: 14px;
}

#downloadSampleModal .form-group label,
#globalSampleModal .form-group label {
    font-weight: 600;
    color: #334155;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
}

#downloadSampleModal .form-control,
#globalSampleModal .form-control {
    height: 44px;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    font-size: 14px;
    box-shadow: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

#downloadSampleModal .form-control:focus,
#globalSampleModal .form-control:focus {
    border-color: #0b6291;
    box-shadow: 0 0 0 3px rgba(11, 98, 145, 0.15);
}

#downloadSampleModal .btn-submit-sample,
#globalSampleModal .btn-submit-sample,
#btnSubmitSampleDownload,
#btnGlobalSampleSubmit {
    background: #0f8217 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 13px 20px !important;
    border-radius: 30px !important;
    border: none !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(15, 130, 23, 0.35) !important;
    transition: all 0.25s ease !important;
    text-align: center !important;
}

#downloadSampleModal .btn-submit-sample:hover,
#globalSampleModal .btn-submit-sample:hover,
#btnSubmitSampleDownload:hover,
#btnGlobalSampleSubmit:hover {
    background: #0d6e13 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(15, 130, 23, 0.45) !important;
}

/* Mobile Specific Optimizations */
@media (max-width: 767px) {
    #downloadSampleModal .modal-dialog,
    #globalSampleModal .modal-dialog {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        margin: 15px auto !important;
    }

    #downloadSampleModal .modal-header,
    #globalSampleModal .modal-header {
        padding: 15px 18px !important;
    }

    #downloadSampleModal .modal-title,
    #globalSampleModal .modal-title {
        font-size: 16.5px !important;
    }

    #downloadSampleModal .modal-subtitle,
    #globalSampleModal .modal-subtitle,
    #modalSampleTitleDisplay,
    #globalModalSampleSubtitle {
        font-size: 12px !important;
    }

    #downloadSampleModal .modal-body,
    #globalSampleModal .modal-body {
        padding: 16px 18px 18px 18px !important;
    }

    #downloadSampleModal .form-group,
    #globalSampleModal .form-group {
        margin-bottom: 12px !important;
    }

    #downloadSampleModal .form-group label,
    #globalSampleModal .form-group label {
        font-size: 12px !important;
        margin-bottom: 4px !important;
    }

    #downloadSampleModal .form-control,
    #globalSampleModal .form-control {
        height: 42px !important;
        font-size: 13.5px !important;
    }

    #downloadSampleModal .btn-submit-sample,
    #globalSampleModal .btn-submit-sample,
    #btnSubmitSampleDownload,
    #btnGlobalSampleSubmit {
        font-size: 14.5px !important;
        padding: 11px 16px !important;
    }
}

/* Enforce white text for dark/blue card containers */
[style*="background: #0b6291"] p,
[style*="background:#0b6291"] p,
[style*="background: #073854"] p,
[style*="background:#073854"] p,
[style*="background: #063955"] p,
[style*="background:#063955"] p,
.sidebar-box p {
    color: #ffffff !important;
    opacity: 0.95 !important;
}