@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body { margin: 0; padding: 0; font-family: "Open Sans", sans-serif; overflow-x: hidden;}
p, li {color: #2e2e2e;font-size: 16px;line-height: 28px;margin: 0 0 10px 0;font-family: "Open Sans", sans-serif;letter-spacing: .4px;}
.main-table li {color: #2e2e2e;font-size: 16px; line-height: 25px;margin: 0 0 10px 0; font-family: "Open Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", sans-serif; color: #101010;}

.main-table { text-align: left; padding: 5% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.heading p {background: #e6e6e6;display: inline-block;text-transform: uppercase;letter-spacing: .7px;color: #727272;font-size: 13px;border-radius: 5px;padding: 3px 15px;margin: 0 0 12px 0;}
.heading h2 {font-size: 40px;font-weight: 700;margin: 0 0 30px 0;line-height: 45px;}
.sub-heading { color: #111111; font-size: 34px; font-weight: 700; margin: 0 0 45px 0; position: relative;}
.sub-heading::after { content: ''; position: absolute; width: 80px; height: 4px; border-radius: 3px; background: #219ebc; left: 0; bottom: -15px;}
.sub-heading1 { color: #219ebc; font-size: 25px; font-weight: 650; margin: 3px 0;}  

/* .header { position: absolute; z-index: 3; width: 100%; top: 20px; left: 10%;} */
.header img { width: 220px;}

.banner-section { position: relative; overflow: hidden;}
.banner-section::after {content: '';position: absolute;width: 100%;height: 99.5%;left: 0;top: 0; background-image: linear-gradient(150deg, #0300a51e 0%, #0e0e0e3d, #00000000); }
.banner-section video{ width: 100%; height: 100vh; object-fit: cover;}
.banner-section .banner-content { position: absolute; width: 36%; left: 17%; top: 38%; z-index: 3;}
.banner-section .banner-content h1 { color: #fff; font-size: 62px; font-weight: 600; line-height: 75px; margin: 0 0 60px 0;}
.banner-section .banner-content p { font-size: 25px; color: #ffffff; line-height: 1.4; margin: 0 0 20px 0;}
.banner-section .banner-content a { color: #ffff;}
/* .banner-section .banner-content a { display: inline-block; background: #f4f4f4; color: #101010; padding: 14px 34px; border-radius: 5px; font-size: 17px; font-weight: 500;} */

.about-section { padding: 5% 0;}
.about-section .left-pic { position: relative;}
.about-section .left-pic img { border-radius: 5px; transition: all .3s ease-in-out;}
.about-section .left-pic img:hover { transform: scale(.98)}
.about-section .text { background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: inline-block; padding: 20px 30px; text-align: center; border-radius: 5px; position: absolute; left: 15%; bottom: 8%;}
.about-section .text h3 { color: #fb8500; font-weight: 700; font-size: 32px; letter-spacing: .5px; margin: 0 0 5px 0;}
.about-section .text h3 img { width: 40px;}
.about-section .text p { color: #111111; font-size: 17px; margin: 0 0 5px 0; font-weight: 600;}

.services-section {padding: 4% 0 7% 0;background: #fb8500;overflow: hidden;position: relative;}
.services-section .pattern {position: absolute;top: 0px;right: -50px;opacity: .6;}
.services-section .pattern1 {position: absolute;bottom: -140px;left: -60px;opacity: .5;}
.services-section .pattern1 img { transform: rotate(180deg)}
.services-section .ser-box{/* margin:0 auto; *//* width: 78%; *//* height: 100%; *//* transform: rotate(45deg); *//* -webkit-transform:rotate(45deg); */position:relative;min-height: 250px;}
.services-section .ser-bx {/* transform: rotate(-45deg); */padding: 0px 60px;transition:.5s;position:relative;z-index: 3;overflow: hidden}
.services-section .ser-box::after {position: absolute;content: '';width: 69%;height: 115%;background: #000;box-shadow: 0 0 45px rgba(0, 0, 0, .08);top: 0;right: 0;left: 0;bottom: 0;transform: rotate(45deg);border-radius: 20px;margin: auto;}
.services-section .ser-bx a{ color:#fb8500; font-weight:600;}
.services-section .ser-bx h4 {font-size: 18px;font-weight: 550;line-height: 25px;margin: 18px 0 10px 0;color: #fff;}  
.services-section .ser-bx p {font-size: 15px;line-height: 25px;color: #fff;}
.services-section .ser-bx::before {position: absolute;top: -61px;left: -75%;z-index: 2;display: block;content: '';/* width: 69%; *//* height: 115%; */background: -webkit-linear-gradient(left, rgba(253,213,88,0) 0%, rgba(253,213,88,.3) 100%);background: linear-gradient(to right, rgba(253,213,88,0) 0%, rgb(23 52 127) 100%);-webkit-transform: skewX(-45deg);transform: skewX(-25deg);}
.services-section .ser-box:hover .ser-bx::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


.why-choose-us { padding: 6% 0;}
.why-choose-us li {font-size: 17px;margin: 0 0 15px 0;}
.why-choose-us ul { list-style-image: url(image/dot.png);}
.why-choose-us .left-pic img { border-radius: 20px; transition: all .3s ease-in-out;}
.why-choose-us .left-pic img:hover { transform: scale(.95)}

.team-section .team-card { background-image: radial-gradient(#a0a0a0, #6b6b6b, #363636); padding: 40px 40px 0 40px; position: relative; overflow: hidden;}
.team-section .team-card .team-name { position: absolute; padding: 100px 50px 50px 50px; background-image: linear-gradient(#0000, #8ecae6ad); bottom: 0; left: 0; width: 100%; display: none; transition: all .3s ease-in-out}
.team-section .team-card:hover .team-name { display: block;}
.team-section .team-card .pic { transition: all .3s ease-in-out}
.team-section .team-card:hover .pic{ transform: scale(1.1);}
.team-section .team-card .team-name h4 { color: #fff; font-size: 30px; font-weight: 700; letter-spacing: .4px;}
.team-section .team-card .team-name p { color: #fff; margin: 0; font-size: 18px;}

footer {background: #0a0908; padding: 5% 0 0 0;}
footer h4 {color: #fff;font-size: 19px;font-weight: 700;margin: 0 0 12px 0;}
footer p, footer p a {color: #e4e4e4;font-size: 14px;line-height: 25px;margin: 0 0 6px 0;}
footer p a:hover { color: #fb8500;}
footer p i { margin: 0 5px 0 0;}
footer .footer-bottom {margin: 4% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer .contact-details .icon i{ color: #fff; font-size: 20px; margin: 0 12px 0 0; display: inline-block;}
footer .contact-details .text h5{color: #fff;font-size: 17px;margin: 0 0 3px 0;font-weight: 600;} 
footer .contact-details .text p { color: #c9c9c9; margin: 0; font-size: 14px;}
footer .social-icon a {position: relative;color: #fff;background: rgba(255, 255, 255, .1);font-size: 15px;width: 40px;height: 40px;margin: 0 5px 0 0;display: inline-block;border-radius: 50%;text-align: center;line-height: 2.6;transition: all .2s ease-in-out;}
footer .social-icon a i {position: relative;z-index: 3;padding-top: 12px;}
footer .social-icon a::before{ content: ''; position: absolute; width:100%; height: 100%; border-radius: 50%; background: #fb8500; left: 0; transform: scale(0); transition: all .4s ease-in-out;}
footer .social-icon a:hover { color: #212121;}
footer .social-icon a:hover::before { transform: scale(1);}

.innerpage-banner {padding:15% 0 6% 0;background-image: url('image/inner-banner.jpg');background-size: cover;/* background-attachment: fixed; */background-position: center;position:relative;}
.innerpage-banner:before{
	background:#00000070;
	content:'';
	top:0;
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}
.innerpage-banner h2 { color: #fff; font-size: 42px; font-weight: 600; margin: 0; text-align: start; position: relative;}
.innerpage-banner p a, .innerpage-banner p {color: #fff;text-align: start;position: relative;}

.contact-page  .contact-info { padding: 10px 0;}
.contact-page  .contact-info .icon i {color: #fb8500;font-size: 30px;}
.contact-page  .contact-info h4 { color: #219ebc; font-size: 20px; font-weight: 600;}
.contact-page  .contact-info p, .contact-page  .contact-info p a { color: #111111; margin: 0;}
.contact-page .contact-form label { color: #219ebc; font-size: 16px; font-weight: 600; margin: 0 0 5px 0}
.contact-page .contact-form .form-control {margin: 0 0 18px 0;padding: 18px;background: #ededed;border: 0;font-size: 15px;}
.contact-page .contact-form .form-control:focus { box-shadow: 0 0 0 .25rem rgb(183 141 101 / 32%);}
.contact-page .contact-form .form-control::placeholder { color: #444444;}
.contact-page .contact-form input[type='button'] {background: #219ebc;border: none;outline: 1px solid #2525253b;outline-offset: -1px;width: 100%;padding: 18px;color: #fff;border-radius: 4px;}

.service-page li {font-size: 16px;margin: 0 0 15px 0;}
.service-page ul { list-style-image: url(image/dot.png);}

.team-page .team-profile img { background-image: radial-gradient(#a0a0a0, #6b6b6b, #363636); margin: 0 0 10px 0;}
.team-page .team-profile p, .team-page .team-profile p a { text-align: center; margin: 0; color: #212121; font-size: 15px; font-weight: 600;}
.team-page .team-profile p i { color: #fb8500; margin: 0 8px 0 0;}

@media (min-width: 320px) and ( max-width: 1200px) { 
	p, li { font-size: 15px;line-height: 28px;}
	.main-table li { font-size: 15px; line-height: 25px;}

	.heading p { font-size: 12px;}
	.heading h2 { font-size: 30px; margin: 0 0 20px 0; line-height: 35px;}
	.sub-heading { font-size: 27px;}
	.sub-heading1 { font-size: 21px;}  

	.header img { width: 180px;}

	.banner-section { position: relative; overflow: hidden;}
	.banner-section video{ height: 400px;}
	.banner-section .banner-content { width: 80%; left: 5%; top: 38%;}
	.banner-section .banner-content h1 { font-size: 27px; line-height: 37px; margin: 0 0 40px 0;}
	.banner-section .banner-content p { font-size: 18px;}

	.about-section .left-pic { position: relative; margin: 0 0 30px 0;}
	.about-section .text { padding: 15px 20px; width: 40%;}
	.about-section .text h3 { font-size: 24px;}
	.about-section .text h3 img { display: none;}
	.about-section .text p { font-size: 13px; margin: 0; line-height: 1.4;}

	.services-section { padding: 6% 0 7% 0;}
	.services-section .ser-box{min-height: 200px;margin: 15px 0 0 0;}
	.services-section .ser-bx {padding: 20px;}
	.services-section .ser-box::after { width: 100%;height: 100%; transform: rotate(0deg);border-radius: 20px;margin: auto;}
	.services-section .ser-bx a{ color:#fb8500; font-weight:600;}
	.services-section .ser-bx h4 { font-size: 17px; line-height: 22px; margin: 15px 0 10px 0;}  
	.services-section .ser-bx p { font-size: 14px; line-height: 22px}
	.services-section .ser-bx img { width: 42px;}

	.why-choose-us li {font-size: 16px;}
	.why-choose-us .left-pic img { margin: 0 0 15px 0;}

	footer h4 { margin: 20px 0 7px 0;}

	.innerpage-banner { padding: 35% 0 12% 0;}

	.contact-page  .contact-info { padding: 10px 0;}
	.contact-page  .contact-info .icon i {color: #fb8500;font-size: 30px;}
	.contact-page  .contact-info h4 { color: #219ebc; font-size: 20px; font-weight: 600;}
	.contact-page  .contact-info p, .contact-page  .contact-info p a { color: #111111; margin: 0;}
	.contact-page .contact-form label { color: #219ebc; font-size: 16px; font-weight: 600; margin: 0 0 5px 0}
	.contact-page .contact-form .form-control {margin: 0 0 18px 0;padding: 18px;background: #ededed;border: 0;font-size: 15px;}
	.contact-page .contact-form .form-control:focus { box-shadow: 0 0 0 .25rem rgb(183 141 101 / 32%);}
	.contact-page .contact-form .form-control::placeholder { color: #444444;}
	.contact-page .contact-form input[type='button'] {background: #219ebc;border: none;outline: 1px solid #2525253b;outline-offset: -1px;width: 100%;padding: 18px;color: #fff;border-radius: 4px;}

	.service-page li {font-size: 16px;margin: 0 0 15px 0;}
	.service-page ul { list-style-image: url(image/dot.png);}

	.team-page .team-profile img { background-image: radial-gradient(#a0a0a0, #6b6b6b, #363636); margin: 0 0 10px 0;}
	.team-page .team-profile p, .team-page .team-profile p a { text-align: center; margin: 0; color: #212121; font-size: 15px; font-weight: 600;}
	.team-page .team-profile p i { color: #fb8500; margin: 0 8px 0 0;}
}

@media (min-width: 1201px) and ( max-width: 1400px) { 
	p, li { font-size: 15px;}
	.heading h2 {font-size: 32px;}
	.sub-heading { font-size: 28px;}
	.sub-heading1 { font-size: 22px;}  

	.header img { width: 200px;}

	.banner-section .banner-content { width: 40%; left: 7%;}
	.banner-section .banner-content h1 { font-size: 50px; font-weight: 600; line-height: 62px; margin: 0 0 50px 0;}
	.banner-section .banner-content p { font-size: 22px;}

	.about-section { padding: 5% 0;}
	.about-section .left-pic { position: relative;}
	.about-section .left-pic img { border-radius: 5px; transition: all .3s ease-in-out;}
	.about-section .left-pic img:hover { transform: scale(.98)}
	.about-section .text { background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: inline-block; padding: 20px 30px; text-align: center; border-radius: 5px; position: absolute; left: 15%; bottom: 8%;}
	.about-section .text h3 { color: #fb8500; font-weight: 700; font-size: 32px; letter-spacing: .5px; margin: 0 0 5px 0;}
	.about-section .text h3 img { width: 40px;}
	.about-section .text p { color: #111111; font-size: 17px; margin: 0 0 5px 0; font-weight: 600;}

	.services-section { padding: 4% 0 7% 0;}
	.services-section .ser-box{ min-height: 250px;}
	.services-section .ser-bx { padding: 0px 40px;}
	.services-section .ser-box::after { width: 70%;height: 100%;}
	.services-section .ser-bx h4 { font-size: 17px;}  
	.services-section .ser-bx p { font-size: 14px;}
	.services-section .ser-bx img { width: 50px;}

	.why-choose-us li {font-size: 16px; margin: 0 0 12px 0;}

	.innerpage-banner { padding: 20% 0 10% 0;}
}