@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

*{margin:0; padding:0; box-sizing:border-box;}

body{margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:15px; color:#000; overflow:inherit;}

h1,h2,h3,h4,h5,h6{margin:0 0 10px 0; font-family: 'Roboto', sans-serif;
 color:#000; line-height:normal; text-transform:capitalize; }
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}

p{margin:0 0 10px 0;  font-family: 'Roboto', sans-serif;
 font-size:15px; color:#333; line-height:24.27px; }
p:first-letter{text-transform:uppercase;}
a{margin:0; padding:0; font-family: 'Roboto', sans-serif;
 font-size:15px; color:#000; text-decoration:none; display:inline-block;}
a:hover{color: #fe721d;}
ul, li, ol, li{margin:0; padding:0; font-family: 'Roboto', sans-serif;
 font-size:15px; color:#000; list-style-type:none; text-transform:capitalize;}

input[type="text"], input[type="email"], input[type="number"], select, textarea{margin:0 0 13px 0; padding: 11px 20px 13px 20px; font-family: 'Roboto', sans-serif; font-size:14px; color:#555; line-height:normal; width:100%;outline:none; border: 1px solid #ddd; background: #fff; }
input[type="submit"]{margin:10px 0; padding:10px 15px; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; line-height:normal; width:100%; border:none; outline:none; background:#00317d; transition:.5s;}
input[type="submit"]:hover{ background:#fd721c; }

textarea{ height: 100px;}


/*Back-to-top-button*/
#button {display: inline-block;background-color: #fd721c;width: 35px;height: 35px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;display: flex !important;align-items: center;justify-content: center;}
#button i {color: #fff;font-size: 18px;}
#button:hover {cursor: pointer;background-color: #00317d;color: #fff;}
#button:active {background-color: #00317d;}
#button.show {opacity: 1;visibility: visible;}
.flex-wraper {display: flex;align-items: center;justify-content: space-between;}



.heading, .headingleft {font-size: 27px;text-transform: uppercase;margin-bottom: 30px; font-weight: 700; text-align: center; width: 50%;margin: 0 auto 30px; position:relative;}

.heading:before, .headingleft:before{content: '';position: absolute;bottom: -8px;left: 50%;background: linear-gradient(45deg, #fe721d, #00317d);width: 100px;height: 4px;transform: translateX(-50%);	}
.headingleft:before{
    left:0;
    transform: translateX(-0%);
}
.headingleft {text-align: left; margin: 0 0 26px 0;}


/*whatsapp-icon phone-icon*/
a.whatsapp-icon,
a.phone-icon {
  position: fixed !important;
  bottom: 30px;
  left: 27px;
  z-index: 33;
  background: #19a500;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  transition: 0.6s;
  position: relative;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}
a.whatsapp-icon:before,
a.phone-icon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #29e507;
  box-shadow: 0 0 10px #29e507;
  animation: iconbtn 5s linear infinite forwards;
  z-index: -3;
}

a.phone-icon {
  bottom: 92px;
  background: #007eff;
  -webkit-text-stroke: 1px #fff;
  color: #007eff;
}
a.phone-icon:before {
  background: #007eff;
  box-shadow: 0 0 10px #007eff;
}

@keyframes iconbtn {
  from {
    transform: scale(1);
    opacity: 1;
    transition: 0.6s;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
    transition: 0.6s;
  }
}

/*offcanvas*/
.offcanvas-header h5 {font-size: 24px;font-weight: 600;}
.offcanvas-body input[type="text"], .offcanvas-body input[type="email"], .offcanvas-body input[type="number"], .offcanvas-body select, .offcanvas-body textarea {border: 1px dashed #fd721c;}
button.btn-primary {transform:translateY(-50%);position: fixed;top: 50%; left: 0;z-index: 99;  width: 36px;height: 120px; font-size: 15px;color: #fff; background: #fd721c;border-color: #fd721c; writing-mode: vertical-lr; padding: 4px; border-radius: 0 10px 10px 0;}


/*get-btn*/
.get-btn {display: flex;justify-content: end;margin-top: 20px;}
.get-btn a{ background:#fd721c; color: #fff;  padding: 10px 20px;}
.get-btn a:hover{background:#042c69; color:#fff;}

/*header*/
header {border-top: 5px solid #ff701b;border-bottom: 5px solid #042c69; position: sticky;    top: 0;    z-index: 999;    background: #fff;} header:before {content:''; position:absolute;     bottom: 0;    right: 0;    background: #042c69;    width: 70%;    height: 50%;    clip-path: polygon(60px 0%, 100% 0, 100% 100px, 0% 100%);}

header .logo img{width: 260px;}
header .head-info {margin: 15px 0 12px;}
header .head-info ul li {margin-left: 30px;}
header .head-info .smoicons {margin-left: 50px;}
header .head-info .smoicons ul li{margin-left: 10px;}
header .head-info .smoicons ul li a { transition:.5s;width: 30px;height: 30px;margin: 0;}
header .head-info .smoicons ul li a i{margin-right: 0;}
header .head-info .smoicons ul li a:hover{border-color:#ff701b;}
header .head-info .smoicons ul li a:hover i{color:#ff701b;}
header .head-info ul li a {font-weight: 600; text-transform: lowercase;}
header .head-info ul li i{font-size: 15px;color: #000;margin-right: 10px;}

header .head-info ul li a.mobile-menu {   display:none;}



header .menubar ul li {position:relative;}
header .menubar ul li a {color: #fff;text-transform: uppercase; letter-spacing:1px; margin: 20px 0 15px 30px; transition:.6s;} 
header .menubar ul li a i { font-size: 12px; margin-left: 5px;}
header .menubar ul li a:hover {color: #fd721c;}
header .menubar ul li .dropdown{position:absolute; left:0;  width:250px; background:#042c69; display:none; z-index:99999; transition:.6s;}
header .menubar ul li:hover .dropdown{ display:block;  }
header .menubar ul li:hover .dropdown li a{  text-transform:capitalize; margin:5px 15px; letter-spacing:0;}




.slider img{width:100%;}
.slider .carousel-caption h1{color:#fff; font-size:45px; text-transform:uppercase; width: 50%;}
.slider .carousel-caption h1 small {display: block;font-size: 15px;position: relative; margin-bottom: 10px;}
.slider .carousel-caption h1 small:after {content:''; position:absolute; top:6px; left:17%; background:#fe721d; width:30px; height:4px;}
.slider .carousel-caption h1 span {font-style: italic;color: #fe721d;}
.slider .carousel-caption p{color: #eee;font-size: 20px;font-weight: 100;margin: 20px 0 30px 0; width:40%;}

.about{margin: 50px auto;width: 60%;text-align: center;}

.happy-client {height: fit-content; margin-bottom:50px;}
.happy-client img {width: 100px; margin:0 auto;}
.happy-client ul {display: flex;align-items: center;justify-content: center;	width: 10%;margin: 0 auto;}
.happy-client ul li { transition:.5s;width: 20px;height: 6px;background:linear-gradient(45deg, #00317d, #fe721d);margin: 0 5px; cursor:pointer; margin-top:20px;}
.happy-client ul li.slick-active { width: 60px;}

.happy-client ul li:hover {width: 100%;}
.happy-client ul li button{font-size:0; border:0;}

.services{ background:#f3f3f3; padding:80px 0;}
/*.services .row-flex {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
*/
.services a { padding: 30px;border-radius: 10px;   transition: .6s; border: 1px solid #dddddd4a;     width: 100%;
    height: 100%; margin-bottom: 16px; }
.services .services-item figure img {}
.services a:hover{ background:#fe721d;}
.services a:hover figure{transform: rotate(360deg); border-color:transparent; background:#00317d;}
.services a:hover h3{color:#fff;}
.services a figure { transition: .6s;border: 3px solid #fff;border-radius: 50px;width: 70px;height: 70px;background: #fe721d;display: flex; align-items: center;justify-content: center; margin:0 auto 25px;}
.services a h3 {font-size:18px; }

.offers {background:linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.90) 100%), url(../images/offer.jpg) no-repeat fixed center/cover;padding: 100px 0;}
.offers .offers-details { position:relative;margin:10px; }
.offers .offers-details .offers-info {opacity:0; width:100%; height:100%; background:#000000ad; position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; flex-direction:column; transition:.6s;}
.offers .offers-details .offers-info span {font-size: 30px;color: #fff;font-weight: 600;}
.offers .offers-details:hover .offers-info {opacity:1; }
.offers .offers-details img {width: 100%;}
.offers .fa-arrow-right-long, .offers .fa-arrow-left-long{color:#ddd;font-size: 20px;border: 1px solid #ddd;border-radius: 50px;padding: 10px;position: absolute;top: 0;right: 0; cursor:pointer;	z-index: 22;background: #fff;}
.offers .fa-arrow-left-long {right: 50px;}

.actionbar {margin: 0 0 100px 0;padding: 40px 0;background: #fffbf8;}
.actionbar img{ width: 100%;}
.actionbar h2 {font-size: 35px;font-weight: 700;margin-bottom: 20px; letter-spacing: 1px;}
.actionbar h5 {font-size: 20px;font-weight: 800;}
.actionbar h5 a{font-size: 20px;}
.actionbar p {margin-bottom:30px;}



/*work-process*/
.work-process{margin-bottom:80px;}

.work-process .work-process-bg figure.work-process-bgimg{position: absolute;top: 25%;z-index: -1; left: 0%;}
.work-process figure.work-process-bgimg img{width:100%;}
.work-process .work-process-item figure {width: 130px;height: 160px;background: #042c69;display: flex;align-items: center;justify-content: center; margin:0 auto 20px; clip-path: polygon(50% 0%, 100% 30%, 100% 69%, 50% 100%, 0 71%, 0 31%);}
.work-process .work-process-item figure img {    width: 80px;}
.work-process .col-lg-2:nth-child(3) .work-process-item figure, .work-process .col-lg-2:nth-child(5) .work-process-item figure, .work-process .col-lg-2:nth-child(6) .work-process-item figure{background: #fe721d; margin-top: 60px;}

/*.work-process .work-process-item figure{visibility: visible; animation-duration: 2s; animation-delay: 500ms; animation-iteration-count: infinite; animation-name: pulse;}
*/
/*gallery thubmnail*/
.gallery-thumbnail {    display: flex;    align-items: center;    justify-content: center;}
.mySlides img {    width: 100%;    /*height: 400px;    object-fit: cover;*/}
/* The Modal (background) */
.modal {  display: none;  position: fixed;  z-index: 99999;  padding-top: 10px;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: #dedede;}
/* Modal Content */
.modal-content {  position: relative;  background-color: #fefefe;  margin: auto;  padding: 0;  width: 90%;  max-width: 1200px;}
/* The Close Button */
.close {  color: #042c69;  position: absolute;  top: 10px;  right: 25px;  font-size: 35px;  font-weight: bold;}
.close:hover,
.close:focus {  color: #999;  text-decoration: none;  cursor: pointer;}
.mySlides {  display: none;     width: 50%;    margin: 0 auto;}
.cursor {  cursor: pointer;}
/* Next & previous buttons */
.prev,
.next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  padding: 16px;  margin-top: -50px;  color: white;  font-weight: bold;  font-size: 20px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;  user-select: none;  -webkit-user-select: none;     background: #555;}
/* Position the "next button" to the right */
.next {  right: 0;  border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {  background-color: rgba(0, 0, 0, 0.8);}
/* Number text (1/3 etc) */
.numbertext {  color: #f2f2f2;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;}
.caption-container {  text-align: center;  background-color: black;  padding: 2px 16px;  color: white;}
.demo {  opacity: 0.6; width: 11.6% !important;    margin: 50px 1% 0 0;}
.demo:last-child {  margin: 50px 0% 0 0;}
.demo img { height:100px;     width: 100%;}
.active,
.demo:hover {  opacity: 1;}




/*gallery*/
.gallery{margin-bottom:50px;}
.gallery figure {margin: 1px;  overflow: hidden;   /*border: 5px solid #fe721d;*/}
.gallery figure img {transition:.6s;width: 100%; cursor: pointer;}
.gallery figure:hover img {  transform: scale(1.1);}
/*.gallery .gallery-img figure{margin-bottom:20px; height: 400px;}
.gallery .gallery-img figure img{height: 100%;}*/

.mb-gallery{display:none;}

/*testimonials*/
.testimonials {margin-bottom: 70px;}
.partnar-logo img {width: 100px; margin:0 auto;}
.partnar-logo .fa-arrow-right-long, .partnar-logo .fa-arrow-left-long{position: absolute;top: 50%;right: 0;transform: translateX(-50%); cursor:pointer; z-index: 22;width: 0;}
.partnar-logo .fa-arrow-left-long{left: -15px;}


.faq-details{margin: 100px 0 -60px 0;padding: 100px 0 150px 0; background:#fffbf7;}
.faq-details img {width: 100%;border-radius: 10px; background: #042c69;}
.faq-details h2 .accordion-button {font-size: 18px;font-weight: 600;}

.footer-info{background: #fd721c; position:relative;}
.footer-info .footer-info-item {height: 120px;width: 100%;  position:relative;	padding-left: 20px;display: flex;align-items: center;}
.footer-info .col-lg-4:nth-child(1) .footer-info-item{padding-left: 15px;}
.footer-info .col-lg-4:nth-child(2) .footer-info-item, .footer-info .col-lg-4:nth-child(2) .footer-info-item:before{ 
    
        background: #fff;
    clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%, 10% 50%);
    height: 100%;
    padding-left: 65px;}
/*.footer-info .col-lg-4:nth-child(3) .footer-info-item:before{background:none;   }

.footer-info .footer-info-item:before {position: absolute;top: 0;right: -54px;width: 100px;height: 120px;background: #fd721c;z-index: 9;content: '';	 clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 50%, 47% 0%);/*clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);*/}
*/


.footer-info .footer-info-item p a {display: block;	font-size: 18px;font-weight: 600;color: #fff; transition:.5s; text-transform: lowercase;}
.footer-info .footer-info-item p a:first-letter {text-transform:lowercase;}
.footer-info .col-lg-4:nth-child(2) .footer-info-item p {   color:#555;}
.footer-info .col-lg-4:nth-child(2) .footer-info-item p a{   color:#000; transition:.5s;      display: block;
    font-size: 20px; }
.footer-info .footer-info-item p a:hover {color:#00317d;}
.footer-info .col-lg-4:nth-child(2) .footer-info-item p a:hover {   color:#fd721c;}
.footer-info .col-lg-4:nth-child(3) .footer-info-item p a {
    font-size: 20px;
    color: #fff;
    display: block;
}
.footer-info .footer-info-item figure {margin: 0 10px 0 0;}
.footer-info .footer-info-item p{color:#eee; margin:0; width: 80%;line-height: 24px;}
.footer-info .footer-info-item p span {font-size: 18px;color: #fff;font-weight: 500; line-height: normal;}

/*footer*/
footer{background:#00317d;  padding: 120px 0 0 0;margin-top: -60px;}
footer figure {margin-bottom: 20px;}
footer figure img {width: 200px;}
footer p{color:#eee; margin:0;}
footer h3 {font-size: 18px;color: #fff;text-transform: uppercase;	 letter-spacing:1px;	  margin: 0 0 25px 0;}
footer .footer-links{display: flex;align-items: center;justify-content: center;flex-direction: column;}
footer .footer-links ul li a{margin-bottom: 15px;}
footer .footer-list ul li {width: 50%;	color: #eee;letter-spacing: 1px;margin-bottom: 15px;}
footer ul li a{color:#eee;}
footer iframe {width: 100%;height: 250px;}
.copyright{border-top:1px solid #a5a5a5; padding: 20px 0;margin-top: 50px;}

.copyright p{text-transform:capitalize;}
.copyright p a{color:#ddd;}
.copyright p a:hover{color:#fff;}

.smoicons ul li a {border: 1px solid #eee;border-radius: 10px;width: 30px;    height: 30px;    display: flex;    align-items: center;    justify-content: center;    font-size: 14px;    margin: 20px 20px 0 0;    transition: .6s;}
.smoicons ul li a:hover {border-color:#fe721d; color:#fe721d;}







/*conact-page*/
.contact-header{padding:80px 0; margin-bottom:80px; background: #042c69; border-top: 1px solid #dddddd2e; }
.contact-header ul li {font-size: 25px;color: #fff;	text-transform:uppercase;	margin: 0 15px;}
.conact-page .contact-page-info {text-align: center;background: #042c69;padding: 50px;	width: 80%;margin: 0 auto;	box-shadow: 1px 2px 5px 1px #042c690f;    height: 100%;}
.conact-page .contact-page-info h3 {color: #fff;}
.conact-page .contact-page-info a {color: #eee;}

.conact-page form {width: 80%;margin: 0 auto;}
.conact-page .form-list {background:#dddddd40;padding: 200px 0 200px 0;margin: -100px 0 -100px 0;}
.conact-page .form-list iframe {
    width: 100%;
    height: 100%;
}


/*about-page*/


.about-page .about-page-img figure {width: 90%;}
.about-page .about-page-img figure img {width: 100%;}
.about-page .about-page-img:before{content: '';position: absolute;top: -35px;left: -7%;border: 15px solid #042c69;width: 50%;height: 500px;	z-index:-1;}
.about-page .about-page-content .btn-outline-primary{color:#000; margin-top:20px;}
.about-page .testimonials{margin:100px 0;}


/*services-page*/
.services-page  {margin: 0 0 70px 0;}
.services-header{background-image: url(../images/services-bg.jpg); background-size:cover;background-position: center; background-repeat: no-repeat; padding:50px 0; margin-bottom:80px;}
.services-header h3 {font-size: 45px;color: #fff;text-transform: uppercase; width: 70%;}
.services-header p {font-size: 16px;color: #eee;width: 50%;margin: 15px 0 30px 0;}
.services-header figure {margin: 0;display: flex;align-items: center;justify-content: end;}
.services-header figure img {width: 100%;}
.services-wraper .row {row-gap: 20px;}


.services-header h1 {    font-size: 40px;    color: #fff;    text-align: center;}
.services-header ul li {    color: #fff;    font-size: 18px; margin: 0 10px;}


.insurance-wraper .insurance-content {    width: 80%;    margin: 0 auto;    text-align: center;    border-top: 1px dotted #ff000057;    padding: 25px 25px 0 25px;}
.insurance-wraper .services-details figure.insurance img {    width: 64px; height: fit-content;    margin: 20px;}
.insurance-wraper .row-flex{margin-top:20px;}



.services-details figure { margin:10px 0 50px 0;overflow: hidden; border-bottom: 1px solid #ddd; }
.services-details figure img{ transition:.6s;width: 100%;     height: 300px;    object-fit: cover;}

.services-details h5 {
    font-size: 22px;
    margin: 20px 0 15px 0;
}

.services-details p {
    text-align: justify;
}
.services-details ul li { font-size: 16px; margin-bottom: 10px; position: relative; padding: 0 0 0 25px; font-weight: 600;}
.services-details ul li:before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 800; position: absolute; top: 50%; left: 0;    border-radius: 50px; background: #00317d; transform: translateY(-50%); color: #fff; font-size: 10px; padding: 2px 5px;}

.services-wraper .services-form h3{ font-size: 30px; line-height: 35px; margin-bottom: 25px;}
.services-wraper .services-form h3 small{ font-size: 16px; display: block;}


.services-wraper .services-form form input[type="number"], .services-wraper .services-form form textarea{ border: 1px solid #eee;}
.services-wraper .services-form form a { 
    color:#fff;
    padding:10px 20px;
    background:#00317d;
    width: 50%;}


.other-service { margin-top:50px;    padding: 30px 0;    box-shadow: 0px 1px 10px #eee;}
.other-service h4{    font-size: 22px;    margin: 0 0 20px 26px;}
.other-service ul li {    border-bottom: 1px solid #dddddd54;    margin: 0 0 10px 0;     padding: 0 30px;}
.other-service ul li:last-child {    border-bottom: 0;    margin: 0;     padding: 0 30px;}
.other-service ul li a:before {    content: '';    position: absolute;    top: 0;    left: -30px;    width: 6px;    height: 26px;    background: #fe721d;opacity:0; transition:.6s;}
.other-service ul li a img {    background: #042c69;    border-radius: 50px;    padding: 2px;    width: 24px;    margin-right: 10px;}

.other-service ul li a:hover:before {opacity:1;}
.other-service ul li a.active:before {opacity:1;}
.other-service ul li a{ margin: 0 0 10px 0; position:relative; font-size: 14px; font-weight: 500; }


.services-details .services-content {padding: 20px;}
.services-details .services-content h3{font-size: 23px;text-transform: capitalize;}

.services-details .services-content p {    height:107px;}
.services-details .services-content ul li {font-size: 18px;margin-right: 30px;display: flex;align-items: center;}
.services-details .services-content ul li figure { margin:0 15px 0 0;width: 16px;}

.services-details .services-content ul.services-option li { margin: 0 0 10px 0; padding:0 0 0 11px;width: 48%;font-size: 15px;font-weight: 500; position:relative;}
.services-details .services-content ul.services-option li:before {content: '';position: absolute;top: 9px;left: 0;background: #fd721c;padding: 2px;border-radius: 50px;outline: 1px solid #fd721c;outline-offset: 2px;}

/*app-mf*/
.enquery{background-image: url(../images/app-bg.jpg);background-size:cover;background-position: center;padding: 45px 50px;margin:100px 0 50px 0;border-radius: 10px;position: relative;}
.enquery .row{align-items: center;}
.enquery .col-lg-8{display: flex;align-items: center;justify-content: start;}
.enquery-pic {width: 200px;position:absolute;bottom:0; }
.enquery h2{color: #fff;font-size: 25px;padding:0 12% 10px 0;}
.enquery h2 small{ display: block;font-size: 18px;line-height: 30px;font-weight: normal;color: #fff;padding: 16px 0 0 0;}

.enquery h2 a {    color: #eee;    margin: 10px 0 0 0;}
.enquery h2 a:hover {    color: #fd721c;   }

.enquery .enquery-btns a img {width: 100%;}
.enquery .enquery-btns .btn-outline-primary {width: 100%; margin-bottom: 15px; padding: 11px 10px 10px 16px; text-align: left; background: #fff;color: #555;border-color: #042c69;border-radius: 5px;}
.enquery .enquery-btns input[type="email"]{border-radius: 10px;}

.fixcrapt .row{row-gap:30px;}
.fixcrapt .fixcrapt-items {height: 100%; width: 80%;margin: 0 auto; padding:20px;display: flex; align-items: flex-start;position: relative;}
/*.fixcrapt .fixcrapt-items .fixcrapt-items-info {margin: 0 0 30px 0;position: relative;padding: 30px; display: flex;align-items: center;}*/

.fixcrapt .fixcrapt-items:before { transition:.6s;content: '';position: absolute;top: 0;left: 0;width: 25%;height: 50%;border-top: 1px solid #042c69;border-left: 1px solid #042c69;}
.fixcrapt .fixcrapt-items:after {transition:.6s; content: ''; position: absolute; bottom: 0; right: 0; width: 25%; height: 50%;border-bottom: 1px solid #042c69;border-right: 1px solid #042c69;}
.fixcrapt .fixcrapt-items:hover:before, .fixcrapt .fixcrapt-items:hover:after{ width:100%; height:100%; border-color:#fd721c; cursor:pointer;}

.fixcrapt .fixcrapt-items p {margin: 0 0 0 15px; font-size: 14px;line-height: 24px;}
.fixcrapt .fixcrapt-items p span {display: block;font-size: 16px;color: #000;font-weight: 600;margin-bottom: 10px;}





@media only screen and (max-width:1199px){

header:before {
    width: 60%;
}
header .menubar ul li a { margin-left: 20px; letter-spacing: 0px; text-transform: capitalize;}



header .menubar:after {
/*width: 18.9%;*/
}



.slider .carousel-caption h1 {font-size: 40px;width: 80%;}
.slider .carousel-caption h1 small:after {left: 14%;}
.slider .carousel-caption p {width: 60%;}


.work-process .work-process-bg { left: 5%; width: 90%;}
.gallery .gallery-img figure {height: auto;}
.gallery .gallery-img figure img {height: auto;}

.heading, .headingleft {font-size: 25px; width: 100%;}

.services-header h3 {font-size: 30px;}
.services-header p {font-size: 15px;}
.fixcrapt .fixcrapt-items {width: 100%;margin: 0;}

.about-page .about-page-img:before {top: -30px;left: -7%;	height: 367px;}

.conact-page .contact-page-info {height: 100%;	padding: 30px;}

.footer-info .footer-info-item:before {width: 70px;clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 50%, 45% 0%);}

.footer-info .footer-info-item p span {font-size: 15px;}
.footer-info .footer-info-item p a { font-size: 15px;}

.services-details .services-content ul.services-option li {      width: 100%;}
.services-details .services-content p {    height: 130px;}
.services-details .services-content h3 {    font-size: 19px;  }

.enquery h2 small {
    font-size: 15px;
    line-height: 25px;
}


}

@media only screen and (max-width:991px){


a.whatsapp-icon, a.phone-icon {
    bottom: 30px;
    left: 10px;
    font-size: 16px;
    width: 30px;
    height: 30px;
}
a.phone-icon {
    bottom: 70px;
}
.heading, .headingleft {font-size: 27px;width: 100%;margin: 0 auto 20px; text-transform: capitalize;}

header .head-info ul li i.fa-envelope, header .head-info ul li i.fa-phone-volume{font-size: 0;}

button.btn-primary {width: 36px;height: 115px;font-size: 14px;display: flex;align-items: center;justify-content: center;}

header .head-info {flex-direction: row-reverse;justify-content: space-between !important;}
header .head-info ul li a {font-size: 0;}
header .head-info .smoicons {margin: 0 50px 0 0;}

.faq-details .accordion-button:not(.collapsed)::after {margin-left: 10px;}
.faq-details h2 .accordion-button {font-size: 16px;}


header:before {display:none;}
header .logo {    text-align: center;    margin: 10px  0;}
header .head-info ul li {margin-left: 0;}
header .head-info ul li:last-child figure, header .head-info ul li:last-child p{display:none;}
header .head-info ul.justify-content-end {justify-content: space-between!important;}
header .menubar {display: none;}
header .head-info ul li a.mobile-menu {   display:block;}
header .head-info ul li a.mobile-menu i {font-size: 25px; margin-left: 15px;}


.offcanvas.show:not(.hiding), .offcanvas.showing {
      background: #eee;}
.offcanvas-title img {width: 200px;}
.offcanvas-body ul li{border-bottom: 1px solid #ddd;margin-bottom: 4px;}
.offcanvas-body ul li:last-child{border-bottom: 0;margin-bottom:0;}

.offcanvas-body ul li a {margin-bottom: 0px; font-size:17px;}
.offcanvas-body ul li a i { font-size: 10px;}

.offcanvas-body ul li .dropdown{ display: none; background: #042c69;
    padding: 10px 20px;}
.offcanvas-body ul li .dropdown li{ border:0;}
.offcanvas-body ul li .dropdown li a{ color:#fff;}
.offcanvas-body ul li:hover .dropdown{ display: block; }


.carousel-inner {height: 200px;}
.carousel-item {height:100%;}
.slider img {height: 100%;object-fit: cover;}
.slider .carousel-caption h1 small {font-size: 12px;margin-bottom: 1px;}
.slider .carousel-caption h1 small:after {left: 25%; top:5px;}
.slider .carousel-caption h1 {font-size: 20px;	width: 100%;text-transform: capitalize;margin-bottom: 21px;}
.slider .carousel-caption p {display: none;}
.btn-outline-primary {padding: 4px 13px;font-size: 13px;}
.carousel-indicators [data-bs-target] {width: 4px;height: 19px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}

.about {margin: 35px auto;width: 100%;}

.services {padding: 35px 0;}
.services a {    padding: 10px;   }
.services .services-item {margin: 0 auto 15px !important;}
.offers {padding: 35px 0;}


.happy-client img {    width: 100%;}
.happy-client ul li button {width: 30px;}

.actionbar {margin: 0 0 35px 0;padding: 35px 0;}
.actionbar .row {row-gap: 30px; text-align:center;}
.actionbar h2 {font-size: 20px;margin-bottom: 13px;}
.actionbar h5 {font-size: 16px;font-weight: 400;}
.actionbar h5 a {font-size: 16px;font-weight: 800;}
.actionbar p {margin-bottom: 15px;}

.work-process { margin-bottom: 35px;}
.work-process .row{ row-gap:20px;}
/*.work-process .work-process-bg { display: none;}*/
.work-process .col-lg-2:nth-child(3) .work-process-item figure, .work-process .col-lg-2:nth-child(5) .work-process-item figure, .work-process .col-lg-2:nth-child(6) .work-process-item figure  {background: #fe721d;margin-top: 0px;}
.work-process .work-process-item figure {
    margin: 0 auto 8px;}


/*.gallery .col-lg-4:nth-child(1) figure, .gallery .col-lg-4:nth-child(2) figure, .gallery .col-lg-4:nth-child(3) figure {display: none;}*/
.gallery {margin-bottom: 35px;}
.mb-gallery{display:block; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.gallery figure {margin: 0 0 10px 0;width: 100%;}
.gallery .desktop-gallery {/*display: none;*/}
.gallery-thumbnail {    flex-wrap: wrap;}
.close {      top: 7px;    right: 3px;    font-size: 20px;}
.mySlides {    width: 100%;}
.demo {    margin: 10px 1% 0 0;}
.demo:last-child {    margin: 10px 0% 0 0;}
.demo img {    height: 50px;    width: 100%;    object-fit: cover;}



.testimonials {margin-bottom: 35px;}


.partnar-logo img {width: 210px;}
.partnar-logo .fa-arrow-right-long, .partnar-logo .fa-arrow-left-long {right: 15px;}
.partnar-logo .fa-arrow-left-long {left: 0;}

.faq-details {margin: 35px 0 0 0;padding: 35px 0 35px 0;}
.faq-details .row {row-gap: 30px;}

.accordion-item {padding-bottom: 15px;border-bottom: 2px solid #000;margin-bottom: 15px;}

/*.footer-info .footer-info-item:before {display:none;}*/
.footer-info .footer-info-item {padding-left: 25px;}
.footer-info .col-lg-4:nth-child(2) .footer-info-item{
      clip-path: none;
       padding: 25px 0 25px 20px;
}
.footer-info .footer-info-item p {width: 100%;}
footer {padding: 100px 0 0 0;}
footer .row {row-gap: 20px; text-align:center;}
footer h3 {margin: 0 0 18px 0;}
footer .footer-links ul li a {margin-bottom: 10px;}
footer .smoicons ul.justify-content-start {justify-content: center!important;}
.smoicons ul li a {
  
    margin: 10px 10px 0 10px;
    
}
footer .footer-list ul li {letter-spacing: 0;margin-bottom: 10px;}
footer .footer-list ul.align-items-start {text-align: left;}



.copyright {margin-top: 30px;}
.copyright .row {flex-direction: column-reverse;}

#button {bottom: 76px;right: 10px;width: 30px;height: 30px;}

/*about-page*/
.about-page .row {row-gap: 20px;}
.about-page .about-page-img:before {top: 0px;left: -14px;border: 10px solid #042c69;width: 80%;height: 100%;}
.about-page .about-page-img figure {width: 100%;}
.about-page-content p {text-align: justify;}
.about-page .about-page-content .btn-outline-primary {margin-top: 5px;}
.about-page .testimonials {margin: 35px 0;}

/*conact-page*/
.contact-header {padding: 30px 0;margin-bottom: 35px;}
.contact-header ul li {font-size: 20px;margin: 0 15px;}
.conact-page .contact-page-info {width: 100%;margin: 0;border-bottom: 1px solid #55555585;}

.conact-page .form-list {padding: 35px 0;margin:0;}
.conact-page form {width: 100%;}



/*services-page*/
.services-page {margin: 0 0 45px 0;}
.services-header {padding: 35px 0;margin-bottom: 35px;}
.services-header .row {row-gap: 30px;}
.services-header h1 {font-size: 30px;}
/*.services-header h3 {font-size: 35px;	width: 100%;text-transform: capitalize;}*/
.services-header p {width: 100%;  margin: 15px 0 20px 0;}
.services .services-item {padding: 20px 10px 0 10px;width: 46%; }
.services .services-item figure {    margin: 0 auto 13px;}
.services .services-item h3 {    font-size: 20px;    margin: 0;}

.fixcrapt .row {row-gap: 20px;}

.offset-1 {margin-left: 0;}

.enquery {padding: 35px 20px;margin: 35px 0 35px 0;}
.services-page form:after {right: 0;}

.enquery-pic {width: 200px;position: relative;}
.enquery .col-lg-8 {flex-direction: column;}
.enquery h2 {font-size: 18px;padding: 20px 0 0 0;}
.enquery h2 small {font-size: 14px;  padding: 10px 0 8px 0;line-height: 22px;}
.enquery h2 a {    margin: 0 0 10px 0;}

.services-details figure {
    margin: 0 0 20px 0;
}
.services-details h5 {
    font-size: 18px;
    margin: 14px 0 10px 0;
}
.services-details ul li {
    font-size: 14px;
    margin-bottom: 6px;
}
.services-details ul li:before {
    padding: 1px 4px;
}
.services-wraper .services-form h3 {
    font-size: 26px;
    line-height: 29px;
    margin-bottom: 15px;
    text-align: center;
}

.services-wraper .services-form form { text-align:center;}
.services-wraper .services-form form input[type="number"], .services-wraper .services-form form textarea {
       text-align: center;
}
.other-service {
    margin-top: 20px;
    padding: 15px 0;
}

.other-service ul li {
    margin: 0 0 5px 0;
}
.other-service ul li a {
    margin: 0 0 5px 0;
}
}