html{font-family:Montserrat,sans-serif;scroll-behavior:smooth}
body{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}
.tawasul-container{width:1470px;margin-left:auto;margin-right:auto}
.gradient{left:0;background:#5cc6d8;background:linear-gradient(90deg,rgba(92,198,216,1) 0,rgba(41,37,97,1) 100%);width:100%;height:100vh;position:absolute}
.loading-cn{display:flex;align-items:center;justify-content:center;height:100vh}
.st0{clip-path:url(#SVGID_2_)}
.st1{fill:none;stroke:#48a0f4;stroke-width:.3393}
.st2{fill:#005aff}
.st3{fill:url(#SVGID_3_)}
.st4{fill:url(#SVGID_4_)}
.st5{display:none;fill:url(#SVGID_5_)}
.st6{display:none;fill:url(#SVGID_6_)}
.st7{display:none;fill:url(#SVGID_7_)}
.st8{display:none;fill:url(#SVGID_8_)}
.st9{display:none;fill:url(#SVGID_9_)}
.st10{display:none;fill:url(#SVGID_10_)}
.st11{fill:url(#SVGID_11_)}
.st12{fill:url(#SVGID_12_)}
.st13{display:none;fill:url(#SVGID_13_)}
.st14{fill:url(#SVGID_14_)}
.st15{fill:url(#SVGID_15_)}
.st16{display:none;fill:url(#SVGID_16_)}
.st17{display:none;fill:url(#SVGID_17_)}
.st18{fill:url(#SVGID_18_)}
.st19{fill:url(#SVGID_19_)}
.st20{fill:url(#SVGID_20_)}
.st21{display:none;fill:url(#SVGID_21_)}
.st22{display:none;fill:url(#SVGID_22_)}
.st23{display:none;fill:url(#SVGID_23_)}
.st24{display:none;fill:url(#SVGID_24_)}
.st25{display:none;fill:url(#SVGID_25_)}
.st26{display:none;fill:url(#SVGID_26_)}
.st27{fill:url(#SVGID_27_)}
.st28{fill:url(#SVGID_28_)}
.st29{fill:url(#SVGID_29_)}
.st30{fill:url(#SVGID_30_)}
.st31{fill:url(#SVGID_31_)}
.st32{display:none;fill:url(#SVGID_32_)}
.st33{display:none;fill:url(#SVGID_33_)}
.st34{display:none;fill:url(#SVGID_34_)}
.st35{display:none;fill:url(#SVGID_35_)}
.st36{fill:url(#SVGID_36_)}
.st37{fill:url(#SVGID_37_)}
.st38{fill:url(#SVGID_38_)}
.st39{display:none;fill:url(#SVGID_39_)}
.st40{fill:url(#SVGID_40_)}
.st41{fill:url(#SVGID_41_)}
.st42{fill:url(#SVGID_42_)}
.st43{display:none;fill:url(#SVGID_43_)}
.st44{fill:url(#SVGID_44_)}
.st45{fill:none;stroke:#48a0f4;stroke-width:2.7145}
.c-st0{fill:#2c2c61}
.c-st1{font-family:Tajawal-Regular}
.c-st2{font-size:26.6914px}
.c-st3{fill:#3a5b86}
.c-st4{opacity:.8}
.c-st5{fill:none;stroke:#2c5882;stroke-width:.7048;stroke-miterlimit:10}
.c-st6{fill:none;stroke:#2c5882;stroke-width:.7048;stroke-miterlimit:10;stroke-dasharray:15.5742,15.5742}
.c-st7{fill:none;stroke:#2c5882;stroke-width:.7048;stroke-miterlimit:10;stroke-dasharray:15.2962,15.2962}
.c-st8{fill:none;stroke:#2c5882;stroke-width:.7048;stroke-miterlimit:10;stroke-dasharray:15.5547,15.5547}
.c-st9{fill:none;stroke:#2c5882;stroke-width:.7048;stroke-miterlimit:10;stroke-dasharray:15.8315,15.8315}
.svg-cn{width:660px}
.scale-in-center{-webkit-animation:scale-in-center 3s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center 3s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-center{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes scale-in-center{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes flickerAnimation{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-o-keyframes flickerAnimation{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes flickerAnimation{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes flickerAnimation{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.ss{animation:flickerAnimation 2s infinite;fill:#0ff}
.svg-shadow{animation:svg-shadow 1.5s ease-in-out infinite alternate}
@keyframes svg-shadow{
from{filter:drop-shadow( 0 0 5px #fff) drop-shadow( 0 0 15px #e60073) drop-shadow( 0 0 20px #e60073)}
to{filter:drop-shadow( 0 0 20px #fff) drop-shadow( 0 0 25px #e60073) drop-shadow( 0 0 40px #e60073)}
}
.land{z-index:150;position:fixed;top:0;left:0;right:0;bottom:0}
.website{display:none;overflow:hidden}
.fade-in-fwd{-webkit-animation:fade-in-fwd 1s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-fwd 1s cubic-bezier(.39,.575,.565,1) both;display:block}
@-webkit-keyframes fade-in-fwd{
0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
@keyframes fade-in-fwd{
0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
img.hv{position:absolute;top:11%;right:13%}
.sec5{position:relative}
.iamCol{text-align:right;float:left;font-weight:300;font-size:30pt}
.iamCol p:nth-child(2){margin-top:-20pt!important}
@keyframes scroll{
0%{margin-top:0}
15%{margin-top:0}
25%{margin-top:-70pt}
40%{margin-top:-70pt}
50%{margin-top:-140pt}
65%{margin-top:-140pt}
75%{margin-top:0}
90%{margin-top:0}
100%{margin-top:0}
}
.down{position:absolute;bottom:0}
.circle-svg-slider{width:871px;margin:0 auto;position:relative}
.circle-slider{display:flex;align-items:center;justify-content:center;width:100%}
.content{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}
.content img{width:490px;height:286px;margin-left:35px}
.content-Txt{position:absolute;bottom:100px;left:-25%;color:#2c2c61;font-size:50px;font-weight:300;line-height:1.1}
.content-Txt span{font-weight:400}
.content-Txt img{width:80%}
#s1,#s2,#s3,#s4{cursor:pointer;font-family:'Montserrat Alternates',sans-serif;font-weight:400}
.bb{font-weight:500!important;font-size:35px}
.circle-svg-slider svg{z-index:10;position:relative}
.sec4IMG{width:101%;margin-left:-1%;padding-top:150px}
.sec5IMG{width:101%;margin-left:-1%}
.nav-toggle{cursor:pointer}
.displayOnMobile{display:none}
.displayOnDesk{display:block}
.protofolioOwl-carousel .owl-nav button.owl-next,.protofolioOwl-carousel .owl-nav button.owl-prev,.protofolioOwl-carousel button.owl-dot{color:#2c2c61;font-size:80px;font-weight:100;outline:0}
.owl-prev{position:absolute;top:33%;left:-5%;transform:translate(-50%,-50%)}
.owl-next{position:absolute;top:33%;right:-5%;transform:translate(-50%,-50%)}
.protofolioOwl-carousel{margin-top:45px}
.protofolioOwl-carousel .item img{width:155px;height:184px;object-fit:contain;margin-left:auto;margin-right:auto}
.protofolioCol3{padding-top:0;padding-bottom:0;border-right:5px solid transparent}
.col3Border .nav-link.active::after{content:'';width:80px;height:80px;background-color:#fff;-webkit-box-shadow:5px 5px 8px -4px rgba(0,0,0,.31);box-shadow:5px 5px 8px -4px rgba(0,0,0,.31);transform:rotate(135deg);position:absolute;right:-62px;top:23px;z-index:1}
.block2{display:none}
.partnerNum2Img,.partnerNum3Img,.partnerNum5Img,.partnerNum6Img{width:175px}
.partnerNum1Img{width:120px;height:94px}
.partnerNum2Img{height:45px}
.partnerNum3Img{height:30px}
.partnerNum4Img{height:85px}
.partnerNum5Img{height:65px}
.partnerImg4{width:93px;height:93px}
.paddingTopBig{padding-top:170px}
.protofolioOwl-carousel .owl-nav button.owl-next,.protofolioOwl-carousel .owl-nav button.owl-prev,.protofolioOwl-carousel button.owl-dot{color:#6d6e71}
.protofolio-card-text{color:#6d6e71;font-family:Tajawal;font-size:20px;font-weight:400;text-align:center}
.protofolio-content{padding-top:60px}
.eventCard button{outline:0;border:none;background-color:transparent}
.modal-header{border-bottom:none}
.modal-body{padding:1rem 4rem 4rem 4rem}
.eventCard{margin-bottom:50px;width:347px}
.eventCard-img{height:206px}
.eventCard-img img{width:100%;height:100%;object-fit:cover}
.eventCard-eventDate,.eventCard-text,.eventCard-text a,.eventCard-text a:hover{color:#6d6e71;font-size:20px;font-family:Tajawal}
.eventCard-text{font-weight:700;margin-top:15px}
.eventCard-eventDate,.eventCard-text a,.eventCard-text a:hover{font-weight:400}
.eventCard-text a,.eventCard-text a:hover{text-decoration:none;border-bottom:1px solid #6d6e71}
.eventCard-eventDate{text-align:left}
.hrEventCard{height:1px;width:5px;margin:3px 0;background-color:#2c2c61}
.modal{background-color:#c4cdda78}
.modalMainText{font-weight:700;margin-bottom:5px}
.modalEventDate{font-weight:400;margin-bottom:20px;margin-top:5px}
.modalEventDate,.modalMainText{color:#2c2c61;font-size:30px;font-family:Tajawal}
.modal-p{color:#6d6e71;font-size:22px;font-family:Tajawal;font-weight:400;text-align:justify}
.modal-dialog{max-width:1359px;margin:1.75rem auto}
.modalImg{margin-right:100px;height:100%}
.modalText{display:flex;flex-direction:column;justify-content:center;flex:1}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#3a5b84;font-weight:400}
.close{color:#3a5b84}
.close:focus{outline:0}
.timelineContent{display:inline-block;width:100%}
.timeline,.timeline-horizontal{list-style:none;padding:20px;position:relative}
.timeline:before{top:40px;bottom:0;position:absolute;content:" ";width:3px;background-color:#eee;left:50%;margin-left:-1.5px}
.timeline .timeline-item{margin-bottom:20px;position:relative}
.timeline .timeline-item:after,.timeline .timeline-item:before{content:"";display:table}
.timeline .timeline-item:after{clear:both}
.timeline .timeline-item .timeline-badge{color:#fff;width:54px;height:54px;line-height:52px;font-size:22px;text-align:center;position:absolute;top:18px;left:50%;margin-left:-25px;background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3);z-index:100;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%}
.timeline .timeline-item .timeline-badge .fa,.timeline .timeline-item .timeline-badge .glyphicon,.timeline .timeline-item .timeline-badge i{top:2px;left:0}
.timeline .timeline-item .timeline-badge.primary{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timeline .timeline-item .timeline-badge.info{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timeline .timeline-item .timeline-badge.success{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timeline .timeline-item .timeline-badge.warning{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timeline .timeline-item .timeline-badge.danger{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timeline .timeline-item .timeline-panel{position:relative;width:46%;float:left;right:16px;background:#fff;border-radius:2px}
.timeline .timeline-item .timeline-panel .timeline-title{margin-top:0;color:inherit}
.timeline .timeline-item .timeline-panel .timeline-body>p,.timeline .timeline-item .timeline-panel .timeline-body>ul{margin-bottom:0}
.timeline .timeline-item .timeline-panel .timeline-body>p+p{margin-top:5px}
.timeline .timeline-item:last-child:nth-child(even){float:right}
.timeline .timeline-item:nth-child(even) .timeline-panel{float:right;left:16px}
.timeline .timeline-item:nth-child(even) .timeline-panel:before{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline-horizontal{list-style:none;position:relative;padding:20px 0 20px 0;display:inline-block}
.timeline-horizontal:before{height:5px;top:auto;bottom:23px;background-color:#3a5b85;left:56px;width:84.5%;margin-bottom:20px}
.timeline-horizontal .timeline-item{display:table-cell;height:280px;width:16.66%;float:none!important;padding-left:0;padding-right:20px;margin:0 auto;vertical-align:bottom}
.timeline-horizontal .timeline-item .timeline-panel{top:auto;bottom:64px;display:inline-block;float:none!important;left:0!important;right:0!important;width:100%;margin-bottom:20px}
.supplyImg{width:150%;position:absolute;bottom:0}
.timeline-horizontal .timeline-item .timeline-badge{top:auto;bottom:0;left:43px}
.timeline-badge{display:flex;justify-content:center;align-items:center}
.innerCircle{width:65px;height:65px;background-color:#3a5b85;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;font-family:Tajawal;font-weight:700;cursor:pointer}
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{width:220px!important}
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{opacity:0;transition:all .6s ease-in}
.timeline-panel.opacity1{opacity:1}
.service-content{padding-top:150px}
.cardCon{position:relative;height:410px}
.cardConInner{position:absolute;bottom:45px;left:0}
.service__card{background-color:#3a5b85;padding-bottom:50px;border-radius:4px;box-shadow:5px 4px 10px rgba(0,0,0,.3);position:relative;width:360px;z-index:3}
.service__card-inner{background-color:#fff;padding:25px 13px 20px 13px}
.service__card-logo{width:74px;height:74px}
.service__card-logo img{max-height:74px}
.service__card-mainText,.service__card-supText{font-size:25px;font-family:Tajawal}
.service__card-mainText{color:#3a5b85;font-weight:700;margin-top:5px;margin-bottom:5px}
.service__card-supText{font-weight:400;color:#6d6e71}
.serviceFooter{position:absolute;bottom:-45px;left:0;box-shadow:5px -5px 6px rgba(0,0,0,.3);z-index:1}
.fadeIn{animation:.4s fadeIn ease-in-out}
.fadeIn2{animation:.4s fadeIn2 ease-in-out}
.fadeIn3{animation:.4s fadeIn3 ease-in-out}
.fadeIn4{animation:.4s fadeIn4 ease-in-out}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn2{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn3{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn4{
0%{opacity:0}
100%{opacity:1}
}
.h3{font-size:25px;color:#fff;margin-bottom:25px}
.mgLeftBig{margin-left:17%}
.mainTitle{color:#2c2c61;font-size:30px;font-weight:500;text-transform:uppercase}
.tringle{width:45px;margin-right:8px}
.sec3{padding-top:140px}
.subTitle{color:#6d6e71;font-size:25px;font-weight:400;padding-top:25px}
.pt100{padding-top:100px}
.content-upperText{text-align:left;line-height:1;margin-bottom:10px}
.content-lowerText{text-align:right;line-height:1;margin-top:10px}
.content-span1{font-family:Tajawal,sans-serif;font-size:27px;font-weight:700;color:#6d6e71;margin-left:38px}
.content-span2,.content-span3{font-family:Tajawal,sans-serif;font-size:25px;font-weight:400;color:#6d6e71}
.partnerContent{background-color:#2c5882;width:83%;margin-left:auto;height:170px;display:flex;align-items:center}
.mainTitle.mainTitleWhite{color:#fff}
.ml-md{margin-left:120px}
.pb100{padding-bottom:100px}
.pb150{padding-bottom:150px}
.p0{padding:0}
a.mainAnchor,a.mainAnchor:focus,a.mainAnchor:hover{color:#3a5b86;font-size:25px;font-family:Tajawal,sans-serif;font-weight:400;text-decoration:none}
.mrM100{margin-right:-100px}
.mainText-footer{font-size:20px;font-family:Tajawal,sans-serif;font-weight:700;color:#fff}
.subText-footer,.subText-footer a{font-size:18px;font-family:Tajawal,sans-serif;font-weight:400;color:#fff;text-decoration:none}
.subText-footer div svg{margin-right:8px;margin-top:-3px}
.whatsAppIcon{width:17px;height:17px}
.linkedInIcon{width:16px;height:16px}
.instagramIcon{width:16px;height:16px}
.facebookIcon{width:11px;height:18px}
.footerContent{position:relative}
.copyRight{font-size:15px;font-family:Tajawal,sans-serif;font-weight:200;color:#2c2c61;position:relative;text-decoration:none;display:flex;justify-content:center;align-items:center;height:100%}
.copyRight a{font-size:15px;font-family:Tajawal,sans-serif;font-weight:200;color:#2c2c61;text-decoration:none}
.footerLogo svg{width:145px;height:91px}
.paddingTopHuge{padding-top:300px}
.navLogo{width:114px;height:71px}
.partnerImg4{width:93px;height:93px}
.aboutUs__cards{display:flex}
.aboutUs__card{position:relative;width:50%;height:353px}
.aboutUs__card:first-of-type{margin-right:20px}
.bgCard{background-image:linear-gradient(to right,rgba(44,88,130,.7),rgba(44,88,130,.7));position:absolute;top:0;left:0;bottom:0;right:0;opacity:1;transition:all .6s ease-in-out}
.aboutUs__card-img{background-size:cover;width:100%;height:100%}
.aboutUs__card-img1{background-image:url(../images/OurVision.JPG)}
.aboutUs__card-img2{background-image:url(../images/OurMission.JPG)}
.aboutUs__cards-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;height:77%;width:77%}
.aboutUs__cards-text .mainTitle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;display:flex;justify-content:center}
.abousUs__card-p{font-size:20px;width:420px;color:#fff;margin-top:20px;text-align:center;line-height:1.4}
.aboutUs__card .aboutUs__cards-text .mainTitle{transition:all .6s ease-in-out}
.aboutUs__card:hover .aboutUs__cards-text .mainTitle{position:absolute;top:20%}
.aboutUs__card .abousUs__card-p{opacity:0;transition:all .6s ease-in-out}
.aboutUs__card:hover .bgCard{opacity:1}
.aboutUs__card:hover .aboutUs__cards-text{opacity:1}
.aboutUs__card:hover .abousUs__card-p{opacity:1}
.aboutUs-section-p{color:#6d6e71;font-size:25px;font-weight:400;font-family:Tajawal}
.aboutUs-img-content{margin-bottom:30px;height:310px}
.aboutUs-img-content img{width:100%;height:100%;object-fit:cover}
.aboutUs-section,.career-section,.innerPage_mt{margin-top:260px!important}
.aboutUs-photo{padding-top:190px}
.ourValue-section,.protofolio-section{margin-top:280px}
.event-section,.partner-section,.service-section{margin-top:200px}
.ourValue-margin{margin-top:80px}
.ourValue-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:33.33%}
.itemCon{display:flex;flex-direction:column;justify-content:center;align-items:center}
.ourValue-content1:first-of-type{margin-bottom:100px}
.relative{position:relative}
.ourValue-content2{position:absolute;top:0;right:0}
.tawasulKey-section{margin-top:150px}
.careerMainText{color:#6d6e71;font-size:25px;font-weight:400;font-family:Tajawal}
.formContent{width:100%;margin-top:30px}
.formContent .input,.formContent .input:focus{border:1px solid #d9d9d9;width:100%;height:41px;font-size:20px;font-family:Tajawal;font-weight:400;padding-left:15px;margin-bottom:5px;color:#d9d9d9;outline:0}
.formContent .input::placeholder{color:#d9d9d9}
.formContent textarea::placeholder{color:#d9d9d9}
.formContent textarea,.formContent textarea:focus{border:1px solid #d9d9d9;width:100%;height:210px;font-size:20px;font-family:Tajawal;font-weight:400;padding-left:15px;color:#d9d9d9;outline:0}
.formContent .submitInput,.formContent .submitInput:focus{background-color:#2c2c61;color:#fff;height:41px;width:180px;font-size:25px;font-family:Montserrat;font-weight:700;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-top:15px;border:none;outline:0;cursor:pointer}
.formContent .inputFile::-webkit-file-upload-button{visibility:hidden}
.formContent .inputFile::before{content:'*UPLOAD CV';display:inline-block;outline:0;white-space:nowrap;-webkit-user-select:none;cursor:pointer;font-weight:400;color:#d9d9d9;font-family:Tajawal}
.formAnchor,.formAnchor:focus,.formAnchor:hover{font-size:25px;font-weight:400;color:#6d6e71;font-family:Tajawal;border:none;outline:0;text-decoration:none;height:45px;margin-top:15px}
.formAnchor span{border-bottom:1px solid #6d6e71;margin-left:12px}
.linkedInIcon-form{width:40px;height:40px}
a{text-decoration:none}
.container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}
.box3{background:0 0;vertical-align:middle;color:#fff;min-height:60px;line-height:60px;transition:all .9s ease-in-out;padding:20px 20px;cursor:pointer;border:2px solid transparent;-webkit-transition:all .9s ease-in-out;margin:10px}
.aboutUs__card:hover .box3{border:2px solid rgba(0,160,80,0);color:#fff}
.box3::after,.box3::before{width:100%;height:100%;z-index:3;content:'';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);transition:all .9s ease-in-out}
.bar3::before{border-bottom:3px solid #fff;border-left:3px solid #fff;-webkit-transform-origin:0 100%}
.bar3::after{border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform-origin:100% 0}
.aboutUs__card:hover .box3::after,.aboutUs__card:hover .box3::before{-webkit-transform:scale(1)}
.tawasul-container-mod{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
a{text-decoration:none}
h4{text-align:center;margin:30px 0;color:#444}
.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#2c5882;position:absolute;top:0;left:0;right:0}
.main-timeline:after{content:"";width:50px;height:5px;border-radius:20px;margin:0 auto;background:#2c5882;position:absolute;top:0;left:0;right:50px}
.main-timeline .timeline{display:inline-block;position:relative;width:100%;margin:65px 0}
.main-timeline .timeline:first-of-type{margin-top:190px}
.main-timeline .timeline:before{content:"";width:16px;height:24px;border-radius:50%;border-bottom:4px solid #fff;border-top:4px solid #fff;background:#4ec4d6;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-45%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #4ec4d6;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon span.iconText{display:block;border-radius:50%;background:#4ec4d6;font-size:25px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#4ec4d6;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:10px 50px;margin:0 -7px -36px -7px;float:right;position:relative;min-height:68px;display:flex;align-items:flex-end}
.main-timeline .timeline-content:before{content:"";width:55%;height:100%;border:3px solid #4ec4d6;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#4ec4d6;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#4ec4d6;text-transform:uppercase;margin:0 0 5px;opacity:0;visibility:hidden}
.main-timeline .description{display:inline-block;font-size:16px;color:#404040;width:60%;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#4ec4d6}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#4ec4d6}
.main-timeline .timeline:nth-child(2n) .title{color:#4ec4d6}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#4ec4d6;border-bottom-color:#4ec4d6}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#4ec4d6}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#4ec4d6}
.main-timeline .timeline:nth-child(3n) .title{color:#4ec4d6}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#4ec4d6;border-bottom-color:#4ec4d6}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#4ec4d6}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#4ec4d6}
.main-timeline .timeline:nth-child(4n) .title{color:#4ec4d6}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#4ec4d6;border-bottom-color:#4ec4d6}
.description2{padding-top:18px}
.description2.description2Left{width:325px;margin-left:auto}
.description2.description2Right{width:325px;margin-right:auto}
.timelineService,.timelineService-horizontal{list-style:none;padding:20px;position:relative}
.timelineService:before{top:40px;bottom:0;position:absolute;content:" ";width:3px;background-color:#eee;left:50%;margin-left:-1.5px}
.timelineService .timelineService-item{margin-bottom:20px;position:relative}
.timelineService .timelineService-item:after,.timelineService .timelineService-item:before{content:"";display:table}
.timelineService .timelineService-item:after{clear:both}
.timelineService .timelineService-item .timelineService-badge{color:#fff;width:80px;height:80px;line-height:52px;font-size:22px;text-align:center;position:absolute;top:18px;left:50%;margin-left:-25px;background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3);z-index:100;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%}
.timelineService .timelineService-item .timelineService-badge .fa,.timelineService .timelineService-item .timelineService-badge .glyphicon,.timelineService .timelineService-item .timelineService-badge i{top:2px;left:0}
.timelineService .timelineService-item .timelineService-badge.primary{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timelineService .timelineService-item .timelineService-badge.info{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timelineService .timelineService-item .timelineService-badge.success{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timelineService .timelineService-item .timelineService-badge.warning{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timelineService .timelineService-item .timelineService-badge.danger{background-color:#ececec;box-shadow:4px 5px 5px rgba(134,134,134,.3)}
.timelineService .timelineService-item .timelineService-panel{position:relative;width:46%;float:left;right:16px;background:#fff;border-radius:2px}
.timelineService .timelineService-item .timelineService-panel .timelineService-title{margin-top:0;color:inherit}
.timelineService .timelineService-item .timelineService-panel .timelineService-body>p,.timelineService .timelineService-item .timelineService-panel .timelineService-body>ul{margin-bottom:0}
.timelineService .timelineService-item .timelineService-panel .timelineService-body>p+p{margin-top:5px}
.timelineService .timelineService-item:last-child:nth-child(even){float:right}
.timelineService .timelineService-item:nth-child(even) .timelineService-panel{float:right;left:16px}
.timelineService .timelineService-item:nth-child(even) .timelineService-panel:before{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timelineService-horizontal{list-style:none;position:relative;padding:20px 0 20px 0;display:inline-block;width:100%}
.timelineService-horizontal:before{height:7px;top:auto;bottom:34px;background-color:#3a5b85;left:26px;width:96.5%;margin-bottom:20px}
.timelineService-horizontal .timelineService-item{display:table-cell;height:280px;width:16.66%;float:none!important;padding-left:0;padding-right:20px;margin:0 auto;vertical-align:bottom}
.timelineService-horizontal .timelineService-item .timelineService-panel{top:auto;bottom:64px;display:inline-block;float:none!important;left:-23px!important;right:0!important;width:100%;margin-bottom:20px}
.supplyImg{width:150%;position:absolute;bottom:0}
.timelineService-horizontal .timelineService-item .timelineService-badge{top:auto;bottom:0;left:13px}
.serviceContent{width:70%;margin-left:auto;margin-right:auto}
.timelineService-badge{display:flex;justify-content:center;align-items:center}
.timelineService-panel.timelineService-panel1,.timelineService-panel.timelineService-panel2,.timelineService-panel.timelineService-panel3,.timelineService-panel.timelineService-panel4,.timelineService-panel.timelineService-panel5,.timelineService-panel.timelineService-panel6{width:220px!important}
.timelineService-panel.timelineService-panel1,.timelineService-panel.timelineService-panel2,.timelineService-panel.timelineService-panel3,.timelineService-panel.timelineService-panel4,.timelineService-panel.timelineService-panel5,.timelineService-panel.timelineService-panel6{opacity:0}
.timelineService-panel.opacity1{opacity:1;transition:all .6s ease-in}
.disNoneRes{display:block}
.disBlockRes{display:none}
.partnerLogoOnDesk{display:block}
.partnerLogos{display:flex;flex-wrap:wrap;width:92%;margin-left:8%;padding-bottom:100px}
.partnerLogos .col-md-4{padding-bottom:70px;display:flex;justify-content:center;align-items:center}
.mapContent .svgMap{width:650px}
.square{width:29px;height:29px;margin-right:10px}
.square.light{background-color:#4abdd0}
.square.dark{background-color:#3a5b85}
.square.darker{background-color:#2c2c61}
.career-info{align-self:flex-end;margin-bottom:200px}
.subText-footer.career-info_subtext{margin-top:10px}
.flex1{flex:1}
.btn_border{border-bottom:2px solid #3a5b86;text-align:center;position:relative;overflow:hidden;transition:.3s}
.btn_border:after{position:absolute;transition:.3s;content:'';width:0;left:50%;bottom:0;height:3px;background:#2c4566}
.btn_border:after{right:0;left:auto}
.btn_border:hover{cursor:pointer}
.btn_border:hover:after{width:100%;left:0}
.modalImg{width:618px}
.modalImg img{width:100%;height:100%;object-fit:cover}
.partnerImg4{margin-left:20px}
.partnerImg1.partnerImgHome,.partnerImg2.partnerImgHome,.partnerImg3.partnerImgHome,.partnerImg4.partnerImgHome,.partnerImg5.partnerImgHome,.partnerImg6.partnerImgHome{filter:grayscale(1);transition:all .3s ease-in-out}
.partnerImg1,.partnerImg2,.partnerImg3,.partnerImg4,.partnerImg5,.partnerImg6{filter:grayscale(0);transition:all .3s ease-in-out}
.partnerNum1,.partnerNum2,.partnerNum3,.partnerNum4,.partnerNum5,.partnerNum6{filter:grayscale(1);transition:all .3s ease-in-out}
.partnerImg1.partnerImgHome:hover,.partnerImg2.partnerImgHome:hover,.partnerImg3.partnerImgHome:hover,.partnerImg4.partnerImgHome:hover,.partnerImg5.partnerImgHome:hover,.partnerImg6.partnerImgHome:hover{filter:grayscale(0)}
.partnerNum1:hover,.partnerNum2:hover,.partnerNum3:hover,.partnerNum4:hover,.partnerNum5:hover,.partnerNum6:hover{filter:grayscale(0)}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{border:none;border-color:transparent!important;border-right:5px solid transparent}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:transparent;border-left:none;border-top:none;border-bottom:none}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover{border-left:none;border-top:none;border-bottom:none}
.nav-tabs.nav-tabs-protofolio{border-bottom:none;flex-direction:column;align-content:center;padding-top:60px}
.nav-link-protofolio{position:relative}
.col3Border .nav-link{padding:0;width:100%}
.nav-tabs-protofolio .nav-link:first-of-type{position:relative}
.nav-tabs-protofolio .nav-link{padding-top:38px;padding-bottom:38px}
.nav-link.active .partnerNum1,.nav-link.active .partnerNum2,.nav-link.active .partnerNum3,.nav-link.active .partnerNum4,.nav-link.active .partnerNum5,.nav-link.active .partnerNum6{filter:grayscale(0)}
.nav-tabs .nav-link{border-top-left-radius:0;border-top-right-radius:0}
.land-temp{display:none}
.swiperCN{width:auto;height:auto;display:flex;align-items:flex-end;justify-content:center;position:absolute;z-index:1020;top:60%;left:50%;transform:translate(-50%,0);text-align:center}
.h2{font-size:70px;font-weight:800;color:#fff}
.fixed{position:fixed;z-index:99;width:100%}
.ScnText img{width:100%}
.Arrow{width:100%;height:100%;position:absolute;display:flex;align-items:flex-end;justify-content:center;z-index:6}
.fixed img{width:100%}
.Arrow img{padding-bottom:20px}
.bb{width:100%;height:auto}
.swiper-container{height:100vh;margin:0}
.swiper-slide{overflow:hidden}
.slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center}
.copy{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#fff;letter-spacing:.06em}
a{color:#fff}
.fixed{position:fixed;z-index:99;width:100%}
.fixed img{width:100%}
.opacity0{opacity:0}
.opacity1{opacity:1!important}
.fixed-footer{position:fixed!important;bottom:0!important;z-index:99;transition:all .3s ease-in-out}
.fixed-footer2{bottom:32px!important}
.notfixed-footer{position:relative;bottom:0}
.fixed-nav{position:fixed!important;top:0!important;z-index:99}
.openNav{animation:openFromUp .3s both}
.closeNav{animation:closeFromUp .3s both}
.openFooter{animation:openFromDown .3s both}
.closeFooter{animation:closeFromDown .3s both}
.openCopyright{animation:openCopyright .3s both}
.bottom_footer{opacity:0;position:fixed;bottom:0;left:0;width:100%}
@keyframes openFromUp{
0%{transform:translateY(-80px)}
100%{transform:translateY(0)}
}
@keyframes closeFromUp{
0%{transform:translateY(0)}
100%{transform:translateY(-80px)}
}
@keyframes openFromDown{
0%{transform:translateY(80px)}
100%{transform:translateY(0)}
}
@keyframes closeFromDown{
0%{transform:translateY(0)}
100%{transform:translateY(80px)}
}
@keyframes openCopyright{
0%{transform:translateY(30px);opacity:.5}
100%{transform:translateY(0);opacity:1}
}
.notfixed-nav{position:absolute!important;top:0!important}
.bb{width:100%;height:auto;padding-top:120px}
.w100{width:100%}
.clear{clear:both}
.number{display:flex;align-items:center;justify-content:center;font-size:40px;color:#6d6e71;padding-top:5px;line-height:1}
nav.navbar.tawasul_nav{background-color:rgba(227,245,255,.8);z-index:99;padding:0rem 7rem 0 7rem;position:absolute;top:0;left:0;right:0;transition:all .4s ease-in-out}
.nav-link{padding:.9rem 1rem 1.5rem .5rem}
.searchbar{padding-bottom:1rem}
.navbar-brand{padding-top:1.4rem;padding-bottom:1.4rem}
.navbar-light .navbar-nav .nav-link.nav-link-tawasul{color:#2c2c61;font-size:20px;font-weight:500}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#2c2c61}
.tawasul_nav .dropdown-menu{background-color:rgba(227,245,255,.8);margin-top:16px;padding:0;border:1px solid rgba(0,0,0,.15);border-top:none;width:200px}
.tawasul_nav .dropdown-item{padding:1rem 1.5rem;border-bottom:1px solid #4ec0d2;color:#292661;font-family:Montserrat;font-size:17px;width:100%;white-space:normal}
.tawasul_nav .dropdown-item:hover{background-color:rgba(227,245,255,.842)}
.tawasul_nav .dropdown-item:last-of-type{border-bottom:1px solid transparent}
.nav-link.nav-link-tawasul.dropdown-toggle{text-align:center}
.nav-vl{width:2px;height:20px;background-color:#4ec0d2;margin-left:24px;margin-right:24px;margin-bottom:.7rem}
.navbar-nav{align-items:center;padding-top:58px;line-height:1}
.searchbar{margin-left:80px}
.searchbar img{width:30px;height:32px}
.dropdown-toggle::after{display:inline-block;width:15px;height:9px;vertical-align:0;content:"";background-image:url(../images/arrowBottom-11.svg);background-repeat:no-repeat;background-size:15px 9px;margin-left:5px;border-top:0 solid;border-right:0 solid transparent;border-bottom:0;border-left:0 solid transparent}
.tajawal{font-family:Tajawal}
.padForFooter{padding-bottom:107px}
.padForFooter2{padding-bottom:240px}
.padForFooter3{padding-bottom:340px}
.tawasul_footer{width:100%;position:relative;margin-top:-107px}
.upper_footer{background-image:linear-gradient(to right,#5cc1d4,#292661);display:flex;align-items:center;height:76px;padding:0 12rem;width:100%}
.bottom_footer{background-color:#e3f5ff;height:32px}
.footer_content,.footer_social{display:flex;align-items:center}
.footer_content{justify-content:space-between;width:100%}
.footer_social{margin-left:auto}
.footer_logo{margin-right:110px}
.footer_logo img{width:83px;height:34px}
.subText-footer{display:flex}
.subText-footer{margin-left:20px}
.subText-footer a:not(:last-of-type){margin-right:23px}
.subText-footer-dot{margin:0 5px}
.down{text-align:center}
.tawasul-header .swiper-inner img{object-fit:cover;height:100%}
.search-icon{color:#51c1d3;background-color:transparent;border:0;outline:0}
.search-toggle .search-icon.icon-close{display:none}
.icon-close{font-weight:700;font-size:28px;margin-left:14px}
.search-toggle.opened .search-icon.icon-search{display:none}
.search-toggle.opened .search-icon.icon-close{display:block}
.search-container{position:relative;transition:all .3s ease-in-out;max-height:0;overflow:hidden;background-color:rgba(227,245,255,.8);margin-top:22px}
.search-container.opened{max-height:100px}
.search-container input[type=text]{outline:0;font-size:15px;margin:18px;width:300px;background-color:inherit;border:0}
.search-container input[type=text]::placeholder{color:#4d4d4d}
.search-container .search-icon{vertical-align:middle}
.search-container{position:absolute;right:0}
.circle_numbers{display:flex;flex-wrap:wrap}
.circle_num{width:202px;height:202px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%232C5880FF' stroke-width='3' stroke-dasharray='16%2c 21' stroke-dashoffset='29' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.circle_num:not(:last-of-type){margin-right:50px}
.circle_num-icon{margin-bottom:5px}
.circle_num-icon img{width:32px}
.circle_num-info{font-size:11px;font-weight:400;font-family:Tajawal;width:35%;margin:5px auto 0 auto;text-align:center}
.main-timeline .timeline-content.noPaddingL{display:flex;justify-content:flex-end}
.mt-imgHeader{margin-top:60px}
.oneSectionPage{min-height:76vh}
.partnerImg2,.partnerImg3,.partnerImg5,.partnerImg6{width:175px}
.partnerImg4{margin-left:16px;width:90px;height:90px}
.timelineService.timelineService-horizontal{margin-top:50px}
.tab-content-protofolio{padding:80px 0;-webkit-box-shadow:-1px 0 7px 1px rgba(0,0,0,.25);box-shadow:-1px 0 7px 1px rgba(0,0,0,.25);background-color:#fff;min-height:1200px}
.tab-pane-protofolio{width:73%;margin-left:auto;margin-right:auto}
.svgMap path{transition:all .3s ease-in-out}
.textLight{color:#4abdd0}
.textDark{color:#3a5b85}
.textDarker{color:#2c2c61}
.squares{margin-top:60px}
.squareContent{margin-bottom:5px}
.squareContent span{font-size:18px}
.mapContent{margin-top:80px;position:relative}
.textMap{position:absolute;right:0;bottom:30px}
.textMap .mainText-footer{color:#2c2c61;margin-bottom:15px}
.textMap .subText-footer{color:#6d6e71;display:flex;flex-direction:column;margin-left:0}
.textMap .subText-footer div:not(:last-of-type){margin-bottom:5px}
.textMap .subText-footer a{color:#6d6e71;margin-right:0}
.textMap2 .subText-footer a:not(:last-of-type){margin-bottom:5px}
.textMap_hr{width:38px;height:1.5px;background-color:#2c2c61;margin:20px 0}
text.s1,text.s2,text.s3,text.s4{transition:all .3s ease-in-out}
.aboutUs__cards-text .abousUs__card-p{margin-bottom:-25px}
.svgMap_content{position:relative;width:650px}
.branches_content{position:relative}
.branches_content::before{content:'';width:270px;height:1px;background-color:#2c2c61;position:absolute;left:0;top:50%}
.branches_content::after{content:'';width:8px;height:8px;border-radius:50%;background-color:#2c2c61;position:absolute;left:270px;top:46.5%}
.branches_content.branches_content-sm::before{width:140px}
.branches_content.branches_content-sm::after{left:140px}
.branches_textContent.branches_textContent-sm{margin-left:175px}
.branches_textContent{margin-left:305px;padding-top:30px}
.branches_mainTitle,.branches_subTitle{font-size:25px;font-family:Tajawal;color:#6d6e71;min-width:350px}
.branches_mainTitle{font-weight:700}
.branches_subTitle{font-weight:400}
.branches_IQ-AN,.branches_IQ-AR,.branches_IQ-BA,.branches_IQ-BB,.branches_IQ-BG,.branches_IQ-DA,.branches_IQ-DI,.branches_IQ-DQ,.branches_IQ-KA,.branches_IQ-KI,.branches_IQ-MA,.branches_IQ-MU,.branches_IQ-NA,.branches_IQ-NI,.branches_IQ-QA,.branches_IQ-SD,.branches_IQ-SU,.branches_IQ-WA{position:absolute;display:none;transition:all 1s both}
.branches_IQ-AN:hover,.branches_IQ-AR:hover,.branches_IQ-BA:hover,.branches_IQ-BB:hover,.branches_IQ-BG:hover,.branches_IQ-DA:hover,.branches_IQ-DI:hover,.branches_IQ-DQ:hover,.branches_IQ-KA:hover,.branches_IQ-KI:hover,.branches_IQ-MA:hover,.branches_IQ-MU:hover,.branches_IQ-NA:hover,.branches_IQ-NI:hover,.branches_IQ-QA:hover,.branches_IQ-SD:hover,.branches_IQ-SU:hover,.branches_IQ-WA:hover{display:block!important}
.branches_IQ-BB{top:50%;left:62%}
.branches_IQ-DA{top:-5%;left:45%}
.branches_IQ-NI{top:10%;left:37%}
.branches_IQ-AR{top:7%;left:57%}
.branches_IQ-SU{top:15%;left:70%}
.branches_IQ-DI{top:36%;left:67%}
.branches_IQ-WA{top:48%;left:72%}
.branches_IQ-MA{top:60%;left:88%}
.branches_IQ-BA{top:75%;left:92%}
.branches_IQ-DQ{top:67%;left:81%}
.branches_IQ-MU{top:75%;left:77%}
.branches_IQ-NA{top:71%;left:57%}
.branches_IQ-QA{top:59%;left:68%}
.branches_IQ-KA{top:53%;left:55%}
.branches_IQ-BG{top:42%;left:58%}
.branches_IQ-SD{top:31%;left:56%}
.branches_IQ-KI{top:18%;left:56%}
.branches_IQ-AN{top:45%;left:51%}
.contactUs-section{margin-bottom:60px}
.dropdown:hover .dropdown-menu{display:block;margin-top:0!important}
.navbar-light .navbar-nav .nav-link.nav-link-tawasul.nav-link-tawasul-lang{font-family:Tahoma;padding:0rem 0rem 1.8rem .3rem;font-size:28px;font-weight:700;color:#50c0d2}
.nav-vl.nav-vl-lang{margin-bottom:1rem}
.ourValue-content1{flex-wrap:wrap}
.ourValue-content1 .ourValue-item:nth-child(1),.ourValue-content1 .ourValue-item:nth-child(2),.ourValue-content1 .ourValue-item:nth-child(3){margin-bottom:100px}
.displayOnDesk .partnerElement{margin-bottom:75px}
.modal .modal-content{height:80vh}
.modal .modal-content .modalContent{height:100%!important}
.eventCardGrid{display:grid;grid-template-columns:repeat(3,1fr)}
.productLogoImg{width:265px;height:150px}
.protofolio_res{display:none}
.protofolio_desk{display:block}
.partnerTabImg{object-fit:contain}
.cv-link a{color:#2c2c61}
.cv-link{border:1px solid #d9d9d9;width:100%;height:41px;font-size:20px;font-family:Tajawal;font-weight:400;padding-left:15px;margin-bottom:5px;color:#2c2c61;outline:0;display:flex;align-items:center}
.formContent .input,.formContent .input:focus,.formContent textarea,.formContent textarea:focus{color:#2c2c61}
.noFilter{filter:none!important}
.upToBegin{display:none}
.searchResult_ul{list-style:none;padding-inline-start:20px}
.searchResult_li{padding:15px 0;border-bottom:1px solid #6d6e7157}
.searchResult_li a{text-decoration:none}
.searchResult_title{color:#292661;font-size:17px;line-height:1.2}
.searchResult_date{color:#6d6e71;font-size:13px}
.ourValue-content2.ourValue-content3{left:0;right:auto}
.ourValue-margin.ourValue-margin2{flex-direction:row-reverse}
.mtService{margin-top:200px}
.mtService2{margin-top:340px}
.ourValue-margin2 .col-md-6{padding-left:35px}
.branches_IQ-AN:hover,.branches_IQ-AR:hover,.branches_IQ-BA:hover,.branches_IQ-BB:hover,.branches_IQ-BG:hover,.branches_IQ-DA:hover,.branches_IQ-DI:hover,.branches_IQ-DQ:hover,.branches_IQ-KA:hover,.branches_IQ-KI:hover,.branches_IQ-MA:hover,.branches_IQ-MU:hover,.branches_IQ-NA:hover,.branches_IQ-NI:hover,.branches_IQ-QA:hover,.branches_IQ-SD:hover,.branches_IQ-SU:hover,.branches_IQ-WA:hover{z-index:9}
.branches_textContent{background-color:#ffffffb3;z-index:99}
.branches{z-index:99}
.sales-img{max-height:370px}
.sales-img img{width:100%;height:100%}
.ourValue-content2 img{height:478px;object-fit:cover;min-width:700px;max-width:800px}
.marketing_content{height:400px;align-items:center}
.marketingCon{padding-left:35px}
.salesRow{height:478px;align-items:center}
.marketRow{height:478px;align-items:center}
@media screen and (max-width:1680px){
.ourValue-content2 img{height:290px;min-width:auto;max-width:auto}
.marketing_content{height:210px}
.tawasul-container{width:975px}
.marketingCon{padding-left:80px}
.mtService{margin-top:150px}
.padForFooter3{padding-bottom:200px}
.mtService2{margin-top:150px}
.salesRow{height:290px}
.marketRow{height:290px}
.ourValue-margin2 .col-md-6{padding-left:80px}
.ourValue-margin3 .col-md-6{padding-right:60px}
.ourValue-margin.ourValue-margin3{margin-top:115px}
.down{width:240px}
.menuItem a{font-size:16px}
.menuItem:first-of-type{padding-bottom:12px}
.menuItem:not(:first-of-type){padding-top:12px;padding-bottom:12px}
.tawasulNav-content-menu{font-size:15px}
.circle-slider{width:100%}
.sec5IMG{width:103%;margin-left:-3%}
.sec4IMG{width:103%;margin-left:-3%}
.menuOpened{width:270px}
.owl-prev{left:-1%}
.owl-next{right:-3%}
.americanaWord{width:110px}
.gardenWord{width:92px}
.protofolioOwl-carousel{margin-top:35px}
.col3Border .nav-link.active::after{width:55px;height:55px;right:-49px}
.protofolioOwl-carousel .owl-nav button.owl-next,.protofolioOwl-carousel .owl-nav button.owl-prev,.protofolioOwl-carousel button.owl-dot{font-size:60px}
.partnerNum2Img{width:135px;height:34px}
.partnerNum3Img{width:130px;height:22px}
.partnerNum4Img{height:65px;width:65px}
.partnerNum5Img{width:125px;height:47px}
.partnerNum6Img{width:130px;height:31px}
.nav-tabs-protofolio .nav-link{padding-top:25px;padding-bottom:25px}
.tringle{width:34px!important}
.mainTitle{font-size:20px!important}
.footerLogo svg{width:105px!important;height:66px!important}
.protofolio-content{padding-top:30px}
.timeline.timeline-horizontal{width:100%}
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{width:138px!important}
.supplyImg{width:190%;position:absolute}
.timeline-horizontal:before{width:82%}
.service__card{width:280px}
.service__card-mainText,.service__card-supText{font-size:20px}
.cardCon{height:340px}
.service__card-logo{width:66px;height:66px}
.service__card-logo img{max-height:66px}
.service-content{padding-top:120px}
.partnerImg2,.partnerImg3,.partnerImg5,.partnerImg6{width:175px}
.partnerImg1{width:150px}
.partnerImg4{margin-left:16px;width:80px}
.paddingTopHuge{padding-top:200px}
.content img{width:320px;height:188px}
.content{position:absolute;text-align:center;overflow:hidden}
.content-Txt img{width:55%}
.content-Txt{font-size:33px}
.navLogo{width:80px;height:50px}
.aboutUs__card-img{background-size:cover;width:100%}
.box3{margin:0}
.abousUs__card-p{font-size:16px;width:100%}
.ourValue-item .itemCon img{width:auto;max-width:53px;max-height:56px}
.subTitle{font-size:14px;padding-top:15px}
.ourValue-content2{margin-top:113px}
.ourValue-content2.ourValue-content4{margin-top:50px}
.ourValue-content2 img{width:600px;max-height:290px;object-fit:cover}
.timelineService.timelineService-horizontal{width:100%}
.serviceContent{width:70%}
.timelineService-panel.timelineService-panel1,.timelineService-panel.timelineService-panel2,.timelineService-panel.timelineService-panel3,.timelineService-panel.timelineService-panel4,.timelineService-panel.timelineService-panel5,.timelineService-panel.timelineService-panel6{width:138px!important}
.serviceContent img.word{width:200px}
.serviceContent img.word.word1{width:160px}
.supplyImg{width:190%;position:absolute}
.timelineService-horizontal .timelineService-item.lastItemService{width:15.66%}
.aboutUs-section-p{font-size:17px}
.aboutUs-img-content.mt-imgHeader{margin-bottom:0}
.aboutUs-photo{padding-top:150px}
.ourValue-section,.protofolio-section{margin-top:200px}
.ourValue-item{width:31.33%}
.main-timeline .timeline-icon{width:102px;height:102px;padding:8px;left:32%}
.main-timeline .timeline-icon span.iconText{font-size:18px;line-height:79px}
.description2.description2Left{width:285px;margin-left:auto}
.description2.description2Right{width:285px;margin-right:auto}
.h3{font-size:17px;margin-bottom:20px}
.eventCard-eventDate,.eventCard-text,.eventCard-text a,.eventCard-text a:hover{font-size:15px}
.eventCard{margin-bottom:35px;width:245px}
.eventCard-img{height:143px}
.timelineService-horizontal .timelineService-item .timelineService-badge{left:43px}
.timelineService-horizontal:before{left:56px;width:94.5%}
.timelineService-horizontal .timelineService-item .timelineService-panel{left:7px!important}
.formContent .input,.formContent .input:focus{font-size:16px}
.formContent .input,.formContent .input:focus{height:33px}
.formContent textarea,.formContent textarea:focus{height:150px;font-size:16px}
.formAnchor,.formAnchor:focus,.formAnchor:hover{font-size:17px;height:25px}
.linkedInIcon-form{width:25px;height:25px}
.formContent .submitInput,.formContent .submitInput:focus{width:120px;font-size:16px}
.formContent .submitInput,.formContent .submitInput:focus{height:33px}
.mt-imgHeader{margin-top:45px}
.careerMainText{font-size:19px}
.aboutUs-img-content{height:220px}
a.mainAnchor,a.mainAnchor:focus,a.mainAnchor:hover{font-size:20px}
.modal-dialog{max-width:890px}
.modalImg{width:400px}
.number{font-size:32px}
.upper_footer{height:50px;padding:0 6rem}
.footer_logo{margin-right:0}
.mainText-footer{font-size:13px}
.subText-footer,.subText-footer a{font-size:12px}
.subText-footer-dot{margin:0 3px}
.footer_social{margin-left:30px}
.footer_content{justify-content:center}
.subText-footer div svg{margin-right:5px;margin-top:-2px}
.subText-footer{margin-left:15px}
.footer_logo img{width:55px;height:22.6px}
.copyRight,.copyRight a{font-size:10px}
.bottom_footer{height:22px}
.tawasul_footer{margin-top:-72px}
.instagramIcon{width:12px;height:12px}
.facebookIcon{width:7px;height:12px}
.linkedInIcon{width:12px;height:12px}
.whatsAppIcon{width:12px;height:12px}
.subText-footer a:not(:last-of-type){margin-right:15px}
nav.navbar.tawasul_nav{padding:0rem 4rem}
.navbar-brand{padding-top:.8rem;padding-bottom:.8rem}
.nav-link{padding:1.3rem 1rem .9rem .5rem}
.navbar-light .navbar-nav .nav-link.nav-link-tawasul{font-size:13px}
.searchbar{margin-left:45px;padding-bottom:0rem;margin-bottom:-3px}
.searchbar img{width:20px;height:24px}
.nav-vl{height:16px;margin-left:10px;margin-right:10px;margin-bottom:-9px}
.navbar-nav{align-items:center;padding-top:31px;line-height:1}
.h2{font-size:47px}
.swiperCN{top:65%}
.content-span1{font-size:19px}
.content-span2,.content-span3{font-size:17px}
.partnerContent{height:125px}
.ml-md{margin-left:80px}
.search-container{margin-top:8px}
.search-container.opened{max-height:100px}
.search-container input[type=text]{margin:15px;width:220px}
.icon-close{font-weight:700;font-size:25px;margin-left:5px}
.circle_num{width:186px;height:186px}
.circle_num:not(:last-of-type){margin-right:20px}
.aboutUs__card{height:260px}
.aboutUs__card:hover .aboutUs__cards-text .mainTitle{position:absolute;top:17.6%}
.ourValue-content1:first-of-type{margin-bottom:75px}
.main-timeline .description{font-size:13px}
.main-timeline .timeline-content:before{width:48%}
.modalEventDate,.modalMainText{font-size:20px}
.modal-p{font-size:16px}
.oneSectionPage{min-height:75.4vh}
.innerCircle{width:45px;height:45px;font-size:18px}
.timelineService .timelineService-item .timelineService-badge{width:54px;height:54px}
.timelineService-horizontal:before{height:5px;bottom:24px}
.cardConInner{bottom:15px}
.protofolio-card-text{font-size:14px}
.protofolioOwl-carousel .item img{width:110px;height:130px}
.tab-content-protofolio{min-height:820px;padding:65px 0}
.partnerNum1Img{width:95px;height:74px}
.partnerLogos{width:91%;margin-left:9%}
.aboutUs-section,.career-section,.innerPage_mt{margin-top:220px!important}
.number-section.aboutUs-section{margin-top:140px}
.ourValue-section{margin-top:150px}
.main-timeline .timeline-content{margin:0 -7px -32px -7px;min-height:60px}
.main-timeline .timeline-icon.timeline-icon-left:before{width:96px;height:3px;right:-96px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:96px;height:3px;left:-96px}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:32%}
.main-timeline .description{width:48%}
.mapContent .svgMap,.svgMap_content{width:470px}
.textMap{bottom:35px}
.textMap_hr{width:22px;margin:10px 0}
.squareContent span{font-size:12px}
.square{width:20px;height:20px}
.contactUs-section{margin-bottom:10px}
.branches_mainTitle,.branches_subTitle{font-size:17px;min-width:220px}
.branches_textContent{padding-top:24px}
.branches_content::after{content:'';width:6px;height:6px;top:46.5%}
.branches_content.branches_content-sm::before{width:40px}
.branches_content.branches_content-sm::after{left:40px}
.branches_textContent.branches_textContent-sm{margin-left:70px}
.branches_textContent{line-height:1.2}
.content-upperText{margin-bottom:6px}
.content-lowerText{margin-top:6px}
.fixed-footer2{bottom:22px!important}
.tawasul_nav .dropdown-menu{margin-top:9px;width:130px;min-width:130px}
.tawasul_nav .dropdown-item{padding:.7rem 1rem;font-size:13px}
.navbar-light .navbar-nav .nav-link.nav-link-tawasul.nav-link-tawasul-lang{padding:0rem 0rem .2rem .3rem;font-size:22px}
.nav-vl.nav-vl-lang{margin-bottom:-4px}
.ourValue-content1 .ourValue-item:nth-child(1),.ourValue-content1 .ourValue-item:nth-child(2),.ourValue-content1 .ourValue-item:nth-child(3){margin-bottom:60px}
.modal .modal-content{height:65vh}
.productLogoImg{width:155px;height:84px;margin-left:-5px}
.searchResult-section .row.pt-5{padding-top:20px!important}
.searchResult_title{font-size:15px}
.searchResult_date{font-size:12px}
}
@media screen and (max-width:1440px){
.circle-svg-slider{width:585px;margin:0 auto;position:relative}
img.hv{width:55%}
}
@media only screen and (min-width :992px) and (max-width :1280px){
.iamCol{text-align:right;font-size:30pt}
}
@media screen and (max-width:1200px){
    .ourValue-content2 img{max-height:auto;width:515px;height:350px;object-fit:cover}
    }
@media screen and (max-width:1024px){
.disNoneRes{display:none}
.disBlockRes{display:block}
.menuHeader{position:fixed;top:0;left:0;width:100%;background-color:#fff;box-shadow:0 4px 7px rgba(0,0,0,.1);display:flex;align-items:center;padding:15px 0;z-index:999}
.menuHeader.menuHeaderHome{z-index:99}
.timeline.timeline-horizontal{overflow:hidden}
.timeline-horizontal:before{width:90%}
.timeline-horizontal .timeline-item{padding-right:0}
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{width:120px!important}
.service__card-mainText,.service__card-supText{font-size:18px}
.service__card{padding-bottom:40px;width:270px}
.service__card-mainText{margin-top:3px;margin-bottom:3px}
.service__card-inner{padding:65px 13px 20px 13px}
.service-content{padding-top:80px}
.tawasul-container{width:90%}
.protofolio-section{margin-top:200px!important}
.abousUs__card-p{width:100%}
.ourValue-content2 img{max-height:auto;width:470px;height:350px;object-fit:cover}
.marketing_content{height:300px}
.main-timeline .timeline-icon{left:32%}
.description2{padding-top:40px}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:32%}
.owl-next{right:-9%}
.timelineService-panel.timelineService-panel1,.timelineService-panel.timelineService-panel2,.timelineService-panel.timelineService-panel3,.timelineService-panel.timelineService-panel4,.timelineService-panel.timelineService-panel5,.timelineService-panel.timelineService-panel6{width:111px!important}
.modalContent{width:100%}
.modalImg{width:50%;margin-right:50px}
.modalImg img{width:100%;object-fit:cover}
.modalText{width:50%}
.swiper-container{height:60vh}
.nav-vl{height:15px;margin-left:8px;margin-right:8px}
.searchbar{margin-left:25px}
.searchbar img{width:16px;height:20px}
.navLogo{width:75px;height:47px}
.subText-footer{margin-left:7px}
.footer_logo{margin-right:35px}
.subText-footer a:not(:last-of-type){margin-right:10px}
.upper_footer{padding:0 3rem}
.subText-footer{margin-left:7px}
.oneSectionPage{min-height:auto}
.bottom_footer{opacity:1;position:relative}
}
@media only screen and (max-width:990px){
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
}
@media only screen and (min-width :768px) and (max-width :992px){
.iamCol{text-align:center;font-size:30pt}
.iamCol p{display:inline!important}
}
@media screen and (max-width:768px){
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{width:99px!important}
.timeline-horizontal:before{width:87%}
.service__card{width:240px}
.circle-slider{margin-top:50px}
.tawasul-container{width:95%}
.protofolioOwl-carousel .item img{width:130px}
.owl-next{right:-12%}
.partnerNum1Img{width:92px;height:72px}
.partnerNum2Img{width:125px;height:32px}
.partnerNum3Img{width:123px;height:20.7px}
.partnerNum4Img{height:68px;width:68px}
.partnerNum6Img{width:125px;height:30px}
.partnerNum5Img{width:125px;height:46.5px}
.footerLogo svg{width:90px!important;height:56px!important}
.copyRight{font-size:14px!important;text-align:center}
.noPaddingMobile{padding:0}
.noPaddingMobile.col-md-2{margin-left:-7px}
.main-timeline{padding-top:50px}
.main-timeline .timeline-content{width:48%}
.timeline,.timeline-horizontal{padding:0}
.description2.description2Left,.description2.description2Right{width:100%}
.description2{padding-top:69px}
.mainTitle{font-size:21px!important}
.tringle{width:30px!important}
.aboutUs-photo{padding-top:65px}
.abousUs__card-p{font-size:15px}
.ourValue-section,.protofolio-section{margin-top:85px}
.ourValue-content2 img{width:322px;height:295px}
.marketing_content{height:210px}
.itemCon{height:80px}
.ourValue-content2{margin-top:120px}
.partnerImg3.partnerImgHome,.partnerImg6.partnerImgHome{margin-left:0}
.partnerImg2.partnerImgHome,.partnerImg3.partnerImgHome,.partnerImg5.partnerImgHome,.partnerImg6.partnerImgHome{width:135px}
.partnerImg1.partnerImgHome{width:105px}
.circle-slider{width:90%;margin-left:auto}
.h3{width:350px;margin-bottom:5px}
.svg-cn{width:70%;margin-left:-50px}
.mt-imgHeader{margin-top:35px}
.careerMainText.pt-5{padding-top:25px!important}
.service__card-inner{padding:20px 13px 20px 13px}
.timelineService-panel.timelineService-panel1,.timelineService-panel.timelineService-panel2,.timelineService-panel.timelineService-panel3,.timelineService-panel.timelineService-panel4,.timelineService-panel.timelineService-panel5,.timelineService-panel.timelineService-panel6{width:78px!important}
.service__card{width:190px}
.service__card-inner{padding:15px 5px 15px 5px}
.service-content{width:650px;margin-left:auto;margin-right:auto}
.service__card-mainText,.service__card-supText{font-size:16px}
.service-content .row .col-md-1{display:none}
.ml-md{margin-left:55px}
.footer_content{flex-wrap:wrap}
.footer_social{width:100%;margin-left:0;justify-content:space-between}
.footer_logo{margin-right:60px}
.main-timeline .timeline-content{padding:0 50px}
.main-timeline .description{width:100%}
.main-timeline .timeline-content:before{width:80%}
.aboutUs-img-content{height:160px}
.content-Txt{left:-15%}
.textMap{position:relative;right:auto;bottom:auto;display:flex;margin-top:35px}
.textMap_hr{width:1.5px;margin:0 24px 0 20px;height:30px;align-self:center}
.branches_content::before{width:160px}
.branches_content::after{left:160px}
.branches_content.branches_content-sm::before{width:70px}
.branches_content.branches_content-sm::after{left:70px}
.branches_textContent.branches_textContent-sm{margin-left:85px}
.branches_textContent{margin-left:175px}
.branches_mainTitle,.branches_subTitle{font-size:15px;min-width:137px}
.tawasul_footer{margin-top:0;padding-top:20px}
.search-toggle{display:none}
.navbar-light .navbar-nav .nav-link.nav-link-tawasul{font-size:15px;padding:15px 0}
.partnerImg4.partnerImgHome4{width:75px;height:75px}
.partnerLogos .col-md-4{padding-bottom:0;min-height:120px}
.partnerImg1.partnerImgHome,.partnerImg2.partnerImgHome,.partnerImg3.partnerImgHome,.partnerImg4.partnerImgHome,.partnerImg5.partnerImgHome,.partnerImg6.partnerImgHome{filter:grayscale(0)}
.padForFooter{padding-bottom:50px}
.sec3{padding-top:70px}
.main-timeline .timeline-icon.timeline-icon-left:before{width:82px;right:-82px}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:-6px}
.main-timeline .timeline:nth-child(even) .timeline-content:after{width:21px}
.dflex_res{display:flex;flex-direction:column}
.padForFooter2{padding-bottom:60px}
.padForFooter3{padding-bottom:80px}
.tawasul_nav .dropdown-menu{background-color:transparent;border:1px solid transparent;margin-top:0}
.tawasul_nav .dropdown-item{text-align:center;font-size:15px}
.nav-vl{width:200px;height:2px;margin-left:8px;margin-right:8px;margin-bottom:0}
.search-container input[type=text]{width:90%}
.search-container{width:100%}
.search-container{margin-top:47px}
.navbar-light .navbar-nav .nav-link.nav-link-tawasul.nav-link-tawasul-lang{padding:15px 0rem 15px 0rem;font-size:22px}
.mainText-footer{margin-right:auto}
.modal .modal-content{height:auto}
.eventCardGrid{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media only screen and (min-width :480px) and (max-width :765px){
.iamCol{text-align:center;font-size:25pt}
.iamCol p{display:inline!important}
}
@media screen and (max-width:650px){
.marketingCon{padding-left:0}
.salesRow{height:auto}
.marketRow{height:auto}
.service__card{width:240px}
.service__card-inner{padding:20px 13px 20px 13px}
.service-content{overflow:hidden;width:100%}
.row{margin-right:0;margin-left:0}
.down{width:auto;right:4%}
.circle-svg-slider{width:290px!important}
.content-span1{font-size:18px!important}
.content-span2,.content-span3{font-size:16px!important}
.content-Txt{font-size:22px!important}
.content-Txt{bottom:11px!important;left:-15%!important}
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{width:55px!important}
.timeline-horizontal:before{width:77%}
.innerCircle{width:37px;height:37px;font-size:15px}
.timeline-horizontal .timeline-item .timeline-badge{top:auto;bottom:0;left:43px}
.timeline .timeline-item .timeline-badge{width:40px;height:40px}
.service__card-logo{width:50px;height:50px}
.service__card-logo img{max-height:50px}
.service__card-mainText,.service__card-supText{font-size:15px}
.service__card{width:220px}
.service-content{padding-top:50px}
.tawasul-container{width:92%}
.footerContent{text-align:center}
.footerAnchor{justify-content:center}
.tringle{width:34px!important}
.mainTitle{font-size:24px!important}
.partnerElement{width:50%;display:flex;justify-content:center;margin-bottom:30px;min-height:96px;align-items:center}
.displayOnMobile{display:block}
.displayOnDesk{display:none}
.paddingTopHuge{padding-top:120px!important}
.footerLogo svg{width:118px!important;height:74px!important}
.aboutUs-section,.career-section,.innerPage_mt{margin-top:120px!important}
.formContent .input,.formContent .input:focus{padding-left:10px!important}
.formContent textarea,.formContent textarea:focus{height:125px;font-size:16px}
.formContent .submitInput,.formContent .submitInput:focus{width:100px!important}
.mt-imgHeader{margin-top:30px}
.partnerNum1Img{width:80px;height:63px}
.partnerNum3Img{width:88px;height:14.8px}
.partnerNum2Img{width:88px;height:22.5px}
.partnerNum4Img{height:58px;width:58px}
.partnerNum6Img{width:88px;height:21.8px}
.partnerNum5Img{width:88px;height:32.7px}
.owl-next{right:-5%}
.owl-prev{left:3%}
.protofolioOwl-carousel{width:90%;margin-left:auto;margin-right:auto}
.protofolio-section{margin-top:150px!important}
.paddingTopBig{padding-top:110px}
.eventCard{margin-bottom:20px}
.partnerImg1.partnerImgInside,.partnerImg2.partnerImgInside,.partnerImg3.partnerImgInside,.partnerImg5.partnerImgInside,.partnerImg6.partnerImgInside{width:auto;max-width:122px}
.partnerImg1.partnerImgInside{max-height:80px}
.partnerImg2.partnerImgInside{height:32px}
.partnerImg3.partnerImgInside{height:21px}
.partnerImg5.partnerImgInside{height:45px}
.partnerImg6.partnerImgInside{height:29px}
.row.rowNoMargin{margin-right:0;margin-left:0}
.aboutUs-section-p{font-size:16px}
.mainTitle{font-size:19px!important}
.tringle{width:25px!important}
.aboutUs__cards{flex-direction:column}
.aboutUs__card{width:100%}
.aboutUs__card:not(:last-of-type){margin-bottom:20px}
.ourValue-section,.protofolio-section{margin-top:70px}
.ourValue-margin{margin-top:30px;order:2}
.ourValue-content2{margin-top:5px;position:relative;order:1}
.ourValue-content2 img{width:100%;height:auto}
.marketing_content{height:auto}
.ourValue-content1:first-of-type{margin-bottom:50px}
.ourValue-item{width:33.33%}
.ourValue-item .itemCon img{max-width:45px;max-height:48px}
.main-timeline .timeline-icon{left:8%}
.main-timeline .timeline-icon.timeline-icon-left:before{width:43px;right:-43px}
.main-timeline .timeline-icon{width:85px;height:85px;padding:8px}
.main-timeline .timeline-icon span.iconText{font-size:16px;line-height:62px}
.main-timeline .timeline-content:before{left:12px}
.main-timeline .timeline-content:after{width:15px}
.main-timeline .timeline-content{padding:0 18px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:13px}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:8%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-43px}
.description2{padding-top:59px;margin-bottom:0}
.main-timeline .timeline-content.noPaddingR{padding-right:0}
.main-timeline .timeline-content.noPaddingL{padding-left:0}
.main-timeline .timeline:first-of-type{margin-top:30px}
.tawasulKey-section{margin-top:80px}
.row.rowNoMargin{margin-right:0;margin-left:0}
.h3{width:100%;font-size:17px;margin-bottom:15px}
.mgLeftBig{margin-left:10%}
.pt100{padding-top:0}
.pb150{padding-bottom:80px}
.partnerContent{width:100%;height:90px}
.partnersLogo.pt-5.mt-5{margin-top:30px!important;padding-top:0!important}
.partnersLogo .col-md-3{justify-content:center;display:flex;margin-bottom:30px}
.partnersLogo .row.mt-3.pt-5:nth-child(2){margin-top:0!important;padding-top:0!important;padding-bottom:60px!important}
.partnerImg4{margin-left:0!important}
.flexWrapMobile{flex-wrap:wrap}
.finalRow-bestSeller{flex-direction:column-reverse}
.event-section,.partner-section,.service-section{margin-top:140px}
.eventCard{width:100%}
.eventCard-eventDate,.eventCard-text,.eventCard-text a,.eventCard-text a:hover{font-size:15px}
.col-md-10{padding:0}
.timelineService-horizontal .timelineService-item{height:auto;min-height:320px;padding-right:0}
.col-md-2.noPaddingMobile{width:50%!important}
.modalContent{flex-direction:column}
.modalImg{width:100%;margin-right:0}
.modalText{width:100%;margin-top:25px}
.modal-p{font-size:17px}
.modal-body{padding:1rem 25px 25px 25px}
.down img{width:35px}
.aboutUs__card .bgCard{opacity:1}
.aboutUs__card .box3{border:2px solid rgba(0,160,80,0);color:#fff}
.aboutUs__card .aboutUs__cards-text{opacity:1}
.partnerLogos{width:100%;margin-left:0;padding-bottom:20px}
.partnerLogos .col-md-4{width:50%}
.partnerImg5{margin-left:0}
.bestSellerMobile{display:flex;flex-wrap:wrap}
.timelineService-panel.timelineService-panel1,.timelineService-panel.timelineService-panel2,.timelineService-panel.timelineService-panel3,.timelineService-panel.timelineService-panel4,.timelineService-panel.timelineService-panel5,.timelineService-panel.timelineService-panel6{opacity:1}
.timelineService-horizontal .timelineService-item .timelineService-panel{bottom:0}
.timelineService-horizontal:before{bottom:0;margin-bottom:0}
.timelineService-horizontal .timelineService-item .timelineService-badge{top:-3px;bottom:auto;left:47px}
.timelineService-horizontal{padding:0 0 20px 0}
.timelineService-horizontal{display:flex;flex-direction:column}
.timelineService-horizontal:before{width:5px;height:100%}
.timelineService-horizontal .timelineService-item{width:96.66%}
.timelineService-horizontal .timelineService-item .timelineService-panel{left:111px!important}
.timelineService-horizontal .timelineService-item.lastItemService{width:96.66%}
.timelineService-horizontal .timelineService-item{height:auto;min-height:350px;padding-right:0}
.timelineService-horizontal .timelineService-item .timelineService-panel{margin-bottom:0}
.cardCon{height:347px}
.ml-md{margin-left:15px}
a.mainAnchor,a.mainAnchor:focus,a.mainAnchor:hover{font-size:16px}
.footer_logo{margin-right:15px}
.upper_footer{height:auto;flex-direction:column}
.footer_logo{margin-top:20px;margin-bottom:20px;margin-right:0}
.footer_content{line-height:1.2}
.footer_content>.mainText-footer{width:100%;text-align:center;margin:7px 0 3px 0}
.footer_content>.subText-footer{width:100%;justify-content:center}
.subText-footer{margin-left:0}
.footer_social{width:100%;margin-left:0;flex-wrap:wrap;justify-content:space-between}
.footer_social>.mainText-footer{width:100%;text-align:center;margin:7px 0 3px 0}
.footer_social>.subText-footer{flex-wrap:wrap;justify-content:center;margin-bottom:20px;width:100%}
.footer_social>.subText-footer a{width:50%;margin-bottom:5px}
.subText-footer a:not(:last-of-type){margin-right:0}
.subText-footer,.subText-footer a{font-size:11px}
.upper_footer{padding:0 2rem;display:flex;justify-content:center}
.copyRight{font-size:10px!important}
.copyRight a{font-size:10px!important}
nav.navbar.tawasul_nav{padding:.6rem 1rem}
.nav-vl{width:200px;height:2px;margin-left:8px;margin-right:8px}
.searchbar{margin-left:0}
.swiperCN{top:auto;bottom:15%}
.h2{font-size:30px}
.main-timeline .description{font-size:12px}
.circle_numbers{justify-content:space-between}
.circle_num{width:47%;min-height:177px;margin-top:25px;margin-bottom:15px}
.circle_num:not(:last-of-type){margin-right:0}
.eventCard-img{height:200px}
.col3Border .nav-link.active::after{width:40px;height:40px;right:-40px}
.tab-content-protofolio{min-height:560px}
.col3Border .nav-link.active::after{top:30px}
.search-container input[type=text]{width:80%}
.content img{width:160px;height:93px;margin-left:0}
.content-span1{margin-left:0}
.circle-slider{width:100%;margin-left:auto}
.mapContent .svgMap,.svgMap_content{width:260px}
.branches_mainTitle,.branches_subTitle{font-size:11px;min-width:70px}
.branches_textContent{padding-top:15px}
.branches_content::before{width:100px}
.branches_content::after{left:100px}
.branches_content.branches_content-sm::before{width:30px}
.branches_content.branches_content-sm::after{left:30px}
.branches_textContent.branches_textContent-sm{margin-left:40px}
.branches_textContent{margin-left:110px}
.textMap{margin-top:30px;justify-content:space-around;order:2}
.textMap .subText-footer{align-items:flex-start}
.aboutUs-section-p{line-height:1}
.aboutUs-section-p.textDark,.aboutUs-section-p.textDarker,.aboutUs-section-p.textLight{flex:1}
.squares{order:1}
.service__card{padding-bottom:0;padding-top:43px}
.serviceFooter{bottom:0;top:-19px;left:-27px;box-shadow:none;transform:rotate(90deg) scale(1)}
.ourValue-content1 .ourValue-item:nth-child(1),.ourValue-content1 .ourValue-item:nth-child(2),.ourValue-content1 .ourValue-item:nth-child(3){margin-bottom:35px}
.eventCardGrid{display:grid;grid-template-columns:repeat(1,1fr)}
.protofolio_res{display:block}
.protofolio_desk{display:none}
.nav-link-protofolio{margin-bottom:20px}
.product_content{display:flex;flex-wrap:wrap}
.product_content_inner{width:100%}
.product_tab_divider{background-color:#6d6e71;height:2px;width:70%;position:relative;margin-bottom:25px;margin-top:10px;margin-left:auto;margin-right:auto}
.center{width:100%;height:auto;margin-bottom:30px}
.select_product{width:100%;position:relative}
.upToBegin{display:block;position:fixed;bottom:10px;right:10px;background-color:#292661;padding:1px 8px;border-radius:3px}
.arrow{border:solid #fff;border-width:0 3px 3px 0;display:inline-block;padding:3px}
.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.protofolio_res .protofolioCol3{border-right:2px solid #4ec0d2;border-left:2px solid #4ec0d2;min-height:62px;align-items:center}
.ourValue-margin2 .col-md-6{padding-left:0}
.ourValue-margin3 .col-md-6{padding-right:0}
.mtServic,.mtService2{margin-top:50px}
}
@media only screen and (min-width :320px) and (max-width :479px){
.iamCol{text-align:center;font-size:20pt}
.iamCol p{display:inline!important}
}
@media screen and (max-width:375px){
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{width:48px!important}
.timeline-horizontal:before{width:75%}
.content-Txt{left:-10%!important}
}
@media screen and (max-width:320px){
.content-Txt{font-size:19px!important}
.content-Txt{left:-2%!important}
.timeline-panel.timeline-panel1,.timeline-panel.timeline-panel2,.timeline-panel.timeline-panel3,.timeline-panel.timeline-panel4,.timeline-panel.timeline-panel5,.timeline-panel.timeline-panel6{width:41px!important}
.partnerNum3Img{width:85px;height:14.3px}
.partnerNum2Img{width:85px;height:21.8px}
.partnerNum4Img{height:50px;width:50px}
.partnerNum6Img{width:85px;height:20.3px}
.partnerNum5Img{width:85px;height:31.6px}
.paddingTopBig{padding-top:85px}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:0}
.main-timeline .timeline-icon{left:0}
}
@media (min-width:768px){
.tawasul-container-mod{max-width:720px}
}
@media (min-width:992px){
.tawasul-container-mod{max-width:960px}
}
@media (min-width:1200px){
.tawasul-container-mod{max-width:1140px}
}
@media only screen and (max-width:1200px){
.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
}