@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap');
@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

html {
  scroll-behavior: smooth;
}
.container{max-width: 1440px; margin: 0 auto;}

main {
    width: 100%!important;
    float: left;
    padding-right: 0!important;
}
body{background: #fff!important;}
footer{color: #fff!important; width: 100%;float: left;padding: 0!important;}
.btn{background: #fc0;padding: 15px 45px;border-radius: 45px;font-weight: 800;color: #1b2023;}

p{font-family: 'Helvetica Neue LT Pro';font-size: 15px;line-height: 2em;letter-spacing: normal;color: #6c849d;font-weight: 400;}
.skip-link.screen-reader-text,#modal-login,.post-edit-link{display: none;}
/*=========================DISPLAY THIS===========================*/
.footer{display: none;}
/*=========================DISPLAY THIS===========================*/
h2{font-size: 50px; font-weight: 800!important;}
h6{font-size: 13px; color: #1f3146; font-weight: 400; font-style: italic;} 


.header-v2 .Lineborder{width: 100%; float: left; border-bottom: 1px solid #ffffff14;}
.header-v2{width: 100%; float: left; background: transparent; position: absolute; z-index: 99;}
.header-v2 .TopBar{width: 100%; float: left;padding: 10px 0px; }
.header-v2 .TopBar p{float: right; font-size: 13px; margin: 0;}
.header-v2 .TopBar p a{color: #ffffff; margin-left: 20px;}
.header-v2 .TopBar p a:first-child {padding-right: 18px;border-right: 1px solid #fff;}
.Navigation-Bar {width: 100%;float: left; position: relative; margin-top: 20px;}
.Navigation-Bar .Logo {float: left;}
.Navigation-Bar .Logo img.goHome {min-width: 150px; margin-top: 10px;}
.Navigation-Bar .TopMenu{float: right;}
.Navigation-Bar .TopMenu #menu-header-v2{padding-right: 12em;}
.Navigation-Bar .TopMenu #menu-header-v2 li{margin-left: 3.5em;margin-top: 10px;margin-bottom: 24px;}
.Navigation-Bar .TopMenu #menu-header-v2 li a{color: #fff!important; font-weight: 600; font-size: 15px;}
.Navigation-Bar .TopMenu a.btn {position: absolute;position: absolute;top: 10px;right: 0;background: #fc0;padding: 15px 45px;border-radius: 45px;font-weight: 800;color: #1b2023;}
.Desktop-Banner {width: 100%;float: left;text-align: center; /*background: url('../images/attology.jpg'); */position: relative;height: 100vh;}
.Desktop-Banner .Banner-Content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.Desktop-Banner .Banner-Content h1{font-size: 55px; font-weight: 800; color: #fff; letter-spacing: -3px; margin: 0;}
.Desktop-Banner .Banner-Content h2{font-size: 35px; font-weight: 600; color: #fff; letter-spacing: -3px;margin-bottom: 80px;margin-top: 30px;}
.Desktop-Banner .Banner-Content a.btn{font-size: 20px; padding: 16px 48px;}

#Second-Sec{width: 100%; float: left;}
#Second-Sec .Manufacturing h2{color: #fff; position: relative; }
#Second-Sec .Manufacturing h2::before{content: '1'; font-size: 0px ; height: 4px; width: 150px;background-color: #fc0; position: absolute; top: 80px ; left: 0;}
#Second-Sec .Manufacturing{width: 100%; float: left;padding: 60px 130px; background: url('../images/SecondImg.jpg'); margin-top: -180px; position: relative; background-size: cover;}
#Second-Sec .Manufacturing .Manufacturing-Half{width: 50%; float: left; padding-right: 50px;}
#Second-Sec .Manufacturing .Manufacturing-Half p {font-size: 20px;line-height: 2em; color: #fff;}
 
#Services-Sec{width: 100%; float: left; margin-top: 80px;}
#Services-Sec .Service-Same {max-width: 900px;margin: 0 auto; display: flex;flex-wrap: wrap;align-items: center; margin-top: 70px;}
#Services-Sec .Service-Same .For-Image,#Services-Sec .Service-Same .ForContent{width: 50%; float: left;}
#Services-Sec .Service-Same .ForContent{/*padding: 50px 30px;*/background: #ffffff; padding: 30px!important;}
#Services-Sec .Service-Same .ForContent h2{margin: 0px; color: #272e3e; margin-bottom: 20px;}
#Services-Sec .Service-Same .ForContent span{font-weight: 400;font-size: 16px;color: #272e3e; position: relative;}
#Services-Sec .Service-Same .ForContent span::before{content: '1'; font-size: 0px; position: absolute; height: 2px; background:#fc0 ; width: 300px; top: 30px; left: -70px;}
#Services-Sec .Service-Same .ForContent p{margin-top: 20px;}
#Services-Sec .Service-Same .ForContent h6{margin: 0px; padding: 0px;}
#Services-Sec .Service-Same .For-Image img{max-width: 440px;}
#Services-Sec .Service-Same:nth-child(2){flex-direction: row-reverse; text-align: right;}
#Services-Sec .Service-Same:first-child .ForContent{padding-right:0!important;}
#Services-Sec .Service-Same:nth-child(2) .ForContent{padding-left:0!important;}

#Services-Sec .Service-Same .ForContent:nth-child(2){margin-right: -60px;}
#Services-Sec .Service-Same:nth-child(2) .For-Image img {max-width: 440px;}
#Services-Sec .Service-Same:nth-child(2) .ForContent span::before{left: 130px;}

.AboutAtollogy {width: 100%; float: left; margin-top: 0px;/*border-top: 1px solid #eff0f2;*/padding: 100px 0px; background: #f5f9fd;}
.AboutAtollogy .leftSec{width: 60%; float: left;}
.AboutAtollogy .leftSec p{text-align: right; color: #1e2f41; font-size: 20px; padding-right: 80px;padding-left: 170px;}
.AboutAtollogy .rightSide{width: 40%; float: left;}
.AboutAtollogy .rightSide h2{margin: 0; color: #272f3e; font-size: 60px; letter-spacing: -2px;}
.AboutAtollogy .rightSide h5{color:#3799ff; font-weight: ; font-size:12px; letter-spacing: 3px; text-transform: uppercase;}
.AboutAtollogy .rightSide .leaenmore {margin-top: 50px;} 
.AboutAtollogy .rightSide .leaenmore .btn{padding: 20px 45px; font-weight: 700;}

.videoSection{width: 100%; float: left; margin-top: 0px;  height: 600px; position: relative; /*display: none;*/}
.videoSection::before{content: '1';background-color: #3799ff; position: absolute; height: 600px; font-size: 0; width: 100%; opacity: 0.3; pointer-events: none;}
.videoSection video {object-fit: cover;}
.videoSection h4.gradient::before{content: '1';content: '1';font-size: 0px;background-image: url('../images/play-button.svg');width: 90px;height: 90px;background-size: cover;background-repeat: no-repeat;display: block;margin: auto;margin-bottom: auto;margin-bottom: 30px;}
.videoSection h4.gradient{margin: 0; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; letter-spacing: 0.5em; font-weight: 600; text-transform: uppercase;font-size: 12px;}

.How-it-work{width: 100%; float: left; background: #f5f9fd; text-align: center; padding: 80px 0px;/* margin-top: 8em;*/}
.How-it-work .title h2{color: #272f3e; font-size: 60px; letter-spacing: -2px; margin-bottom: 10px;}
.How-it-work .title p{color: #1e2f41;font-size: 20px;}
.How-it-work .ourwork{width: 33.33%; float: left; text-align: center; margin-top: 40px;}
.How-it-work .ourwork h3{font-size: 25px; color: #1e2f41; letter-spacing: 0px; font-weight: 700;}
.How-it-work .ourwork p{font-size: 16px; color: #536579; padding: 0px 60px;}

.Operational{width: 100%; float: left; text-align: center; padding: 80px 0px;}
.Operational .title h2{color: #272f3e; font-size: 60px; letter-spacing: -2px; margin-bottom: 10px;}
.Operational .title p{color: #1e2f41;font-size: 20px; position: relative;}
.Operational .title p::after{content: '1'; font-size: 0px; position: absolute; height: 2px; background: #fc0; width: 500px; transform: translateX(-75%);bottom: -30px;}
.Operational .imagereel {text-align: left;margin-top: 80px;}
.Operational .imagereel h3{font-size: 30px;color: #1e2f41;letter-spacing: 0px;font-weight: 700; padding-left: 120px;}

.fullIcon{width: 100%; float: left ; background: #f5f9fd;  padding-top: 40px;}
.fullIcon .icon {width: 100%;float: left;text-align: center;}
.fullIcon  .icon ul {padding: 0; margin: 0px; display: flex;}
.fullIcon .icon ul li {display: inline-block;padding: 0px 30px; width: 100%; display: flex;align-items: center;}
.fullIcon .icon ul li img {max-width: 180px!important; margin: 0 auto;}

.How-it-work.Unique{ background: url('../images/darkblue.jpg'); background-repeat: no-repeat;background-size: cover; width: 100%; float: left; margin: 0px;}
.How-it-work.Unique .title h2{color: #fff;}
.How-it-work.Unique .title p,.How-it-work.Unique .ourwork h3,.How-it-work.Unique .ourwork p{color: #fff;}
.How-it-work.Unique .ourwork{text-align: left; padding-left: 100px;}
.How-it-work.Unique .ourwork p{padding: 0; position: relative;}
.How-it-work.Unique .ourwork p::before{content: 'z';width: 20px;height: 20px;border-radius: 100%;position: absolute;top: 6px !important;left: -30px !important;font-size: 0;background-image: url('../images/tick.svg');background-size: cover;background-repeat: no-repeat;}
.How-it-work.Unique .ourwork h3{position: static; text-align: center;}
.How-it-work.Unique .ourwork h3 br{display: none;}
.How-it-work.Unique .ourwork .icon{position: relative; text-align: center;}

#slick-slide-control10,#slick-slide-control20,#slick-slide-control00,#slick-slide-control01,#slick-slide-control21,#slick-slide-control11{display: none!important;}
.Partners{width: 100%; float: left; padding: 80px 0px; text-align: center;}
.Partners .title h2 {font-size: 60px;letter-spacing: -2px;margin-bottom: 10px; color: #1e2f41;}
.Partners .title p {color: #1e2f41; font-size: 20px;}

.Partners .icon.pat{width: 100%;float: left;text-align: center;}

.Partners .icon.pat ul{vertical-align: top;display: flex;flex-wrap: wrap;}
.Partners .icon.pat ul li {display: flex !important;width: 16.66% !important;text-align: center;min-height: 100px;display: flex !important;align-items: center;flex-wrap: wrap;max-width: 16.66% !important;width: 100%;justify-content: center; }

.Partners .icon.pat .Atollogy-Partnership {width: 100%;float: left;margin-top: 100px;}

.submit {width: 100%;float: left;height: 760px;}
.submit .Contact-form{width:50%;float:left;}
.submit .map iframe{width: 100%; height: 800px;}

/*Contact form*/
#cf7md-form{max-width:100%;background:#1e2f41;padding: 33px 56px; }
.cf7md-form .col-6{float:left;width:50%;padding-left:25px;padding-right:25px;margin-bottom:35px;}
.cf7md-form .col-12{width:100%;float:left;padding-left:25px;padding-right:25px;margin-bottom:35px;text-align:left;}
.cf7md-form .row{margin-left:-25px!important;margin-right:-25px!important;}
#cf7md-form .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input{border-color:#476686 !important;background-color:#1e2f41;}
#cf7md-form .mdc-text-field__input{border-bottom:3px solid #aeacab;padding-left:0;height:80px;padding-right:0;padding-top:35px;font-family:'Poppins', sans-serif;font-weight:600;color:#fff!important;font-size:24px;letter-spacing:-0.5px;}
#cf7md-form .mdc-text-field{height:80px;}
#cf7md-form .mdc-text-field__input:hover{border-color:#fff!important;}
#cf7md-form .mdc-text-field:not(.mdc-text-field--disabled){background:none;}
#cf7md-form .mdc-text-field::before,#cf7md-form .mdc-text-field::before{display:none!important;}
#cf7md-form .mdc-text-field .mdc-floating-label{left:0;}
#cf7md-form .mdc-text-field .mdc-floating-label{top:35px;color:#476686!important;}
#cf7md-form .mdc-floating-label.mdc-floating-label--float-above{-webkit-transform:translateY(-100%) scale(.75);-ms-transform:translateY(-100%) scale(.75);transform:translateY(-100%) scale(.75);color:#476686!important;font-weight:500;}
.fusion-body .contForm-callDetail .contForm{width:calc(100% - 450px)!important;}
.contForm-callDetail .contForm .fusion-text h2{font-size:65px;margin-bottom:35px;color:#fff;}
.contForm-callDetail .sendButton .fusion-button{background:#2f2f2f;color:#fff!important;font-size:14px !important;text-transform:uppercase;letter-spacing:1px;font-weight:600!important;font-family:'Poppins', sans-serif!important}
.contForm-callDetail .sendButton .fusion-button:hover{background:transparent;color:#fff!important;}
#cf7md-form textarea.mdc-text-field__input{height:180px;resize:none;}
#cf7md-form .textarea-814 .mdc-text-field{height:180px;}
#cf7md-form .textarea-814 .mdc-floating-label.mdc-floating-label--float-above{top:20px;}
.fusion-body .contForm-callDetail .PhoneDetails{width:450px!important;padding-left:55px!important;}
.contForm-callDetail .PhoneDetails .fusion-text h2{font-size:45px;color:#fff;font-family:'Poppins', sans-serif;letter-spacing:-0.5px;margin-bottom:20px;text-align:right;}
.contForm-callDetail .PhoneDetails .fusion-text h2 span{font-size:58px;font-weight:800;}
.contForm-callDetail .fusion-row{padding-bottom:45px!important}
#cf7md-form.cf7md-form h2{font-size:45px!important;color:#fff!important;margin:0!important;letter-spacing:-1px!important;}
.col-12.sendButton .wpcf7-form-control.wpcf7-submit.bttn.fusion-button{font-size: 20px !important; color: #1e2f41 !important;font-family: 'Montserrat', 'Arial', sans-serif !important;font-weight: 800 !important; margin: 0; letter-spacing: -1px; background: #fc0 !important; border: none !important; padding: 12px 35px;border-radius: 45px;}
/*Contact form*/

.submit .map{width: 50%; float: left;}
.footer-mnu {width: 100%;float: left; background: #fff; padding-top: 80px;}
.footer-mnu .sec{width: 20%; float: left;}
.footer-mnu .sec:first-child{width: 40%;}
.footer-mnu .sec .chw-widget h2{ font-size: 18px!important; color: #1e2f41; font-weight: 700 !important; margin-top: 80px;margin-bottom: 0;}
.footer-mnu .sec .chw-widget #menu-footermenu1 {display: inline-grid; padding: 0px;}
.footer-mnu .sec .chw-widget #menu-footermenu1 li{margin: 0px;}

.footer-mnu .sec .chw-widget #menu-footermenu1 li a{font-size: 13px; color: #7991aa!important; line-height: 2em;}
.footer-mnu .sec .chw-widget .textwidget ul{ padding: 0px; }
.footer-mnu .sec .chw-widget .textwidget ul li{margin: 0px;}
.footer-mnu .sec .chw-widget .textwidget ul li a{font-size: 13px; color: #7991aa!important; line-height: 2em;}
.slick-prev.slick-arrow{border: solid black; border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 3px 3px 0;  display: inline-block; padding: 8px; transform: rotate(135deg); -webkit-transform: rotate(135deg); background: transparent; font-size: 0; margin-left: 20px; position:  absolute; z-index: 99999!important;top: 10%!important;}

.slick-next.slick-arrow{border: solid black; border-top-width: medium;border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 3px 3px 0;  display: inline-block; padding: 8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: transparent; font-size: 0; position: absolute; right: 0; top: 0; margin-right: 20px; z-index: 99999 !important; top: 10% !important; }

.Operational .imagereel img{margin-top: -90px;}

.Operational .imagereel video{margin-top: -92px;}