@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jura:wght@300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=News+Cycle:wght@400;700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Saira:ital,wght@0,100..900;1,100..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

*{font-family: "Ubuntu", Arial, sans-serif;}
p{font-family: "Ubuntu", Arial, sans-serif;line-height:1.5;font-size:16px;color:#000;}
a{text-decoration: none!important;}

.section-title{margin-bottom: 90px;}
.section-title h1{font-size:40px;letter-spacing: -0.025em;font-weight:700;color:#000;text-align: center;margin-bottom:2.5rem;text-transform: uppercase;}
.section-title p{font-size: 24px;line-height: 1.5;color:#000;text-align: center;font-weight: 700;text-transform: uppercase;}
.section-title p span{color:#ff1717;}


/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
.banner-section { padding: 5% 0 10% 0; background:#172126;position: relative;overflow: hidden;}
.banner-section h1 { color: #fff; font-size: 42px; font-weight: 700; line-height: 1.3; margin: 0 0 15px 0;}
.banner-section h1 span{color:#ff1717;}
.banner-section p { color: #fff; font-size: 16px; margin: 0 0 40px 0;}
.banner-bottom-bg {
        background-color: #fff;
    width: 100%;
    height: 10%;
    position: absolute;
    overflow: hidden !important;
    margin-top: -35px;
    transform-origin: top;
    z-index: 9999999 !important;
    transform: rotate(3deg);}
.custom-btn { color: #ffffff;padding:12px 30px;text-transform: uppercase;font-size: 14px;font-weight: 400;border-width: 2px;border-radius: 24px;background-color: #ff1717;background-position: center center;border-color: #ff1717;border-style: solid;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;}
.custom-btn:hover { background: #fff; color:#ff1717;}
.custom-btn i {color:#fff;font-size: 10px;border: 2px solid #fff;padding:5px 7px;margin-left: 5px;border-radius: 50%;}
.custom-btn:hover i {color:#ff1717;border: 2px solid #ff1717;}

/* why choose */
.why-choose{padding:120px 0px 60px 0px}
.content-box{padding: 25px 47px 25px 30px;border-radius: 7px;}
.content-box h4{font-size: 20px;padding-bottom: 10px;line-height: 1.35;font-weight: 600;color:#000;}
.content-box p{font-size: 14px;font-weight: 300;color:#000;}
.why-choose .accordion-item{border: none;}
.content-box.active{border:1px solid #ff1717;}
.why-choose ul{list-style-image: url('image/right-tick.png');}
.why-choose ul li{font-size: 14px;font-weight: 300;color:#000;line-height: 24px;}


/* about us */
.about-section{background-color: #172126;padding :100px 30px;}
.about-section .pic {position: relative;margin-left: 8px;}
.about-section .pic .abt-box h4 {font-size: 86px;font-weight: 800;color: #ff1717;margin: 0;text-align: center;}
.about-section .pic .abt-box p {font-size: 20px;font-weight: 600;color: #000;text-transform: uppercase;text-align: center;}
.about-section .pic::after {content: '';position: absolute;width: 85%;height: 100%;top: 11%;background: #ff1717;z-index: 1;left: 0%;border-radius: 30px;}
.about-section .abt-box {background-color: #fff;width: 85%;margin-left: 7%;border-radius: 10px;height: 350px;position: relative;z-index: 3; border-radius: 30px; padding:100px 20px;}
.about-content p{color: rgb(255, 255, 255);font-size: 16px;font-weight: 400;line-height: 1.7em;}
.about-content p span{font-weight: 800;color: #ff1717;}

/*** ====================Services================***/

.services-section{position:relative;padding:80px 0px 0px;overflow:hidden;}.services-box{position:relative;margin-bottom:50px;}
.services-section .services-box{margin-bottom:80px;}
.services-box .inner-box{position:relative;display:block;padding:0px 30px 20px;border:1px solid #e0e0e0;background:#ffffff;text-align:center;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.15);-ms-box-shadow:0px 0px 3px rgba(0,0,0,0.15);-o-box-shadow:0px 0px 3px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.15);box-shadow:0px 0px 3px rgba(0,0,0,0.15);}
.services-box .inner-box:before{content:'';position:absolute;left:-7px;top:-7px;border-bottom:1px solid #ff1717;width:0%;transition:all 500ms ease 500ms;-moz-transition:all 500ms ease 500ms;-webkit-transition:all 500ms ease 500ms;-ms-transition:all 500ms ease 500ms;-o-transition:all 500ms ease 500ms;}
.services-box .inner-box:after{content:'';position:absolute;left:-7px;top:-7px;border-left:1px solid #ff1717;height:0%;transition:all 500ms ease 500ms;-moz-transition:all 500ms ease 500ms;-webkit-transition:all 500ms ease 500ms;-ms-transition:all 500ms ease 500ms;-o-transition:all 500ms ease 500ms;}
.services-box .inner-box:hover{color:#ffffff;background:#ff1717;}
.services-box .inner-box:hover:before{width:100%;}
.services-box .inner-box:hover:after{height:100%;}
.services-box .icon-box{position:relative;display:block;width:100px;height:100px;margin:-50px auto 30px;border:6px solid transparent;background:#ff1717;color:#ffffff;text-align:center;line-height:80px;border-radius:50%;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.services-box .inner-box:hover .icon-box{border-color:#cf1f10;}
.services-box h3{font-size:20px;font-weight:500;margin-bottom:15px;color:#444444;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.services-box .inner-box:hover h3{color:#ffffff;}
.services-box .text{font-size:15px;font-weight:400;margin-bottom:30px;}
.services-box .styled-dots{position:relative;width:30px;height:5px;margin:0 auto 20px;}
.services-box .styled-dots:before{content:'';position:absolute;left:0px;bottom:0px;width:10px;height:2px;background:#ff1717;}.services-box .styled-dots:after{content:'';position:absolute;right:0px;bottom:0px;width:18px;height:2px;background:#a8a8a8;}
.icon-box img{width: 80px;padding: 10px;}

/* footer */
footer {/* background: #012b4c; */padding: 64px 32px 0px 32px;position:relative;background-color: #0f172a;}
footer h4 {color: #fff;font-size: 18px;font-weight: 600;margin: 0 0 16px 0;}
footer p,
footer p a {color: #fff;font-size: 14px;margin: 0 0 6px 0;text-decoration: none;}
footer p a:hover {color: #fff;}
/* footer .footer-bottom {margin: 4% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .4);padding: 40px 0;} */
footer .footer-bottom p {margin: 0;font-size:16px;font-weight:600;}
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: 19px;margin: 0 0 6px 0;font-weight: 700;}
footer .contact-details .text p {color: #fff;margin: 0;font-size: 14px;}
footer .social-icons ul{list-style:none;}
footer .social-icons ul li{display: inline-block!important;padding:5px;}
footer .social-icons ul li a img{width:30px;}

/* contact us */
.hm_heading{font-size: 40px;line-height: 71px;font-weight: 600;color:#000;}
.cont-content h3{font-size: 22px;color: #000;font-weight:700;    line-height: 30px;text-align: right;}
.cont-content p{ color: #000;font-size: 19px;line-height: 30px;text-align: right;margin-bottom:10px;}
.cont-content p a{ color: #000;font-size: 19px;line-height: 30px;text-align: right;}
.cont-content p i{color:#ff1717;font-size:22px;}
.contact_frm input{border-radius: 10px;padding: 10px 20px;outline: none;margin-bottom: 5px;font-size: 20px;color: #212529;width: 100%;border: 2px solid #f6f6f6;background-color: #f6f6f6;}

.contact_frm input::placeholder{font-size:18px;}
.contact_frm textarea{background-color: #fff;border-color: #fff #fff #d3d2d2 #fff;
border-width: 0px 0px 1px 0px;border-style: solid;}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
  .innr-pg-c{margin-bottom: 20px;padding: 24px 0;position: relative;background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;height: 100v;}
  .innr-pg-c h1{font-weight: 800; Font-size: 30px;color: #fff;text-align: left;border-left: 3px #fff solid;text-transform: uppercase;position:relative;z-index:1;border-radius: 4px;padding: 5px 0 5px 20px;}
  .innr-pg-c:after{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;z-index: 0;background-image: linear-gradient(22deg, #ff1717 4%, #191919 73%);}
/* innr-pg-c End */

.inner-heading h1{font-size:20px;font-weight:600;color:#000;}
.inner-heading p{font-size:18px;font-weight:600;color:#ff1717;}
.inner-pg ul li{font-size:16px;line-height:28px;}

/*  */
.top {position: fixed;right: 18px;bottom: 30px;text-align: center;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
/* .top .fa { display: block !important;} */

header img{padding: 5px 33px;}
#MenuControl{float: left!important;}
#WidgetControl4{display: none!important;}
#WidgetControl2{display: none!important;}

#widgetsControl, #widgetsControl_C{height:auto!important;}
.top-right{margin-bottom:0px;}
.top-right ul{list-style:none;margin-bottom:0px!important;padding:36px 0px;}
.top-right ul li{display: inline-block;}
.top-right ul li a{font-size: 15px;background: #000;color: #fff;padding: 6px 10px;border-radius: 50%;    margin-right: 10px;}

#HeaderControl, #HeaderControl_C{background-color: rgba(241,245,248,1);}
#MenuControl, #MenuControl_C{background-color: rgba(241,245,248,1);}
#WidgetControl5, #WidgetControl5_C{background-color: rgba(241,245,248,1);}
.main-table ul li{font-size:16px;line-height:28px;color:#000;}
.main-table{text-align: left;}

@media(max-width:1289px)
{
#WidgetControl5{display: block;}
}

@media(max-width:767px)
{   #WidgetControl5{display: none!important;}
    .why-choose{padding:60px 0px}
    header{display: flex;justify-content: center;}
    .about-section .pic .abt-box h4 {font-size: 54px;}
    .about-content{position: relative;top: 70px;}
}
@media(min-width:1500px)
{
    .banner-bottom-bg {background-color: #fff;max-width: 100%;height: 12%;position: absolute;overflow: hidden !important;margin-top: -50px;transform-origin: top;transform: rotate(3deg);}
}