@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&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');

html 								{ scroll-behavior: smooth;}
.bodyhidden							{ overflow-x: hidden;}
body								{ font-family: 'Poppins', sans-serif;}
*									{ padding:0px; margin:0px;}
img									{ max-width:100%; height:auto;}
p									{ margin-bottom:0px;}
h1									{}
h2									{  }
h3									{}
h4									{  }
h5									{}
a									{ text-decoration:none !important;}
a:hover 							{color: #fff;}
ul									{ list-style:none;}
li 									{ list-style: none}
input,select,button:focus 			{ box-shadow: none;outline: none;}
.form-control:focus					{ box-shadow: none;background: #f4f4f4;border-color:#ced4da; }
.btn.focus, .btn:focus 				{ outline: 0; box-shadow:none;}


/*.m-header   						{ background: url("../images/banner.png") no-repeat bottom center; position: relative;    padding-bottom: 30px;
    background-size: cover;} */
.banner 							{ /*background: url("../../images/banner-1.jpg") no-repeat top center;*/ height: 730px;}
.banner-inner  						{ }
.banner-text    					{ padding:40px 0px; }
.black-shadow2 						{ }
.banner-text h4						{ color: #fff; font-size: 26px;font-weight: 400;padding-top: 0px; padding-bottom: 25px;  }
.banner-text p						{ color: #fff; font-size: 18px; font-weight: 300; padding-bottom: 35px; }
.banner-text a						{ color: #fff;font-size: 20px;font-weight: 400; padding: 10px 20px; display: inline-block;padding-left: 24px; text-decoration: none;position: relative;
    overflow: hidden;}
.banner-text a:hover {color:#000; box-shadow: none;}
.banner-text a i{    background: #fff;padding: 11px 12.3px; border-radius: 50%; margin-left: 10px;color:#000;}
.banner-text a:before {content: "";position: absolute; top: 0; left: 0;width: 100%; height: 100%;z-index: 0;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s; opacity: 1;
    -webkit-transform: translate(-105%,0); transform: translate(-105%,0);background-color: rgba(255,255,255,.8);}
.banner-text a:hover:before { opacity: 0;-webkit-transform: translate(0,0); transform: translate(0,0);}
.black-shadow 						{ background: url("../../images/black-shadow.png") no-repeat top center;}
.logo img 							{ }
.hlogin 							{background: #fd6200;padding: 2px 8px;}

.nav-link 							{ color: #fff !important; font-size: 18px; font-weight: 500; margin-left: 12px}
.navbar 							{ margin-top: 22px;}
.navbar .active a 					{ background: url("../../images/menu-border.jpg") bottom left no-repeat;background-position: 9px 42px; color:#fd6200 !important;}
.nav-link:hover	 					{ background: url("../../images/menu-border.jpg") bottom left no-repeat;background-position: 9px 42px;}

.header-menu 						{ padding: 20px 0px; border-bottom: 1px solid rgba(225, 225, 225, 0.5);}
.my-dropdown 						{ padding: 0px; border-radius:0px;top: 60px;}
.my-dropdown .dropdown-item			{ padding: 5px 10px 5px 20px; border-bottom: 1px solid #cacaca; font-size: 16px;}
.socialicons 						{text-align: right;}
.socialicons  a {color:#fff; margin-top: 32px;display: inline-block;font-size: 19px;margin-left: 10px;}
.partner-div {position:relative;}
.dropdown-container 					{  display: none;  background-color: #262626;  padding-left: 8px;}
.fa-caret-down 							{float: right;padding-right: 8px;}	
.nest-nav:focus 						{border:none; outline: none;}	
.nest-nav 								{padding: 8px 8px 8px 32px;text-decoration: none;font-size: 22px;color: #fff;display: block;transition: 0.3s;background: none;border: none;width: 100%;text-align: left;}
.dropdown-container a 					{ font-size: 18px;}




.h-contact 								{background: #f3f3f3;} 	
.contact-try 							{ background: #f7bd00; padding: 40px;margin-top: -61px;}
.contact-try p 							{ color: #000; font-size: 40px; font-weight: 400;}
.contact-try a 							{ background: #fff; padding: 12px 30px;font-size: 24px; color:#000; border-                                               radius:30px; float:right}
.about-site								{background: url("../../images/bg1.png") no-repeat left;}
.a-boxes 								{background: url("../../images/bg2.png") no-repeat right;}
.ab-icons a 								{ padding-right:10px;display: inline-block;}
.welcome 								{ padding: 40px 0px; background: #f7f7f7}
.welcome-text h2 						{ color: #000; font-size: 28px; font-weight: 700; padding-bottom: 30px;}
.welcome-text span 						{ color:#0f89c8; font-size: 18px; text-transform: uppercase; font-weight: 600;}
.welcome-text p 						{ color: #6f6f6f; font-size: 18px; font-weight: 300; padding-bottom: 30px;}
.welcome-text a 						{ display: inline-block;color: #000; font-size: 20px; font-weight: 400; padding: 12px 35px; background: #f7bd00; border-radius:30px;}
.welcome-text h4 						{color: #000; font-size: 28px; font-weight: 700; padding-left: 10px;}
.ab-text 								{ padding-left: 10px; padding-bottom: 0px !important;}
.ab 									{ background: #d6e1e5; border-radius:5px; padding:15px; margin-bottom: 18px;}
							
.aw 									{text-align: center; background: #fff; box-shadow: 0 1px 5px rgb(223 223 223 / 85%); padding: 20px;height: 367px; border-radius: 8px; }
.ai1 									{ padding-top: 20px;margin: auto;}
.ai2 									{ padding-top: 20px;margin: auto;}					
.a-icon 								{width:100px; height: 100px; border-radius:50%;background-color: #0039e4;
    background-image: -webkit-linear-gradient(325deg, #0039e4, #04dbf1);
    background-image: -o-linear-gradient(325deg, #0039e4, #04dbf1);
    background-image: linear-gradient(55deg, #0039e4, #04dbf1);
    box-shadow: 10px 10px 30px 0 rgb(2 156 236 / 30%);margin: auto;}


.ai2 									{display: none;}
.aw h4 									{font-size: 20px;padding-top: 15px;font-weight: 600; color: #000;}
.aw p 									{ font-size:16px;color: #000;}
.aw:hover h4 							{color: #fff;}
.aw:hover p 									{ color: #fff;}	
.aw:hover 								{background-color: #0039e4;background-image: -moz-linear-radient(145deg,#0039e4,#04dbf1);
    background-image: -webkit-linear-gradient(145deg,#0039e4,#04dbf1); background-image: linear-gadient(145deg,#0039e4,#04dbf1);}
.aw:hover .a-icon						{ background: #fff;}
.aw:hover .ai1							{ display: none;}
.aw:hover .ai2 							{display: block;}
.aw:hover .readmore 					{display: block;}
.aw-top 								{ margin-top:-60px}

.aimg-hov 								{ position: relative;margin-top: 54px;}
.aimgimg 								{ position: absolute;top: -66px;z-index: 9;left: 27px;}
.aimgplay 								{ position: absolute;top: 54px;left: 44%;z-index: 10;}
.welcome-border 						{ padding: 20px 0px; padding-bottom: 40px;}

.new-form 								{}
.new-form h2 							{color: #0088cc;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: center;}
.new-form p 							{color: #333; font-size: 16px; font-weight: 300; padding-bottom: 35px;text-align: center; max-width: 800px; margin: auto;}

.form-control  							{height:46px; border-radius: 0px; margin-bottom: 20px;}
.form-inner 							{max-width: 550px;
    margin: auto;
    background: #fff;
    padding: 37px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
    border-top: 4px solid #ff6f61;
    padding-top: 60px;}
.form-inner label 						{margin-bottom:10px;}
.form-inner input[type=text] 			{border:none; border-radius: 0px;
    background: #f7f7f7;font-size: 14px}

.form-inner textarea 					{border:none; border-radius:0px;background: #f7f7f7;}
.appoint-send {
    padding: 10px 30px;
    font-size: 20px;
    margin: auto;
    text-align: center;background: #0088cc; border-radius:0px;
}
.partner {padding:40px 0px;}
.my-bg {-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;padding: 20px 0px; border-radius: 5px; margin-top: -180px; background: #fff;}

.partner .item {padding:20px;}

.partner-head {}
.partner-head h2 							{color:#0088cc; font-size: 38px; font-weight: 400; padding-bottom: 10px; text-align: center;    text-transform: uppercase;}

.partner-head h2:after {
    content: '';
    display: block;
    margin-top: 32px;
    margin-bottom: 24px;
    width: 40px;
    height: 2px;
    background-color: #ff6f61; margin-left: auto;
    margin-right: auto;
}
.partner-head p 							{color: #333; font-size: 18px; font-weight: 300; padding-bottom: 35px;text-align: center !important; max-width: 800px; margin: auto;}
.offering {
    position: relative;
}
.offering h3 							{color: #0088cc;
    font-size: 22px;
    font-weight: 400;
    /* padding-bottom: 10px; */
    text-align: left;
    min-height: 63px;
    margin-bottom: 0px;}
.offering p 							{color: #333; font-size: 16px; font-weight: 300; padding-bottom: 35px;text-align: left; }
.offering img 							{margin-bottom:25px;    border-radius: 15px;}

.benefits { padding:50px 0px;    background: #f9f9f9; }
.benefits img {    width: 70px;}
.benefits h3 {    font-size: 23px;margin: 13px 0px;color: #000; font-weight: 500; min-height: 60px;    margin-top: 24px;}
.benefits p {color: #858585;font-weight: 300;padding-bottom: 20px;min-height: 125px;}
.benefits-con {padding:20px 12px;margin-bottom: 27px;-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;border-radius: 8px;    }
.shape-b {    background: url(../images/shape5.png) no-repeat bottom right;
    background-size: 80px;
    width: 98px;
    height: 90px;}
.mails a {
    color: #0088cc !important;
}
.cta {  padding:132px 0px; text-align: center;margin-bottom: 15px; position:relative; background: url("../images/form-banner.jpg") no-repeat center; }
.cta h4 {color:#000; margin-bottom: 30px;font-size: 38px; font-weight: 400;  }
.cta h4:after {
    content: '';
    display: block;
    margin-top: 32px;
    margin-bottom: 24px;
    width: 40px;
    height: 2px;
    background-color: #ff6f61; margin-left: auto;
    margin-right: auto;
}
.cta a {padding:12px 60px; background:#0088cc; color:#fff; font-size:20px;position: relative;
    z-index: 3; }
.technical {padding:60px 0px;margin-bottom: 170px;}
.faq {padding:60px 0px; background:#fbfbfb; position: relative;background-color: #edf4f8 !important;}
.accordion {background:none; border:none;    max-width: 820px;
    margin: auto;}
.accordion-button {}
.accordion-item {margin-bottom:20px; border-radius:15px !important}
.accordion-button   {border:none; background:#0088cc; color:#fff; border-radius:15px !important;px; font-size: 18px; }
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #0088cc;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.footer {padding:60px 0px; background:#181715;    position: relative;}
.footer h3 {color:#0088cc; font-weight: 700;} 
.footer p {color:#fff; margin-bottom: 5px;} 
.footer a {color:#fff; } 
.footer a i {margin-right: 10px;}
.copy { padding-top: 20px; border-top:1px solid #cacaca;}
.copy p {color:#fff;}
.social {font-size: 20px; color:#fff; margin-top:20px;  }
.social a {margin-left:20px; color:#fff;} 

.background-shape-main {
    background-color: #ff6f61;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 120px;
    z-index: -1;
}

.alter3-features .shape {
    position: absolute;
}
@media (min-width: 768px) {
    .alter3-features .background-shape-main {
        width: 1200px;
        top: 0;
    }
}

.alter3-features .background-shape-main {
    z-index: -1;
    left: 0;
    top: 40%;
    width: 500px;
    height: 720px;
    -webkit-transform: translate3d(-25%, 20%, 0) rotate(-30deg);
    transform: translate3d(-25%, 20%, 0) rotate(-30deg);
    background-image: linear-gradient(35deg, #fff 0, #edf4f8 100%);
}
.alter3-features .shape {
    position: absolute;
}


.shape-circle {
    top: 0;
    right: 0;z-index: -1;
}
.shape-circle-1 {
    -webkit-transform: translate3d(25%, 10%, 0);
    transform: translate3d(25%, 10%, 0);
}
.shape-circle-1 div {
    width: 750px;
    height: 750px;
    background: rgba(237, 244, 248, .5);
    border-radius: 50%;
    margin: 0;
}

.faq::before {   background-image:url("../images/download.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    height: 310px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
    top: -310px;}

.faq-head { margin-top: -100px !important;}
.faq i {left: 0;
    top: 30%;
    font-size: 26rem;
    color: rgba(255, 255, 255, .5);
	line-height: 1; position:absolute;}


.footer::before {
    background-image:url("../images/foot.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    height: 200px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0;
    top: -199px;
}
.accordion-button:not(.collapsed)::after {
     background-image: url("../images/arrow.svg");     transform: rotate(180deg);
}
.mails {    margin-bottom: -16px;}
.mail-box {background:#fff;-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; padding:30px;padding: 30px; border-radius: 5px;position: relative; top: -44px;}
.mail-box a:hover {color:#000;}
.mail-box h3 {color:#ff8f2b;}

.mline {width: 100%;
    height: 4px;
    background: #6541c1;
    background: -webkit-gradient(left top,right top,color-stop(0%,#6541c1),color-stop(98%,#d43396),color-stop(100%,#d43396));
    background: -webkit-gradient(linear,left top,right top,from(#6541c1),color-stop(98%,#d43396),to(#d43396));
    background: linear-gradient(to right,#6541c1 0%,#d43396 98%,#d43396 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6541c1',endColorstr='#d43396',GradientType=1);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
	transition: all .4s ease}

 .mline {    -webkit-transform: scale(1); 
	 transform: scale(1);}

.benefits-con:hover .mline {
    -webkit-transform: scale(1);
    transform: scale(1)
}





.mline {   
    width: 100%;
    height: 4px;
    background: #6541c1;
    background: -webkit-gradient(left top,right top,color-stop(0%,#0088cc),color-stop(98%,#40bfff),color-stop(100%,#0ea1eb));
    background: -webkit-gradient(left top,right top,color-stop(0%,#0088cc),color-stop(98%,#40bfff),color-stop(100%,#0ea1eb));
     background: linear-gradient(to right, #0088cc 0%, #40bfff 98%, #0ea1eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6541c1',endColorstr='#d43396',GradientType=1);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;position: relative;
    bottom: -22px;
}



.benefits-con:hover .mline {
    -webkit-transform: scale(1);
    transform: scale(1)
}


.benefits-con .line {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.benefits-con:hover .img-color {display: block;}
.benefits-con:hover .img-black {display: none;}
.img-color {display: none;}

/*new class*/
.partner1	{     width: 1006px !important;
    text-align: center; }

.aboutus p { font-size: 18px;    text-align: justify;
    /* color: #c5c2c2; */
    color: #7d7c7c;
    font-weight: 300;     padding: 0px 0px 0px 0px;}
.keyfeatures 			{ background: url("../images/bg2.png") no-repeat bottom center; margin-top: 40px; 
    background-size: cover;}

.keyfeaturescon {     background: #fff;
    padding: 20px;
    border-radius: 19px;
    box-shadow: 0px 1px 9px 2px rgba(120, 110, 110, 0.75);
    -webkit-box-shadow: 0px 1px 9px 2px rgba(120, 110, 110, 0.75);
    -moz-box-shadow: 0px 1px 9px 2px rgba(120,110,110,0.75);      margin: 0px 11px 28px 0px;
    width: 24%; }

.key-b1 {       border-radius: 50%;
    border: 1px solid #f0f8ff;
    width: 81px;  
	height: 80px;
    background-color: #f0f8ff;;}
.key-b1 img {     padding: 15px;}
.key-b2 {      border-radius: 50%;
    border: 1px solid #f15a020f;
    width: 81px;
    height: 80px;
    background-color: #f15a020f;}
.key-b2 img {      padding: 15px;}
.key-b3 {      border-radius: 50%;
    border: 1px solid #f15a020f;
    width: 81px;
    height: 80px;
    background-color: #f15a020f;}
.key-b3 img {      padding: 11px;}
.keyfeaturescon h3  {    font-size: 19px;    margin-top: 8px;}
.key-b4 {      border-radius: 50%;
    border: 1px solid #eee3e6;
    width: 81px;
    height: 80px;
    background-color: #eee3e6;}
.key-b4 img {      padding: 11px;}
.keyfeaturescon h3  {    font-size: 19px;    margin-top: 8px;}
.key-b5 {      border-radius: 50%;
    border: 1px solid #9152c62e;
    width: 81px;
    height: 80px;
    background-color: #9152c62e;}
.key-b5 img {      padding: 11px;}
.key-b6 {      border-radius: 50%;
    border: 1px solid #c7e1de;
    width: 81px;
    height: 80px;
    background-color: #c7e1de;}
.key-b7 img {      padding: 13px;}
.key-b7 {      border-radius: 50%;
    border: 1px solid #fe55551a;
    width: 81px;
    height: 80px;
    background-color: #fe55551a;;}
.key-b6 img {      padding: 11px;}
.keyfeaturescon h3  {    font-size: 19px;    margin-top: 8px;}
.keyfeaturescon p {color: #7d7c7c;
    font-weight: 300;
    text-align: justify;
    font-size: 15px;}
.gallery  {margin-top:30px}
.brochures 			{ background: url("../images/bg2.png") no-repeat bottom center; margin-top: 40px;     padding-bottom: 23px;
    background-size: cover;}
.new-form { margin-top: 20px
 }
.click { margin-bottom: 10px }
.click1 { margin-bottom: 20px }
.g1 { margin:4px;width:24%; }
.tz-gallery {        margin-top: 20px;
    box-shadow: 0px 1px 9px 2px rgba(120, 110, 110, 0.75);
    -webkit-box-shadow: 0px 1px 9px 2px rgba(120, 110, 110, 0.75);
    -moz-box-shadow: 0px 1px 9px 2px rgba(120,110,110,0.75);
    padding: 15px;
    /* background: #000; */
    border: 1px solid #eee;
} }