@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {padding: 0;margin: 0;font-family: 'Poppins', sans-serif;}

a { text-decoration: none !important;}

a:hover { text-decoration: none !important;}

a:focus { outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0px !important;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;} 
.dwl-img img {width: 100%; height: auto;}
/*HEADER PART CSS*/
.callRight {float: right;}
.callRight ul {padding-left: 0;margin-bottom: 0;list-style: none;}
.callRight ul li {float: left;}
.callRight li {padding: 0 15px 0 20px;margin: 0;list-style: none;}
.callRight p {margin: 1px 13px 1px 18px;font-size: 17px;color: #000;font-weight: 400;}
.callRight p span {margin: 0;font-size: 20px;font-weight: 600;letter-spacing: 0.3px;color: #000000;text-transform: uppercase;}
.callRight li a {font-weight: 600;color: #727376;font-size: 16px;text-decoration: none;}
.callRight .fb-im {transform: rotate(45deg);vertical-align: middle;width: 55px;height: 55px;float: left;margin-right: 0px;margin-top: 0px;border-radius: 10px;text-align: center;background-color: #fb9058;box-shadow: inset 0px 0px 0px 4px #fff;border: 2px solid #000000;}
.mg-top {margin-top: 15px; }
.callRight .fb-im i {transform: rotate(315deg);color: #ffffff;font-size: 20px;line-height: 51px;}
.header-widget ul li { display: inline-block;}
.header-section { background: linear-gradient(to right, #297b31 75%, #087177 25%); padding: 5px 0;}
.header-section .header-widget ul { padding-left: 0; margin-bottom: 0;}
.header-section .header-widget ul li { font-size: 16px; padding-right: 20px; margin-right: 16px; color: #ffffff; position: relative;}
.header-section .header-widget ul li::before { position: absolute; content: ''; background: #ffffff; width: 4px; height: 23px; right: 0; top: 0px;}
.header-section .header-widget ul li i { margin-right: 5px; font-size: 16px; top: 1px; position: relative;}
.header-section .header-widget ul li a { color: #ffffff; text-decoration: none;}
.header-section .header-widget ul :nth-child(2)::before { display: none;}
.header-section .header-social ul { padding-left: 0; margin-bottom: 0;}
.header-section .header-social ul li { text-decoration: none; list-style: none; float: right;}
.header-section .header-social ul li a i { color: #fff; background: #297b31; width: 35px; font-size: 13px; height: 35px; border-radius: 50%; display: inline-block; text-align: center; border: 3px solid #fff; line-height: 30px; margin-left: 5px; position: relative; z-index: 0; -webkit-transition: .5s; transition: .5s;}
.header-section .header-social ul li a i:hover { color: #087177; background: #fef0ed; border: 3px solid #297b31;}
/*HEADER PART CSS*/

/*BANNER PART CSS*/
.carousel-control-prev-icon, .carousel-control-next-icon {width: 45px; background-color: #fb9058; height: 50px;}
.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease;}
.carousel-caption { position: absolute; right: 5% !important; bottom: 80px; left: 0; left: 0% !important; z-index: 10; padding-top: 20px; padding-bottom: 10px; color: #fff; text-align: right;}
/*BANNER PART CSS*/

/*WELCOME PART CSS*/
.wel-part {padding: 40px 0px; }
.wel-img img {width: 100%; height: auto;}
.wel-title strong { font-size:18px; letter-spacing:4px; text-align:center; animation: fadeIn 1.5s ease-out; color:#000; font-weight:700; }
.wel-title h1 {font-size:31px; font-weight: 800; color: #fb9058;fb9058 animation: slideIn 2s ease-out;}
.wel-text p {font-size: 16px; line-height: 27px; margin-bottom: 3px; text-align: justify;}
.wel-text h4 {font-size: 20px; font-weight: bold; border-bottom: 2px solid #FB9058; line-height: 32px; display: inline-block;}
.button-box { background-color: transparent; color: #000; padding: 0 0 0 12px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; border: 2px solid #fb9058; font-weight: 700; text-decoration: none}
.button-box i {background-color: #fb9058; padding: 9px; margin: 5px 5px 5px 9px; padding-left: 7px; font-size: 18px; border-radius: 1px; color: #fff; text-decoration: none; width: 34px; height: 34px; line-height: 8px; font-weight: 700; letter-spacing: .5px; border: 3px solid #000;}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
/*WELCOME PART CSS*/



/*----------------Page Title-------------*/
.bg-1 { background: url(../images/background-img.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; position: relative; background-size: cover; z-index: 0; }
.bg-overlay-black:before { background-image: linear-gradient(0deg, #000000, #fb905885); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.inner-intro { display: block; padding: 50px 0px; }
.inner-intro .container { display: table; height: 100%; position: relative; }
.inner-intro span { text-transform: capitalize; }
.intro-title { display: table-cell; vertical-align: bottom; padding-bottom: 0px; }
.inner-intro h1 { text-transform: uppercase; margin: 0px; color: #f6c867; font-size: 35px; font-weight: bold; color: transparent; -webkit-text-stroke: 1px #ffffff; text-stroke: 1px #ffffff; }
ul.page-breadcrumb li span { color: #fff; font-weight: 300; font-size: 17px; text-transform: capitalize; }
ul.page-breadcrumb { margin: 0px; padding-left: 0px; padding: 10px 0px; }
ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; }
ul.page-breadcrumb li i { font-size: 17px; padding: 0 5px; color: #fff; }
ul.page-breadcrumb li a { color: #fff; font-size: 17px; font-weight: 300; text-transform: capitalize; }
ul.page-breadcrumb li a:hover { color: #ffb8c1; transition: 0.5s; }
/*----------------Page Title-------------*/



/*----------------Page part-------------*/
.page-part {padding: 50px 0px;}
.page-text p {text-align: justify; font-size: 16px; line-height: 28px; color: #000; margin-bottom: 7px;}
.page-img img {width: 100%; height: auto; border: 1px solid #fcb894; border-radius: 10px;}
.page-img img:hover {box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.7); transform: scale(1.05); /* Zoom the image on hover */}
.page-text h2 {font-size: 24px; line-height: 36px; color: #000; border-bottom: 2px solid #FB9058; display: inline-block;}
.page-text h4 {font-size: 22px; line-height: 32px; border-bottom: 2px solid #FB9058; display: inline-block; color: #000;}
.package ul {padding-left: 0; margin-bottom: 7;}
.package ul li {background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 40px; list-style: none; text-align: left; padding-top: 3px; padding-bottom: 3px; color: #000; font-size: 16px; line-height: 31px;}
.package ul li a {color: #fff; text-decoration: none; letter-spacing: .2px;}
.package ul li a:hover {color: #a1e5fd; text-decoration: none; transition: 0.5s;}
.tb_first {background-color: #fb9058  !important; color: #fff; border: none; text-align: center;}
.pro_tb {border-collapse: collapse;width: 100%;}
.pro_tb td, .pro_tb th {padding: 8px; border: 1px solid #ddd !important; text-transform: capitalize; font-size: 16px; color: #000;}
.pro_tb tr:nth-child(odd) {background-color: #f4f4f4;}
.pro_tb tr:hover { background-color: #33333347;}
.pro_tb th {padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005da5; color: #fff;}
/*----------------Page part-------------*/

/*----------------Product part-------------*/

.main-page-box {background-color: #ffffff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 15px 15px; text-align: center; border-radius: 15px; margin-bottom: 30px;}
.main-page-box img {width: 100%; height: auto;}
.main-page-box h4 {font-size:23px; line-height: 32px; color: #000; margin: 15px 0px;}

.sub-page-box {background-color: #ffffff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 15px 15px; text-align: center; border-radius: 15px; margin-bottom: 30px; height: 450px;}
.sub-page-box img {width: 100%; height: auto;}
.sub-page-box h4 {font-size:20px; line-height: 32px; color: #000;}
.sub-page-box p {font-size: 16px; line-height: 28px; color: #000;}

.product-part {padding: 40px 0px; background: linear-gradient(135deg, #e0f7fa 30%, #b2dfdb);}
.pro-title h1 {font-size:31px; font-weight: 800; color: #fb9058;fb9058 animation: slideIn 2s ease-out; text-align: center; margin-bottom: 15px;}
.product-img img {width: 100%; height: auto;}
.post-slide h4 {font-size: 1.4rem; margin: 15px 0; color: #333; font-weight: bold; text-align: center;}
.post-slide p {font-size: 1rem; color: #666; line-height: 1.6; margin-bottom: 20px; text-align: center; margin-bottom: 5px;}
.post-slide {margin: 3px 5px 3px; padding-top: 0px; border-radius: 10px;}
.post-slide { border: none; border-radius: 15px; padding: 20px; background-color: #fff; transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: center; position: relative; overflow: hidden;}
.post-slide:hover {transform: translateY(-10px);}
.post-slide a:hover{color: #FB9058;}
.rs-courses-2 {padding: 0px;}
.rs-courses-2 .cource-item {margin: 0px 0px; border-radius: 20px;}
.rs-courses-2 .cource-item .cource-img {position: relative; overflow: hidden; border-radius: 10px 10px;}
.rs-courses-2 .cource-item .cource-img img {-webkit-transition: all .3s ease; transition: all .3s ease; width: 100%;}
.rs-courses-2 .cource-item .course-body .course-title {margin: 0px 0px 0px;}
.rs-courses-2 .cource-item .course-body .course-title a {color: #ffffff;transition: all 0.35s ease 0s;text-decoration: none;font-size: 18px;font-weight: 300;line-height: 35px;}
.rs-courses-2 .cource-item .course-body .course-title a:hover {color: rgba(33, 33, 33, 0.6);}
.rs-courses-2 .cource-item .course-body {bottom: 18px;position: absolute;padding: 4px 25px;transition: all 0.5s ease 0s;background-color: #F58634;text-align: center;border-radius: 0px 5px 5px 0px;}
.rs-courses-2 .cource-item:hover .course-body {background-color: #003F7D;}
.rs-courses-2 .cource-item:hover .course-body .course-title a {color: #fff;}
.rs-courses-2 .cource-item:hover .cource-img img {-webkit-transform: scale(1.08); transform: scale(1.08); opacity: 0.9;}
.owl-controls .owl-buttons .owl-prev {background: #fb9058;position: absolute;top: 44%;left: -21px;padding: 3px 13px 3px 13px;border-radius: 30px;border: 5px solid #e7e7e7;transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-next {background: #fb9058;position: absolute;top: 44%;right: -21px;padding: 3px 13px 3px 13px;border-radius: 30px;border: 4px solid #e7e7e7;transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after {content: "\f100"; font-family: "Font Awesome 5 Pro"; color: #ffffff; font-size: 16px;}
.owl-controls .owl-buttons .owl-next:after {content: "\f101";}
.read-more-btn { text-decoration: none; background-color: #363435; color: #fff; padding: 12px 30px; border-radius: 50px; display: inline-block; font-size: 1rem; font-weight: 500; position: relative; z-index: 1; transition: all 0.3s;}
.read-more-btn i {margin-left: 8px; transition: transform 0.3s;}
.read-more-btn a:hover {color: #fb9058;}
.read-more-btn:hover i { transform: translateX(5px); }

/*----------------Product part-------------*/

/*WHY US PART CSS*/
.why-part {padding: 40px 0px;}
.why-title h1 {font-size:31px; font-weight: 800; color: #fb9058;fb9058 animation: slideIn 2s ease-out; text-align: center; margin-bottom: 15px;}
.feature-content p{font-size: 18px;color: #5c5c5c;line-height: 28px;text-align:left;margin:0 0 0;font-weight: 400;}
.feature-content p a{font-size: 19px;color: #145269;line-height: 40px;text-align:left;font-weight: 700;margin: 0px;margin-top: 50px;text-decoration: none;text-transform: uppercase;}
.feature-content h4{font-size:22px;line-height:23px;color: #145269;font-weight:600;margin: 5px 0 7px 0;text-transform:uppercase}
.float-left{float:left!important}
.img-why img {width: 100%; height: auto;border-radius: 20px;border: 5px solid #efefef;}
.image-content{padding: 10px 0px;}
.image-content .feature-icon-box{margin: -3px 0;font-size: 25px;position:relative;color: #404040;display:inline-block;text-align:center;}
.image-content .feature-content-text{padding-right: 33px;}
.feature-content-text p{font-size: 18px;color: #555;line-height: 30px;text-align: right;margin:0 0 0;letter-spacing: .3px;font-weight: 400;}
.feature-content-text p a{font-size: 19px;color: #145269;line-height: 40px;text-align:left;font-weight: 700;margin: 0px;margin-top: 50px;text-decoration: none;text-transform: uppercase;}
.feature-content-text h4{font-size: 21px;line-height:23px;color: #fb9058;font-weight:600;text-align: right;margin: 3px 0 5px 0;text-transform:uppercase}
.float-right{float:right!important}
.image-content-1{padding: 10px 0px;}
.image-content-1 .feature-icon-box-1{margin: 0px 0;font-size: 26px;position:relative;color: #404040;display:inline-block;text-align:center;}
.image-content-1 .feature-content-text-1{padding-left: 33px;}
.feature-content-text-1 p{font-size: 18px;color: #555;line-height: 30px;text-align:left;margin:0 0 0;font-weight: 400;}
.feature-content-text-1 p a{font-size: 19px;color: #145269;line-height: 40px;text-align:left;font-weight: 700;margin: 0px;margin-top: 50px;text-decoration: none;text-transform: uppercase;}
.feature-content-text-1 h4{font-size: 21px;line-height:23px;color: #fb9058;font-weight:600;text-align:left;margin: 3px 0 5px 0;text-transform:uppercase}
.float-right{float:right!important}
/*WHY US PART CSS*/




/*CLIENT PART CSS*/
.client-title h1 {font-size:31px; font-weight: 800; color: #fb9058;fb9058 animation: slideIn 2s ease-out; text-align: center;}
.client-part {padding: 40px 0px; background: linear-gradient(135deg, #e0f7fa 30%, #b2dfdb);}
.client-block img {width: 98%; height: auto; border: 1px solid #000; padding: 2px; margin-left: 2px;}
/*CLIENT PART CSS*/


/*Enquiry Page PART CSS*/
.enq-img img {width: 100%; height: auto;}
.contact-title h2 { font-size:26px; font-weight:bold; border-bottom:2px solid #0B569F; display:inline-block; line-height:38px; }
.recaptcha-submit-row {display: flex;justify-content: space-between; align-items: center;}
.g-recaptcha {transform: scale(0.85); -webkit-transform: scale(0.85); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.input-group-text { background-color: #3498db; color: #fff; border-radius: 6px 0 0 6px; border: none;}
form button {background-color: #3498db; color: #fff; border-radius: 6px; padding: 10px 20px; border: none;}
form button:hover {background-color: #2980b9;}
/*Enquiry Page PART CSS*/


/*Contact Us Page PART CSS*/
.contact-text-info h3 {font-size: 19px;font-weight: 600;color: #fb9058;line-height: 21px;margin: 19px 0px 3px;letter-spacing: 0.5px;text-transform: uppercase;}
.contact-text-info a{color:#333; text-decoration:none; }
.contact-text-info a:hover {color:#fb9058;text-decoration: none; transition: 0.5s;}
.contact-detail span{ font-size:18px; color:#333; font-weight:500; text-transform:uppercase; }
.contact-detail { padding-top:25px; }
.contact-detail p{ padding-top:0px; }
.contact-text-info {position: relative;padding-left: 0px;list-style: none;text-decoration: none;margin-bottom: 0px;}
.list-unstyled {padding-left: 0;list-style: none;}
.contact-text-info:before {content: ' ';background: #000;display: inline-block;position: absolute;left: 8px;width: 5px;height: 100%;z-index: 1;}
.contact-text-info li {padding-left: 30px;position: relative;color: #333;line-height: 30px;font-size: 18px;padding-bottom: 0px;}
.contact-text-info>li:before {content: ' ';background: #fff;display: inline-block;position: absolute;border-radius: 50%;border: 3px solid #fb9058;left: 0;width: 22px;height: 22px;z-index: 1;}
.contact-text-info li p {margin-bottom: 0;line-height: 24px;}
.contact-text-info>li::after {content: ' ';background: #062759;display: inline-block;position: absolute;border-radius: 50%;top: 6px;left: 6px;width: 10px;height: 10px;z-index: 2;}
/*Contact Us Page PART CSS*/


/*FOOTER PART CSS*/
.agile-footer { padding: 35px 0px 0px; background-image: url(../images/footer-bg.jpg); background-repeat: repeat; text-align: center;}
.aglie-info-logo img { width: 80%; height: auto; background-color: #fff; padding: 5px 15px; border-radius: 70px; border: 2px solid #ffffff; box-shadow: inset 0px 0px 5px 0px #00000057;}
.w3layouts_mail_grid_left2 { padding: 25px 0px;}
.w3layouts_mail_grid_left2 i { font-size: 55px; line-height: 65px; color: #ffffff; margin: 10px 0 10px;}
.w3layouts_mail_grid_left2 h3 {font-size: 20px;line-height: 35px;color: #fa8f56;font-weight: 700;margin: 5px 0 5px;text-transform: uppercase;}
.w3layouts_mail_grid_left2 a { text-decoration: none; color: #e1e1e1; font-size: 17px; line-height: 29px;}
.w3layouts_mail_grid_left2 a:hover { color: #ebebeb; transition: .5s;}
.w3layouts_mail_grid_left2 p { color: #fff; font-size: 17px; margin: 0; line-height: 30px;}
.w3layouts_mail_grid { padding: 30px 0;}
.aglieits-nav-color { background-color: #fa8f56; border-radius: 50px;}
ul.aglieits-nav { padding: 0px 20px; margin-bottom: 0; text-align: center;}
ul.aglieits-nav li { display: inline-block; padding: 13px 0;}
ul.aglieits-nav li spam { padding: 0 22px; font-size: 20px; line-height: 30px; color: #fff;}
ul.aglieits-nav li a {color: #ffffff;text-transform: uppercase;text-decoration: none;letter-spacing: .5px;font-weight: 700;font-size: 16px;line-height: 30px;}
ul.aglieits-nav li a:hover { color: #c5c5c5; transition: .5s;}
.social-icon { position: relative; padding-left: 0px; padding-top: 0px; text-align: center; margin: 2px 0px;}
.social-icon li { display: inline-block; margin: 0 1px;}
.social-icon li a { display: inline-block; width: 50px; height: 50px; background: #fa8f56; line-height: 48px; text-align: center; border-radius: 50%; transition: .5s; color: #fff; font-size: 16px; box-shadow: inset 0px 0px 0px 4px #04470b; border: 3px solid #ffffff;}
.social-icon li a:hover { background: #ffffff; border-color: #e94d26; color: #e94d26;}
.power-by { text-align: center; padding: 15px 0px;}
.power-by p { text-align: center; color: #fff; padding: 0; margin: 0; font-size: 18px; line-height: 28px;}
.power-by p a { color: #fff; margin: 0px 4px;}
/*FOOTER PART CSS*/


/*WHATSAPP PART CSS*/
.whatsapp_btn { position: fixed; bottom: 100px; left: 10px; width: 50px; height: 50px; z-index: 100;}
.whatsapp_btn .icon_logo { position: relative; z-index: 150; padding: 5px;}
.whatsapp_btn .icon_logo>a>img { width: 100%;}
.whatsapp_btn .circle_waves { border-radius: 50%; background-color: #3cc04e; width: 50px; height: 50px; position: absolute; opacity: 0; bottom: 1px; left: 0; z-index: 120; animation: waves 4s infinite cubic-bezier(.36,.11,.89,.32);}
@keyframes waves { from {     transform: scale(.55,.55);     opacity: .6; } to {     transform: scale(1.8,1.8);     opacity: 0; }}
/*WHATSAPP PART CSS*/

.gallery img {
      width: 100%;
      height: auto;
      cursor: pointer;
      transition: transform 0.2s;
    }
    .gallery img:hover {
      transform: scale(1.05);
    }
    /* Modal styling */
    .modal-content {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 80%;
      height: auto;
      margin: auto;
    }