@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&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 {font-family: "Poppins", sans-serif;color: #1c1c1c;}
a {color: #000; text-decoration:none; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif !important;}
img{max-width:100%;}
.cl-1{color: #6400d5}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {padding: 10px 0;height: 92px;width: 100%;position: absolute;transition: all 0.5s;5s; */z-index: 9999999;background-color: #f6f9fe80;}
#header img { margin:0 auto;}

/*--------------------------------------------------------------
# banner
--------------------------------------------------------------*/
.heading1 h5 {font-size: 15px;font-weight: 600;color: #4e2fda;border-radius: 8px;transition: all 0.4s;padding: 6px 10px;position: relative;z-index: 1;display: inline-block;margin-bottom: 20px;}
.heading1 h5::after {position: absolute;content: "";height: 100%;width: 100%;left: 0;top: 0;transition: all 0.4s;background: #4e2fda;opacity: 10%;border-radius: 8px;}
.hero1-section-area .header-images-area .main-images-area .icons-area .sound-icons1 {position: absolute;top: 0;}
.icons-area img{width: 100px;border-radius: 50%;height: 100px;animation: mover 3s infinite alternate;left: 18%;top: 60px !important;background-repeat: no-repeat;z-index: 9999;box-shadow: 1px 1px 4px gray;}
.heading1 h1 {font-family: "Poppins", sans-serif;font-size: 40px;line-height: 60px;font-weight: 800;color: #000;margin-bottom: 20px;}
.heading1 p {font-family: "Poppins", sans-serif;font-size: 15px;color: #4d4b4b;}
.header-btn1 {display: inline-block;font-family: "Poppins", sans-serif;font-size: 16px;font-weight: 600;border: none;background: #4e2fda;color: #fff;padding: 11px 30px;transition: all 0.4s;border-radius: 30px;position: relative;z-index: 1;}
.header-btn1 span {height: 30px;width: 30px;display: inline-block;border-radius: 50%;transition: all 0.4s;line-height: 0px;text-align: center;padding: 5px;background: #fff;color: #4e2fda;transform: rotate(-45deg);position: relative;left: 8px;top: 0px;}
.header-btn1:hover span {transition: all 0.4s;transform: rotate(0deg);}
.header-btn2:hover span {background: #fff !important;transition: all 0.4s;color: #4e2fda !important;transform: rotate(0deg);}
.header-btn1::after {position: absolute;content: "";height: 100%;width: 1px;left: 50%;transition: all 0.4s;top: 0;z-index: -1;border-radius: 30px;visibility: hidden;opacity: 0;}
.hero1-section-area .header-main-content .btn-area .header-btn2 {margin-top: 15px;margin-left: 16px;color: #4e2fda;border: 1px solid #4e2fda;}
.hero1-section-area .header-main-content .btn-area .header-btn2 span {background: #4e2fda;color: #fff;}
.header-btn2 span {height: 30px;width: 30px;display: inline-block;border-radius: 50%;transition: all 0.4s;text-align: center;transform: rotate(-45deg);position: relative;left: 8px;padding: 3px;top: 0px;}
.header-btn1:hover {color: #fff;transition: all 0.4s;transform: translateY(-5px);}
.header-btn2:hover {color: #fff !important;transition: all 0.4s;transform: translateY(-5px);background: #4e2fda;}
.header-main-content{padding-top: 120px;}
.hero1-section-area .header-images-area .main-images-area {position: relative;}
.header-btn2 {display: inline-block;font-family: "Poppins", sans-serif;font-weight: 600;padding: 9px 16px;transition: all 0.4s;border-radius: 30px;position: relative;background: transparent;z-index: 1;transition: all 0.4s;}
.hero1-section-area {position: relative;z-index: 1;background-repeat: no-repeat;background-size: cover;padding: 20px 0 0;height: 695px;}
.hero1-section-area .header-images-area .main-images-area .img2 {position: absolute;top: 19px;z-index: -1;right: -50px;}
.hero1-section-area .header-images-area .main-images-area .img2 img {height: 100%;width: 100%;border-radius: 50%;}
.hero1-section-area .header-images-area .main-images-area .img1 {position: relative;left: 24px;z-index: 1;}
.hero1-section-area .header-images-area .main-images-area .img1 img {width: 100%;object-fit: cover;height: 100%;padding: 67px 40px;transition:.3s;}
.hero1-section-area .header-images-area .main-images-area .img1 img:hover{transform: translate(-12px, -4px);transform-style: preserve-3d;opacity: 1;}																	 
/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about1-section-area .about-content-area {position: relative;padding: 0 50px;}
.heading2 h2 {font-family: "Poppins", sans-serif;font-size: 42px;font-weight: 600;color: #000;margin-bottom: 15px;}
.about-content-area{padding:0px 40px;}
.heading2 p {font-family: "Poppins", sans-serif;font-size: 15px;line-height: 26px;color: gray;text-align: justify;}
.about1-section-area .about-auhtor-images {position: relative;z-index: 1;top: 53px;}
.about1-section-area .about-auhtor-images .elements5 {width: 150px;height: 150px;object-fit: contain;border-radius: 4px;position: absolute;right: 131px;z-index: -1;top: -84px;animation: rotateText 10s linear infinite;}

@keyframes rotateText {
  0% {transform: rotate(360deg);}
  100% {transform: rotate(0deg);}
}
.about1-section-area{margin:30px 0;}
.circle-button {position: absolute;display: inline-block;top: -76px;right: 131px;}
.rotate-circle {animation-name: rotateCircle;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes rotateCircle {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
.text-u {text-transform: uppercase !important;}
.fz-30 {font-size: 30px !important;background: #fcfbff;border-radius: 50%;box-shadow: 1px 1px 6px #989797;}
.circle-button .rotate-circle svg {width: 160px;fill: #000;position: relative;}
.circle-button .icon {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}


/*--------------------------------------------------------------
# services-Section
--------------------------------------------------------------*/
.services_lft{padding: 40px 100px;}
.service-rgt{top: 39%;left: -100px;}
.list-style-02{list-style:none;font-weight:500; }
.list-style-02 li{padding-bottom:10px;}
.brd{border:6px solid #6400d5;}
.chart-text p{font-size: 15px; margin-top: 6px;}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.it-team-area{padding: 40px 0;margin: 30px 0;}
.it-section-subtitle {color: #592fdb;font-size: 14px;font-weight: 400;height: 32px;line-height: 32px;padding: 0 22px;display: inline-block;margin-bottom: 25px;text-transform: uppercase;border-radius: 5px;background-color: rgb(233 230 251);}
.it-section-title {font-size: 45px;font-weight: 700;text-transform: capitalize;margin-bottom: 0;color:#000;}
.it-team-text p {padding-right: 60px;font-weight: 400;font-size: 17px;line-height: 32px;}
.it-btn {display: inline-block;font-weight: 600;text-transform: capitalize;padding: 0 25px;height: 54px;line-height: 54px;position: relative;transition: 0.4s;border-radius: 5px;z-index: 1;color: #fff;background-color: #4e2fda;}
.it-btn.black-bg {background-color: black;color: #fff;}
.black-bg {background: #000;}
.it-btn span svg {margin-left: 10px;display: inline-block;transform: translateY(-1px);}
.it-btn:hover {color:#fff;}
.it-btn:hover span svg {    animation: tfLeftToRight 0.4s forwards;    transform: translateY(-1px);}

@keyframes tfLeftToRight {
    49% {
        transform: translateX(60%);
    }
    50% {
        opacity: 0;
        transform: translateX(-60%);
    }
    51% {
        opacity: 1;
    }
}
.it-team-right-box {margin-left: 0px;}
.it-team-thumb-box {border-radius: 5px;overflow: hidden;border: 2px solid #4e2fda57;}
.it-team-thumb {position: relative;}
.it-team-thumb img {border-radius: 5px;transition: 0.9s;width: 100%;transform: scale(0.9);}
.it-team-item:hover .it-team-thumb img {transform: scale(1);}
.it-team-item:hover .it-team-thumb::after {opacity: 1;visibility: visible;}
.it-team-thumb::after {content: "";top: 0;left: 0;width: 100%;height: 100%;position: absolute;background-color: rgba(14, 42, 70, 0.5);opacity: 0;visibility: hidden;transition: 0.3s;}
.it-team-author-box {position: absolute;bottom: 20px;left: 30px;right: 28px;border-radius: 5px;padding: 12px 24px;z-index: 99999;background-color: #fff;}
.mb-30 {margin-bottom: 30px;}
.it-team-author-name {font-size: 17px;font-weight: 700;line-height: 1;text-transform: capitalize;margin-bottom: 0px;}
.it-team-author-name a{color:#000;}
.circle-button .icon i{color:#673AB7;}
.it-team-link a {height: 30px;width: 30px;border-radius: 50%;display: inline-block;background-color: rgb(78 47 218 / 12%);}
.it-team-link a .fa {display: inline-block;color: #4e2fda;transform: translate(-5px, -2px);margin-top: 8px;}
.it-team-author-info span {color: #4e2fda;font-size: 13px;font-weight: 600;line-height: 32px;text-transform: capitalize;}
.p-relative{position:relative;}
.it-team-author-info {line-height: 0;}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact1-section-area {position: relative;z-index: 1;background: url(../Image/contact-bg.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: top center;padding: 25px 0 55px;}
.contact1-section-area:after{content:'';position:absolute;background:black;width:100%;height:100%;top:0px;opacity: 80%;z-index: -1;}
.footer1-section-area .footer-logo-area1 {padding-left: 60px;}
.contact1-section-area h2{color:#fff;margin-bottom: 25px;}
.contact1-section-area .contact-info-area {background:black;border-radius: 8px;padding: 40px 40px;position: relative;margin-top: 30px;box-shadow: 1px 1px 4px #4a4444;}
.contact1-section-area .contact-auhtor-box {display: flex;align-items: center;}
.space40 {height: 40px;}
.contact1-section-area .contact-auhtor-box .content h4 {font-family: "Poppins", sans-serif;font-weight: 600;color: #fff;transition: all 0.4s;margin-bottom: 16px;}
.contact1-section-area .contact-auhtor-box .content a {font-family: "Poppins", sans-serif;font-size: 15px;color: #fff;opacity: 80%;display: inline-block;transition: all 0.4s;}
.contact1-section-area .contact-info-area h3 {font-family: "Poppins", sans-serif;font-size: 24px;color: #fff;font-weight: 600;margin-bottom: 20px;}
.contact1-section-area .contact-info-area p {font-family: "Poppins", sans-serif;color: #fff;opacity: 80%;padding-bottom: 32px;border-bottom: 1px solid #222326;}
.contact1-section-area .contact-boxarea {background:#fff;border-radius: 8px;padding: 32px;margin: 30px 0 0 30px;box-shadow: 1px 1px 5px #d4d0d0;}
.contact1-section-area .contact-boxarea h3 {font-family: "Poppins", sans-serif;font-size: 24px;font-weight: 600;margin-bottom: 0px;}
.contact1-section-area .contact-boxarea .input-area input {width: 100%;font-family: "Poppins", sans-serif;padding: 16px;border: 1px solid #E6E6E6;border-radius: 8px;margin-top: 13px;}
.contact1-section-area .contact-boxarea .input-area button {border: none;outline: none;margin-top: 24px;}
.contact1-section-area .contact-boxarea .input-area textarea {width: 100%;font-family: "Poppins", sans-serif;padding: 16px;border: 1px solid #E6E6E6;border-radius: 8px;margin-top: 24px;height: 120px;}
.contact1-section-area .contact-auhtor-box .icons {height: 80px;width: 80px;display: inline-block;flex: none;border-radius: 50%;text-align: center;background: #222326;line-height: 80px;margin: 0 24px 0 0;transition: all 0.4s;}
.contact1-section-area .contact-auhtor-box .icons i{color:#fff;font-size: 25px;}
.contact1-section-area .contact-auhtor-box:hover .icons {background: #4e2fda;transition: all 0.4s;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer1-section-area {position: relative;z-index: 1;padding: 80px 0 0 0;}
.footer1-section-area .footer-logo-area img {margin-bottom: 15px !important;width:100%;height:64px;}
.footer-logo-area2 i {color: #5f43de;font-size: 18px;margin-right: 8px;}
.footer-logo-area2 h3{font-family: "Poppins", sans-serif;font-size: 24px;font-weight: 600;color: #000;line-height: 55px;margin-bottom:20px;}
.footer-logo-area2 p{margin-bottom:30px;font-size: 16px;font-family: 'Poppins';color:#000;}
.footer-logo-area2 a{color:#000;}
.footer1-section-area .footer-logo-area1 ul{padding-left:5px;}
.footer1-section-area .footer-logo-area1 ul li{list-style: none;}
.footer1-section-area .footer-logo-area1 ul li a {font-size:16px;font-family: "Poppins", sans-serif;display: inline-block;margin-top: 10px;transition: all 0.4s;}
.footer1-section-area .footer-logo-area1 ul li a:hover {padding-left: 5px;transition: all 0.4s;}
.footer1-section-area .footer-logo-area p {font-family: "Poppins", sans-serif;font-size: 15px;line-height: 29px;color: gray;text-align: justify;}
.footer1-section-area .footer-logo-area ul {margin-top: 24px;padding-left: 0px;}
.footer1-section-area .footer-logo-area ul li {display: inline-block;}
.footer1-section-area .footer-logo-area ul li a {height: 40px;width: 40px;display: inline-block;border-radius: 50%;background: #363333;text-align: center;line-height: 40px;color: #fff;margin: 0 6px 0 0;transition: all 0.4s;}
.footer1-section-area .footer-logo-area ul li a:hover {background: #7e69e5;transition: all 0.4s;transform: translateY(-5px);}
.space80 {height: 60px;}
.footer1-section-area .copyright-area {display: flex;align-items: center;justify-content: space-between;padding: 30px 0 24px 0;border-top: 1px solid #E5E7EB;font-size:16px;}
.footer1-section-area .copyright-area ul li {display: inline-block;}
.footer-logo-area1 i{margin-right:10px;color: #000;}
.footer1-section-area .copyright-area ul li a {display: inline-block;font-weight: 600;color: #444;transition: all 0.4s;margin: 0 32px 0 0;}
.footer1-section-area .footer-logo-area ul li a img {margin-bottom: 0;transition: all 0.4s;}
.footer1-section-area .footer-logo-area1 h3 {font-family: "Poppins", sans-serif;font-size: 24px;font-weight: 600;color: #000;line-height: 55px;}
/* My-Css-End */


/* team */
.team h6{font-size:17px;color:#000;padding-bottom:15px;line-height:28px;}
.tm_img {
    border-radius: 6%;
    border: 3px solid #6349db;
}
.teamsub-head {
    font-weight: bold;
    Font-size: 20px;
    color: #333;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0;
    text-align: left;
}

.service-pg h5{color:#000;}

/* contact page */

.map-cont img{max-width:100%;}

.cont-page .st-feature-box{
    background: #111;
    padding-top: 15px;
    font-family: Poppins !important;
    padding-bottom: 15px;
    margin-bottom: 12px;
    padding-right: 10px;
    color: #fff;
    }
	
.cont-page .feature-box-image
{   
     /* margin-top: 13px; */
     margin-top:-12px;
    }

.brnh-off p{margin-bottom:2px;}


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    font-family: Poppins !important;
    position: relative;
    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.cont-soc img{margin-right:5px;}
.cont-page h2{    font-weight:bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{text-align:left;font-family: Poppins !important;font-size: 14px;}


/*cont-page*/

/*navbar*/
.navbar-collapse{flex-grow: 0;}
.navbar.bg-light{background-color:transparent !important;}
#MenuControl_C .dropdown-menu{padding:0 !important; animation: fadeInUp 400ms; }
.bnr-sec{position:relative;background-color: #f6f9fe80;background-repeat: no-repeat;background-size: 100% 100%;/* padding: 18px !important; */}
.banner-content{z-index:9;top: 20%;}
.btn-style-two:hover::before {
    background-color: #00BCD4;
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.nav-link{font-weight: 600;padding-left: 12px !important;padding-right: 12px !important;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 30px 0;}
.top {position: fixed;right: 10px;bottom: 30px;text-align: center;color: #fff;background: #000;padding: 10px 10px;z-index: 9;border-radius: 50%;border: 2px solid #20374b;cursor: pointer;opacity: 0;transition: ease-in 0.5s;}
.top.scll-top {opacity: 1;transition: ease-in 0.5s;bottom: 50px;}
.top .fa {display: block !important;}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .team .member {
    margin-bottom: 110px;
  }
  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .about {
    text-align: center;
    padding: 25px 0;
  }
  .team{
    height: auto;
  }
  .vision-mission img{
    width:100%;
  }
  .clr1 {
    background: #05555c;
    float: none;
    margin-bottom: 25px;
    margin-right: 0px;
}



.copyright a {font-size: 11px ! Important;}
.title-section{margin-bottom:15px;}
.services{padding:20px 0;}
.fsz-24{font-size: 18px !important;}
.mt-150{margin-top: 0px !important;}
.tc-services-style1 .service-card{padding:10px !important;}
.services .item{margin-bottom:25px;}
.sec-title h2 {font-size:36px;text-align: left;}
.about .text {line-height: 28px;font-size: 14px;text-align: left;margin-bottom: 5px;}
.box-inner h5 {padding-left: 0px;font-size: 16px;line-height: 25px;}
.about .pattern-one{left:0%;top: 0px;}
.button-box{text-align:left;margin-bottom:25px;}
.about .image-two{bottom: 0px;width: 50%;border-radius: 0px 50px 50px 50px;}
.carousel-inner {height: 565px;}
.banner-content h1 {font-size: 15px;line-height: 10px;}
.buttons-box{margin: 20px 0 35px;}
.btn-style-two {padding: 3px 8px;font-size: 12px;}
.btn-style-three{padding: 3px 8px;font-size: 12px;}
.image-column .inner-column {margin-right: 0px;padding-left: 0px;}
.image-column .column:first-child .image{margin-left:0px;}
.image-column .column:nth-child(2) .image:first-child{display: none;}
.image-column .column:nth-child(2) .image:nth-child(2){display: none;}
.hero1-section-area{padding:30px 20px;height:100%;}
.header-main-content{padding-top:0px;}
.heading1 h1{font-size: 27px;line-height: 38px;}.heading1 p{margin-bottom:5px;}
.header-btn1 {
    font-size: 12px;
    padding: 5px 15px;
}
.hero1-section-area .header-main-content .btn-area .header-btn1 {
    margin-top: 0px;
}
.hero1-section-area .header-main-content .btn-area .header-btn2 {
    margin-top: 0px;
    font-size: 12px;
    padding: 5px 15px;
}
.hero1-section-area .header-images-area .main-images-area .img1{left:0;}
.icons-area{display: none;}
.hero1-section-area .header-images-area .main-images-area .img2{right:0;}
.hero1-section-area .header-images-area .main-images-area .img1 img{padding: 25px 15px;}
.about1-section-area{padding:0px;}
p{font-size:12px !important;}
.heading2 h2{font-size:22px;}
.circle-button{display:none;}
.about1-section-area .about-auhtor-images{top:20px;}
.case1-section-area .cs_case_study_1_list{flex-direction:column;}
.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1{min-height:250px;margin-bottom:20px;}
.case1-section-area .content-area1{transform: rotate(0deg);left: 20px;bottom: 20px;}
.it-team-area {
    padding: 10px 0;
    margin: 10px 0;
}
.it-section-title{font-size:22px;}
	.it-team-text p {
    padding-right: 0px;
	text-align:justify;
		margin-top:10px;
 }
	.it-team-left{margin-bottom:10px;}
	.contact1-section-area .contact-info-area{margin-top:10px;}
	.about-content-area{padding:0px;}
	.contact1-section-area .contact-auhtor-box{display:inline-block;/*text-align: center;*/justify-content: center;margin: auto;}
	.contact1-section-area .contact-info-area h3{text-align: center;}
	.contact1-section-area .contact-auhtor-box .icons{margin:10px 0;}
	.contact1-section-area .contact-boxarea {
    padding: 15px;
    margin: 5px;
}
.heading-innerpage{margin-top:0px;}
	.footer1-section-area .footer-logo-area1{padding-left:0px;}
	.footer1-section-area .copyright-area{display: inline-block;padding: 5px;}
	.copyright-area ul{padding-left:0px;display: flex;}
	.footer1-section-area .copyright-area ul li a{font-size:15px;}
}


@media (max-width: 767px) {
 
	.navbar-collapse{flex-grow: 0;background: #fff;padding:10px 5px;}
  #header img{margin:inherit;}
  .navbar-toggler{/*position: absolute; */top: -40px;right: 0;}
  .body-fx #header{padding: 15px 0;
    height: inherit;
    position: relative; background: rgba(254,254,254,.85) !important;}
.caption{width: 100%;}
.wback .caption{    top: 30%;}
.banner-content{display: block;}
.bnr-sec{padding: 10px 0 !important;}
.title-section h3{font-size: 36px;}
.carousel-indicators{
  display:none;
}
#header .col-md-4{
  text-align: left;
}
.display-5 {
  font-weight: 700;
  color: black;
  font-size: 20px;
}
.ln-about-left-side:before {
  content: '';
  background: #0070ba ! IMPORTANT;
  width: calc(100% - 98px);
  height: 100%;
  display: block;
  z-index: 0;
  position: absolute;
  left: 0px;
  right: 0;
  top: -32px !important;
}
.ln-about-left-side .second-img {
  position: absolute;
  overflow: hidden;
  top: 15px;
  left: -15px;
  height: 100%;
  width: 100%;
}
.body-fx .navbar-default, .body-fx .navbar-default .navbar-collapse{background-color: transparent !important;border-color: transparent !important;}
}


@media (max-width: 575px) {
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
  #header{position:relative;background-color: #fff;./*padding: 20px 0;*/height: 80px;margin-left:11px;}
}
@media (max-width: 414px) {
#header img {
    margin: inherit;
    max-width: 89%;
}
#header{height:auto;}
.hero1-section-area .header-main-content .btn-area .header-btn2{margin-left:2px;}
.header-btn1 {
  font-size: 11px;
  padding: 5px 10px;
}
.services_lft {
  margin-right: 20px;
  /* margin: 0px 0px; */
  padding: 40px 25px;
}
.it-team-area {
  padding: 10px 10px 10px 0px;
  margin: 10px 0;
}
.contact1-section-area h2{FONT-SIZE:21PX!important;}
.contact1-section-area .contact-info-area{padding: 40px 28px;}
.footer-logo-area2 p {
  margin-bottom: 30px;
  font-size: 15px!important;
  font-family: 'Poppins';
  color: #000;
}
}

@media (max-width: 320px) {

@media(min-width:1920px){
  .image-column .column:nth-child(2) .image:first-child {
    overflow: hidden;
    border-radius: 90px 90px 0px 0px;
    margin-top: -76px;
    margin-bottom: 60px;
    box-shadow: 1px 1px 4px #151414;
    margin-right: -200px;
    margin-left: 75px;
    height: 30%;
}
.image-column .column:nth-child(2) .image:nth-child(2) {
  overflow: hidden;
  border-radius: 70px 0px 70px 70px;
  margin-top: -35px;
  height: unset;
  box-shadow: 1px 1px 4px #151414;
  margin-right: -200px;
  margin-left: 75px;
  height: 30%;
}
.image-column .inner-column {
  position: relative;
  margin-right: -100px;
  padding-left: 50px;
}
}
@media(min-width:1920px){
    .hero1-section-area{height: 750px;}
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(180deg);
}
.dropend .dropdown-menu {
  right: 100% !important; top:0;
  left: auto !important;
}
.dropdown-item:focus, .dropdown-item:hover{background-color: #4e2fda!important;color:#fff!important;}