.integration-container{display:grid;grid-template-columns:1fr}@media only screen and (max-width:768px){.integration-container{gap:40px;grid-template-columns:1fr}}.inegration-title-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.inegration-title-box h1{color:#d30c7b;font-size:32px;font-weight:600;line-height:1.1}.inegration-title-box h1 span{font-size:62px;font-weight:700}@media only screen and (max-width:480px){.inegration-title-box{align-items:center}.inegration-title-box h1{font-size:28px;text-align:center}.inegration-title-box h1 span{font-size:42px}}.img-modal-group{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.img-modal-group .modal-box,.img-modal-group .svg-box{grid-column:1;grid-row:1}.img-modal-group .svg-box{height:auto;margin:0 auto;max-width:60vw;transition:.5s;width:100%}@media only screen and (max-width:792px){.img-modal-group .svg-box{width:90%}}@media only screen and (max-width:480px){.img-modal-group .svg-box{width:100%}}.img-modal-group .svg-box svg{height:auto;width:100%}.img-modal-group .svg-box svg g:hover{cursor:pointer}.img-modal-group .svg-box svg #linije:hover{pointer-events:none}.img-modal-group .modal-box{background-color:#d30c7b;border-radius:12px;color:#fff;display:none;font-family:Poppins,sans-serif;margin:auto;max-width:500px;padding:40px;position:relative;z-index:10}@media only screen and (max-width:1150px){.img-modal-group .modal-box{width:50%}}@media only screen and (max-width:992px){.img-modal-group .modal-box{width:80%}}@media only screen and (max-width:480px){.img-modal-group .modal-box{width:100%}}.img-modal-group .modal-box img{height:60px;margin-bottom:20px;width:auto}.img-modal-group .modal-box h4{font-size:22px;line-height:1.1;margin:0 0 20px;text-align:left;width:75%}@media only screen and (max-width:480px){.img-modal-group .modal-box h4{width:95%}}.img-modal-group .modal-box p{line-height:1.3;margin:0;text-align:left}.img-modal-group .blur-svg{filter:blur(8px);-webkit-filter:blur(8px)}.img-modal-group .close-modal{fill:#fff;height:15px;position:absolute;right:20px;top:20px;width:15px}.img-modal-group .close-modal:hover{cursor:pointer}.svg-modal-mask-show{height:100%;left:0;position:fixed;top:0;width:100%}#lambda{animation-duration:3s;animation-iteration-count:infinite;animation-name:scale;animation-timing-function:ease-in-out}#DHL,#V,#spirala,#ups{animation-duration:2s;animation-iteration-count:infinite;animation-name:floating2;animation-timing-function:ease-in-out}#krug-4tacke,#pismo-orao,#salesforce{animation-duration:4s;animation-iteration-count:infinite;animation-name:floating3;animation-timing-function:ease-out}#S,#YouTub,#majmun{animation-duration:5s;animation-iteration-count:infinite;animation-name:floating4;animation-timing-function:ease-in-out}#baterije,#fedex,#kameravideo{animation-duration:3s;animation-iteration-count:infinite;animation-name:floating5;animation-timing-function:cubic-bezier(.1,-.6,.2,0)}#D-kraci,#P,#Pp{animation-duration:6s;animation-iteration-count:infinite;animation-name:floating6;animation-timing-function:ease-in}@keyframes scale{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(-65px,-35px)}to{transform:scale(1) translate(0)}}@keyframes floating1{0%{transform:translate(0)}50%{transform:translate(10px,10px)}to{transform:translate(0)}}@keyframes floating2{0%{transform:translate(0)}50%{transform:translate(7px,7px)}to{transform:translate(0)}}@keyframes floating3{0%{transform:translate(0)}50%{transform:translate(4px,5px)}to{transform:translate(0)}}@keyframes floating4{0%{transform:translate(0)}50%{transform:translate(5px,2px)}to{transform:translate(0)}}@keyframes floating5{0%{transform:translate(0)}50%{transform:translate(5px,10px)}to{transform:translate(0)}}@keyframes floating6{0%{transform:translate(0)}50%{transform:translate(12px,15px)}to{transform:translate(0)}}#Union,circle{transition:all .5s}#YouTub:hover circle{fill:red}#majmun:hover circle{fill:#ffe01b}#kameravideo:hover circle{fill:#2d8cff}#spirala:hover circle{fill:#02b6c8}#fedex:hover circle{fill:#4d0469}#DHL:hover circle{fill:#d50029}#ups:hover circle{fill:#f1ac01}#Pp:hover circle{fill:#233877}#salesforce:hover circle{fill:#008abc}#pismo-orao:hover circle{fill:#004b87}#S:hover circle{fill:#626cd9}#V:hover #Union{fill:#00a4e3}#baterije:hover circle{fill:#eca200}#D-kraci:hover circle{fill:#0082cb}#krug-4tacke:hover circle{fill:#f22f46}#P:hover circle{fill:#017fa3}