@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,600;1,700&display=swap);

a,
body {color: #292929}
html {scroll-behavior: smooth}
body {
	background: url('../images/bg.webp') center top/cover no-repeat #fff;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
	padding: 0
}
[contenteditable].form-control:focus,
[type=email].form-control:focus,
[type=password].form-control:focus,
[type=tel].form-control:focus,
[type=text].form-control:focus,
input.form-control:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea.form-control:focus,
textarea:focus {box-shadow: inset 0 -1px 0 #ddd;outline: 0}
.ff-oswald {font-family: Oswald, sans-serif}
.fs-13 {font-size: 13px}
.fs-14 {font-size: 14px}
.fs-15,h6 {font-size: 15px}
.fs-16 {font-size: 16px}
.fs-24 {font-size: 22px}
.fw-light {font-weight: 300 !important}
.fw-normal {font-weight: 400 !important}
.fw-medium {font-weight: 500 !important}
.fw-semi {font-weight: 600 !important}
.fw-bold {font-weight: 700 !important}
.fw-ebold {font-weight: 800 !important}
.py-100 {padding-top: 100px;padding-bottom: 100px}
.py-60 {padding-top: 60px;padding-bottom: 60px}
.py-80 {padding-top:50px;padding-bottom:70px}
.ls-40 {letter-spacing: .04em}
.ls-100 {letter-spacing: .1em}
.ls-200 {letter-spacing: .2em}.lh1{line-height: 1;}
.text-dark {color: #132330 !important}
a.text-dark:hover {color: #235fa7 !important}
.border-primary {border-color: #0090de !important}
.text-primary {color: #0090de !important}
.text-danger {color: #e84b0e !important}
.text-warning {color: #ffc107 !important}
.bg-primary {background-color: #0090de !important}
.bg-danger {background-color: #e84b0e !important}
.bg-light {background-color: #eaeaea !important}
.rounded-10 {border-radius: 10px}
.rounded-30 {border-radius: 30px}
.btn,.form-control {border-radius: 7px}
.border-7 {border-width: 7px !important}
.border-10 {border-width: 10px !important}
a:hover {color: #0090de}
a img:hover {opacity: .7}
a.underline {text-decoration: underline}
a,a.underline:hover,
a:hover {text-decoration: none}
p {margin-bottom: 20px}
a,a:hover {outline: 0}
.hhd {font-size: 45px}
.hd {font-size: 40px}
.h1,h1 {font-size: 34px}
h2 {font-size: 30px}
h3 {font-size: 28px}
#ScrollToTop,h4 {font-size: 25px}
h5 {font-size: 22px}
.btn {
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 30px;
	letter-spacing: .1em
}
.btn-primary {border-color: #235fa7 !important;background-color: #235fa7 !important;color: #fff !important}
.btn-primary:focus,.btn-primary:hover {border-color: #266ec3 !important; background-color: #266ec3 !important;color: #fff !important}
.form-control::placeholder {color: #6d6d6d}
.carousel-indicators {bottom: -50px}
.carousel-indicators [data-bs-target] {width: 12px;height: 12px;border-radius: 50%;margin-right: 6px;opacity: 1;background-color: #000}
.carousel-indicators .active {background-color: #fff}
#ScrollToTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: 0;
	background-color: #235fa7;
	color: #fff;
	cursor: pointer;
	padding: 0;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px
}

#ScrollToTop:hover {background-color: #e84b0e}
 
.banner {background-image: url('../images/banner1.webp');
    background-position: center;
    background-repeat: no-repeat; min-height:600px;
    background-size: cover; /* object-fit ka background version */}


.banner .outer-block {padding-top: 100px}
.banner .form-block {background-color:rgba(255, 204, 0, .9); box-shadow:0 0 6px rgba(0, 0, 0, .3)}
.banner h1 {font-size: 70px;text-shadow: 0 5px 5px rgba(0, 0, 0, .25)}
.banner h1.fs85 {font-size: 65px}
.circle {
	width: 190px;
	height: 190px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}
.banner .circle h2 {width: 100%;}
.circle .fs-24 {font-size: 21px}
.circle .fs-22 {font-size: 18px}
.img-quotes {top: -30px;left: 0}
.TestiBg {background: url(../images/bg-png.webp) no-repeat}
.AbsoluteText {position: absolute;top: 14px;right: 30px}
.footer a {color: #fff}
.footer a.active,.footer a:hover {color: #0090de}
.accordion-item {
	background-color: #fff;
	border: 0;
	border-radius: 10px !important;
	box-shadow: 0 2px 4px #00000026
}
.accordion-item+.accordion-item {
	border-top: 0;
	margin-top: 20px
}

.accordion-button {
	background-color: transparent;
	color: #454547;
	font-weight: 600
}

.accordion-body {
	background-color: #fff;
	color: #000;
	border-radius: 0 0 10px 10px
}

.accordion-button:after {
	margin-top: 1px;
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	color: #ff741d
}

.accordion-button.collapsed::after {
	background-image: none;
	content: "\f067"
}

.accordion-button:not(.collapsed) {
	background-color: #0090de;
	color: #fff
}

.accordion-button:not(.collapsed)::after {
	background-image: none;
	content: "\f068";
	color: #fff
}

.accordion-button:focus {
	box-shadow: none;
	outline: 0
}



@media (min-width:992px) {.PadBox1{min-height:320px;} .PadBox{min-height:325px;} .TestiBg .carousel-item{min-height:230px;}
.banner {height:600px; margin-bottom:120px;}
#MainSection .text-block{min-height:360px;}
}

@media (min-width: 1920px){}
@media (min-width: 1600px){
	.container-fluid {max-width: 1920px;}
	.container {max-width: 1390px;}
	
	.gutter-lg {margin-left:-18px!important;margin-right:-18px!important;}
	.gutter-lg div[class^="col"]{padding-left:18px!important;padding-right:18px!important;}

	.main-nav h3{font-size:30px;}
	.banner h1{font-size:95px;} .banner h1.fs85{font-size:84px;} 
	
	.hhd{font-size:50px;}
	
	.banner .circle{width:240px;height:240px;}.circle .fs-22{font-size:19px;padding:0px 5px;letter-spacing: -.03em;}
	
	.PadBox1{min-height:270px;} .PadBox{min-height:316px;} .TestiBg .carousel-item{min-height:220px;}
	
	 
}

/*@media (min-width: 1397.98px) and (max-width: 1459.98px){.banner .circle{width:240px;height:240px;}.circle .fs-24{font-size:22px;}.circle .fs-22{font-size:19px;} .PadBox{min-height:305px;} .TestiBg .carousel-item{min-height:210px;}}

@media (min-width: 1396.98px) and (max-width: 1399.98px){.banner .circle{width:210px;height:210px;}.circle .fs-24{font-size:18px;}.circle .fs-22{font-size:15px;letter-spacing: -0.04em; padding:0px 10px;}}
 

@media (min-width: 1400px) and (max-width: 1599.98px){.banner .form-block h4{font-size:22px;} .circle{width:220px;height:220px;}.circle .fs-24{font-size:18px;}}
@media (min-width: 1360px) and (max-width: 1399px) {.circle .fs-24{font-size:18px;} .circle .fs-22{font-size:15px;letter-spacing: -0.04em; padding:0px 10px;}}

@media (min-width: 1199.98px) and (max-width: 1359.98px){.PadBox1{min-height:360px;} .circle .fs-24{font-size:18px;} .PadBox{min-height:315px;} .TestiBg .carousel-item{min-height:220px;}.circle .fs-22{font-size:15px;letter-spacing: -0.04em; padding:0px 10px;}.banner .circle{width:200px;height:200px;}}
*/



/* ---- 1200px – 1359px ---- */
@media (min-width: 1200px) and (max-width: 1359.98px) {
    .PadBox1 {min-height: 360px;}
    .PadBox {min-height: 315px;}
    .TestiBg .carousel-item {min-height: 220px;}

    .banner .circle {width: 200px; height: 200px;}

    .circle .fs-24 {font-size: 18px;}
    .circle .fs-22 {
        font-size: 15px;
        letter-spacing: -0.04em;
        padding: 0 10px;
    }
}


/* ---- 1360px – 1396px ---- */
@media (min-width: 1360px) and (max-width: 1396.98px) {
    .banner .circle {width: 210px; height: 210px;}

    .circle .fs-24 {font-size: 18px;}
    .circle .fs-22 {
        font-size: 15px;
        letter-spacing: -0.04em;
        padding: 0 10px;
    }
}


/* ---- 1397px – 1399px ---- */
@media (min-width: 1397px) and (max-width: 1399.98px) {
    .banner .circle {width: 210px; height: 210px;}

    .circle .fs-24 {font-size: 18px;}
    .circle .fs-22 {
        font-size: 15px;
        letter-spacing: -0.04em;
        padding: 0 10px;
    }
}


/* ---- 1400px – 1459px ---- */
@media (min-width: 1400px) and (max-width: 1459.98px) {
    .banner .circle {width: 240px; height: 240px;}

    .circle .fs-24 {font-size: 22px;}
    .circle .fs-22 {font-size: 19px;}

    .PadBox {min-height: 305px;}
    .TestiBg .carousel-item {min-height: 210px;}
}


/* ---- 1400px – 1599px (FORM BLOCK + slight circle resize) ---- */
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner .form-block h4 {font-size: 22px;}

    /* Don’t override 240px if below range applies */
    .circle {width: 220px; height: 220px;}
    .circle .fs-24 {font-size: 18px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {/*********************** FOR IPAD ***********************/
	.banner .circle{width:170px;height:170px;} .py-80{padding-top:90px;}
	.banner .circle img{height:50px;}
	.banner .circle .hhd{font-size:35px;}
	.banner h1{font-size:60px;}.banner h1.fs85{font-size:45px;}  .h2{font-size:24px;} .p-xxl-5.PadBox1{min-height:230px;} .circle .fs-22{font-size:15px; letter-spacing: -0.04em;padding:0px 10px;}.circle .fs-24{font-size:16px;letter-spacing: -.03em;}
	.PadBox{min-height:unset !important;} .PadBox1{min-height:250px;}  .mbl.PadBox1{min-height:unset !important;}
	 .TestiBg .carousel-item {min-height:170px !important;}
	 .banner {margin-bottom:40px;}#MainSection .text-block{min-height:360px;} h2 {font-size:28px}
}
@media (max-width: 991.98px) { 
.py-100,.py-60,.py-80 {padding-top:40px; padding-bottom: 50px}
.hhd {font-size: 40px}
.hd {font-size: 35px}
h1,h2.h1 {font-size: 30px}
.banner .outer-block {padding-top: 0}
.banner h1 {font-size: 60px}
.banner h1.fs85 {font-size: 45px}
.partner {margin: auto}
.circle .fs-22 {font-size: 14px}
}

@media (min-width:768px) and (max-width:991.98px) {
.fs-24 {font-size: 22px}
.circle .fs-24 {font-size:17px !important; padding:0px 10px;}
.main-nav {position: static;padding-bottom: 3px}
.navbar-brand {padding: 10px 0}
	
.TestiBg .carousel-item{min-height:190px !important;} .banner .circle{width:210px;height:210px;}.circle .fs-22{font-size:15px; letter-spacing: -0.04em;padding:0px 15px;}
#MainSection .text-block{min-height:unset;} #MainSection .text-block h1{padding-top:35px;}
.banner {background-image: url('../images/banner1.webp');
    background-position: top;
    background-size: auto; /* object-fit ka background version */}

}

@media (max-width:767.98px) {
.container {max-width: 100% !important}
.circle {margin: auto;width: 195px;height: 195px;}
.partner .h2 {font-size: 16px}
.partner .d-flex .h2 {display: block !important;flex-direction: column !important}
.fs-24 {font-size: 19px !important}
.circle .fs-22{font-size:15px; letter-spacing: -0.04em;padding:0px 20px;}
.circle .fs-24 {font-size: 16px !important}
	
.main-nav {position: static;padding-bottom: 5px}
.navbar .navbar-nav .nav-link {font-size: 20px}
.navbar-toggler {margin-top: 16px}
.navbar-nav>li+li {margin-left: 0; border-left: none}
.navbar-toggler-icon {width: 40px !important}

.carousel-item{min-height:260px;} .TestiBg .carousel-item{min-height:230px;}
}

@media (max-width:575.98px) {
body {background: url('../images/bg.webp') left top/cover no-repeat #fff}
.banner h1 {font-size: 41px}
.banner {line-height: 1.3}
.testimonial h5 {font-size: 19px;line-height: 1.4}
.btn {letter-spacing: normal;padding: 14px 20px}
.img-quotes img {width: 340px}
.img-quotes {font-size: 14px}
.AbsoluteText {top: 11px;right: 20px}
.circle .fs-22{font-size:15px; letter-spacing: -0.04em;padding:0px 20px;}.TestiBg .carousel-item{min-height:300px;}
}

.main-nav {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	transition: .5s
}
.navbar-brand img,
.shrink .main-nav {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s
}
.shrink .main-nav {
	box-shadow: 0 5px 12px rgba(0, 0, 0, .5);
	transition: .5s;
	background: url('../images/bg.webp') center top no-repeat #fff
}
.navbar-brand img {
	max-height: 68px;
	transition: .5s
}
.shrink .navbar-brand img {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	transition: .5s
}
.navbar-brand {padding: 20px 0}
.shrink .navbar-brand {padding: 10px 0}
.navbar .navbar-nav .nav-link {
	color: #000;
	padding: 15px 10px;
	font-size: 22px;
	background-color: transparent;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 600}
.navbar .nav-item .nav-link:hover,
.navbar .nav-item.active .nav-link {color: #0090df !important}
.navbar-toggler:focus {box-shadow: none !important}
.navbar-toggler-icon {width: auto !important;height: 40px !important}
.navbar-toggler {margin-top: 19px}
.offcanvas-header .btn-close {font-size: 20px}
@media (min-width:1300px) {
.offcanvas-header .btn-close {position:absolute; left:20px; top:25px}
}